网格动态

src/project/biaopin/AppFormReview/Detail.vue

@@ -11,15 +11,32 @@
     <div class="header-middle">
       <div class="titles">{{ data.content }}</div>
       <span class="status" :class="`status${data.status}`">{{$dict.getLabel('auditStatus', data.status)}}</span>
-      <div class="card">
+      <div class="card solid">
         <span class="card-left">所属网格</span>
         <span class="card-right">{{data.girdName}}</span>
       </div>
-      <div class="card">
+      <div class="card solid">
         <span class="card-left">类型</span>
         <span class="card-right">{{$dict.getLabel('wyGirdNewsType', data.type)}}</span>
       </div>
 
+      <div v-if="data.status != 0">
+        <div class="card" v-if="data.examineOpinion">
+          <span class="card-left">审批意见</span>
+        </div>
+        <div class="card solid" v-if="data.examineOpinion">
+          <span class="card-right">{{data.examineOpinion}}</span>
+        </div>
+        <div class="card solid">
+          <span class="card-left">审批人</span>
+          <span class="card-right">{{data.examineUserName}}</span>
+        </div>
+        <div class="card solid">
+          <span class="card-left">审批时间</span>
+          <span class="card-right">{{data.examineTime}}</span>
+        </div>
+      </div>
+
       <div class="cards" v-if="data.files && data.files.length">
         <span class="card-left" style="color:#999">图片</span>
       </div>
@@ -179,7 +196,6 @@ uni-page-body {
       display: flex;
       justify-content: space-between;
       padding: 34px 0;
-      border-bottom: 1px solid #ddd;
 
       .card-left {
         width: 46%;
@@ -189,12 +205,17 @@ uni-page-body {
 
       .card-right {
         font-size: 32px;
+        word-break: break-all;
+        padding-right: 16px;
 
         .u-icon {
           margin-left: 8px;
         }
       }
     }
+    .solid {
+      border-bottom: 1px solid #ddd;
+    }
 
     // .card:last-child {
     //   border-bottom: none;