优化线上问题优先级

src/styles/PublicStyle/index.scss

@@ -82,129 +82,129 @@
 // 任务状态控制
 
 .status_color { // 迭代状态样式修改（颜色）
-  /deep/ input {
+  input {
     color: #6AB4FF !important;
     border: 1px solid #6AB4FF !important;
     border-color: #6AB4FF !important;
     font-weight: 900 !important;
   }
-  /deep/ .el-input__suffix {
+  .el-input__suffix {
     color: #6AB4FF !important;
     right: 1px !important;
   }
-  /deep/ .el-select__caret {
+  .el-select__caret {
     color: #6AB4FF !important;
   }
 }
 
 .status_color1 { // 迭代状态样式修改（颜色）
-      /deep/ input {
+      input {
         color: #FF8952 !important;
         border: 1px solid #FF8952 !important;
         border-color: #FF8952 !important;
         font-weight: 900 !important;
       }
-      /deep/ .el-input__suffix {
+      .el-input__suffix {
         color: #FF8952 !important;
         right: 1px !important;
       }
-      /deep/ .el-select__caret {
+      .el-select__caret {
         color: #FF8952 !important;
       }
   }
 
   .status_color2 { // 迭代状态样式修改（颜色）
-    /deep/ input {
+    input {
       color: #7ED321 !important;
        border: 1px solid #7ED321 !important;
        border-color: #7ED321 !important;
            font-weight: 900 !important;
     }
-     /deep/ .el-input__suffix {
+    .el-input__suffix {
       color: #7ED321 !important;
       right: 1px !important;
     }
-    /deep/ .el-select__caret {
+    .el-select__caret {
       color: #7ED321 !important;
     }
   }
 
   .status_color3 { // 迭代状态样式修改（颜色）
-    /deep/ input {
+    input {
       color: #D675F0 !important;
        border: 1px solid #D675F0 !important;
        border-color: #D675F0 !important;
            font-weight: 900 !important;
     }
-     /deep/ .el-input__suffix {
+    .el-input__suffix {
       color: #D675F0 !important;
       right: 1px !important;
     }
-    /deep/ .el-select__caret {
+    .el-select__caret {
       color: #D675F0 !important;
     }
   }
 
   .status_color4 { // 迭代状态样式修改（颜色）
-    /deep/ input {
+    input {
       color: #13C2C2;
        border: 1px solid #13C2C2;
        border-color: #13C2C2 !important;
            font-weight: 900;
     }
-     /deep/ .el-input__suffix {
+    .el-input__suffix {
       color: #13C2C2 !important;
       right: 1px;
     }
-    /deep/ .el-select__caret {
+    .el-select__caret {
       color: #13C2C2 !important;
     }
   }
 
   .status_color5 { // 迭代状态样式修改（颜色）
-    /deep/ input {
+    input {
       color: rgb(255, 204, 102) !important;
        border: 1px solid rgb(163, 140, 94) !important;
        border-color: rgb(255, 204, 102) !important;
            font-weight: 900 !important;
     }
-    /deep/ .el-input__suffix {
+    .el-input__suffix {
       color: rgb(255, 204, 102) !important;
       right: 1px !important;
     }
-    /deep/ .el-select__caret {
+    .el-select__caret {
       color: rgb(255, 204, 102) !important;
     }
   }
 
   .status_color6 { // 迭代状态样式修改（颜色）
-    /deep/ input {
+    input {
       color: #2F54EB !important;
        border: 1px solid #2F54EB !important;
        border-color: #2F54EB !important;
            font-weight: 900 !important;
     }
-    /deep/ .el-input__suffix {
+    .el-input__suffix {
       color: #2F54EB !important;
       right: 1px !important;
     }
-    /deep/ .el-select__caret {
+    .el-select__caret {
       color: #2F54EB !important;
     }
   }
 
   .status_color7 { // 迭代状态样式修改（颜色）
-    /deep/ input {
+    input {
       color: #F56C6C !important;
        border: 1px solid #F56C6C !important;
        border-color: #F56C6C !important;
            font-weight: 900 !important;
     }
-    /deep/ .el-input__suffix {
+    .el-input__suffix {
       color: #F56C6C !important;
       right: 1px !important;
     }
-    /deep/ .el-select__caret {
+    .el-select__caret {
       color: #F56C6C !important;
     }
   }

src/views/projectManage/onlineproblem/component/list.vue

@@ -12,9 +12,9 @@
         size="small"
         show-overflow-tooltip="true"
       >
-        <el-table-column label="优先级" width="105" prop="priority" sortable align="right">
+        <el-table-column label="优先级" width="105" prop="priority" sortable align="center">
           <template slot-scope="scope">
-            <span class="div_priority" :style="{background: priorityColors[scope.row.priority]}">{{ scope.row.priorityName }}</span>
+            <span :class="[scope.row.priority === '7' ? 'div_priorityUnrated' : 'div_priority']" :style="{background: priorityColors[scope.row.priority]}">{{ scope.row.priorityName }}</span>
           </template>
         </el-table-column>
         <el-table-column label="标题" min-width="200" show-overflow-tooltip align="left">
@@ -75,7 +75,7 @@ export default {
   data() {
     return {
       table_loading: false,
-      priorityColors: ['#F56C6C', '#FF8952', '#F5E300', '#7ED321', '#61D3B8', '#69B3FF', '#BDBDBD']
+      priorityColors: ['#F56C6C', '#FF8952', '#F5E300', '#7ED321', '#61D3B8', '#69B3FF', '#D675F0', '#BDBDBD']
     }
   },
   methods: {
@@ -133,6 +133,17 @@ export default {
     border-radius: 4px;
     margin-right: 30px;
   }
+  .div_priorityUnrated {
+    display: inline-block;
+    text-align: center;
+    width: 50px;
+    text-align: center;
+    line-height: 24px;
+    font-size: 14px;
+    color: #fff;
+    border-radius: 4px;
+    margin-right: 30px;
+  }
 }
 </style>