jianguan
/
supervise-monitor-ui
5
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

摄像头添加定位，循环遍历 

视频中心接入摄像头视频
master
yangzongjia 2 years ago
parent
dfd899f15a
commit
5a58ff9a1a
5 changed files with 1061 additions and 631 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 7
      src/api/device/device.js
  2. 645
      src/views/index.vue
  3. 1008
      src/views/monitor/videos/index.vue
  4. 31
      src/views/shebeitaizhang/shebeitaizhangAdd.vue
  5. 1
      src/views/zhiwujiance/zhiwujianceList.vue

7
src/api/device/device.js
View File

@ -37,6 +37,12 @@ export function getInfoById(data) {
return request({ url: '/device/getInfoById', method: 'GET', params: data })
}
// 获取摄像头列表
export function getSxtList() {
return request({ url: '/device/getSxtList', method: 'GET' })
}
/******************************************************************************************************************************************** */
// 创建消息消费者
@ -59,4 +65,3 @@ export function doCallMessageOffsets(data) {
export function getCallZoneStatusList(data) {
return request({ url: '/call/getCallZoneStatusList', method: 'GET' })
}

645
src/views/index.vue
View File

@ -1,81 +1,81 @@
<template>
<div class="webindex">
<div class="zongcons">
<div class="maps">
<div class="wenboxs">
<div class="wenbox">
<div class="tubiao"><span class="myiconfont icon-shishijiance1 tolzi"></span></div>
<div class="tos">
<div class="tit nums">河北仓库<span class="num">3</span>家</div>
<div class="tit nums">货物数<span class="num">4575</span>个</div>
</div>
<div class="maps">
<div class="wenboxs">
<div class="wenbox">
<div class="tubiao"><span class="myiconfont icon-shishijiance1 tolzi"></span></div>
<div class="tos">
<div class="tit nums">河北仓库<span class="num">3</span>家</div>
<div class="tit nums">货物数<span class="num">4575</span>个</div>
</div>
<div class="wenbox">
<div class="tubiao"><span class="myiconfont icon-louyuzidonghua tolzi"></span></div>
<div class="tos">
<div class="tit nums">湖北仓库<span class="num">3</span>家</div>
<div class="tit nums">货物数<span class="num">2575</span>个</div>
</div>
</div>
<div class="wenbox">
<div class="tubiao"><span class="myiconfont icon-louyuzidonghua tolzi"></span></div>
<div class="tos">
<div class="tit nums">湖北仓库<span class="num">3</span>家</div>
<div class="tit nums">货物数<span class="num">2575</span>个</div>
</div>
<div class="wenbox">
<div class="tubiao"><span class="myiconfont icon-shebeitaizhang tolzi"></span></div>
<div class="tos">
<div class="tit nums">黑龙江<span class="num">3</span>家</div>
<div class="tit nums">货物数<span class="num">4575</span>个</div>
</div>
</div>
<div class="wenbox">
<div class="tubiao"><span class="myiconfont icon-shebeitaizhang tolzi"></span></div>
<div class="tos">
<div class="tit nums">黑龙江<span class="num">3</span>家</div>
<div class="tit nums">货物数<span class="num">4575</span>个</div>
</div>
<div class="wenbox">
<div class="tubiao"><span class="myiconfont icon-zhihuilouyu tolzi"></span></div>
<div class="tos">
<div class="tit nums">上海仓库<span class="num">1</span>家</div>
<div class="tit nums">货物数<span class="num">123</span>个</div>
</div>
</div>
<div class="wenbox">
<div class="tubiao"><span class="myiconfont icon-zhihuilouyu tolzi"></span></div>
<div class="tos">
<div class="tit nums">上海仓库<span class="num">1</span>家</div>
<div class="tit nums">货物数<span class="num">123</span>个</div>
</div>
<div class="wenbox">
<div class="tubiao"><span class="myiconfont icon-rizhi2 tolzi"></span></div>
<div class="tos">
<div class="tit nums">江苏仓库<span class="num">1</span>家</div>
<div class="tit nums">货物数<span class="num">126</span>个</div>
</div>
</div>
<div class="wenbox">
<div class="tubiao"><span class="myiconfont icon-rizhi2 tolzi"></span></div>
<div class="tos">
<div class="tit nums">江苏仓库<span class="num">1</span>家</div>
<div class="tit nums">货物数<span class="num">126</span>个</div>
</div>
</div>
</div>
<home-map style="height:600px"></home-map>
</div>
<!-- 第3行 -->
<div class="con">
<!-- 第1 -->
<div class="news">
<div class="title">
<div class="newstits">报警信息</div>
<div class="more" @click="toMore()">更多></div>
</div>
<div class="content">
<div class="newsli" v-for="(item, index) in Datalist" :key="index" @click="toinfo()">
<div class="dot">&bull;</div>
<div class="tit">{{item.title}}</div>
<div class="time">{{item.createTime}}</div>
</div>
</div>
<home-map style="height:600px"></home-map>
</div>
<!-- 第3行 -->
<div class="con">
<!-- 第1 -->
<div class="news">
<div class="title">
<div class="newstits">报警信息</div>
<div class="more" @click="toMore()">更多></div>
</div>
<!-- 第1 -->
<div class="news">
<div class="title">
<div class="newstits">提醒任务</div>
<div class="more" @click="toMoreb()">更多></div>
<div class="content">
<div class="newsli" v-for="(item, index) in Datalist" :key="index" @click="toinfo()">
<div class="dot">&bull;</div>
<div class="tit">{{ item.name }}</div>
<div class="time">{{ item.createTime }}</div>
</div>
<div class="content">
<div class="newsli" v-for="(item, index) in Datalista" :key="index" @click="toinfo()">
<div class="dot">&bull;</div>
<div class="tit">{{item.title}}</div>
<div class="time">{{item.createTime}}</div>
</div>
</div>
</div>
<!-- 第1 -->
<div class="news">
<div class="title">
<div class="newstits">提醒任务</div>
<div class="more" @click="toMoreb()">更多></div>
</div>
<div class="content">
<div class="newsli" v-for="(item, index) in Datalista" :key="index" @click="toinfo()">
<div class="dot">&bull;</div>
<div class="tit">{{ item.title }}</div>
<div class="time">{{ item.createTime }}</div>
</div>
</div>
<!-- -->
</div>
<!-- -->
</div>
</div>
@ -114,8 +114,8 @@
<div class="note"><span class="redzi"></span></div>
</div>
<div class="bar">
<pie-chartrenyuan :chart-data="shipinjiankong_Chart" ></pie-chartrenyuan>
</div>
<pie-chartrenyuan :chart-data="shipinjiankong_Chart"></pie-chartrenyuan>
</div>
</div>
</div>
</div>
@ -165,18 +165,20 @@
</template>
<script>
import { login1 } from '@/api/system/user/login.js'
import * as echarts from "echarts";
import PieChartrenyuan from '@/views/echarts/components/PieChartrenyuan'
import HomeMap from '@/views/dashboard/components/HomeMap'
// 1.1入侵报警饼图
const ruqinbaojing_Chart = {
import { login1 } from '@/api/system/user/login.js'
import * as echarts from "echarts";
import PieChartrenyuan from '@/views/echarts/components/PieChartrenyuan'
import HomeMap from '@/views/dashboard/components/HomeMap'
import { getCallPolicePage } from '@/api/callPolice/callPolice'
import { init } from 'events';
// 1.1入侵报警饼图
const ruqinbaojing_Chart = {
// seriesName: '入侵报警',
unit: '次',
color: ['#34ffff', '#34abff', '#4c6eff'],
Data: {
seriesData: [
{ value: 56, name: '正常' },
{ value: 56, name: '正常' },
{ value: 39, name: '离线' },
{ value: 28, name: '报警' }
]
@ -190,14 +192,14 @@
// radius: ['50%', '55%']
}
// 1.2视频监控饼图
const shipinjiankong_Chart = {
// 1.2视频监控饼图
const shipinjiankong_Chart = {
// seriesName: '视频监控',
unit: '次',
color: ['#fe7f02', '#049f51', '#fdc004'],
Data: {
seriesData: [
{ value: 39, name: '正常' },
{ value: 39, name: '正常' },
{ value: 19, name: '离线' },
// { value: 12, name: '报警' }
]
@ -211,18 +213,18 @@
// radius: ['50%', '55%']
}
// 1.3门禁管理饼图
const menjinguanli_Chart = {
// 1.3门禁管理饼图
const menjinguanli_Chart = {
// seriesName: '门禁管理',
unit: '次',
color: [ '#FCCE10',
'#E87C25',
'#C1232B'],
color: ['#FCCE10',
'#E87C25',
'#C1232B'],
Data: {
seriesData: [
{ value: 28, name: '正常' },
{ value: 28, name: '正常' },
{ value: 22, name: '离线' },
{ value:18, name: '报警' }
{ value: 18, name: '报警' }
]
},
label: {
@ -234,16 +236,16 @@
// radius: ['50%', '55%']
}
// 1.4电子围栏饼图
const dianziweilan_Chart = {
// 1.4电子围栏饼图
const dianziweilan_Chart = {
// seriesName: '电子围栏',
unit: '次',
color: ['#9BCA63',
'#FAD860',
'#F3A43B'],
'#FAD860',
'#F3A43B'],
Data: {
seriesData: [
{ value: 24, name: '正常' },
{ value: 24, name: '正常' },
{ value: 8, name: '离线' },
{ value: 16, name: '报警' }
]
@ -257,16 +259,16 @@
// radius: ['50%', '55%']
}
// 1.电子巡更饼图
const dianzixungeng_Chart = {
// 1.电子巡更饼图
const dianzixungeng_Chart = {
// seriesName: '电子巡更',
unit: '次',
color: ['#60C0DD',
'#D7504B',
'#C6E579'],
'#D7504B',
'#C6E579'],
Data: {
seriesData: [
{ value: 39, name: '正常' },
{ value: 39, name: '正常' },
{ value: 16, name: '离线' },
{ value: 12, name: '报警' }
]
@ -280,100 +282,123 @@
// radius: ['50%', '55%']
}
export default {
name: 'index',
components: {
PieChartrenyuan,HomeMap,
},
created() {
var _self = this
setInterval(function () {
_self.getMessage();
}, 20000)
export default {
name: 'index',
components: {
PieChartrenyuan, HomeMap,
},
created() {
var _self = this
setInterval(function () {
_self.getMessage();
}, 20000)
this.init()
},
data() {
return {
ruqinbaojing_Chart: ruqinbaojing_Chart, // 1.1
shipinjiankong_Chart: shipinjiankong_Chart,
menjinguanli_Chart: menjinguanli_Chart,
dianziweilan_Chart: dianziweilan_Chart,
dianzixungeng_Chart: dianzixungeng_Chart,
token: '',
Datalista: [
{ title: '您有新任务了', createTime: '2023-05-23' },
{ title: '您有新任务了', createTime: '2023-05-23' },
{ title: '您有新任务了', createTime: '2023-05-23' },
{ title: '您有新任务了', createTime: '2023-05-23' },
{ title: '您有新任务了', createTime: '2023-05-23' },
],
Datalist: [],
}
},
methods: {
init() {
getCallPolicePage({ current: 1, size: 5 }).then((res) => {
console.log(res)
if (res.code == 200) {
this.Datalist = res.data.records
} else {
this.list = []
}
})
},
data() {
return {
ruqinbaojing_Chart: ruqinbaojing_Chart, // 1.1
shipinjiankong_Chart:shipinjiankong_Chart,
menjinguanli_Chart: menjinguanli_Chart,
dianziweilan_Chart: dianziweilan_Chart,
dianzixungeng_Chart: dianzixungeng_Chart,
token: '',
Datalista: [
{ title: '您有新任务了', createTime: '2023-05-23' },
{ title: '您有新任务了', createTime: '2023-05-23' },
{ title: '您有新任务了', createTime: '2023-05-23' },
{ title: '您有新任务了', createTime: '2023-05-23' },
{ title: '您有新任务了', createTime: '2023-05-23' },
],
Datalist: [
{ title: '您有新消息了', createTime: '2023-05-23' },
{ title: '您有新消息了', createTime: '2023-05-23' },
{ title: '您有新消息了', createTime: '2023-05-23' },
{ title: '您有新消息了', createTime: '2023-05-23' },
{ title: '您有新消息了', createTime: '2023-05-23' },
],
}
toMore() {
this.$router.push({
path: '/baojingchaxun/baojingchaxunList',
})
},
methods: {
toMore() {
this.$router.push({
path: '/baojingchaxun/baojingchaxunList',
})
getMessage() {
this.$notify({
title: '报警消息',
dangerouslyUseHTMLString: true,
// // message: "<img src='" + warningIcon + "'>" + data.messageContent,
// message: "<img style='width:40px;height:40px;margin: 0 10px 0 0;' src='/image/yujing.png'>" + "<span style='display: inline-block;margin: 0 0px 0 0;height:40px;line-height: 40px;font-weight: bold;'>新的报警待处理</span>",
message: " <div style='display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: flex-start;align-items:center;margin: 0 auto;height:60px;line-height: 60px;'><img style='width:40px;height:40px;margin: 0 10px 0 0;' src='/image/yujing.png'>" + "<span style='display: inline-block;margin: 0 0px 0 0;height:40px;line-height: 40px;font-weight: bold;'>新的报警待处理</span></div>",
position: 'bottom-right',
onClick: () => {
alert("这是一条新订单")
// this.playText('你有一条报警信息未读')
// this.getServicePageLists()
},
getMessage() {
this.$notify({
title: '报警消息',
dangerouslyUseHTMLString: true,
// // message: "<img src='" + warningIcon + "'>" + data.messageContent,
// message: "<img style='width:40px;height:40px;margin: 0 10px 0 0;' src='/image/yujing.png'>" + "<span style='display: inline-block;margin: 0 0px 0 0;height:40px;line-height: 40px;font-weight: bold;'>新的报警待处理</span>",
message: " <div style='display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: flex-start;align-items:center;margin: 0 auto;height:60px;line-height: 60px;'><img style='width:40px;height:40px;margin: 0 10px 0 0;' src='/image/yujing.png'>" + "<span style='display: inline-block;margin: 0 0px 0 0;height:40px;line-height: 40px;font-weight: bold;'>新的报警待处理</span></div>",
position: 'bottom-right',
onClick: () => {
alert("这是一条新订单")
// this.playText('你有一条报警信息未读')
// this.getServicePageLists()
},
duration: 3000,
})
},
// getToken(){
// let params = {
// password: "329653",
// roleSid: "",
// token: "",
// userName: "15097329653",
// verifyCode: ""
// }
// login1(params).then(res => {
// this.token = res.data.token
// window.sessionStorage.setItem('token', res.data.token)
// })
// }
}
duration: 3000,
})
},
// getToken(){
// let params = {
// password: "329653",
// roleSid: "",
// token: "",
// userName: "15097329653",
// verifyCode: ""
// }
// login1(params).then(res => {
// this.token = res.data.token
// window.sessionStorage.setItem('token', res.data.token)
// })
// }
}
}
</script>
<style lang="scss" scoped>
.zongcons{margin: 0;padding: 0;flex: 1;width: 100%;height: calc(100% - 160px);}
.rightbars{
.zongcons {
margin: 0;
padding: 0;
flex: 1;
width: 100%;
height: calc(100% - 160px);
}
.rightbars {}
.zongcons .maps {
width: 100%;
height: 605px;
padding: 40px 0 0 100px;
text-align: right;
}
.zongcons .maps{width: 100%;height: 605px;padding:40px 0 0 100px;text-align: right;}
.webindex {
display: flex;
.webindex {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;align-items: flex-start;
width: 100%; padding: 20px;
height: 100%;overflow-y: auto;
background: radial-gradient(#fff,#f5f7f4, #fff);
}
.tops {width: 470px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding: 20px;
height: 100%;
overflow-y: auto;
background: radial-gradient(#fff, #f5f7f4, #fff);
}
.tops {
width: 470px;
// display: flex;
// flex-direction: row;
// flex-wrap: nowrap;
@ -381,75 +406,96 @@
padding: 0 0 0 20px;
margin: 0px;
}
.tops .topboxs {width: 100%;
.tops .topboxs {
width: 100%;
padding: 0px 0px 15px 0 !important;
}
.topbox {
// width: 25%;
//margin: 20px 20 0 0 !important;
background-color: #fff;
box-shadow:0px 0px 10px #E9E9E9;border-radius: 5px;
padding: 20px 10px 21px 10px;
box-shadow: 0px 0px 10px #E9E9E9;
border-radius: 5px;
padding: 20px 10px 21px 10px;
}
// .tops .topbox:last-of-type {
// margin: 0;
// }
.topbox .toptitle {
font-size: 20px;
padding: 10px 20px;
font-weight: bold; color: #333;font-size: 16px;
font-weight: bold;
color: #333;
font-size: 16px;
border-bottom: 1px solid #ececee;
}
.topbox .mids {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;align-items: center;
justify-content: flex-start;
align-items: center;
margin: 0;
padding: 35px 20px 38px 20px;
padding: 35px 20px 38px 20px;
// padding: 20px ;
}
.topbox .mids .lefts{width: 100px;}
.topbox .mids .lefts {
width: 100px;
}
.topbox .mids .lefts .iconbox {
border-radius: 10px;
line-height: 80px;
width: 80px;
height: 80px;
color: #fff;
font-size: 36px;text-align: center;
}
.iconbox_red {
background-color: #df2f07;
}
.iconbox_yellow {
background-color: #ff7521;
}
.iconbox_green {
background-color: #07C160;
}
.iconbox_blue {
background-color: #3f9bfa;
}
.iconbox_zi {
background-color: #6421ff;
}
.iconbox_fen {
background-color: #9b2efb;
}
.topbox .mids .rights {flex: 1;
border-radius: 10px;
line-height: 80px;
width: 80px;
height: 80px;
color: #fff;
font-size: 36px;
text-align: center;
}
.iconbox_red {
background-color: #df2f07;
}
.iconbox_yellow {
background-color: #ff7521;
}
.iconbox_green {
background-color: #07C160;
}
.iconbox_blue {
background-color: #3f9bfa;
}
.iconbox_zi {
background-color: #6421ff;
}
.iconbox_fen {
background-color: #9b2efb;
}
.topbox .mids .rights {
flex: 1;
padding: 2px 0 2px 10px;
}
.topbox .mids .rights .note {
color: #333;
font-size: 14px;
padding: 0 0 3px 0;
}
.topbox .mids .rights .note span {
font-size: 20px;
padding: 0 5px;
@ -460,42 +506,54 @@
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;align-items: flex-start;
justify-content: flex-start;
align-items: flex-start;
margin: 0;
padding: 20px 0 0 0;
}
.tbar {
width: 25%;
margin: 0 20px 0 0;
background-color: #fff;
box-shadow:0px 0px 10px #E9E9E9;border-radius: 5px;
box-shadow: 0px 0px 10px #E9E9E9;
border-radius: 5px;
padding: 10px;
}
.tbar:last-of-type {
margin: 0;
}
.tbar0 {
border-bottom: 0px solid #032ab8;
}
.tbar .title {
font-size: 20px;
padding: 10px 20px;
font-weight: bold; color: #333;font-size: 16px;
font-weight: bold;
color: #333;
font-size: 16px;
border-bottom: 1px solid #ececee;
}
.tbar .title span {
padding: 0 10px 0 0;
}
.tbar .bar {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;align-items: center;
justify-content: flex-start;
align-items: center;
margin: 0;
padding: 0px;
height: 190px;
}
.con {
padding: 10px 0 0 0;
display: flex;
@ -503,16 +561,20 @@
flex-wrap: nowrap;
justify-content: space-around;
}
.news {
width: calc(100% / 2);
margin: 0 20px 0 0;
background-color: #fff;
box-shadow:0px 0px 10px #E9E9E9;border-radius: 5px;
box-shadow: 0px 0px 10px #E9E9E9;
border-radius: 5px;
padding: 10px;
}
.news:last-of-type {
margin: 0;
}
.news .title {
display: flex;
flex-direction: row;
@ -524,15 +586,21 @@
}
.news .title .newstits {
font-weight: bold; color: #333;font-size: 16px;
font-weight: bold;
color: #333;
font-size: 16px;
}
.news .title .more {text-align: right;
cursor: pointer;color: #6c6a6a;font-size: 14px;
.news .title .more {
text-align: right;
cursor: pointer;
color: #6c6a6a;
font-size: 14px;
}
.news .content {
padding: 10px 0; height:120px;
padding: 10px 0;
height: 120px;
// height:160px;
overflow: hidden;
}
@ -546,12 +614,15 @@
padding: 5px 10px;
border-bottom: 1px solid #ececee;
}
.news .content .newsli .dot {
padding: 0px 8px 0 0;
font-size: 18px;
height: 25px;
line-height: 25px;color: #047cf7;
line-height: 25px;
color: #047cf7;
}
.news .content .newsli .tit {
padding: 0px 0;
font-size: 14px;
@ -566,8 +637,9 @@
.news .content .newsli .time {
padding: 0px 0;
color: #666666;
text-align: right;font-size: 14px;
width: 100px;
text-align: right;
font-size: 14px;
width: 200px;
height: 25px;
line-height: 25px;
}
@ -575,77 +647,78 @@
/////
.wenboxs {
padding: 20px;
margin: 0;
position: absolute;
z-index: 600;
top: 20px;left: 20px;
// background-color: rgba($color: #ffffff, $alpha: 0.7);
// box-shadow: 0px 0px 6px #0d27c2;
background-color: #fff;
box-shadow:0px 0px 10px #E9E9E9;border-radius: 5px;
}
.wenboxs .wenbox {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
margin: 0;
font-size: 18px;
color: #8d8e90;
padding: 10px;
border-bottom: 1px solid #E9E9E9;
}
padding: 20px;
margin: 0;
position: absolute;
z-index: 600;
top: 20px;
left: 20px;
// background-color: rgba($color: #ffffff, $alpha: 0.7);
// box-shadow: 0px 0px 6px #0d27c2;
background-color: #fff;
box-shadow: 0px 0px 10px #E9E9E9;
border-radius: 5px;
}
.wenboxs .wenbox:last-of-type {
border-bottom: 0px solid #E9E9E9;
}
.wenboxs .wenbox {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
margin: 0;
font-size: 18px;
color: #8d8e90;
padding: 10px;
border-bottom: 1px solid #E9E9E9;
}
.wenbox .tubiao {
margin: 0 5px;
font-size: 18px;
// color: #b7d8fa;
padding: 0 5px 0 0;
}
.wenboxs .wenbox:last-of-type {
border-bottom: 0px solid #E9E9E9;
}
.wenbox .tubiao .tolzi {
color: #3f9bfa;
font-size: 40px;
}
.wenbox .tubiao {
margin: 0 5px;
font-size: 18px;
// color: #b7d8fa;
padding: 0 5px 0 0;
}
.bluezi {
// color: #042d6a;
font-size: 18px !important;
}
.wenbox .tubiao .tolzi {
color: #3f9bfa;
font-size: 40px;
}
.wenbox .tos {
margin: 0;
font-size: 14px;
color: #474848;
padding: 0;
text-align: left;
}
.bluezi {
// color: #042d6a;
font-size: 18px !important;
}
.wenbox .tos .tit {
margin: 0;
font-size: 14px;
// color: #6f7172;
padding: 0 0 10px 0;
}
.wenbox .tos {
margin: 0;
font-size: 14px;
color: #474848;
padding: 0;
text-align: left;
}
.wenbox .tos .nums {
margin: 0;
padding: 0;
}
.wenbox .tos .tit {
margin: 0;
font-size: 14px;
// color: #6f7172;
padding: 0 0 10px 0;
}
.wenbox .tos .nums .num {
font-size: 20px;
padding: 0 5px;
font-weight: bold;
display: inline-block;
color: #fc6f04;
}
.wenbox .tos .nums {
margin: 0;
padding: 0;
}
.wenbox .tos .nums .num {
font-size: 20px;
padding: 0 5px;
font-weight: bold;
display: inline-block;
color: #fc6f04;
}
</style>

1008
src/views/monitor/videos/index.vue
View File

File diff suppressed because it is too large

31
src/views/shebeitaizhang/shebeitaizhangAdd.vue
View File

@ -57,8 +57,6 @@
</el-col>
<el-col :span="8">
<el-form-item prop="">
<!-- <el-date-picker type="date" placeholder="选择日期" v-model="addForm.manufacturerCode" style="width: 410px;"
maxlength="20"></el-date-picker> -->
<el-input v-model="addForm.remarks" maxlength="20" placeholder="请填写备注" class="addinputw" clearable />
</el-form-item>
</el-col>
@ -73,6 +71,35 @@
clearable />
</el-form-item>
</el-col>
<el-col :span="4" class="tleftb">
<span>上偏移</span>
</el-col>
<el-col :span="8">
<el-form-item prop="topPosition">
<el-input v-model="addForm.topPosition" maxlength="20" placeholder="请填写上偏移" class="addinputw"
clearable />
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="4" class="tleftb">
<span>左偏移</span>
</el-col>
<el-col :span="8">
<el-form-item prop="leftPosition">
<el-input v-model="addForm.leftPosition" maxlength="20" placeholder="请填写左偏移" class="addinputw"
clearable />
</el-form-item>
</el-col>
<el-col :span="4" class="tleftb">
<span>摄像头编数</span>
</el-col>
<el-col :span="8">
<el-form-item prop="channelNo">
<el-input v-model="addForm.channelNo" maxlength="20" placeholder="请填写摄像头编数,比如：1,2,3,4" class="addinputw"
clearable />
</el-form-item>
</el-col>
</el-row>
</el-form>
</div>

1
src/views/zhiwujiance/zhiwujianceList.vue
View File

@ -288,7 +288,6 @@ export default {
this.spUrl = res.data
this.dialogImage = true
})
},
handleClose() {
this.dialogImage = false

Write Preview
Loading…
Cancel
Save