sheyang
/
sheyangCoastalSystem
6
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

修改a链接

Browse Source
hezhengao
何峥傲 1 year ago
parent b8594272be
commit 43b8610dac
3 changed files with 114 additions and 42 deletions
Show Stats Download Patch File Download Diff File

94
src/views/developUtils/index.vue
Unescape View File

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

46
src/views/sensingDevice/components/carLarge.vue
Unescape View File

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

16
src/views/sensingDevice/components/peopleLarge.vue
Unescape View File

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

Write Preview
Loading…
Cancel
Save