任务状态

src/views/projectManage/projectList/components/taskList.vue

@@ -46,7 +46,17 @@
       <el-table-column label="任务名称" width="200" align="left" show-overflow-tooltip>
         <template slot-scope="scope">
           <div class="task-main">
-            <span class="task-id">TASK-{{ scope.row.id }}</span>
+            <span class="task-id">TASK-{{ scope.row.id }}
+              <span
+                v-if="scope.row.tagNotification !== null"
+                :class="{
+                  'tagNotification': scope.row.tagType === 0,
+                  'tagNotification1': scope.row.tagType === 1
+                }"
+              >
+                {{ scope.row.tagNotification }}
+              </span>
+            </span>
             <span class="task-title" @click="link_task(scope.row.id)">{{ scope.row.name }}</span>
           </div>
         </template>
@@ -278,6 +288,24 @@ export default {
   }
 }
 </script>
+
+<style scoped>
+.tagNotification {
+  background: rgba(255,137,82,15%);
+  color: #FF8952;
+  padding: 0 5px;
+  border-radius: 8px;
+  margin-left: 10px;
+}
+
+.tagNotification1 {
+  background: rgba(245,108,108,17%);
+  color: #F56C6C;
+  padding: 0 5px;
+  border-radius: 8px;
+  margin-left: 10px;
+}
+</style>
 <style lang="scss" scoped>
 @mixin setStatus($color) {
   input {

src/views/projectManage/requirement/components/taskList.vue

@@ -46,7 +46,18 @@
       <el-table-column label="任务名称" width="200" align="left" show-overflow-tooltip>
         <template slot-scope="scope">
           <div class="task-main">
-            <span class="task-id">TASK-{{ scope.row.id }}</span>
+            <span class="task-id">
+              TASK-{{ scope.row.id }}
+              <span
+                v-if="scope.row.tagNotification !== null"
+                :class="{
+                  'tagNotification': scope.row.tagType === 0,
+                  'tagNotification1': scope.row.tagType === 1
+                }"
+              >
+                {{ scope.row.tagNotification }}
+              </span>
+            </span>
             <span class="task-title" @click="link_task(scope.row.id)">{{ scope.row.name }}</span>
           </div>
         </template>
@@ -275,6 +286,24 @@ export default {
   }
 }
 </script>
+
+<style scoped>
+.tagNotification {
+  background: rgba(255,137,82,15%);
+  color: #FF8952;
+  padding: 0 5px;
+  border-radius: 8px;
+  margin-left: 10px;
+}
+
+.tagNotification1 {
+  background: rgba(245,108,108,17%);
+  color: #F56C6C;
+  padding: 0 5px;
+  border-radius: 8px;
+  margin-left: 10px;
+}
+</style>
 <style lang="scss" scoped>
 @mixin setStatus($color) {
   input {

src/views/projectManage/taskList/taskIndex.vue

@@ -136,7 +136,18 @@
         </el-table-column>
         <el-table-column label="任务名称" min-width="250" show-overflow-tooltip align="left">
           <template slot-scope="scope">
-            <span style="font-size: 12px;color: rgba(167,174,188,1);">{{ scope.row.taskIdSting }} <span v-if="scope.row.tagNotification !== null" class="tagNotification"> {{ scope.row.tagNotification }}</span></span><br>
+            <span style="font-size: 12px;color: rgba(167,174,188,1);">
+              {{ scope.row.taskIdSting }}
+              <span
+                v-if="scope.row.tagNotification !== null"
+                :class="{
+                  'tagNotification': scope.row.tagType === 0,
+                  'tagNotification1': scope.row.tagType === 1
+                }"
+              >
+                {{ scope.row.tagNotification }}
+              </span>
+            </span><br>
             <span class="stylus-hover" @click="link_task(scope.row.id)">{{ scope.row.name }}</span>
           </template>
         </el-table-column>
@@ -450,6 +461,14 @@ export default {
   margin-left: 10px;
 }
 
+.tagNotification1 {
+  background: rgba(245,108,108,17%);
+  color: #F56C6C;
+  padding: 0 5px;
+  border-radius: 8px;
+  margin-left: 10px;
+}
+
 </style>
 <style lang="stylus" scoped>
   .stylus-head >>> .el-form-item__label

src/views/workbench/team/components/taskList.vue

@@ -42,7 +42,17 @@
       <el-table-column label="任务名称" min-width="250" align="left" show-overflow-tooltip>
         <template slot-scope="scope">
           <div class="task-main">
-            <span class="task-id">TASK-{{ scope.row.id }}</span>
+            <span class="task-id">TASK-{{ scope.row.id }}
+              <span
+                v-if="scope.row.tagNotification !== null"
+                :class="{
+                  'tagNotification': scope.row.tagType === 0,
+                  'tagNotification1': scope.row.tagType === 1
+                }"
+              >
+                {{ scope.row.tagNotification }}
+              </span>
+            </span>
             <span class="task-title" @click="link_task(scope.row.id)">{{ scope.row.name }}</span>
           </div>
         </template>
@@ -328,6 +338,24 @@ export default {
   }
 }
 </script>
+
+<style scoped>
+.tagNotification {
+  background: rgba(255,137,82,15%);
+  color: #FF8952;
+  padding: 0 5px;
+  border-radius: 8px;
+  margin-left: 10px;
+}
+
+.tagNotification1 {
+  background: rgba(245,108,108,17%);
+  color: #F56C6C;
+  padding: 0 5px;
+  border-radius: 8px;
+  margin-left: 10px;
+}
+</style>
 <style lang="scss" scoped>
 @mixin setStatus($color) {
   input {