测试git

src/view/client/12345/CenterTop/index.vue

@@ -24,8 +24,8 @@
 </template>
 
 <script>
-import { getAreaData } from "./api";
-import { store } from "@/store";
+import { getAreaData } from './api';
+import { store } from '@/store';
 export default {
   data() {
     return {
@@ -34,10 +34,10 @@ export default {
       areaDataList: [
         {
           acceptCount: 0,
-          districtName: "南江县",
+          districtName: '南江县',
           id: 1,
           processCount: 0,
-          statDate: "2024",
+          statDate: '2024',
         },
       ],
     };
@@ -58,12 +58,12 @@ export default {
         .then((res) => {
           const { code, result } = res.data;
           if (code === 200) {
-            const order = ["南江县", "通江县", "平昌县", "巴州区", "恩阳区"];
+            const order = ['南江县', '通江县', '平昌县', '巴州区', '恩阳区'];
             this.areaDataList = result.sort((a, b) => {
               return (
                 order.indexOf(a.districtName) - order.indexOf(b.districtName)
               );
-            });;
+            });
           }
         });
     },
@@ -86,7 +86,6 @@ export default {
 .item-top {
   color: #7bbbdc;
   font-size: 1.125rem;
-  /* font-style: italic; */
 }
 .item-bottom {
   color: #7bbbdc;

src/view/client/12345/CountySituation/index.vue

@@ -31,25 +31,20 @@
           <span style="color: #6d5dec">{{ x2Reverse[index] }}</span>
           <span style="color: #0060e3">{{ x3Reverse[index] }}</span>
         </div>
-        <!-- <div class="right-item" v-for="item in yData" :key="item">
-          <span style="color: #008fcb">{{ xData.x1[getIndex(item)] }}</span>
-          <span style="color: #6d5dec">{{ xData.x2[getIndex(item)] }}</span>
-          <span style="color: #0060e3">{{ xData.x3[getIndex(item)] }}</span>
-        </div> -->
       </div>
     </div>
   </div>
 </template>
 
 <script>
-import { getCountySituation } from "./api";
-import colors from "./colors";
+import { getCountySituation } from './api';
+import colors from './colors';
 export default {
   data() {
     return {
       analyseType: 0,
       year: 2024,
-      yData: ["恩阳区", "巴州区", "平昌县", "南江县", "通江县"],
+      yData: ['恩阳区', '巴州区', '平昌县', '南江县', '通江县'],
       xData: {
         x1: [20, 30, 20, 30, 20],
         x2: [15, 35, 20, 15, 15],
@@ -59,13 +54,13 @@ export default {
   },
   computed: {
     x1Reverse() {
-      return this.xData.x1.reverse();
+      return this.xData.x1.slice().reverse();
     },
     x2Reverse() {
-      return this.xData.x2.reverse();
+      return this.xData.x2.slice().reverse();
     },
     x3Reverse() {
-      return this.xData.x3.reverse();
+      return this.xData.x3.slice().reverse();
     },
   },
   mounted() {
@@ -87,35 +82,35 @@ export default {
         .then((res) => {
           const { code, result } = res.data;
           if (code === 200) {
-            console.log(res, "先付");
+            console.log(res, '先付');
             this.yData = result.xaxisData;
-            this.xData.x1 = result.yaxisData["已办"];
-            this.xData.x2 = result.yaxisData["待办"];
-            this.xData.x3 = result.yaxisData["超期"];
+            this.xData.x1 = result.yaxisData['已办'];
+            this.xData.x2 = result.yaxisData['待办'];
+            this.xData.x3 = result.yaxisData['超期'];
             this.initChart();
           }
         });
     },
     initChart() {
-      console.log("执行init");
+      console.log('执行init');
       this.myChart = this.$echarts.init(
-        document.getElementById("countySituation")
+        document.getElementById('countySituation')
       );
       const option = {
         grid: {
-          top: "15%",
-          bottom: "15%",
+          top: '15%',
+          bottom: '15%',
         },
         legend: {
-          data: ["已办", "待办", "超期"],
-          top: "5%",
-          right: "5%",
+          data: ['已办', '待办', '超期'],
+          top: '5%',
+          right: '5%',
           textStyle: {
-            color: "#fff",
+            color: '#fff',
           },
         },
         xAxis: {
-          type: "value",
+          type: 'value',
           // 网格线
           splitLine: {
             show: false,
@@ -134,7 +129,7 @@ export default {
         },
         yAxis: [
           {
-            type: "category",
+            type: 'category',
             data: this.yData,
             // 坐标轴线
             axisLine: {
@@ -154,10 +149,10 @@ export default {
         ],
         series: [
           {
-            name: "已办",
-            type: "bar",
+            name: '已办',
+            type: 'bar',
             data: this.xData.x1,
-            barWidth: "15%",
+            barWidth: '15%',
             // label: {
             //   show: true,
             //   position: "top",
@@ -166,10 +161,10 @@ export default {
             itemStyle: { color: colors.barColor1 },
           },
           {
-            name: "待办",
-            type: "bar",
+            name: '待办',
+            type: 'bar',
             data: this.xData.x2,
-            barWidth: "15%",
+            barWidth: '15%',
             // label: {
             //   show: true,
             //   position: "top",
@@ -178,18 +173,18 @@ export default {
             itemStyle: { color: colors.barColor2 },
           },
           {
-            name: "超期",
-            type: "bar",
+            name: '超期',
+            type: 'bar',
             data: this.xData.x3,
-            barWidth: "15%",
+            barWidth: '15%',
             // label: {
             //   show: true,
             //   position: "top",
             //   color: colors.barTopTextColor,
             // },
             itemStyle: { color: colors.barColor3 },
-            barCategoryGap: "20%",
-            barGap: "100%",
+            barCategoryGap: '20%',
+            barGap: '100%',
           },
         ],
       };