| | |
| | | <template #content> |
| | | <el-scrollbar class="content-wrap"> |
| | | <div v-for="(g, i) in gridCtrlList" :key="i"> |
| | | {{ g.name }} |
| | | <span>{{ g.name }}</span> |
| | | <div v-for="(value, t) in g.views" :key="t"> |
| | | <span v-if="value.extData.type == 0">{{ value.tag + '.' }}</span> |
| | | <el-row justify="space-between" align="middle"> |
| | | <div> |
| | | <span v-if="value.extData.type == 0">{{ |
| | | value.tag + '.' |
| | | }}</span> |
| | | {{ value.extData.name }} |
| | | </div> |
| | | <el-button |
| | | class="el-button-custom" |
| | | type="primary" |
| | | icon="Close" |
| | | circle |
| | | @click="handleCloseClick(i, t, value)" |
| | | /> |
| | | <!-- <el-icon><Close /></el-icon> --> |
| | | </el-row> |
| | | |
| | | <!-- {{ key }} --> |
| | | <!-- <el-text>{{ g.name }}</el-text> --> |
| | | <!-- <div class="m-t-8">网格要素</div> --> |
| | |
| | | import gridApi from '@/api/gridApi'; |
| | | import { useGridStore } from '@/stores/grid-info'; |
| | | |
| | | const gridStore = useGridStore() |
| | | const gridStore = useGridStore(); |
| | | |
| | | const props = defineProps({ |
| | | // 网格管理对象[SatelliteGrid]数组 |
| | |
| | | } |
| | | }); |
| | | |
| | | const emits = defineEmits(['showUnderway']); |
| | | const emits = defineEmits(['showUnderway', 'onDelete']); |
| | | |
| | | const gridCtrlList = computed(() => { |
| | | return props.gridCtrls.map((g) => { |
| | |
| | | // 'changeColor', |
| | | // 'changeOpacity' |
| | | // ]); |
| | | function handleCloseClick(index, t, value) { |
| | | const key = value.tag; |
| | | toRaw(props.gridCtrls[index]).deleteTagGrid([key]); |
| | | gridCtrlList.value[index].views.splice(t, 1) |
| | | emits('onDelete', index, key) |
| | | } |
| | | |
| | | function handleGridClick(e, index, value) { |
| | | const key = value.tag; |
| | |
| | | toRaw(props.gridCtrls[index]).mixGrid(value.tag.split('-'), e); |
| | | } |
| | | |
| | | let heatTag |
| | | let heatTag; |
| | | function handleHeatMapClick(e, index, value) { |
| | | const _satelliteGrid = toRaw(props.gridCtrls[index]) |
| | | const _satelliteGrid = toRaw(props.gridCtrls[index]); |
| | | _satelliteGrid.changeVisibility({ |
| | | showGridViews: false, |
| | | showDataTxt: false, |