进度动态配置

src/views/modules/sampleTracking/projectProofTracking.vue

@@ -233,18 +233,18 @@
     >{{ processTooltip.content }}</div>
 
     <el-dialog
-      title="事业部进度展示设置"
+      title="进度展示设置"
       :visible.sync="buProcessConfigDialogVisible"
-      width="900px"
+      width="1050px"
       :close-on-click-modal="false"
       custom-class="bu-process-config-dialog"
     >
       <div class="bu-process-config-tip">
         <i class="el-icon-info"></i>
-        <span>拖动可调整顺序，勾选控制可见列</span>
+        <span>拖动可调整顺序（按序号从左到右），勾选控制可见列</span>
       </div>
       <el-table :data="buProcessConfigRows" border stripe max-height="560">
-        <el-table-column prop="buDesc" label="事业部名称" width="100" show-overflow-tooltip />
+        <el-table-column prop="buDesc" label="BU" width="50" show-overflow-tooltip />
         <el-table-column label="可见进度列表" min-width="450" class-name="bu-process-list-column">
           <template slot-scope="scope">
             <el-checkbox-group
@@ -263,6 +263,7 @@
                 @drop.prevent="handleProcessOrderDrop(scope.row, processCodeIndex, $event)"
                 @dragend="handleProcessOrderDragEnd"
               >
+                <span class="process-order-index">{{ processCodeIndex + 1 }}.</span>
                 <i class="el-icon-rank process-order-handle"></i>
                 <el-checkbox :label="processCode">{{ getProcessLabelByCode(processCode) }}</el-checkbox>
               </div>
@@ -3154,6 +3155,15 @@ export default {
   background: #ecf5ff;
 }
 
+.bu-process-config-dialog .process-order-index {
+  width: 22px;
+  color: #606266;
+  font-size: 12px;
+  text-align: right;
+  margin-right: 4px;
+  flex-shrink: 0;
+}
+
 .bu-process-config-dialog .process-order-handle {
   margin-right: 6px;
   color: #909399;