Prechádzať zdrojové kódy

perf(views): 优化“设备工况”模块参数组件

1. 支持查看参数历史数据
wangcong 2 mesiacov pred
rodič
commit
0a7472d5d2

+ 7 - 3
src/views/device-work-status/DeviceWorkParams.vue

@@ -14,6 +14,10 @@ interface Props {
 
 const props = defineProps<Props>();
 
+const emit = defineEmits<{
+  viewHistoryData: [paramCode: string];
+}>();
+
 const { visible, showView, hideView } = useViewVisible();
 const { isLoading, handleRequest } = useRequest();
 const allParamGroups = ref<DeviceParamGroup[]>([]);
@@ -53,8 +57,8 @@ const getAllParamGroups = () => {
   });
 };
 
-const viewData = () => {
-  return;
+const viewData = (param: DeviceParamItem) => {
+  emit('viewHistoryData', param.deviceParamCode);
 };
 
 const handleClose = () => {
@@ -89,7 +93,7 @@ defineExpose({
           <div class="param-container">
             <div class="param-header">
               <div class="ellipsis-text param-name">{{ item.paramName }}</div>
-              <div class="param-view" @click="viewData">{{ $t('deviceWorkStatus.viewData') }}</div>
+              <div class="param-view" @click="viewData(item)">{{ $t('deviceWorkStatus.viewData') }}</div>
               <SvgIcon name="right" :size="12" color="rgba(0, 0, 0, 0.25)" />
             </div>
             <div class="param-body">