设备维护BUG处理

src/views/iot/weihu/index.vue

@@ -6,6 +6,21 @@
       <template #tableTitle>
         <a-button v-if="selectedRowKeys.length > 0" preIcon="ant-design:flag-outlined" @click="handleSendOrg" >选择发往机构</a-button>
       </template>
+      <template #form-depart="{model,field}">
+        <a-select ref="select"
+                  placeholder="请选择机构"
+                  v-model:value="model[field]"
+                  @change="handleChange">
+          <a-select-option :value="item.orgCode" v-for="item in departInfos" :key="item.orgCode">{{item.departName}}</a-select-option>
+        </a-select>
+      </template>
+      <template #form-nuArea="{model,field}">
+        <a-select ref="select"
+                  placeholder="请选择区域"
+                  v-model:value="model[field]">
+          <a-select-option :value="item.nuId" v-for="item in nuInfos" :key="item.nuId">{{item.nuId}}</a-select-option>
+        </a-select>
+      </template>
       <!--操作栏-->
       <template #action="{ record }">
         <TableAction :actions="getTableAction(record)"/>
@@ -16,10 +31,10 @@
 </template>
 
 <script lang="ts" name="iot-weihu" setup>
-  import { reactive, ref } from 'vue';
+import {onMounted, reactive, ref} from 'vue';
   import { BasicTable, TableAction } from '/@/components/Table';
   import { useListPage } from '/@/hooks/system/useListPage';
-  import { list } from './weihu.api';
+  import { list,departlist,nulist } from './weihu.api';
   import { columns, searchFormSchema } from './weihu.data';
   import { useDrawer } from "@/components/Drawer";
   import SendOrgDrawer from './components/SendOrgDrawer.vue';
@@ -100,6 +115,27 @@
     return actions;
   }
 
+  const departInfos = ref();
+  async function getDepartInfos(){
+    departInfos.value = await departlist({});
+  }
+
+  const nuInfos = ref();
+  async function getNuInfos(){
+    nuInfos.value = await nulist({});
+  }
+
+  async function handleChange(record){
+    var params = {orgCode:record};
+    nuInfos.value = await nulist(params);
+  }
+
+  onMounted(() => {
+    getDepartInfos();
+    getNuInfos();
+  });
+
+
 </script>
 
 <style lang="less" scoped>

src/views/iot/weihu/weihu.api.ts

@@ -3,6 +3,8 @@ import { defHttp } from '/@/utils/http/axios';
 enum Api {
   list = '/iot/weihu/deviceMaintain/list',
   saveSendOrg = '/iot/weihu/deviceMaintain/saveSendOrg',
+  departlist = '/iot/weihu/deviceMaintain/departlist',
+  nulist = '/iot/weihu/deviceMaintain/nulist',
 }
 
 /**
@@ -18,3 +20,15 @@ export const list = (params) => defHttp.get({ url: Api.list, params });
 export const saveSendOrg = (params) => {
   return defHttp.post({ url:  Api.saveSendOrg, params });
 };
+
+/**
+ * 接口
+ * @param params
+ */
+export const departlist = (params) => defHttp.get({ url: Api.departlist, params });
+
+/**
+ * 接口
+ * @param params
+ */
+export const nulist = (params) => defHttp.get({ url: Api.nulist, params });

src/views/iot/weihu/weihu.data.ts

@@ -75,13 +75,13 @@ export const searchFormSchema: FormSchema[] = [
         { label: '温湿度计', value: '温湿度计' },
       ],
     },
-    colProps: { span: 4 },
+    colProps: { span: 6 },
   },
   {
     label: 'SN',
     field: 'sn',
     component: 'Input',
-    colProps: { span: 4 },
+    colProps: { span: 6 },
   },
   {
     label: '维修状态',
@@ -95,53 +95,39 @@ export const searchFormSchema: FormSchema[] = [
         { label: '报废', value: '2' },
       ],
     },
-    colProps: { span: 4 },
+    colProps: { span: 6 },
   },
+  // {
+  //   label: '机构',
+  //   field: 'departId',
+  //   component: 'JDictSelectTag',
+  //   slot: 'depart',
+  //   // componentProps: {
+  //   //   placeholder: '请选择机构',
+  //   //   dictCode: 'sys_depart,depart_name,id,org_category = 1 order by depart_name asc',
+  //   // },
+  //   colProps: { span: 6 },
+  // },
   {
-    label: '在线状态',
+    label: '绑定机构',
-    field: 'online',
+    field: 'orgCode',
     component: 'JDictSelectTag',
-    componentProps: {
+    slot: 'depart',
-      placeholder: '请选择状态',
+    // componentProps: {
-      options: [
+    //   placeholder: '请选择机构',
-        { label: '在线', value: 'true' },
+    //   dictCode: 'sys_depart,depart_name,id,org_category = 1 order by depart_name asc',
-        { label: '离线', value: 'false' },
+    // },
-      ],
-    },
-    colProps: { span: 4 },
-  },
-  {
-    label: '信号强度',
-    field: 'csq',
-    component: 'JDictSelectTag',
-    componentProps: {
-      placeholder: '请选择强度',
-      options: [
-        { label: '高', value: '1' },
-        { label: '中', value: '2' },
-        { label: '低', value: '3' },
-      ],
-    },
-    colProps: { span: 4 },
-  },
-  {
-    label: '机构',
-    field: 'departId',
-    component: 'JDictSelectTag',
-    componentProps: {
-      placeholder: '请选择机构',
-      dictCode: 'sys_depart,depart_name,id,org_category = 1 order by depart_name asc',
-    },
     colProps: { span: 6 },
   },
   {
-    label: '区域',
+    label: '绑定区域',
     field: 'nuId',
     component: 'JDictSelectTag',
-    componentProps: {
+    slot: 'nuArea',
-      placeholder: '请选择区域',
+    // componentProps: {
-      dictCode: 'nu_base_info,nu_name,id,del_flag = 0 order by nu_name asc',
+    //   placeholder: '请选择区域',
-    },
+    //   dictCode: 'nu_base_info,nu_id,nu_id,del_flag = 0 order by nu_id asc',
+    // },
     colProps: { span: 6 },
   },
   {
@@ -150,7 +136,7 @@ export const searchFormSchema: FormSchema[] = [
     component: 'JDictSelectTag',
     componentProps: {
       placeholder: '请选择区域',
-      dictCode: 'nu_base_info,nu_name,id,del_flag = 0 order by nu_name asc',
+      dictCode: 'sys_depart,depart_name,id,org_category = 1 order by depart_name asc',
     },
     colProps: { span: 6 },
   },