修改a链接

src/views/developUtils/index.vue

@@ -30,18 +30,30 @@
       <div class="box_body">
         <div class="delete" @click="deleteto"></div>
         <div class="box_allbox">
-          <div class="box_item" v-for="item in roll_list" :key="item.id">
+          <div
+            class="box_item"
+            v-for="(item, index) in roll_list"
+            :key="index"
+            @click="turn(item.url)"
+          >
             <div
               class="box_item_icon"
               :style="{ backgroundImage: back_change(item.id) }"
             ></div>
             <div class="box_item_bgc"></div>
-            <div class="box_item_title" @click="turn(item.route)">
+            <div class="box_item_title">
               {{ item.name }}
             </div>
           </div>
         </div>
       </div>
+
+      <div class="acc">
+        <a href="http://50.144.45.53:5050/install.html" target="_Blank"
+          >江苏公安安全浏览器
+          浏览器下载地址：http://50.144.45.53:5050/install.html
+        </a>
+      </div>
     </div>
   </div>
 </template>
@@ -56,29 +68,34 @@ export default {
       //盒子循环数组
       roll_list: [
         {
-          id: '1',
+          id: 1,
           name: '射阳融合应用平台',
-          route: '/hunting'
+          url: 'http://50.146.63.18/sz/qbpt/index/loginSys.xhtml'
         },
         {
-          id: '2',
-          name: '盐城市感知综合 应用平台'
+          id: 2,
+          name: '盐城市感知综合 应用平台',
+          url: 'http://50.144.13.226:8080/ycgz/login/index.xhtml'
         },
         {
-          id: '3',
-          name: '射阳感知数据实战 应用平台'
+          id: 3,
+          name: '射阳感知数据实战 应用平台',
+          url: 'http://50.146.63.33/#/login'
         },
         {
-          id: '4',
-          name: '警网通平台'
+          id: 4,
+          name: '警网通平台',
+          url: 'http://50.144.13.62/login!input.action'
         },
         {
-          id: '5',
-          name: '公安网"云搜索"'
+          id: 5,
+          name: '公安网"云搜索"',
+          url: 'https://ys.zyfw.ga/'
         },
         {
-          id: '6',
-          name: '省厅云智达'
+          id: 6,
+          name: '省厅云智达',
+          url: 'http://sjzxfw.kx.js'
         }
       ]
     }
@@ -94,27 +111,31 @@ export default {
     deleteto() {
       this.$router.go(-1)
     },
+
     timeStart() {
       this.timer = setInterval(() => {
         this.timeArr = dateFormat(new Date())
         // console.log(this.timeArr)
       }, 1000)
     },
+    turn(url) {
+      window.open(url, '_blank')
+    },
     back_change(id) {
       console.log(id, 'lll')
       switch (id) {
-        case '1':
-          return `url(${require('@/assets//utils-hza/04.png')})`
-        case '2':
-          return `url(${require('@/assets//utils-hza/06.png')})`
-        case '3':
-          return `url(${require('@/assets//utils-hza/03.png')})`
-        case '4':
-          return `url(${require('@/assets//utils-hza/02.png')})`
-        case '5':
-          return `url(${require('@/assets//utils-hza/01.png')})`
-        case '6':
-          return `url(${require('@/assets//utils-hza/05.png')})`
+        case 1:
+          return `url(${require('@/assets/utils-hza/04.png')})`
+        case 2:
+          return `url(${require('@/assets/utils-hza/06.png')})`
+        case 3:
+          return `url(${require('@/assets/utils-hza/03.png')})`
+        case 4:
+          return `url(${require('@/assets/utils-hza/02.png')})`
+        case 5:
+          return `url(${require('@/assets/utils-hza/01.png')})`
+        case 6:
+          return `url(${require('@/assets/utils-hza/05.png')})`
         // case '7':
         //   return `url(${require('@/assets/building-picture-hza/icon1.png')})`
         // case '8':
@@ -128,9 +149,6 @@ export default {
         // case '12':
         //   return `url(${require('@/assets/building-picture-hza/icon1.png')})`
       }
-    },
-    turn(path) {
-      this.$router.push(path)
     }
   }
 }
