| | |
| | | <div class="flex-0 flex-items-center mb-1 flex-wrap"> |
| | | <template v-if="visibleParams && visibleParams.length > 0 && showFilter"> |
| | | <component |
| | | class="flex-0 m-2" |
| | | :class="{ invisible: showMode2 === DisplayModeType2.Map }" |
| | | class="flex-0 m-2 first-of-type:ml-0" |
| | | :class="{ invisible: showMode2 === DisplayModeType2.Map}" |
| | | v-model="visibleParams[index].value" |
| | | v-for="(item, index) in visibleParams as any" |
| | | :key="item.id" |
| | |
| | | </div> |
| | | |
| | | <div class="flex-auto" v-if="isMap && showMode2 === DisplayModeType2.Map"> |
| | | <MapView :data="data" @equipClick="showCurve" /> |
| | | <MapView :data="data" @equipClick="showCurve" @closeInfoWindow="closeInfoWindow"/> |
| | | </div> |
| | | |
| | | <div class="flex-auto" v-resize="debounceResizeChart" v-show="showMode === DisplayModeType.Chart"> |
| | | <div ref="chartRef" style="height: 25rem"></div> |
| | | </div> |
| | | <el-tabs v-if="chartDlgIsShow&& metricsList.length>0" v-model="activeTab" type="border-card" class="mt-5"> |
| | | <div class="mt-5 relative" v-if="chartDlgIsShow&& metricsList.length>0"> |
| | | <span class="absolute right-[10px] top-[5px] ywifont ywicon-guanbi text-[#528abe] font-bold cursor-pointer" style="z-index: 2;" @click="closeChartDlg"></span> |
| | | <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> |
| | | |
| | | |
| | | <InfoDetail class="text-base" v-model="infoDetailIsShow" :item="detailMapRow" :colList="colList" /> |
| | | </div> |
| | |
| | | |
| | | } |
| | | }; |
| | | const closeInfoWindow =()=>{ |
| | | closeChartDlg(); |
| | | } |
| | | const closeChartDlg = () =>{ |
| | | chartDlgIsShow.value = false; |
| | | |
| | | } |
| | | |
| | | const tableRowClick = (row) => { |
| | | if (isMap.value) { |
| | |
| | | if (!isMap.value) return; |
| | | showInfoDetail(row); |
| | | }; |
| | | |
| | | |
| | | defineExpose({ |
| | | updateAll, |
| | | updateCurrent, |