feat:产品详情新增设备类型数量跳转 修改原来的代码

@@ -15,7 +15,7 @@
 
 
   const loading = ref(false);
   const loading = ref(false);
 
 
-  const props = defineProps<{
+  defineProps<{
     record: DeviceRecord;
     record: DeviceRecord;
   }>();
   }>();
   const go = useGo();
   const go = useGo();
@@ -35,7 +35,7 @@
         },
         },
       },
       },
       {
       {
-        field: 'deviceType',
+        field: 'deviceTypeName',
         label: '设备类型',
         label: '设备类型',
         render: (_, data) => {
         render: (_, data) => {
           console.log(data);
           console.log(data);
@@ -55,7 +55,7 @@
                 );
                 );
               },
               },
             },
             },
-            () => `${data.deviceType}(${data.deviceCount})`
+            () => `${data.deviceTypeName}(${data.deviceCount})`
           );
           );
         },
         },
       },
       },
@@ -87,7 +87,7 @@
     );
     );
     if (!error) {
     if (!error) {
       const record = data.find((item) => item.itemValue === deviceType);
       const record = data.find((item) => item.itemValue === deviceType);
-      return { deviceType: record?.itemText };
+      return { deviceTypeName: record?.itemText };
     }
     }
     return {};
     return {};
   };
   };
@@ -112,30 +112,22 @@
     return {};
     return {};
   };
   };
 
 
-  async function getValues() {
-    const { defaultRuleChainId, deviceType, defaultQueueName } = props.record;
-    return await Promise.all([
-      findDeviceType(deviceType),
-      findHandleQueue(defaultQueueName),
-      findRuleChain(defaultRuleChainId),
-    ]);
-  }
-
-  const renderProductInfo = async () => {
+  const renderProductInfo = async (record: DeviceRecord) => {
     try {
     try {
       data.value = {} as unknown as DeviceRecord;
       data.value = {} as unknown as DeviceRecord;
       loading.value = true;
       loading.value = true;
-      const values = await getValues();
-      // const { defaultRuleChainId, deviceType, defaultQueueName } = props.record;
-      // data.value = props.record;
-      // const values = await Promise.all([
-      //   findDeviceType(deviceType),
-      //   findHandleQueue(defaultQueueName),
-      //   findRuleChain(defaultRuleChainId),
-      // ]);
+      const { defaultRuleChainId, deviceType, defaultQueueName } = record;
+      if (![defaultRuleChainId, deviceType, defaultQueueName].some(Boolean)) {
+        return;
+      }
+      data.value = record;
+      const values = await Promise.all([
+        findDeviceType(deviceType),
+        findHandleQueue(defaultQueueName),
+        findRuleChain(defaultRuleChainId),
+      ]);
       const value = values.reduce((prev, next) => ({ ...prev, ...next }), {});
       const value = values.reduce((prev, next) => ({ ...prev, ...next }), {});
-      data.value = Object.assign(unref(data), props.record, value);
-      console.log(data.value);
+      data.value = Object.assign(unref(data), value);
       setDescProps({ data: unref(data) });
       setDescProps({ data: unref(data) });
     } catch (error) {
     } catch (error) {
       throw error;
       throw error;