同步现场代码 修改电网一张图页面

src/views/pqs/qualityInspeection/panorama/components/cityMapL.vue

@@ -55,7 +55,7 @@ import MyEChart from '@/components/echarts/MyEchart.vue'
 import { useDictData } from '@/stores/dictData'
 import { mainHeight } from '@/utils/layout'
 
-import { getPracticalRunDeviceInfo, getGridDiagramCityDev, getGridDiagramLineData } from '@/api/device-boot/panorama'
+import { getGridDiagramAreaData, getGridDiagramCityDev, getGridDiagramLineData } from '@/api/device-boot/panorama'
 import { useConfig } from '@/stores/config'
 const config = useConfig()
 const dictData = useDictData()
@@ -86,7 +86,7 @@ const info = (row: any) => {
 
     formRow.value = form
     // 变电站
-    getPracticalRunDeviceInfo(form).then(res => {
+    getGridDiagramAreaData(form).then(res => {
         onlineCharts.value = {
             tooltip: {},
             yAxis: {
@@ -115,9 +115,9 @@ const info = (row: any) => {
                         name: '个数',
                         type: 'bar',
                         data: [
-                            res.data[0].subIndexes.length,
-                            res.data[0].deviceIndexes.length,
-                            res.data[0].lineIndexes.length
+                            res.data[0].subNum,
+                            res.data[0].deviceNum,
+                            res.data[0].lineNum
                         ],
                         label: {
                             show: true,
@@ -212,13 +212,18 @@ const info = (row: any) => {
             // str.replace(/\(\d+\)/, "\n$&");
             xAxis: {
                 data: res.data.map((item: any) => {
-                    return item.orgName.length > 4
-                        ? item.orgName.slice(0, 4) + '\n ' + item.orgName.slice(4)
-                        : item.orgName
+                    let title = item.orgName.replace(/\(\d+\)/g, '')
+                    // return title.length > 5
+                    return title.length > 6
+                        ? title.length > 11
+                            ? title.slice(0, 5) + '\n ' + title.slice(5, 10) + '\n ' + title.slice(10)
+                            : title.slice(0, 5) + '\n ' + title.slice(5)
+                        : title
                 }),
                 axisLabel: {
                     color: '#000',
-                    fontSize: 12
+                    fontSize: 12,
+                    interval: 0
                 }
             },
             yAxis: {
@@ -229,7 +234,8 @@ const info = (row: any) => {
             grid: {
                 top: '30px',
                 left: '0px',
-                right: '20px'
+                right: '20px',
+                bottom: 0
             },
             options: {
                 dataZoom: null,