联调全景展示 省级 详情页

src/views/pqs/qualityInspeection/panorama/components/details/point.vue

@@ -15,8 +15,13 @@
             <el-col :span="12">
                 <div class="title">
                     <span>分布统计</span>
-                    <el-select v-model="time" style="width: 120px; margin-right: 80px" @change="statiStics">
-                        <el-option v-for="item in options" :key="item.id" :label="item.name" :value="item.id" />
+                    <el-select
+                        v-model="statisticalType"
+                        :value-key='id'
+                        style="width: 120px; margin-right:  80px"
+                        @change="statiStics"
+                    >
+                        <el-option v-for="item in options" :key="item.id" :label="item.name" :value="item" />
                     </el-select>
                 </div>
                 <div class="pie">
@@ -54,10 +59,12 @@ import { useDictData } from '@/stores/dictData'
 import { getGridDiagramLineTendency, getGridDiagramLineData, getHalfReport } from '@/api/device-boot/panorama'
 const dictData = useDictData()
 const dialogVisible: any = ref(false)
-const time = ref('1')
+
 const Voltage = dictData.getBasicData('Dev_Voltage_Stand')
 const tableData: any = ref([])
 const options = dictData.getBasicData('Statistical_Type', ['Report_Type'])
+const time = ref('1')
+const statisticalType = ref(options[0])
 const loadTypeArr = dictData.getBasicData('Interference_Source')
 
 const rowList: any = ref({})
@@ -132,13 +139,13 @@ const analysis = (e: any) => {
 }
 // 统计
 const statiStics = () => {
-    getGridDiagramLineData(rowList.value).then(res => {
+    getGridDiagramLineData({ ...rowList.value, statisticalType: statisticalType.value }).then(res => {
         picEChart.value = {
             title: {
                 text: ''
             },
             xAxis: {
-                name: '(区域)',
+             
                 data: res.data.map((item: any) => item.orgName)
             },
             yAxis: {