fix: bug#15992、15977

src/views/device/Instance/Detail/ChildDevice/BindChildDevice/index.vue

@@ -88,7 +88,13 @@
 </template>
 
 <script setup lang="ts" name="BindChildDevice">
-import { query, queryByParent, bindDevice, queryDeviceMapping, saveDeviceMapping } from '@/api/device/instance';
+import {
+    query,
+    queryByParent,
+    bindDevice,
+    queryDeviceMapping,
+    saveDeviceMapping,
+} from '@/api/device/instance';
 import moment from 'moment';
 import { useInstanceStore } from '@/store/instance';
 import { storeToRefs } from 'pinia';
@@ -97,9 +103,9 @@ import { onlyMessage } from '@/utils/comm';
 const props = defineProps({
     parentIds: {
         type: Array,
-    default: () => []
+        default: () => [],
-  }
+    },
-})
+});
 
 const instanceStore = useInstanceStore();
 const { detail } = storeToRefs(instanceStore);
@@ -176,13 +182,16 @@ const handleSearch = (e: any) => {
 
 const onSelectChange = (keys: string[], rows: string[]) => {
     _selectedRowKeys.value = [...keys];
-  console.log(rows)
+    console.log(rows);
-    _selectedRowMap.value = rows.map(item => ({ deviceId: item.id, deviceName: item.name}))
+    _selectedRowMap.value = rows.map((item) => ({
+        deviceId: item.id,
+        deviceName: item.name,
+    }));
 };
 
 const cancelSelect = () => {
     _selectedRowKeys.value = [];
-    _selectedRowMap.value = []
+    _selectedRowMap.value = [];
 };
 
 const handleOk = () => {
@@ -191,28 +200,34 @@ const handleOk = () => {
         return;
     }
     btnLoading.value = true;
-    if (instanceStore.current.accessProvider === 'official-edge-gateway') { // 网关设备
+    if (instanceStore.current.accessProvider === 'official-edge-gateway') {
+        // 网关设备
         queryDeviceMapping(instanceStore.current.id)
-          .then(res => {
+            .then((res) => {
-            const arr = bindDeviceRef.value?._dataSource.filter((item: any) => {
+                const arr = bindDeviceRef.value?._dataSource
-              return _selectedRowKeys.value.includes(item.id);
+                    .filter((item) => {
-            }).map((item: any) => {
+                        return (
-                const _item = res.result?.[0]?.find((val: any) => val.deviceId === item.id)
+                            !res.result?.[0]?.find(
-                if(_item){
+                                (val) => val.deviceId === item.id,
-                    return {
+                            ) && _selectedRowKeys.value.includes(item.id)
-                        id: _item.id,
+                        );
-                        deviceId: _item.deviceId,
+                    })
-                        deviceName: _item.deviceName
+                    .map((item) => {
-                    }
-                }else {
                         return {
                             deviceId: item.id,
-                        deviceName: item.name
+                            deviceName: item.name,
-                    }
+                        };
+                    });
+                if(arr.length){
+                    return saveDeviceMapping(instanceStore.current.id, {
+                        info: arr,
+                    });
                 }
             })
-            return saveDeviceMapping(instanceStore.current.id, {info: arr})
+            .then((res) => {
-          }).then(res => {
+                return bindDevice(detail.value.id, _selectedRowKeys.value);
+            })
+            .then((res) => {
                 emit('change', true);
                 cancelSelect();
                 onlyMessage('操作成功');
@@ -221,21 +236,21 @@ const handleOk = () => {
                 btnLoading.value = false;
             });
     } else {
-      bindDevice(detail.value.id, _selectedRowKeys.value).then(res => {
+        bindDevice(detail.value.id, _selectedRowKeys.value)
+            .then((res) => {
                 emit('change', true);
                 cancelSelect();
                 onlyMessage('操作成功');
-      }).finally(() => {
+            })
+            .finally(() => {
                 btnLoading.value = false;
             });
     }
-
 };
 
 const handleCancel = () => {
     emit('change', false);
 };
-
 </script>
 
 <style scoped lang="less"></style>

src/views/device/Instance/Detail/ChildDevice/EdgeMap/PatchMapping.vue

@@ -16,9 +16,11 @@
                         <j-tree
                             checkable
                             :height="300"
-                            :tree-data="dataSource"
+                            :tree-data="treeList"
                             :checkedKeys="checkedKeys"
+                            :load-data="onLoadData"
                             @check="onCheck"
+                            v-model:expandedKeys="expandedKeys"
                         />
                     </j-card>
                     <div style="width: 100px">
@@ -56,8 +58,17 @@
 </template>
 
 <script lang="ts" setup>
-import { treeEdgeMap, saveEdgeMap, addDevice } from '@/api/device/instance';
+import {
+    treeEdgeMap,
+    saveEdgeMap,
+    addDevice,
+    edgeChannel,
+    edgeCollector,
+    edgePoint,
+    saveDeviceMapping,
+} from '@/api/device/instance';
 import { onlyMessage } from '@/utils/comm';
+import type { TreeProps } from 'ant-design-vue';
 const _props = defineProps({
     metaData: {
         type: Array,
@@ -74,6 +85,9 @@ const _props = defineProps({
     deviceData: {
         type: Object,
     },
+    text: {
+        type: String,
+    }
 });
 const _emits = defineEmits(['close', 'save']);
 
@@ -113,8 +127,10 @@ const handleSearch = async () => {
     }
 };
 
+const expandedKeys = ref<string[]>([]);
 const onCheck = (keys: string[], e: any) => {
     checkedKeys.value = [...keys];
+    expandedKeys.value.push(e.node.id);
     leftList.value = e?.checkedNodes || [];
 };
 
@@ -123,6 +139,71 @@ const onRight = () => {
     rightList.value = leftList.value;
 };
 
+const treeList = ref<any[]>([]);
+const getChannel = async () => {
+    if (_props.edgeId) {
+        loading.value = true;
+        const resp: any = await edgeChannel(_props.edgeId);
+        loading.value = false;
+        if (resp.status === 200) {
+            treeList.value = resp.result?.[0]?.map((item: any) => ({
+                ...item,
+                title: item.name,
+                key: item.id,
+                checkable: false,
+                type: 'channel',
+                parentId: '',
+                provider: item.provider,
+            }));
+        }
+    }
+};
+
+const onLoadData: TreeProps['loadData'] = (treeNode) => {
+    console.log(treeNode);
+    return new Promise(async (resolve) => {
+        if (treeNode.dataRef?.children) {
+            resolve();
+            return;
+        }
+        const params = {
+            terms: [
+                {
+                    terms: [
+                        {
+                            column:
+                                treeNode.type === 'channel'
+                                    ? 'channelId'
+                                    : 'collectorId',
+                            value: treeNode.key,
+                        },
+                    ],
+                },
+            ],
+        };
+        const res =
+            treeNode.type === 'channel'
+                ? await edgeCollector(
+                      <string>_props.edgeId,
+                      params,
+                  )
+                : await edgePoint(
+                      <string>_props.edgeId,
+                      params,
+                  );
+        (<any>treeNode.dataRef).children = res.result?.[0].map((item: any) => ({
+            ...item,
+            title: item.name,
+            key: item.id,
+            type: treeNode.type === 'channel' ? 'collector' : 'point',
+            parentId: treeNode.key,
+            checkable: treeNode.type === 'channel' ? true : false,
+            isLeaf: treeNode.type === 'channel' ? false : true,
+        }));
+        treeList.value = [...treeList.value];
+        resolve();
+    });
+};
 const _delete = (_key: string) => {
     const _index = rightList.value.findIndex((i) => i.key === _key);
     rightList.value.splice(_index, 1);
@@ -144,7 +225,7 @@ const handleClick = async () => {
                 metadataId: (_props.metaData as any[]).find(
                     (i: any) => i.name === element.name,
                 )?.metadataId,
-                provider: dataSource.value.find(
+                provider: treeList.value.find(
                     (it: any) => it.id === item.parentId,
                 ).provider,
             }));
@@ -167,13 +248,19 @@ const handleClick = async () => {
             }
         } else {
             if (filterParms && filterParms.length !== 0) {
-                const res = await addDevice(_props.deviceData);
+                const res: any = await addDevice(_props.deviceData);
                 if (res.status === 200) {
-                    const resq = await saveEdgeMap(_props.edgeId, {
+                    const resq: any = await saveEdgeMap(_props.edgeId, {
                         deviceId: res.result?.id,
                         provider: filterParms[0]?.provider,
                         requestList: filterParms,
                     });
+                    const resp = await saveDeviceMapping(_props.edgeId, {
+                        info: [{
+                            deviceId: res.result?.id,
+                            deviceName: res.result?.name,
+                        }],
+                    })
                     if (res.status === 200) {
                         onlyMessage('操作成功');
                         _emits('save');
@@ -191,7 +278,8 @@ const handleClose = () => {
 
 onMounted(() => {
     if (_props.edgeId) {
-        handleSearch();
+        // handleSearch();
+        getChannel();
     }
 });
 </script>

src/views/device/Instance/Detail/EdgeMap/PatchMapping.vue

@@ -20,6 +20,7 @@
                             :checkedKeys="checkedKeys"
                             :load-data="onLoadData"
                             @check="onCheck"
+                            v-model:expandedKeys="expandedKeys"
                         />
                     </j-card>
                     <div style="width: 100px">
@@ -120,7 +121,11 @@ const handleSearch = async () => {
     }
 };
 
+
+const expandedKeys = ref<string[]>([])
 const onCheck = (keys: string[], e: any) => {
+    // console.log(expandedKeys.push(e));
+    expandedKeys.value.push(e.node.id)
     checkedKeys.value = [...keys];
     leftList.value = e?.checkedNodes || [];
 };