diff --git a/src/views/developUtils/index.vue b/src/views/developUtils/index.vue index 0e48127..4e7424a 100644 --- a/src/views/developUtils/index.vue +++ b/src/views/developUtils/index.vue @@ -30,18 +30,30 @@
-
+
-
+
{{ item.name }}
+ +
@@ -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; diff --git a/src/views/sensingDevice/components/carLarge.vue b/src/views/sensingDevice/components/carLarge.vue index d4b5217..8275a9d 100644 --- a/src/views/sensingDevice/components/carLarge.vue +++ b/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' + ] } ] } diff --git a/src/views/sensingDevice/components/peopleLarge.vue b/src/views/sensingDevice/components/peopleLarge.vue index eadbc01..871e66e 100644 --- a/src/views/sensingDevice/components/peopleLarge.vue +++ b/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'] } ] }