| | |
| | | <template v-if="visibleParams && visibleParams.length > 0 && showFilter"> |
| | | <component |
| | | class="flex-0 m-2 first-of-type:ml-0" |
| | | :class="{ invisible: showMode2 === DisplayModeType2.Map }" |
| | | :class="{ invisible: isMap && showMode2 === DisplayModeType2.Map }" |
| | | v-model="visibleParams[index].value" |
| | | v-for="(item, index) in visibleParams as any" |
| | | :key="item.id" |
| | |
| | | class="w-full h-full" |
| | | highlightCurrentRow |
| | | :rowClassName="tableRowClassName" |
| | | cellClassName="text-sm" |
| | | headerCellClassName="text-sm" |
| | | cellClassName="" |
| | | headerCellClassName="" |
| | | > |
| | | <DefineColumns v-slot="{ cols }"> |
| | | <template v-for="item in colList" :key="item.prop"> |
| | |
| | | style="z-index: 2" |
| | | @click="closeChartDlg" |
| | | ></span> |
| | | <el-tabs> |
| | | <el-tab-pane lazy v-for="(item, index) in metricsList" :key="`${chartDlgKey}_${index}`" :label="item.title" :name="index"> |
| | | <el-tabs v-model="activeTab" type="card"> |
| | | <el-tab-pane lazy v-for="(item, index) in metricsList" :key="`${chartDlgKey}_${index}`" :label="item.title" :name="index" |
| | | ><RecordSetDialog :modelValue="true" :isDialog="false" height="20rem" :metrics="item" |
| | | /></el-tab-pane> |
| | | </el-tabs> |
| | | </el-tab-pane> |
| | | <el-tabs v-model="activeTab" type="border-card"> |
| | | <el-tab-pane lazy v-for="(item, index) in metricsList" :key="`${chartDlgKey}_${index}`" :label="item.title" :name="index" |
| | | ><RecordSetDialog :modelValue="true" :isDialog="false" height="20rem" :metrics="item" |
| | | /></el-tab-pane> |
| | | </el-tabs> |
| | | </div> |
| | | |
| | |
| | | import { BORDER_COLOR, COL_HEADER_CELL_BG_COLOR, THICK_BORDER_WIDTH } from '../deviceLastValue/constants'; |
| | | import DisplayMode from '../recordSet/components/DisplayMode.vue'; |
| | | import { DisplayModeType, DisplayModeType2, displayModeTypeMap, displayModeTypeMap2 } from '../recordSet/components/types'; |
| | | import RecordSetDialog from '../recordSet/RecordSetDialog.vue'; |
| | | import { RecordSetParamsType, recordSetMapCom } from '../recordSet/types'; |
| | | import InfoDetail from './infoDetail/InfoDetail.vue'; |
| | | import MapView from './map/Map.vue'; |
| | | import { curveQuery } from '/@/api/ai/chat'; |
| | | import ColFilter from '/@/components/table/colFilter/ColFilter.vue'; |
| | | import { TableCol } from '/@/components/table/colFilter/types'; |
| | | import type { TableCol } from '/@/components/table/colFilter/types'; |
| | | import { axisLabelFormatter } from '/@/utils/chart'; |
| | | import { LocalPlus } from '/@/utils/storage'; |
| | | import { debounce, getTextWidth, toPercent } from '/@/utils/util'; |
| | | import RecordSetDialog from '../recordSet/RecordSetDialog.vue'; |
| | | |
| | | const props = defineProps({ |
| | | data: { |
| | |
| | | borderColor: BORDER_COLOR, |
| | | borderWidth: `${THICK_BORDER_WIDTH}px`, |
| | | color: '#7331a5', |
| | | fontSize: '0.875rem', |
| | | // fontSize: '0.875rem', |
| | | ...extraStyle, |
| | | }; |
| | | }; |
| | |
| | | borderWidth: `${THICK_BORDER_WIDTH}px`, |
| | | backgroundColor: COL_HEADER_CELL_BG_COLOR, |
| | | fontWeight: 700, |
| | | fontSize: '0.875rem', |
| | | // fontSize: '0.875rem', |
| | | color: '#000', |
| | | ...extraStyle, |
| | | }; |