卫片监管统计图单位和数据换算修改,区级统计名称补全

src/views/cockpit/wpjg.vue

@@ -6,7 +6,7 @@
     <div class="stacontent">
       <div class="item">
         <span class="dlabel">图斑面积:</span>
-        <span class="dvalue">{{ (title.tb_mj / 1000).toFixed(2) || 0 }}k㎡</span>
+        <span class="dvalue">{{ (title.tb_mj / 10000).toFixed(2) || 0 }}公顷</span>
       </div>
       <div class="item cursor" @click="draw_vector">
         <span class="dlabel"> 图斑个数:</span>
@@ -79,7 +79,7 @@ export default {
       this.zData.forEach((res) => {
         if (res.name == value.name) {
           this.active_xzqh = [];
-          this.active_xzqh.push((res.tb_mj / 1000).toFixed(2), (res.zygdmj / 1000).toFixed(2), (res.zyjbntmj / 1000).toFixed(2), (res.wf_mj / 1000).toFixed(2),);
+          this.active_xzqh.push((res.tb_mj / 10000).toFixed(2), (res.zygdmj / 10000).toFixed(2), (res.zyjbntmj / 10000).toFixed(2), (res.wf_mj / 10000).toFixed(2),);
 
         }
       })
@@ -125,7 +125,7 @@ export default {
           top: '14%',
           bottom: '1%',
           left: '0%',
-          right: '30%',
+          right: '25%',
           containLabel: true
         },
         xAxis: {
@@ -152,7 +152,7 @@ export default {
           interval: 0
         },
         yAxis: {
-          data: ['监测图斑', '占用耕地', '占用永久...', '违法占地'],
+          data: ['监测图斑', '占用耕地', '占用永久基本农田', '违法占地'],
 
           splitLine: {
             show: false,
@@ -171,7 +171,7 @@ export default {
           },
           axisLabel: {
             show: true,
-            margin: 10,
+            // margin: 10,
             textStyle: {
               fontSize: 12,
               color: '#DEEBFF',
@@ -214,7 +214,7 @@ export default {
               position: 'right',
               fontSize: 16,
               formatter: function (params) {
-                return `{value|${params.value}}  {unit|k㎡}`;
+                return `{value|${params.value}}  {unit|公顷}`;
               }
             },
             symbolPosition: 'end',
@@ -369,7 +369,7 @@ export default {
         },
         yAxis: [
           {
-            name: "单位/k㎡",
+            name: "单位/公顷",
             nameTextStyle: {
               color: "#fff",
               fontSize: 12,
@@ -521,7 +521,6 @@ export default {
         endTime: params ? params.endTime : store.state.cockpit_date[1],
       };
       let data = await QueryOne(obj);
-
       this.title = data.data
     },
     async init_wpjg_echart_data(params) {
@@ -536,10 +535,10 @@ export default {
       that.zData = data.data;
       data.data.forEach((res) => {
         this.xData.push(res.name);
-        this.xData1.push((res.tb_mj / 1000).toFixed(2));
-        this.xData2.push((res.zygdmj / 1000).toFixed(2));
-        this.xData3.push((res.zyjbntmj / 1000).toFixed(2));
-        this.xData4.push((res.wf_mj / 1000).toFixed(2));
+        this.xData1.push((res.tb_mj / 10000).toFixed(2));
+        this.xData2.push((res.zygdmj / 10000).toFixed(2));
+        this.xData3.push((res.zyjbntmj / 10000).toFixed(2));
+        this.xData4.push((res.wf_mj / 10000).toFixed(2));
       })
       this.init_wpjg_echart();
     },
@@ -603,8 +602,8 @@ export default {
     },
     wf_mj_computed: function () {
       // `this` 指向 vm 实例
-      if ((this.title.wf_mj / 1000).toFixed(2) > 0) {
-        return (this.title.wf_mj / 1000).toFixed(2) + 'k㎡'
+      if ((this.title.wf_mj / 10000).toFixed(2) > 0) {
+        return (this.title.wf_mj / 10000).toFixed(2) + '公顷'
 
       } else {
         return '暂无'
@@ -670,7 +669,7 @@ export default {
 }
 
 #wpjg_echart_xzqh {
-  left: 1rem;
+  left: 0rem;
   width: 26rem;
   height: 12rem;