| | |
| | | :restColWidth="restColWidth" |
| | | :title="firstRow.title" |
| | | :type="firstRow.id" |
| | | :row="firstRow" |
| | | :values="rowChunk" |
| | | @itemClick="valueClick" |
| | | /> |
| | |
| | | :restColWidth="restColWidth" |
| | | :title="row.title" |
| | | :type="row.id" |
| | | :row="row" |
| | | :values="rowChunk" |
| | | @itemClick="valueClick" |
| | | /> |
| | |
| | | @current-change="handleCurrentChange" |
| | | /> |
| | | </div> |
| | | <RecordSetDialog v-model="chartDlgIsShow" :otype="chartDlgMapRow?.OTYPE" :oname="chartDlgMapRow?.ONAME" :indexName="indexName" /> |
| | | <RecordSetDialog v-model="chartDlgIsShow" :lastValueItem="chartDlgMapRow" :metricsInfo="chartDlgMapMetricsInfo"/> |
| | | </div> |
| | | </template> |
| | | |
| | |
| | | import MonitorContent from './MonitorContent.vue'; |
| | | import { debounce, getTextWidth } from '/@/utils/util'; |
| | | |
| | | import { chunk, fill } from 'lodash-es'; |
| | | import { chatComProps } from '../../../common'; |
| | | import RecordSetDialog from '../recordSet/RecordSetDialog.vue'; |
| | | import { |
| | |
| | | } from './constants'; |
| | | import type { Monitor, MonitorValue } from './types'; |
| | | import { isSharePage } from '/@/stores/chatRoom'; |
| | | import { chunk, fill } from 'lodash-es'; |
| | | |
| | | const props = defineProps(chatComProps) as { |
| | | data: Monitor; |
| | |
| | | } |
| | | } |
| | | let maxWidth = getTextWidth(maxTitle, { |
| | | size: '0.875rem', |
| | | // size: '0.875rem', |
| | | }); |
| | | |
| | | maxWidth += measureWidthOffset; |
| | |
| | | } |
| | | |
| | | let maxWidth = getTextWidth(maxTitle, { |
| | | size: '0.875rem', |
| | | // size: '0.875rem', |
| | | }); |
| | | maxWidth += measureWidthOffset; |
| | | |
| | |
| | | |
| | | const chartDlgIsShow = ref(false); |
| | | const chartDlgMapRow = ref(null); |
| | | /** @description 指标名称 */ |
| | | const indexName = ref(null); |
| | | const valueClick = (item, type) => { |
| | | const chartDlgMapMetricsInfo = ref(null); |
| | | const valueClick = (item,row) => { |
| | | if (isSharePage.value) return; |
| | | if(!row.query_detail_id){ |
| | | return; |
| | | } |
| | | chartDlgMapRow.value = item; |
| | | chartDlgIsShow.value = true; |
| | | indexName.value = type; |
| | | chartDlgMapMetricsInfo.value = row; |
| | | }; |
| | | //#endregion |
| | | |