bug121025

src/project/saas/AppCooperationPropaganda/cooperationDetail.vue

@@ -17,7 +17,8 @@
     <div class="content">
       <div class="header">
         <div class="header_left">
-          <div>{{ detail.taskTitle }}</div>
+          <div>{{ detail.taskTitle }} <span :class="detail.status==0? 'status0': detail.status==1? 'status1': detail.status==2? 'status2':
+           detail.status == 3? 'status3':detail.status==4? 'status4': 'status5'">{{ $dict.getLabel('mstStatus', detail.status) }}</span></div>
           <div>
             创建时间: <span>{{ createTime }}</span> 
           </div>
@@ -344,6 +345,7 @@ export default {
   },
   onShow() {
     document.title = "群发居民群统计";
+    this.$dict.load("mstStatus")
     this.getStatistics();
     this.getDetail();
   },
@@ -397,7 +399,7 @@ export default {
   }
 
   .header {
-    height: 160px;
+    // height: 160px;
     padding: 32px;
     box-sizing: border-box;
     background: #fff;
@@ -410,6 +412,37 @@ export default {
         font-size: 32px;
         font-weight: 600;
         margin-bottom: 10px;
+
+        span {
+          display: inline-block;
+          padding: 0 8px;
+          border: 1px solid;
+          border-radius: 6px;
+          font-size: 26px;
+          font-weight: normal;
+          margin-left: 8px;
+        }
+        .status0 {
+          color: #FFA938 !important;
+        }
+        .status1 {
+          color: #FF6758 !important;
+        }
+        .status2 {
+          color: #3399FF !important;
+        }
+        .status3 {
+          color: #FF6758 !important;
+        }
+        .status4 {
+          color: #3399FF !important;
+        }
+        .status5 {
+          color: #1CCEB0 !important;
+        }
+        .status6 {
+          color: #666666 !important;
+        }
       }
       div:last-child {
         color: #666666;