修复项目主页优先级排序功能

src/views/projectManage/projectList/projectIndex.vue

@@ -112,44 +112,14 @@
           size="mini"
           show-overflow-tooltip="true"
         >
-          <el-table-column label="优先级" sortable min-width="100" align="center">
+          <el-table-column prop="priority" label="优先级" sortable min-width="100" align="center">
             <template slot-scope="scope">
-              <div
-                v-show="scope.row.priorityStr === 'p0'"
-                :style="{background: '#F56C6C',border: '#F56C6C',width:'41.39px',height:'23px',margin: '0 auto','border-radius': '4px','color': 'white'} "
-              >{{ scope.row.priorityStr.toUpperCase() }}</div>
-              <div
-                v-show="scope.row.priorityStr === 'p1'"
-                :style="{background: '#FF8952',border: '#FF8952',width:'41.39px',height:'23px',margin: '0 auto','border-radius': '4px','color': 'white'} "
-              >{{ scope.row.priorityStr.toUpperCase() }}</div>
-              <div
-                v-show="scope.row.priorityStr === 'p2'"
-                :style="{background: '#F5E300',border: '#F5E300',width:'41.39px',height:'23px',margin: '0 auto','border-radius': '4px','color': 'white'} "
-              >{{ scope.row.priorityStr.toUpperCase() }}</div>
-              <div
-                v-show="scope.row.priorityStr === 'p3'"
-                :style="{background: '#7ED321',border: '#7ED321',width:'41.39px',height:'23px',margin: '0 auto','border-radius': '4px','color': 'white'} "
-              >{{ scope.row.priorityStr.toUpperCase() }}</div>
-              <div
-                v-show="scope.row.priorityStr === 'p4'"
-                :style="{background: '#61D3B8',border: '#61D3B8',width:'41.39px',height:'23px',margin: '0 auto','border-radius': '4px','color': 'white'} "
-              >{{ scope.row.priorityStr.toUpperCase() }}</div>
-              <div
-                v-show="scope.row.priorityStr === 'p5'"
-                :style="{background: '#69B3FF',border: '#69B3FF',width:'41.39px',height:'23px',margin: '0 auto','border-radius': '4px','color': 'white'} "
-              >{{ scope.row.priorityStr.toUpperCase() }}</div>
-              <div
-                v-show="scope.row.priorityStr === 'p6'"
-                :style="{background: '#C889FF',border: '#C889FF',width:'41.39px',height:'23px',margin: '0 auto','border-radius': '4px','color': 'white'} "
-              >{{ scope.row.priorityStr.toUpperCase() }}</div>
+              <div class="div_priority" :style="{background: priorityColors[scope.row.priority % priorityColors.length]}">{{ 'P'+scope.row.priority }}</div>
             </template>
           </el-table-column>
           <el-table-column label="项目名称" min-width="400" show-overflow-tooltip>
             <template slot-scope="scope">
-              <div
-                style="cursor: pointer;"
-                @click="link_project(scope.row.id)"
-              >{{ scope.row.name }}</div>
+              <div style="cursor: pointer;" @click="link_project(scope.row.id)">{{ scope.row.name }}</div>
             </template>
           </el-table-column>
           <el-table-column label="业务线" min-width="100" align="center">
@@ -371,6 +341,7 @@ export default {
         bizType: '项目类型',
         priority: '优先级'
       },
+      priorityColors: ['#F56C6C', '#FF8952', '#F5E300', '#7ED321', '#61D3B8', '#69B3FF', '#C889FF'],
       rules_form: {
         name: [{ required: true, message: '请输入项目名称', trigger: 'blur' }],
         bizType: [
@@ -623,4 +594,11 @@ export default {
 .el-dialog__header {
     padding: 0px 0px 0px;
 }
+.div_priority {
+  color: #ffffff;
+  width:fit-content;
+  padding: 0 12px;
+  border-radius: 4px;
+  margin: auto;
+}
 </style>