Merge branch 'master' of http://47.109.37.87:3000/by2025/admin-vben5

2025-08-05 09:49:10 +08:00
parent cb32660b7b 17c7bc0512
commit 8209630370
20 changed files with 694 additions and 420 deletions
--- a/apps/web-antd/src/views/sis/elevatorInfo/data.ts
+++ b/apps/web-antd/src/views/sis/elevatorInfo/data.ts
@@ -105,7 +105,7 @@ export const modalSchema: FormSchemaGetter = () => [
  },
  {
    component: 'TreeSelect',
-    fieldName: 'unitId',
+    fieldName: 'buildingId',
    defaultValue: undefined,
    label: '社区建筑',
    rules: 'selectRequired',
--- a/apps/web-antd/src/views/sis/elevatorInfo/elevatorInfo-modal.vue
+++ b/apps/web-antd/src/views/sis/elevatorInfo/elevatorInfo-modal.vue
@@ -1,29 +1,32 @@
 <script setup lang="ts">
-import { computed, ref } from 'vue';
+import { computed, ref, reactive } from 'vue'
+import { Tabs, TabPane, Form, FormItem, Space, Input } from 'ant-design-vue'

-import { useVbenModal } from '@vben/common-ui';
-import { $t } from '@vben/locales';
-import { cloneDeep, getPopupContainer, handleNode } from '@vben/utils';
+import { useVbenModal } from '@vben/common-ui'
+import { $t } from '@vben/locales'
+import { cloneDeep, getPopupContainer, handleNode } from '@vben/utils'

-import { useVbenForm } from '#/adapter/form';
+import { useVbenForm } from '#/adapter/form'
 import {
  elevatorInfoAdd,
  elevatorInfoInfo,
  elevatorInfoUpdate,
-} from '#/api/sis/elevatorInfo';
-import { defaultFormValueGetter, useBeforeCloseDiff } from '#/utils/popup';
+} from '#/api/sis/elevatorInfo'
+import { defaultFormValueGetter, useBeforeCloseDiff } from '#/utils/popup'

-import { modalSchema } from './data';
-import { communityTree } from '#/api/property/community';
-import type { DeviceManageForm, DeviceManageQuery } from '#/api/sis/deviceManage/model';
-import { deviceManageList } from '#/api/sis/deviceManage';
+import { modalSchema } from './data'
+import { communityTree } from '#/api/property/community'
+import { queryByBuildingId } from '#/api/property/floor'
+import type { DeviceManageForm, DeviceManageQuery } from '#/api/sis/deviceManage/model'
+import { deviceManageList } from '#/api/sis/deviceManage'

-const emit = defineEmits<{ reload: [] }>();

-const isUpdate = ref(false);
+const emit = defineEmits<{ reload: [] }>()
+
+const isUpdate = ref(false)
 const title = computed(() => {
-  return isUpdate.value ? $t('pages.common.edit') : $t('pages.common.add');
-});
+  return isUpdate.value ? $t('pages.common.edit') : $t('pages.common.add')
+})

 const [BasicForm, formApi] = useVbenForm({
  commonConfig: {
@@ -39,14 +42,14 @@ const [BasicForm, formApi] = useVbenForm({
  schema: modalSchema(),
  showDefaultActions: false,
  wrapperClass: 'grid-cols-2',
-});
+})

 const { onBeforeClose, markInitialized, resetInitialized } = useBeforeCloseDiff(
  {
    initializedGetter: defaultFormValueGetter(formApi),
    currentGetter: defaultFormValueGetter(formApi),
  },
-);
+)

 const [BasicModal, modalApi] = useVbenModal({
  // 在这里更改宽度
@@ -57,57 +60,87 @@ const [BasicModal, modalApi] = useVbenModal({
  onConfirm: handleConfirm,
  onOpenChange: async (isOpen) => {
    if (!isOpen) {
-      return null;
+      return null
    }
-    modalApi.modalLoading(true);
+    modalApi.modalLoading(true)
    // 加载社区树
-    setupCommunitySelect();
+    setupCommunitySelect()
    // 加载未绑定的设备
-    loadDeviceList();
-    const { id } = modalApi.getData() as { id?: number | string };
-    isUpdate.value = !!id;
+    loadDeviceList()
+    const { id } = modalApi.getData() as { id?: number | string }
+    isUpdate.value = !!id

    if (isUpdate.value && id) {
-      const record = await elevatorInfoInfo(id);
-      await formApi.setValues(record);
-    }
-    await markInitialized();
+      const record = await elevatorInfoInfo(id)

-    modalApi.modalLoading(false);
+      if (record.elevatorControlDeviceId) {
+        record.elevatorControlDeviceId = {
+          value: record.elevatorControlDeviceId.deviceId,
+          deviceIp: record.elevatorControlDeviceId.deviceIp,
+          deviceId: record.elevatorControlDeviceId.deviceId,
+        }
+      }
+
+      if (record.remoteCallElevatorDeviceId) {
+        record.remoteCallElevatorDeviceId = record.remoteCallElevatorDeviceId.map(item => {
+          return {
+            value: item.deviceId,
+            deviceIp: item.deviceIp,
+            deviceId: item.deviceId,
+          }
+        })
+      }
+
+      await handleGetFloor(record.buildingId)
+      await formApi.setValues(record)
+    }
+    await markInitialized()
+
+    modalApi.modalLoading(false)
  },
-});
+})

 async function handleConfirm() {
  try {
-    modalApi.lock(true);
-    const { valid } = await formApi.validate();
+    modalApi.lock(true)
+    const { valid } = await formApi.validate()
    if (!valid) {
-      return;
+      return
    }
    // getValues获取为一个readonly的对象 需要修改必须先深拷贝一次
-    const data = cloneDeep(await formApi.getValues());
-    await (isUpdate.value ? elevatorInfoUpdate(data) : elevatorInfoAdd(data));
-    resetInitialized();
-    emit('reload');
-    modalApi.close();
+    const data = cloneDeep(await formApi.getValues())
+    // 通道信息
+    const filteredChannels = dynamicValidateForm.floor
+      .filter(item => !(item.out.length === 0 && item.in.length === 0))
+      .map(item => ({
+        floorId: item.id,
+        inChannel: item.in,
+        outChannel: item.out
+      }))
+
+    data.channels = filteredChannels
+    await (isUpdate.value ? elevatorInfoUpdate(data) : elevatorInfoAdd(data))
+    resetInitialized()
+    emit('reload')
+    modalApi.close()
  } catch (error) {
-    console.error(error);
+    console.error(error)
  } finally {
-    modalApi.lock(false);
+    modalApi.lock(false)
  }
 }

