班次bug修复提交

src/views/workforceManagement/classes/components/timeTable.vue

@@ -88,7 +88,7 @@
       <template v-slot:action="{ row }">
         <el-popconfirm
           class="ele-action"
-          title="确定要删除此角色吗？"
+          title="确定要删除此工作时间段吗？"
           @confirm="remove(row)"
         >
           <template v-slot:reference>

src/views/workforceManagement/schedule/detail.vue

@@ -88,21 +88,7 @@ export default {
       rules: {},
       type: '', // add/edit
       loading: false,
-      colorList: [
-        '#fb6f7b',
-        '#f59a23',
-        '#4672ca',
-        '#2196f3',
-        '#00bcd4',
-        '#009688',
-
-        '#fb6f7b',
-        '#f59a23',
-        '#4672ca',
-        '#2196f3',
-        '#00bcd4',
-        '#009688'
-      ],
+      colorList: [],
       showClassesList: [],
       classesList: [],
       defaultbtn: [
@@ -381,6 +367,18 @@ export default {
             )})`
           };
         });
+        const len = Math.round(this.classesList.length/5)
+        const color = [
+            '#fb6f7b',
+            '#f59a23',
+            '#4672ca',
+            '#2196f3',
+            '#00bcd4',
+            '#009688',
+        ]
+        for(var i = 0;i<len;i++){
+            this.colorList = this.colorList.concat(color)
+        }
         this.showClassesList = this.classesList;
       });
     },
@@ -454,13 +452,11 @@ export default {
 .top-search-group {
   max-width: 400px;
   display: flex;
-
   :deep(.el-input input) {
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
     border-right-width: 0;
   }
-
   .el-button {
     border-top-left-radius: 0;
     border-bottom-left-radius: 0;
@@ -468,21 +464,26 @@ export default {
 }
 .bc-warp {
   display: flex;
+  flex-wrap:wrap;
   .item {
     height: 34px;
     padding: 0 10px;
     color: #fff;
     border-radius: 4px;
     cursor: pointer;
+    margin-right: 10px;
+    margin-bottom:10px;
   }
   .item + .item {
-    margin-left: 10px;
+    margin-right: 10px;
+    margin-bottom:10px;
   }
   .tag {
     color: #fff;
     height: 34px;
     border: none;
     line-height: 34px;
+    margin:0 10px 10px 0;
     :deep(.el-tag__close) {
       color: #fff;
     }