政务运行

zhsq_qk-ui/src/assets/images/qkq_body.css

@@ -428,7 +428,7 @@ color: #fff;
  */
 .map_tab_zw{
   position: fixed;
-  right: 906px;
+  right: 894px;
   top:160px;
 }
 .map_tab_zw button{

zhsq_qk-ui/src/views/fusion/yshj.vue

@@ -1,9 +1,9 @@
 <template>
   <div>
     <div class="map">
-      <!--      <img src="@/assets/images/qkq_mapbg.png"/>-->
-      <supermap ref="supermap" style="height: 100%;width: 100%;position: absolute;z-index: 0;"
-                :yxtSltProps="sltProps"></supermap>
+            <img src="@/assets/images/qkq_mapbg.png"/>
+<!--      <supermap ref="supermap" style="height: 100%;width: 100%;position: absolute;z-index: 0;"-->
+<!--                :yxtSltProps="sltProps"></supermap>-->
     </div>
     <!-- 阴影背景 -->
     <div class="bj_left"><img src="@/assets/images/sprhbj-left.png"/></div>
@@ -942,6 +942,17 @@ export default {
         },
       ];
       var defaultData = [100, 100, 100, 100, 100, 100];
+
+      let labelData = ['cxxxx事项', 'xxxx事项', 'xxxx事项', 'xxxx事项', 'xxxx事项']
+      let valueData = [];
+      for (var i = 0; i < data.length; i++) {
+        let object = {}
+        labelData.push(data[i]);
+        var lineNumber = Math.floor(Math.random() * 900);
+        this.$set(object,"name",data[i]);
+        this.$set(object,"value",lineNumber);
+        valueData.push(object);
+      }
       var getArrByKey = (data, k) => {
         let key = k || 'value';
         let res = [];
@@ -1024,7 +1035,7 @@ export default {
             axisLabel: {
               interval: 0,
               shadowOffsetX: '-110px',
-              color: ['#fff'],
+              // color: ['#fff'],
               align: 'right',
               verticalAlign: 'bottom',
               lineHeight: 24,
@@ -1125,6 +1136,14 @@ export default {
     },
     bmbjs() {
       var myChart = echarts.init(document.getElementById('bmbjs'));
+      let data = ['xx部门', 'xx部门', 'xx部门', 'xx部门', 'xx部门', 'xx部门', 'xx部门', 'xx部门', 'xx部门', 'xx部门', 'xx部门', 'xx部门']
+      let valueData = [];
+      let labelData = []
+      for (var i = 0; i < data.length; i++) {
+        labelData.push(data[i]);
+        var lineNumber = Math.floor(Math.random() * 900);
+        valueData.push(lineNumber);
+      }
       var option = {
         tooltip: {
           trigger: 'axis',
@@ -1177,7 +1196,7 @@ export default {
           axisTick: {
             show: false,
           },
-          data: ['xx部门', 'xx部门', 'xx部门', 'xx部门', 'xx部门', 'xx部门', 'xx部门', 'xx部门', 'xx部门', 'xx部门', 'xx部门', 'xx部门'],
+          data: labelData,
         }],
         yAxis: [{
           type: 'value',
@@ -1250,10 +1269,28 @@ export default {
               shadowBlur: 20 //shadowBlur设图形阴影的模糊大小。配合shadowColor,shadowOffsetX/Y, 设置图形的阴影效果。
             }
           },
-          data: [150, 200, 259, 360, 378, 450, 450, 150, 200, 259, 360, 378, 450, 450]
+          data: valueData
         }]
       };
+      var currentIndex = -1;
+      var timer = setInterval(function () {
+        // 生成新的随机数据
+        currentIndex++;
+        if (currentIndex >= 12) {
+          currentIndex = 0;
+          for (var i = 0; i < valueData.length; i++) {
+            valueData[i] = Math.floor(Math.random() * 700);
+          }
+        } else {
+          valueData[currentIndex] = Math.floor(Math.random() * 700);
+        }
 
+        // 更新 option 中的数据
+        option.series[0].data = valueData;
+
+        // 重新渲染图表
+        myChart.setOption(option);
+      }, 1000); // 每秒更新一次数据
       if (option) {
         myChart.setOption(option);
       }
@@ -1264,7 +1301,16 @@ export default {
       // const backgroundColor = '#101736';
       const typeList = ['xx部门', 'xx部门', 'xx部门', 'xx部门', 'xx部门', 'xx部门', 'xx部门', 'xx部门', 'xx部门', 'xx部门'];
       const number = [10, 23, 14, 17, 20, 18, 10, 23, 14, 17];
-      const maxData = Math.max(...number) * 1.1;
+      // const maxData = Math.max(...number) * 1.1;
+
+      let valueData = [];
+      let labelData = []
+      for (var i = 0; i < typeList.length; i++) {
+        labelData.push(typeList[i]);
+        var lineNumber = Math.floor(Math.random() * 100);
+        valueData.push(lineNumber);
+      }
+      const maxData = Math.max(...valueData) * 1.1;
       const title = {
         show: false,
       };
@@ -1274,14 +1320,14 @@ export default {
       const tooltip = {
         show: true,
       };
-      const indicator = typeList.reduce((acc, cur) => {
+      const indicator = labelData.reduce((acc, cur) => {
         acc.push({name: cur, max: maxData});
         return acc;
       }, []);
       const dataArr = [
         {
           name: '部门办件率',
-          value: number,
+          value: valueData,
           symbolSize: 0,
           symbol: 'circle',
 
@@ -1364,13 +1410,39 @@ export default {
           },
         ],
       };
-
+      // var currentIndex = -1;
+      // var timer = setInterval(function () {
+      //   // 生成新的随机数据
+      //   currentIndex++;
+      //   if (currentIndex >= 10) {
+      //     currentIndex = 0;
+      //     for (var i = 0; i < valueData.length; i++) {
+      //       dataArr[0].value = Math.floor(Math.random() * 700);
+      //     }
+      //   } else {
+      //     valueData[currentIndex] = Math.floor(Math.random() * 700);
+      //   }
+      //
+      //   // 更新 option 中的数据
+      //   option.series[0].data = valueData;
+      //
+      //   // 重新渲染图表
+      //   myChart.setOption(option);
+      // }, 1000); // 每秒更新一次数据
       if (option) {
         myChart.setOption(option);
       }
     },
     bmyql() {
       var myChart = echarts.init(document.getElementById('bmyql'));
+      let data = ['xx部门', 'xx部门', 'xx部门', 'xx部门', 'xx部门', 'xx部门', 'xx部门', 'xx部门', 'xx部门', 'xx部门', 'xx部门', 'xx部门']
+      let valueData = [];
+      let labelData = []
+      for (var i = 0; i < data.length; i++) {
+        labelData.push(data[i]);
+        var lineNumber = Math.floor(Math.random() * 900);
+        valueData.push(lineNumber);
+      }
       var option = {
         animation: true,
         grid: {
@@ -1382,7 +1454,7 @@ export default {
           show: true,
         },
         xAxis: {
-          data: ['xx部门', 'xx部门', 'xx部门', 'xx部门', 'xx部门', 'xx部门', 'xx部门', 'xx部门', 'xx部门', 'xx部门', 'xx部门', 'xx部门', 'xx部门'],
+          data: labelData,
           axisLine: {
             show: false,//隐藏X轴轴线
 
@@ -1469,7 +1541,7 @@ export default {
                 ])
               }
             },
-            data: [498, 520, 568, 432, 464, 332, 344, 458, 470, 468, 398, 310, 421],
+            data: valueData,
             z: 10,
             zlevel: 0
           },
@@ -1488,7 +1560,7 @@ export default {
             symbolSize: [18, 2],
             symbolPosition: "start",
             symbolOffset: [1, 1],
-            data: [498, 520, 568, 432, 464, 332, 344, 458, 470, 468, 398, 310, 421],
+            data: valueData,
             width: 2,
             z: 0,
             zlevel: 1
@@ -1538,7 +1610,25 @@ export default {
         //   }
         // ]
       }
+      var currentIndex = -1;
+      var timer = setInterval(function () {
+        // 生成新的随机数据
+        currentIndex++;
+        if (currentIndex >= 12) {
+          currentIndex = 0;
+          for (var i = 0; i < valueData.length; i++) {
+            valueData[i] = Math.floor(Math.random() * 700);
+          }
+        } else {
+          valueData[currentIndex] = Math.floor(Math.random() * 700);
+        }
 
+        // 更新 option 中的数据
+        option.series[0].data = valueData;
+
+        // 重新渲染图表
+        myChart.setOption(option);
+      }, 1000); // 每秒更新一次数据
 
       if (option) {
         myChart.setOption(option);