优化全景展示页面
This commit is contained in:
30
src/main.ts
30
src/main.ts
@@ -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',
|
||||||
|
|||||||
@@ -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 => {
|
||||||
|
|||||||
@@ -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({})
|
||||||
|
|||||||
@@ -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 => {
|
||||||
|
|||||||
@@ -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({})
|
||||||
|
|||||||
Reference in New Issue
Block a user