feat: 添加班组长显示功能并清空班组长信息

src/views/workOrder/components/planDotLinReleaseDialog.vue

@@ -91,6 +91,16 @@
               </el-select>
             </el-form-item>
           </el-col>
+          <el-col :xs="12" :sm="12" :md="12" :lg="8" :xl="6">
+            <el-form-item label="班组长:">
+              <el-input
+                v-model="form.leaderUserName"
+                :disabled="true"
+                placeholder="-"
+              >
+              </el-input>
+            </el-form-item>
+          </el-col>
         </el-row>
         <el-row>
           <el-form-item label="报工类型:" required>

src/views/workOrder/mixins/planDotLineRelease.js

@@ -298,16 +298,27 @@ export default {
         // 如果没有 班组数据 将人员数据清空 并且判断
         this.crewList = [];
         this.form.teamId = '';
+        this.setTeamLeaderName(null); // 清空班组长
         let data = this.processList.find((item) => item.id == this.processId);
         if (data.assignType == 2) {
           this.$set(data, 'list', []);
         }
       }
     },
+    // 设置班组长显示 (班组数据里的 leaderUserName)
+    setTeamLeaderName(team) {
+      this.$set(
+        this.form,
+        'leaderUserName',
+        (team && team.leaderUserName) || ''
+      );
+      this.$set(this.form, 'leaderUserId', (team && team.leaderUserId) || '');
+    },
     // 选择班组 查询人员的数据
     async changeGroups(e) {
       let data = this.teamList.find((item) => item.id == e);
       this.form.teamName = data.name;
+      this.setTeamLeaderName(data); // 显示班组长
       try {
         const res = await listUserByIds([e]);
         this.crewList = res;