添加了三个表格的数据

src/views/modules/goverhotline/index.vue

@@ -23,7 +23,7 @@
 
           <div class="m-table">
             <div  style="text-align: center;">
-              <h1>海伦路街道2023年1月1日至6月31日</h1>
+              <h1>{{ report.streetName }}2023年1月1日至6月31日</h1>
               <h1>政务热线运行情况分析报告</h1>
             </div>
             <div>
@@ -76,25 +76,48 @@
               <h2 style="font-size: 20px; font-weight: bold;"> (一）同地点同类型事件重复投诉 </h2>
             </div>
 
-            <!-- <el-table :data="addressData" border class="m-table-item" style="width: 100%" :height="maxTableHeight">
+            <el-table :data="addressData" border class="m-table-item" style="width: 100%">
               <el-table-column label="序号" fixed="left" type="index" align="center" width="50" />
               <el-table-column prop="address" align="center" label="地点" :show-overflow-tooltip="true"></el-table-column>
               <el-table-column prop="amount" align="center" label="投诉次数" :show-overflow-tooltip="true"></el-table-column>
               <el-table-column prop="content" align="center" label="投诉内容" :show-overflow-tooltip="true"></el-table-column>
-            </el-table> -->
+            </el-table>
 
             <div>
               <h2 style="font-size: 20px; font-weight: bold;"> (二）同一人员重复投诉</h2>
             </div>
 
-            <!-- <el-table :data="mobileData" border class="m-table-item" style="width: 100%" :height="maxTableHeight">
+            <el-table :data="mobileData" border class="m-table-item" style="width: 100%">
               <el-table-column label="序号" fixed="left" type="index" align="center" width="50" />
-              <el-table-column prop="address" align="center" label="联系方式" :show-overflow-tooltip="true"></el-table-column>
+              <el-table-column prop="mobile" align="center" label="联系方式" :show-overflow-tooltip="true"></el-table-column>
               <el-table-column prop="amount" align="center" label="投诉次数" :show-overflow-tooltip="true"></el-table-column>
               <el-table-column prop="content" align="center" label="投诉内容" :show-overflow-tooltip="true"></el-table-column>
-            </el-table> -->
+            </el-table>
 
+            <div>
+              <h2 style="font-size: 20px; font-weight: bold;"> (三）同一区域不同类型投诉</h2>
+            </div>
+
+            <el-table :data="addressMobileData" border class="m-table-item" style="width: 100%" >
+              <el-table-column label="序号" fixed="left" type="index" align="center" width="50" />
+              <el-table-column prop="address" align="center" label="地点" :show-overflow-tooltip="true"></el-table-column>
+              <el-table-column prop="mobile" align="center" label="联系方式" :show-overflow-tooltip="true"></el-table-column>
+              <el-table-column prop="amount" align="center" label="投诉次数" :show-overflow-tooltip="true"></el-table-column>
+              <el-table-column prop="content" align="center" label="投诉内容" :show-overflow-tooltip="true"></el-table-column>
+            </el-table>
+            
+            <div>
+              <h1 style="font-size: 24px; font-weight: bold;"> 四、工作改进举措 </h1>
+              <h2 style="font-size: 20px; font-weight: bold;"> 一是机制要“优”</h2>
+              <h2 style="font-size: 20px; font-weight: bold;"> 二是质量要“高”</h2>
+              <h2 style="font-size: 20px; font-weight: bold;"> 三是分流要“准”</h2>
+              <h2 style="font-size: 20px; font-weight: bold;"> 四是流程要“亚”</h2>
+              <h2 style="font-size: 20px; font-weight: bold;"> 五是沟通要“多</h2>
+              <h2 style="font-size: 20px; font-weight: bold;"> 六是模板要“精"</h2>
+            </div>
           </div>
+
+         
       </div>
     
      
@@ -121,13 +144,16 @@ export default {
 
           // 内容字段
           report:{
+            streetName:"",
             overallOperation:"",
             geoStatis:"",
             departHotline:"",
-            hotDemand:""
+            hotDemand:"",
           },
-          addressData:{},
-          mobileData:{},
+
+          addressData:[],
+          mobileData:[],
+          addressMobileData:[],
 
           categoryChart: {},
           categoryPie: {},
@@ -560,9 +586,8 @@ export default {
               this.categoryChartOption.xAxis.data.push(key);
 
               const jsonObject = {
-                  address: key,
-                  amount: key,
-                  content:key
+                  name: key,
+                  value: value
               };
               this.categoryPieOption.series[0].data.push(jsonObject);
 
@@ -596,6 +621,24 @@ export default {
               this.hotlineChartOption.xAxis.data.push(key);
               this.hotlineChartOption.series[0].data.push(value);
             });
+
+            this.addressData = this.report.addressEvent
+              ? this.report.addressEvent.map(item => {
+                  return item;
+                })
+              : [];
+
+              this.mobileData = this.report.mobileEvent
+              ? this.report.mobileEvent.map(item => {
+                  return item;
+                })
+              : [];
+
+              this.addressMobileData = this.report.addressMobileEvents
+              ? this.report.addressMobileEvents.map(item => {
+                  return item;
+                })
+              : [];
         },
   },