pref:优化命令下发记录

@@ -14,6 +14,15 @@ export const configColumns: BasicColumn[] = [
   {
     title: '命令类型',
     dataIndex: 'additionalInfo.cmdType',
+    format: (text) => {
+      return h(
+        Tag,
+        {
+          color: Number(text) === 0 ? 'blue' : 'green',
+        },
+        () => (Number(text) === 0 ? '自定义' : '服务')
+      );
+    },
   },
   {
     title: '响应类型',
@@ -50,16 +59,8 @@ export const configColumns: BasicColumn[] = [
   },
   {
     title: '响应结果',
-    dataIndex: 'response',
-    customRender: (text) => {
-      return h(
-        Tag,
-        {
-          color: text?.status === 'SUCCESS' ? 'green' : 'red',
-        },
-        () => (text?.status === 'SUCCESS' ? '成功' : '失败')
-      );
-    },
+    dataIndex: 'response111',
+    slots: { customRender: 'responseContent' },
   },
   {
     title: '响应失败内容',

@@ -4,6 +4,13 @@
       <template #recordContent="{ record }">
         <a-button type="link" class="ml-2" @click="handleRecordContent(record)"> 查看 </a-button>
       </template>
+      <template #responseContent="{ record }">
+        <Tag
+          v-if="!record.request?.oneway"
+          :color="record.request?.response?.status === 'SUCCESS' ? 'green' : 'red'"
+          >{{ record.request?.response?.status === 'SUCCESS' ? '成功' : '失败' }}</Tag
+        >
+      </template>
     </BasicTable>
   </div>
 </template>
@@ -12,7 +19,7 @@
   import { configColumns } from './config';
   import { deviceCommandRecordGetQuery } from '/@/api/device/deviceConfigApi';
   import { BasicTable, useTable } from '/@/components/Table';
-  import { Modal } from 'ant-design-vue';
+  import { Modal, Tag } from 'ant-design-vue';
   import { JsonPreview } from '/@/components/CodeEditor';
 
   const props = defineProps({
@@ -42,6 +49,12 @@
     });
   };
   const handleRecordContent = (record) => {
-    commonModalInfo('命令下发内容', JSON.parse(record?.request?.body?.params));
+    try {
+      //如果是正常格式则返回params，否则输入什么内容则显示什么内容
+      const jsonParams = JSON.parse(record?.request?.body?.params);
+      commonModalInfo('命令下发内容', jsonParams.params ? jsonParams.params : jsonParams);
+    } catch (e) {
+      console.log('位置/device/list/cpns/tabs/commandRecord/index.vue', e);
+    }
   };
 </script>