任务首页列表添加优先级

src/views/projectManage/taskList/taskIndex.vue

@@ -131,7 +131,11 @@
         size="small"
         show-overflow-tooltip="true"
       >
-        <!--<el-table-column label min-width="30" align="center">{{ '' }}</el-table-column>-->
+        <el-table-column label="优先级" min-width="100" prop="priority" sortable align="left">
+          <template slot-scope="scope">
+            <div class="div_priority" :style="{background: priorityColors[scope.row.priority]}">{{ scope.row.priorityString }}</div>
+          </template>
+        </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><br>
@@ -144,9 +148,6 @@
         <el-table-column label="归属需求" min-width="150" align="center" show-overflow-tooltip>
           <template slot-scope="scope">{{ scope.row.requireName }}</template>
         </el-table-column>
-        <!-- <el-table-column label="平台" min-width="100" align="center">
-          <template slot-scope="scope">{{ scope.row.typeString }}</template>
-        </el-table-column> -->
         <el-table-column label="模块" min-width="100" align="center" show-overflow-tooltip>
           <template slot-scope="scope">{{ scope.row.moduleInfoName }}</template>
         </el-table-column>
@@ -213,6 +214,7 @@ export default {
     return {
       header_show: true,
       props: { multiple: true },
+      priorityColors: ['#F56C6C', '#FF8952', '#F5E300', '#7ED321', '#61D3B8', '#69B3FF', '#BDBDBD'],
       arr_priority: [{ value: 0, name: 'p0' }, { value: 1, name: 'p1' }, { value: 2, name: 'p2' }, { value: 3, name: 'p3' }, { value: 4, name: 'p4' }, { value: 5, name: 'p5' }, { value: 6, name: 'p6' }],
       dialog_open: false,
       curIndex: 1,
@@ -439,6 +441,13 @@ export default {
   background-color: #f6f7fa;
   color: #606266;
 }
+.div_priority {
+  color: #ffffff;
+  width:fit-content;
+  padding: 0 12px;
+  border-radius: 4px;
+  margin-left: 4px;
+}
 
 </style>
 <style lang="stylus" scoped>