优化全景展示页面

This commit is contained in:
guanj
2026-07-07 10:15:33 +08:00
parent 51a862ed00
commit 5044c88946
5 changed files with 31 additions and 29 deletions

View File

@@ -37,21 +37,21 @@ const setupAll = async () => {
const app = createApp(App) const app = createApp(App)
//开启离线地图 //开启离线地图
app.use(BaiduMapOffline, { // app.use(BaiduMapOffline, {
offline: true, // offline: true,
offlineConfig: { // offlineConfig: {
imgext: '.png', // imgext: '.png',
customstyle: '', // customstyle: '',
tiles_dir: '', // tiles_dir: '',
tiles_hybrid: '', // tiles_hybrid: '',
tiles_self: '', // tiles_self: '',
tiles_v_dir: '', // tiles_v_dir: '',
tiles_satellite_dir: '', // tiles_satellite_dir: '',
tiles_road_dir: '', // tiles_road_dir: '',
tiles_v_road_dir: '', // tiles_v_road_dir: '',
home: './plugin/offline/' // home: './plugin/offline/'
} // }
}) // })
app.use(BaiduMap, { app.use(BaiduMap, {
// ak: 'Yp57V71dkOPiXjiN8VdcFRsVELzlVNKK', // ak: 'Yp57V71dkOPiXjiN8VdcFRsVELzlVNKK',
ak: 'RpQi6WNFZ9tseKzhdwOQsXwFsoVntnsN', ak: 'RpQi6WNFZ9tseKzhdwOQsXwFsoVntnsN',

View File

@@ -90,6 +90,7 @@
</div> </div>
<div <div
class="card-Box" class="card-Box"
style="max-height: 100px;"
:style="`height:calc((${boxHeight.height} - 50px )/ 3);`" :style="`height:calc((${boxHeight.height} - 50px )/ 3);`"
v-for="val in item.children" v-for="val in item.children"
> >
@@ -312,10 +313,10 @@ const countList: any = ref([
] ]
}, },
// { {
// title: '上送网公司', title: '上送网公司',
// children: [{ title: '电网侧监测点', num: 0, onLineNum: 0, integrityRate: 0 }] children: [{ title: '电网侧监测点', num: 0, onLineNum: 0, integrityRate: 0 }]
// } }
]) ])
const linList: any = ref([ const linList: any = ref([
{ {
@@ -398,7 +399,7 @@ const info = async (row: any) => {
getGridDiagramStatistics(form).then(res => { getGridDiagramStatistics(form).then(res => {
countList.value[0].children[0] = { title: '非电网侧监测点', ...res.data.data[1] } countList.value[0].children[0] = { title: '非电网侧监测点', ...res.data.data[1] }
countList.value[0].children[1] = { title: '电网侧监测点', ...res.data.data[0] } countList.value[0].children[1] = { title: '电网侧监测点', ...res.data.data[0] }
// countList.value[1].children[0] = { title: '电网侧监测点', ...res.data.gwData[0] } countList.value[1].children[0] = { title: '电网侧监测点', ...res.data.gwData[0] }
}) })
// 监测运行统计 // 监测运行统计
getGridDiagramRunData(form).then(res => { getGridDiagramRunData(form).then(res => {

View File

@@ -136,8 +136,8 @@ import { getAssessDetail, evaluationDetail, getGeneralSituation } from '@/api/de
const dictData = useDictData() const dictData = useDictData()
const height = mainHeight(30) const height = mainHeight(30)
const show = ref(false) const show = ref(false)
const boxHeight: any = mainHeight(70, 3) const boxHeight: any = mainHeight(30, 3)
const EchHeight: any = mainHeight(170, 3) const EchHeight: any = mainHeight(130, 3)
const statisticsRef = ref() const statisticsRef = ref()
const exceededRef = ref() const exceededRef = ref()
const formRow: any = ref({}) const formRow: any = ref({})

View File

@@ -83,6 +83,7 @@
</div> </div>
<div <div
class="card-Box" class="card-Box"
style="max-height: 100px;"
:style="`height:calc((${boxHeight.height} - 50px )/ 3);`" :style="`height:calc((${boxHeight.height} - 50px )/ 3);`"
v-for="val in item.children" v-for="val in item.children"
> >
@@ -349,10 +350,10 @@ const countList: any = ref([
}, },
] ]
}, },
// { {
// title: '上送网公司', title: '上送网公司',
// children: [{ title: '电网侧监测点', num: 0, onLineNum: 0, integrityRate: 0 }] children: [{ title: '电网侧监测点', num: 0, onLineNum: 0, integrityRate: 0 }]
// } }
]) ])
const linList: any = ref([ const linList: any = ref([
{ {
@@ -467,7 +468,7 @@ const info = async (row: any) => {
getGridDiagramStatistics(form).then(res => { getGridDiagramStatistics(form).then(res => {
countList.value[0].children[0] = { title: '非电网侧监测点', ...res.data.data[1] } countList.value[0].children[0] = { title: '非电网侧监测点', ...res.data.data[1] }
countList.value[0].children[1] = { title: '电网侧监测点', ...res.data.data[0] } countList.value[0].children[1] = { title: '电网侧监测点', ...res.data.data[0] }
// countList.value[1].children[0] = { title: '电网侧监测点', ...res.data.gwData[0] } countList.value[1].children[0] = { title: '电网侧监测点', ...res.data.gwData[0] }
}) })
// 监测运行统计 // 监测运行统计
getGridDiagramRunData(form).then(res => { getGridDiagramRunData(form).then(res => {

View File

@@ -266,8 +266,8 @@ import {
const dictData = useDictData() const dictData = useDictData()
const show = ref(false) const show = ref(false)
const height = mainHeight(30) const height = mainHeight(30)
const boxHeight: any = mainHeight(270, 2) const boxHeight: any = mainHeight(230, 2)
const EchHeight: any = mainHeight(510, 2) const EchHeight: any = mainHeight(320, 2)
const evaluateRef = ref() const evaluateRef = ref()
const steadyStateRef = ref() const steadyStateRef = ref()
const formRow: any = ref({}) const formRow: any = ref({})