-let rows: any = [];
+let rows: any = []

 async function loadDeviceList() {
  if (rows.length === 0) {
    const params: DeviceManageQuery = {
      pageNum: 1,
      pageSize: 500,
-    };
-    const res = await deviceManageList(params);
+    }
+    const res = await deviceManageList(params)
    if (res && res.rows && res.rows.length > 0) {
-      rows = res.rows;
+      rows = res.rows
    }
  }
  const arr = rows.map((item: DeviceManageForm) => {
@@ -116,8 +149,8 @@ async function loadDeviceList() {
      value: item.id,
      deviceIp: item.deviceIp,
      deviceId: item.id,
-    };
-  });
+    }
+  })

  formApi.updateSchema([
    {
@@ -125,9 +158,9 @@ async function loadDeviceList() {
        options: arr,
        mode: 'multiple', // 关键属性，启用多选模式
        onChange: async (value: string, option: any) => {
-          const data = cloneDeep(await formApi.getValues());
-          data.remoteCallElevatorDeviceId = option;
-          formApi.setValues(data);
+          const data = cloneDeep(await formApi.getValues())
+          data.remoteCallElevatorDeviceId = option
+          formApi.setValues(data)
        },
      }),
      fieldName: 'remoteCallElevatorDeviceId',
@@ -137,29 +170,29 @@ async function loadDeviceList() {
        options: arr,
        allowClear: true,
        onChange: async (value: string, option: any) => {
-          const data = cloneDeep(await formApi.getValues());
-          data.elevatorControlDeviceId = option;
-          formApi.setValues(data);
+          const data = cloneDeep(await formApi.getValues())
+          data.elevatorControlDeviceId = option
+          formApi.setValues(data)
        },
      }),
      fieldName: 'elevatorControlDeviceId',
    },
-  ]);
+  ])
 }

 /**
 * 初始化城市
 */
 async function setupCommunitySelect() {
-  const areaList = await communityTree(3);
+  const areaList = await communityTree(2)
  // 选中后显示在输入框的值 即父节点 / 子节点
  // addFullName(areaList, 'areaName', ' / ');
-  const splitStr = '/';
+  const splitStr = '/'
  handleNode(areaList, 'label', splitStr, function (node: any) {
-    if (node.level != 3) {
-      node.disabled = true;
+    if (node.level != 2) {
+      node.disabled = true
    }
-  });
+  })
  formApi.updateSchema([
    {
      componentProps: () => ({
@@ -170,6 +203,9 @@ async function setupCommunitySelect() {
          value: 'code',
          children: 'children',
        },
+        onChange: async (value: any) => {
+          await handleGetFloor(value)
+        },
        getPopupContainer,
        placeholder: '请选择建筑',
        showSearch: true,
@@ -181,19 +217,66 @@ async function setupCommunitySelect() {
        // 选中后显示在输入框的值
        treeNodeLabelProp: 'fullName',
      }),
-      fieldName: 'unitId',
+      fieldName: 'buildingId',
    },
-  ]);
+  ])
+}
+
+interface floor {
+  out: string
+  in: string
+  num: string | number
+  id: string | number
+}
+const floorList = ref<floor[]>([])
+const dynamicValidateForm = reactive<{ floor: floor[] }>({
+  floor: [],
+})
+async function handleGetFloor(unitId: string | number) {
+  try {
+    const res = await queryByBuildingId(unitId)
+    floorList.value = []
+    res.forEach((item) => {
+      floorList.value.push({
+        out: '',
+        in: '',
+        num: item.floorNumber,
+        id: item.id,
+      })
+    })
+
+    dynamicValidateForm.floor = floorList.value
+  } catch (error) {
+    console.error('获取楼层列表失败:', error)
+    floorList.value = []
+  }
 }

 async function handleClosed() {
-  await formApi.resetForm();
-  resetInitialized();
+  await formApi.resetForm()
+  resetInitialized()
 }
 </script>

 <template>
  <BasicModal :title="title">
-    <BasicForm />
+    <Tabs style="height: 600px !important">
+      <TabPane key="1" tab="基本信息">
+        <BasicForm />
+      </TabPane>
+      <TabPane key="2" tab="楼层信息">
+        <Form :model="dynamicValidateForm" layout="inline">
+          <Space v-for="(floor, index) in dynamicValidateForm.floor" :key="floor.id"
+            style="display: flex; margin-bottom: 8px" align="baseline">
+            <FormItem :label="'楼层' + (floor.num)" :name="['floor', index, 'out']">
+              <Input v-model:value="floor.out" placeholder="外部按键通道" />
+            </FormItem>
+            <FormItem :name="['floor', index, 'in']">
+              <Input v-model:value="floor.in" placeholder="内部按键通道" />
+            </FormItem>
+          </Space>
+        </Form>
+      </TabPane>
+    </Tabs>
  </BasicModal>
 </template>