Merge branch 'feat/add-task-components-lesChamps' into 'main_dev'

feat: 任务中心详情新增命令内容字段

See merge request yunteng/thingskit-front!675

@@ -7,7 +7,7 @@ import {
 } from '../DetailModal/config';
 } from '../DetailModal/config';
 import { TaskStatusEnum, TaskTargetEnum, TaskTargetNameEnum } from '../../config';
 import { TaskStatusEnum, TaskTargetEnum, TaskTargetNameEnum } from '../../config';
 import { h } from 'vue';
 import { h } from 'vue';
-import { Tag } from 'ant-design-vue';
+import { Tag, Textarea } from 'ant-design-vue';
 import { TaskStatusNameEnum } from '../../config';
 import { TaskStatusNameEnum } from '../../config';
 import { TaskRecordType } from '/@/api/task/model';
 import { TaskRecordType } from '/@/api/task/model';
 import { TaskTypeNameEnum } from '../../config';
 import { TaskTypeNameEnum } from '../../config';
@@ -102,6 +102,13 @@ export const schemas: DescItem[] = [
     },
     },
   },
   },
   {
   {
+    field: 'rpcCommand',
+    label: '命令内容',
+    render(_val: any, data: TaskRecordType) {
+      return h(Textarea, { value: data.executeContent.pushContent.rpcCommand } as Recordable);
+    },
+  },
+  {
     field: 'createTime',
     field: 'createTime',
     label: '创建时间',
     label: '创建时间',
   },
   },

 <script lang="ts" setup>
 <script lang="ts" setup>
   import { EChartsOption, ECharts, init } from 'echarts';
   import { EChartsOption, ECharts, init } from 'echarts';
-  import { unref, ref, onMounted, nextTick } from 'vue';
+  import { unref, ref, onMounted, nextTick, toRaw } from 'vue';
   import { useMultipleDataFetch } from '../../../hook/useSocket';
   import { useMultipleDataFetch } from '../../../hook/useSocket';
   import { ComponentPropsConfigType, MultipleDataFetchUpdateFn } from '../../../index.type';
   import { ComponentPropsConfigType, MultipleDataFetchUpdateFn } from '../../../index.type';
   import { option } from './config';
   import { option } from './config';
@@ -71,6 +71,9 @@
           color: '#019680',
           color: '#019680',
         },
         },
       },
       },
+      tooltip: {
+        show: true,
+      },
       legend: {
       legend: {
         top: '10%',
         top: '10%',
         left: 'center',
         left: 'center',
@@ -92,7 +95,7 @@
             color: 'rgba(226,226,226,0.5)',
             color: 'rgba(226,226,226,0.5)',
           },
           },
         },
         },
-        data: unref(data).map((item) => item.name),
+        data: toRaw(unref(data)).map((item) => item.name),
       },
       },
       yAxis: {
       yAxis: {
         type: 'value',
         type: 'value',

@@ -7,6 +7,7 @@
   import { ref, onMounted, unref } from 'vue';
   import { ref, onMounted, unref } from 'vue';
   import { useIntervalFn } from '@vueuse/core';
   import { useIntervalFn } from '@vueuse/core';
   import { DeviceName } from '/@/views/visual/commonComponents/DeviceName';
   import { DeviceName } from '/@/views/visual/commonComponents/DeviceName';
+  import { useReceiveValue } from '../../../hook/useReceiveValue';
 
 
   const props = defineProps<{
   const props = defineProps<{
     config: ComponentPropsConfigType<typeof option>;
     config: ComponentPropsConfigType<typeof option>;
@@ -36,8 +37,13 @@
       isOpenClose.value = !unref(isOpenClose);
       isOpenClose.value = !unref(isOpenClose);
     }, 2000);
     }, 2000);
   };
   };
-
-  const updateFn: DataFetchUpdateFn = () => {};
+  const { getNumberValue } = useReceiveValue();
+  const updateFn: DataFetchUpdateFn = (message, attribute) => {
+    const { data = {} } = message;
+    const [latest] = data[attribute] || [];
+    const [_, value] = latest;
+    isOpenClose.value = Boolean(getNumberValue(value));
+  };
 
 
   onMounted(() => {
   onMounted(() => {
     !props.config.option.uuid && randomFn();
     !props.config.option.uuid && randomFn();

@@ -88,7 +88,6 @@
   const percentList = ref(
   const percentList = ref(
     props.config.option.dataSource ? unref(getDesign).dataSource : defaultValue
     props.config.option.dataSource ? unref(getDesign).dataSource : defaultValue
   );
   );
-  console.log(percentList, 'percentList');
 
 
   const { forEachGroupMessage } = useReceiveMessage();
   const { forEachGroupMessage } = useReceiveMessage();