efrf

src/views/projectManage/taskList/taskViewDetails.vue

@@ -8,9 +8,7 @@
         <div
           style="float: left;display: flex; justify-content: space-between; align-items: center;"
         >
-          <span
-            style="background: red; text-align:center; border-radius:8px; min-height: auto;display: flex; justify-content: space-between; align-items: center;color: #FFF; "
-          >
+          <span :style="{background: bgStyle} " class="timeStyle">
             {{ task_form.stageString }}
             <br>
             {{ task_form.lateMsg }}
@@ -611,7 +609,8 @@ export default {
       test: {},
       taskStatus: [],
       CallBackStatus: '',
-      CallBackId: ''
+      CallBackId: '',
+      bgStyle: ''
     }
   },
   created() {
@@ -677,6 +676,10 @@ export default {
             this.appVersion = this.versionDeal(res.data)
           }
         })
+        this.task_form.stageString === '未知' ? this.bgStyle = '#C889FF' : ''
+        this.task_form.stageString === '正常' ? this.bgStyle = '#69B3FF' : ''
+        this.task_form.stageString === '延期' ? this.bgStyle = '#FF8952' : ''
+        this.task_form.stageString === '已延期' ? this.bgStyle = '#F56C6C' : ''
       })
       commentList({ type: 3, joinId: this.taskId[1] }).then(res => {
         this.commentTxt = res.data
@@ -1038,7 +1041,8 @@ export default {
           window.open(ele, '_blank')
           break
         case 3:
-          this.$router.push({ name: '需求详情', query: { id: ele }})
+          this.$router.push({ name: '需求详情', params: { id: ele + '' }})
+          // this.$router.push({ name: '需求详情', query: { id: ele }})
           break
       }
     },
@@ -1318,4 +1322,14 @@ export default {
 .status:hover {
   color: #6AB4FF;
 }
+
+.timeStyle {
+   padding:5px; text-align:center;
+   border-radius:8px;
+   min-height: auto;
+   display: flex;
+   justify-content: space-between;
+   align-items: center;
+   color: #FFF;
+}
 </style>