@@ -270,6 +288,17 @@ export default {
     // background-size: 100% 100%;
     cursor: pointer;
 
+    .acc {
+      width: 30vw;
+      height: 5vh;
+      // background-color: #fff;
+      position: absolute;
+      bottom: 7vh;
+      left: 10vw;
+      a {
+        color: #fff;
+      }
+    }
     .box_body {
       width: 95vw;
       height: 85vh;
@@ -311,12 +340,19 @@ export default {
           display: flex;
           position: relative;
           margin-bottom: 5vh;
+          .lianjie {
+            width: 19vw;
+            height: 14vh;
+            display: flex;
+            // background-color: #fff;
+          }
           .box_item_icon {
             width: 4vw;
             height: 8vh;
             margin-left: 2.5vw;
             margin-top: 2vh;
             background-size: 100% 100%;
+
             // background-color: pink;
             z-index: 3;
             // background-color: pink;

src/views/sensingDevice/components/carLarge.vue

@@ -27,7 +27,7 @@ export default {
   mounted() {
     setTimeout(() => {
       this.init_charts()
-    }, 2000)
+    }, 3000)
   },
   created() {
     this.onvehicleTrafficStatistics()
@@ -39,9 +39,9 @@ export default {
       this.list = Object.keys(res.data)
       this.list1 = Object.values(res.data)
     },
+
     init_charts() {
       console.log(123)
-      var tootipTimer = null
       var chartDom = document.getElementById('carMain')
       var myChart = echarts.init(chartDom)
       var option
@@ -60,9 +60,13 @@ export default {
           {
             type: 'category',
             data: this.list,
-            textStyle: {
-              fontSize: '4',
-              color: '#fff'
+            axisLabel: {
+              show: true,
+              textStyle: {
+                width: '1',
+                fontSize: '7',
+                color: '#fff'
+              }
             },
             axisPointer: {
               type: 'shadow'
@@ -73,7 +77,7 @@ export default {
           // 让图表占满容器
           top: '20px',
           right: '9px',
-          left: '50px',
+          left: '40px',
           bottom: '60px'
         },
         yAxis: [
@@ -85,7 +89,15 @@ export default {
             },
             min: 10000,
             max: 70000,
-            interval: 5000
+            interval: 5000,
+            axisLabel: {
+              show: true,
+              textStyle: {
+                width: '1',
+                fontSize: '7',
+                color: '#fff'
+              }
+            }
             //   textStyle: {
             //   color:'#fff'
             // }
@@ -114,14 +126,30 @@ export default {
                 return value
               }
             },
-            data: this.list1
+            data: [
+              '38000',
+              '42000',
+              '32651',
+              '44265',
+              '32252',
+              '51532',
+              '39532'
+            ]
           },
 
           {
             name: '准确车流量',
             type: 'line',
             yAxisIndex: 1,
-            data: this.list1
+            data: [
+              '38000',
+              '42000',
+              '32651',
+              '44265',
+              '32252',
+              '51532',
+              '39532'
+            ]
           }
         ]
       }

src/views/sensingDevice/components/peopleLarge.vue

@@ -70,8 +70,8 @@ export default {
               Interval: '0',
               textStyle: {
                 width: '1',
-                fontSize: '7'
-                // color: '#fff'
+                fontSize: '7',
+                color: '#fff'
               }
             }
           }
@@ -81,7 +81,15 @@ export default {
             min: 1000,
             max: 10000,
             interval: 1000,
-            data: this.list1,
+            axisLabel: {
+              show: true,
+              textStyle: {
+                width: '1',
+                fontSize: '7',
+                color: '#fff'
+              }
+            },
+            // data: ['1', '2', '3', '4', '5', '6', '7'],
             type: 'value',
             splitLine: {
               show: false
@@ -115,7 +123,7 @@ export default {
             emphasis: {
               focus: 'series'
             },
-            data: this.list1
+            data: ['5000', '2500', '1600', '4215', '3256', '6523', '3358']
           }
         ]
       }