负责人弹框

src/views/device/instance/index.vue

@@ -54,7 +54,7 @@
           >删除</el-button
         >
 
-<!--        <el-button
+        <!--        <el-button
             :disabled="toDeleteIds.length < 1"
             type="refresh"
             icon="el-icon-refresh"
@@ -62,7 +62,6 @@
             @click="apsSync"
         >APS同步</el-button
         >-->
-
       </template>
       <template #menu-right="{}">
         <el-dropdown split-button
@@ -154,19 +153,25 @@
     </el-dialog>
     <ExcelUpload ref="uploadRef" @finished="uploadFinished" />
   </div>
+  <CommonTable
+    ref="ctableRef"
+    tableTitle="负责人选择"
+    tableType="USERS"
+    @selected-sure="onSelectedFinish"
+  />
 </template>
 <script setup>
 import { ref, getCurrentInstance } from "vue";
 import { useCrud } from "@/hooks/userCrud";
 import buttonPermission from "@/common/configs/buttonPermission";
 import { configSave, configList, deviceUpdateCollect } from "@/api/device";
-import {syncAps} from "@/api/aps";
+import { syncAps } from "@/api/aps";
 import { useCommonStoreHook } from "@/store";
 import ChoiceWorkshopPage from "../../plan/workOrder/components/choice-workshop-page.vue";
 import ChoiceStationPage from "./components/choice-station-page.vue";
 import dictDataUtil from "@/common/configs/dictDataUtil";
 import { checkPerm } from "@/directive/permission";
-import {ElMessage, ElMessageBox} from "element-plus";
+import { ElMessage, ElMessageBox } from "element-plus";
 const { isShowTable, tableType } = toRefs(useCommonStoreHook());
 const test = () => {
   isShowTable.value = true;
@@ -205,22 +210,22 @@ const changeItem = (obj, row) => {
     }
   });
 };
-const apsSync = () =>{
+const apsSync = () => {
   ElMessageBox.confirm("是否同步所选中数据？", "提示", {
     confirmButtonText: "确定",
     cancelButtonText: "取消",
     type: "warning",
   }).then(async () => {
-    let param = {type: 1,codes: toDeleteIds.value}
-    syncAps(param).then((data)=>{
+    let param = { type: 1, codes: toDeleteIds.value };
+    syncAps(param).then((data) => {
       if (data.code === "200") {
         ElMessage.success(data.msg);
       } else {
         ElMessage.error(data.msg);
       }
-    })
+    });
   });
-}
+};
 const clickRow = ref(null);
 const showParamsPage = (row) => {
   clickRow.value = row;
@@ -272,6 +277,10 @@ const workShopInfo = (value) => {
   form.value.workshop = value.name;
   dialog2.visible = false;
 };
+const ctableRef = ref(null);
+const onSelectedFinish = (selectedValue) => {
+  form.value.head = selectedValue.userName;
+};
 const stationInfo = (value) => {
   form.value.station = value.name;
   dialog3.visible = false;
@@ -399,6 +408,9 @@ option.value = Object.assign(option.value, {
           trigger: "trigger",
         },
       ],
+      click: ({ value, column }) => {
+        ctableRef.value.startSelect();
+      },
     },
     {
       label: "计量有效期",