question

wujingjing

2024-08-07 45f16bffeef4d72a0279c4178a85b0eeec50c4a3

 src/components/chat/chatComponents/summaryCom/components/deviceLastValue/DeviceLastValueCom.vue

@@ -1,4 +1,5 @@
<template>
   <!-- 实时监测列表 -->
   <div ref="containerRef" class="w-full flex justify-center" v-resize="resizeHandler">
      <div class="inline-block">
         <div
@@ -53,6 +54,7 @@
                     :title="firstRow.title"
                     :type="firstRow.id"
                     :values="rowChunk"
                     @itemClick="valueClick"
                  />
               </div>
               <!-- 剩余行 -->
@@ -64,6 +66,7 @@
                  :title="row.title"
                  :type="row.id"
                  :values="rowChunk"
                  @itemClick="valueClick"
               />
            </div>
         </div>
@@ -78,6 +81,7 @@
            @current-change="handleCurrentChange"
         />
      </div>
      <RecordSetDialog v-model="chartDlgIsShow" :otype="chartDlgMapRow?.OTYPE" :oname="chartDlgMapRow?.ONAME" :indexName="indexName"/>
   </div>
</template>

@@ -100,6 +104,7 @@
   THIN_BORDER_WIDTH,
} from './constants';
import type { Monitor, MonitorValue } from './types';
import RecordSetDialog from '../recordSet/RecordSetDialog.vue';

const props = defineProps(chatComProps) as {
   data: Monitor;
@@ -259,6 +264,19 @@
   return chunkResult;
});

//#region ====================== 点击看曲线 ======================

const chartDlgIsShow = ref(false);
const chartDlgMapRow = ref(null);
/** @description 指标名称 */
const indexName = ref(null);
const valueClick = (item,type) => {
   chartDlgMapRow.value = item;
   chartDlgIsShow.value = true;
   indexName.value = type;
};
//#endregion

// 计算最大列数
// (x-1)* cellWidth + rowHeaderCellContentWidth.value+thickBorderWidth*(x-1)+thickBorderWidth*2 <= width;