我的督办及详情、编辑

src/assets/css/mui.min.css

@@ -221,7 +221,7 @@ th {
 
 body {
 	font-family: 'Helvetica Neue', Helvetica, sans-serif;
-	font-size: 17px;
+	font-size: 14px;
 	line-height: 21px;
 	color: #000;
 	background-color: #efeff4;

src/assets/css/swdc.css

@@ -38,6 +38,8 @@ a {
 	justify-content: space-between;
 }
 .von-db-list .mui-table-view-cell::after,
+.von-db-list.mui-table-view::before,
+.von-db-list.mui-table-view::after,
 .mui-table-view::before,
 .mui-table-view::after,
 .form-right.mui-input-group .mui-input-row::after{
@@ -138,7 +140,7 @@ a {
 	padding: 0 15px;
 	font-weight: initial;
 }
-.mui-bar.mui-bar-tab .mui-tab-item.mui-active{
+.mui-bar-tab .mui-tab-item.mui-active{
 	color:#9A7CFA
 }
 .mui-bar-tab .mui-tab-item.mui-active .iconfont{
@@ -266,12 +268,13 @@ a {
 	padding:11px 15px;
 	position:relative;
 	flex:1;
-	color:#101010
+	color:#101010;
+	text-align: center;
 }
 .von-db-top .mui-navigate-right::after{
 	content: '\e581';
 }
-.von-db-list{
+.von-db-list.mui-table-view{
 	padding:10px;
 	background:0
 }

src/views/base/incident-content.vue

@@ -0,0 +1,28 @@
+<template>
+  <div>
+    <header class="mui-bar mui-bar-nav">
+			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
+			<h1 class="mui-title">编辑内容</h1>
+			<button class="mui-btn mui-pull-right mui-btn-blue">完成</button>
+		</header>
+		<div class="mui-content von-edit">
+			<textarea id="textarea" placeholder="请输入编辑内容"></textarea>
+		</div>
+  </div>
+</template>
+
+<script>
+export default {
+ 
+   mounted() {
+            document.body.style.backgroundColor = '#fff';
+        },
+        destroyed() {
+           document.body.style.backgroundColor = '';
+         },
+
+};
+</script>
+
+<style>
+</style>

src/views/base/incident-doc.vue

@@ -0,0 +1,100 @@
+<template>
+  <div>
+    <header class="mui-bar mui-bar-nav bg-blue shaw-no">
+			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
+			<h1 class="mui-title">督办详情</h1>
+		</header>
+		<div class="mui-content">
+			<div class="von-form">
+				<form class="mui-input-group form-right">
+					<div class="mui-input-row">
+						<label>督办类型</label>
+						<span>A000001</span>
+					</div>
+					<div class="mui-input-row">
+						<label>登记人</label>
+						<span>王小山</span>
+					</div>
+					<div class="mui-input-row">
+						<label>督办类型</label>
+						<span>领导批示</span>
+					</div>
+					<div class="mui-input-row">
+						<label>当前进度</label>
+						<span>已交办</span>
+					</div>
+					<div class="mui-input-row">
+						<label>登记时间</label>
+						<span>2020-03-20 12:00:00</span>
+					</div>
+					<div class="mui-input-row">
+						<label>提醒时间</label>
+						<span>2020-03-20 12:00:00</span>
+					</div>
+				</form>
+				<form class="mui-input-group">
+					<div class="mui-input-row von-form-all">
+						<label class="mui-navigate-right">文件标题</label>
+						<h5 class="mui-ellipsis-2 c-8">关于对重点企业清洁生产审核工作进展进行督办的通知</h5>
+					</div>
+					<div class="mui-input-row von-form-all">
+						<label class="mui-navigate-right">督办内容</label>
+						<h5 class="mui-ellipsis-2 c-10">按照全省重点企业清洁生产审核工作的要求，我市重点企业清洁生产审核已于5月全面启动，按照全省重点企业清洁生产审核工作的要求，我市重点企业清洁生产审核已于5月全面启动，前期我市清洁生产审核工作...</h5>
+					</div>
+					<div class="mui-input-row von-form-img">
+						<label>图片/附件</label>
+						<span>
+							<div class="von-form-up">
+								<img src="@/assets/img/banner01.jpg" />
+							</div>
+							<div class="von-form-up">
+								<img src="@/assets/img/banner01.jpg" />
+							</div>
+							<div class="von-form-up">
+								<img src="@/assets/img/banner01.jpg" />
+							</div>
+						</span>
+					</div>
+					<div class="mui-input-row von-form-all">
+						<label class="mui-navigate-right">领导批示<h6 class="mui-pull-right">2021-03-15</h6></label>
+						<h5 class="mui-ellipsis-2 c-10">按照全省重点企业清洁生产审核工作的要求，我市重点企业清洁生产审核已于5月全面启动，前期我市清洁生产审核工作...</h5>
+					</div>
+				</form>
+				<div class="vongi-slot">
+					<div class="vongi-slot-block">
+						<div class="vongi-slot-img"><i class="iconfont iconantOutline-check-circleCopy4"></i></div>
+						<div class="vongi-slot-content">
+							<h5 class="flex-sp">督办科<p class="yellow">待批示</p></h5>
+							<p class="flex-sp">等待批示中<span class="">2020-11-26 13:00</span></p>
+						</div>
+					</div>
+					<div class="vongi-slot-block">
+						<div class="vongi-slot-img"><i class="iconfont iconantOutline-check-circleCopy4"></i></div>
+						<div class="vongi-slot-content">
+							<h5 class="flex-sp">督办科 科员 王小山<p class="blue">已承办</p></h5>
+							<p class="flex-sp">创建督办项目 <span>2020-11-26 13:00</span></p>
+						</div>
+					</div>
+					<div class="vongi-slot-block">
+						<div class="vongi-slot-img"><i class="iconfont iconantOutline-check-circleCopy4"></i></div>
+						<div class="vongi-slot-content">
+							<h5 class="flex-sp">督办科 科员 王小山<p class="blue">已承办</p></h5>
+							<p class="flex-sp">创建督办项目 <span>2020-11-26 13:00</span></p>
+						</div>
+					</div>
+				</div>				
+			</div>
+		</div>
+		<div class="vongi-scon-botton">
+			<button class="mui-btn mui-btn-danger">关闭督办</button>
+			<button class="mui-btn mui-btn-primary">修改状态</button>
+		</div>
+  </div>
+</template>
+
+<script>
+export default {};
+</script>
+
+<style>
+</style>

src/views/base/incident-panding.vue

@@ -1,5 +1,84 @@
 <template>
   <div>
-    padding
+    <header class="mui-bar mui-bar-nav bg-blue shaw-no">
+      <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
+      <h1 class="mui-title">我的督办</h1>
+    </header>
+    <div class="mui-content">
+      <div class="von-db-top flex-sp">
+        <a id="showUserPicker" class="mui-navigate-right mui-ellipsis" href=""
+          >督办类型</a
+        >
+        <a class="mui-navigate-right mui-ellipsis" href="">督办进度</a>
+        <a class="mui-navigate-right mui-ellipsis" href=""
+          >2020-03-01至2020-03-31</a
+        >
+      </div>
+      <ul class="mui-table-view von-db-list">
+        <li class="mui-table-view-cell blue-line">
+          <h4>省委领导批示</h4>
+          <div class="von-db-text">
+            <div class="flex-sp">
+              <div class="mui-col-xs-9 mui-ellipsis-2">
+                关于对重点企业清洁生产审核工作进展进行督办的通知化
+              </div>
+              <div class="mui-col-xs-3 mui-text-right">已交办</div>
+            </div>
+            <p class="mui-h6 mui-ellipsis flex-sp">
+              登记时间 2021-03-20<span>登记人 王小山</span>
+            </p>
+          </div>
+        </li>
+        <li class="mui-table-view-cell red-line">
+          <h4>省委领导批示</h4>
+          <div class="von-db-text">
+            <div class="flex-sp">
+              <div class="mui-col-xs-9 mui-ellipsis-2">
+                关于对重点企业清洁生产审核工作进展进行督办的通知化
+              </div>
+              <div class="mui-col-xs-3 mui-text-right">已交办</div>
+            </div>
+            <p class="mui-h6 mui-ellipsis flex-sp">
+              登记时间 2021-03-20<span>登记人 王小山</span>
+            </p>
+          </div>
+        </li>
+        <li class="mui-table-view-cell yellow-line">
+          <h4>重要工作</h4>
+          <div class="von-db-text">
+            <div class="flex-sp">
+              <div class="mui-col-xs-9 mui-ellipsis-2">
+                关于对重点企业清洁生产审核工作进展进行督办的通知化
+              </div>
+              <div class="mui-col-xs-3 mui-text-right">已交办</div>
+            </div>
+            <p class="mui-h6 mui-ellipsis flex-sp">
+              登记时间 2021-03-20<span>登记人 王小山</span>
+            </p>
+          </div>
+        </li>
+        <li class="mui-table-view-cell green-line">
+          <h4>省委领导批示</h4>
+          <div class="von-db-text">
+            <div class="flex-sp">
+              <div class="mui-col-xs-9 mui-ellipsis-2">
+                关于对重点企业清洁生产审核工作进展进行督办的通知化
+              </div>
+              <div class="mui-col-xs-3 mui-text-right">已交办</div>
+            </div>
+            <p class="mui-h6 mui-ellipsis flex-sp">
+              登记时间 2021-03-20<span>登记人 王小山</span>
+            </p>
+          </div>
+        </li>
+      </ul>
+    </div>
   </div>
-</template>
+</template>
+
+<script>
+export default {};
+</script>
+
+<style>
+</style>

src/views/base/message-detail.vue

@@ -0,0 +1,12 @@
+<template>
+  <div>
+    
+  </div>
+</template>
+
+<script>
+export default {};
+</script>
+
+<style>
+</style>

src/views/base/message-list.vue

@@ -0,0 +1,12 @@
+<template>
+  <div>
+    
+  </div>
+</template>
+
+<script>
+export default {};
+</script>
+
+<style>
+</style>