人员下拉改树。

src/views/quality/feedback/components/process.vue

@@ -79,20 +79,15 @@
         <el-row>
           <el-col :span="6">
             <el-form-item label="下部流向人员：">
-              <el-select
+              <el-tree-select
                 v-model="formData.remark3.user3"
                 :disabled="step != 1"
-                filterable
+                :data="userList"
                 placeholder="请选择人员"
-                value-key="id"
-              >
-                <el-option
-                  v-for="item in userList"
-                  :key="item.id"
-                  :label="item.userName"
-                  :value="item.userName"
-                />
-              </el-select>
+                :default-expand-all="false"
+                filterable
+                clearable
+              />
             </el-form-item>
           </el-col>
           <el-col :span="6">
@@ -126,7 +121,10 @@
           </el-col>
         </el-row>
       </div>
-      <div class="stage" v-if="step > 1&& (step == 2 ? showStatus == false : true)">
+      <div
+        class="stage"
+        v-if="step > 1 && (step == 2 ? showStatus == false : true)"
+      >
         <el-form-item
           label="原因分析："
           prop="remark1[content]"
@@ -206,7 +204,10 @@
           </el-col>
         </el-row>
       </div>
-      <div class="stage" v-if="step > 2 && (step == 3 ? showStatus == false : true)">
+      <div
+        class="stage"
+        v-if="step > 2 && (step == 3 ? showStatus == false : true)"
+      >
         <el-row>
           <el-col :span="8">
             <el-form-item
@@ -315,7 +316,10 @@
           </el-col>
         </el-row>
       </div>
-      <div class="stage"  v-if="step > 3 && (step == 4 ? showStatus == false : true)">
+      <div
+        class="stage"
+        v-if="step > 3 && (step == 4 ? showStatus == false : true)"
+      >
         <el-form-item
           label="采取的措施："
           prop="remark1[content]"
@@ -395,7 +399,10 @@
           </el-col>
         </el-row>
       </div>
-      <div class="stage" v-if="step > 4 && (step == 5 ? showStatus == false : true)">
+      <div
+        class="stage"
+        v-if="step > 4 && (step == 5 ? showStatus == false : true)"
+      >
         <el-form-item
           label="不合格品评审（审理）处置意见："
           prop="remark1[content]"
@@ -460,8 +467,10 @@
           </el-col>
         </el-row>
       </div>
-      <div class="stage" 
-      v-if="step > 5 && (step == 6 ? showStatus == false : true)">
+      <div
+        class="stage"
+        v-if="step > 5 && (step == 6 ? showStatus == false : true)"
+      >
         <el-form-item
           label="组长（或分管领导）审批意见："
           prop="remark1[content]"
@@ -513,13 +522,15 @@
       </div>
     </el-form>
     <div class="btns">
-      <el-button type="primary" @click="submit" v-if="step && !showStatus">提交</el-button>
+      <el-button type="primary" @click="submit" v-if="step && !showStatus"
+        >提交</el-button
+      >
       <el-button type="info" @click="toClose">返回</el-button>
     </div>
   </div>
 </template>
 <script setup>
-import { getUserList } from "@/api/system/user";
+import { getUserTree } from "@/api/system/user";
 import { useUserStoreHook } from "@/store/modules/user";
 import { handle } from "@/api/reject";
 const userStore = useUserStoreHook();
@@ -719,11 +730,15 @@ const stateOption = [
 ];
 const examineStatus = inject("examineStatus");
 
+// ================= 人员树结构
 const userList = ref([]);
-onMounted(() => {
-  getUserList({}).then((data) => {
+const queryUserList = () => {
+  getUserTree().then((data) => {
     userList.value = data.data;
   });
+};
+onMounted(() => {
+  queryUserList();
   userName.value = userStore.user.username;
   setShowStage();
 });