Skip to content

platform / fanxing_new

Go to a project
Commit 7faee8e8 by 潘建波
Options

修改标定设置未生效问题

1 parent 27813738
Inline Side-by-side
Showing 30 changed files with 498 additions and 228 deletions
dist.zip
No preview for this file type
src/api/apiList.js
...@@ -10,14 +10,14 @@ import ops from "./ops" ...@@ -10,14 +10,14 @@ import ops from "./ops"
let wsIP = "vion-panda.51vip.biz:52510"; let wsIP = "vion-panda.51vip.biz:52510";
switch (process.env.NODE_ENV) { switch (process.env.NODE_ENV) {
case "development": case "development":
wsIP = "vion-panda.51vip.biz:52510"; // 测试环境url wsIP = "192.168.9.233:20080"; // 测试环境url
// baseUrl = "http://192.168.9.61:8086"; // baseUrl = "http://192.168.9.61:8086";
break; break;
case "pre": case "pre":
wsIP = ""; // 预上线环境url wsIP = ""; // 预上线环境url
break; break;
case "production": case "production":
wsIP = "192.168.9.133:20080"; // 生产环境url wsIP = location.host; // 生产环境url
break; break;
} }
export default { export default {
......
src/api/baseUrl.js
...@@ -3,15 +3,15 @@ import axios from "axios"; ...@@ -3,15 +3,15 @@ import axios from "axios";
console.log(process.env.NODE_ENV); console.log(process.env.NODE_ENV);
switch (process.env.NODE_ENV) { switch (process.env.NODE_ENV) {
case "development": case "development":
// baseUrl = "http://192.168.9.133:20080"; // 测试环境url baseUrl = "http://192.168.9.233:20080"; // 测试环境url
// baseUrl = "http://192.168.9.61:8086"; // baseUrl = "http://192.168.9.61:8086";
baseUrl = 'http://vion-panda.51vip.biz:52510'; // baseUrl = 'http://vion-panda.51vip.biz:52510';
break; break;
case "pre": case "pre":
baseUrl = "https://pre-server.feleti.cn"; // 预上线环境url baseUrl = "https://pre-server.feleti.cn"; // 预上线环境url
break; break;
case "production": case "production":
baseUrl = "http://192.168.9.133:20080"; // 生产环境url baseUrl = `http://${location.host}`; // 生产环境url
break; break;
} }
......
src/api/show/index.js
...@@ -36,9 +36,9 @@ export default { ...@@ -36,9 +36,9 @@ export default {
//今日事件趋势 //今日事件趋势
return api.get(`${baseUrl}/api/v1/datahandle/statistics/behavior/hour`, params); return api.get(`${baseUrl}/api/v1/datahandle/statistics/behavior/hour`, params);
}, },
getDevList(devid) { getDevList(devid, vtype) {
// 获取设备信息 // 获取设备信息
return api.get(`${baseUrl}/api/v1/devconf_fx/devs/9cb6e39adc5176b81879f6c22f1d962/vchan_struct?typea=1&s=1578967233185&limit=1000000`); return api.get(`${baseUrl}/api/v1/devconf_fx/devs/9cb6e39adc5176b81879f6c22f1d962/vchan_struct?s=1578967233185&limit=1000000`);
}, },
addShowUrl(params) { addShowUrl(params) {
//添加展示 //添加展示
......
src/assets/css/public.css
...@@ -73,7 +73,7 @@ body{ ...@@ -73,7 +73,7 @@ body{
} }
/* 抓拍展示 */ /* 抓拍展示 */
.pic-box { .pic-box {
width: 100%; width: 98%;
margin-bottom:10px; margin-bottom:10px;
background:#F1F1F1; background:#F1F1F1;
border-radius:2px; border-radius:2px;
...@@ -96,7 +96,7 @@ body{ ...@@ -96,7 +96,7 @@ body{
} }
.pic-info li{ .pic-info li{
overflow:hidden; overflow:hidden;
margin-bottom:8px; margin-bottom:3px;
} }
.pic-info li span{ .pic-info li span{
display:inline-block; display:inline-block;
...@@ -252,7 +252,7 @@ body{ ...@@ -252,7 +252,7 @@ body{
box-shadow:-1.2px 2px 1px 0px rgba(78, 8, 8, 0.1); box-shadow:-1.2px 2px 1px 0px rgba(78, 8, 8, 0.1);
} }
.card-hover:hover { .card-hover:hover,.pic-hover:hover {
webkit-transform: translateY(-4px) scale(2); webkit-transform: translateY(-4px) scale(2);
-moz-transform: translateY(-4px) scale(1.01); -moz-transform: translateY(-4px) scale(1.01);
-ms-transform: translateY(-4px) scale(1.01); -ms-transform: translateY(-4px) scale(1.01);
...@@ -261,8 +261,11 @@ body{ ...@@ -261,8 +261,11 @@ body{
-webkit-box-shadow: 0 14px 24px rgba(62,57,107,.1); -webkit-box-shadow: 0 14px 24px rgba(62,57,107,.1);
box-shadow: 0 14px 24px rgba(62,57,107,.1); box-shadow: 0 14px 24px rgba(62,57,107,.1);
} }
.pic-hover:hover {
box-shadow: 2px 3px 4px rgba(2, 2, 2,0.2);
}
.card-hover { .card-hover,.pic-hover {
-webkit-transition: all .25s ease; -webkit-transition: all .25s ease;
-o-transition: all .25s ease; -o-transition: all .25s ease;
-moz-transition: all .25s ease; -moz-transition: all .25s ease;
......
src/assets/js/buildcodes.js
...@@ -9,7 +9,6 @@ class Codes { ...@@ -9,7 +9,6 @@ class Codes {
* 返回得到的结果 * 返回得到的结果
*/ */
getCodeList(name) { getCodeList(name) {
console.log(JSON.parse(window.localStorage.getItem(name)));
return JSON.parse(window.localStorage.getItem(name)); return JSON.parse(window.localStorage.getItem(name));
} }
init(allData) { init(allData) {
...@@ -19,7 +18,7 @@ class Codes { ...@@ -19,7 +18,7 @@ class Codes {
this.result = {}; this.result = {};
this.result = allData; this.result = allData;
this.classify(); this.classify();
console.log(this.result); // console.log(this.result);
return this.result; return this.result;
} }
// 分类 // 分类
...@@ -206,28 +205,28 @@ class Codes { ...@@ -206,28 +205,28 @@ class Codes {
ary.push("年检标志"); ary.push("年检标志");
} }
} catch (e) { } catch (e) {
console.log("年检标志无"); // console.log("年检标志无");
} }
try { try {
if (this.allData.event_data.RefinedFeature.rDecoration) { if (this.allData.event_data.RefinedFeature.rDecoration) {
ary.push("摆件"); ary.push("摆件");
} }
} catch (e) { } catch (e) {
console.log("摆件无"); // console.log("摆件无");
} }
try { try {
if (this.allData.event_data.RefinedFeature.rPendant) { if (this.allData.event_data.RefinedFeature.rPendant) {
ary.push("吊坠"); ary.push("吊坠");
} }
} catch (e) { } catch (e) {
console.log("吊坠无"); // console.log("吊坠无");
} }
try { try {
if (this.allData.event_data.RefinedFeature.rSunshading) { if (this.allData.event_data.RefinedFeature.rSunshading) {
ary.push("遮阳板"); ary.push("遮阳板");
} }
} catch (e) { } catch (e) {
console.log("遮阳板无"); // console.log("遮阳板无");
} }
if (ary.length) { if (ary.length) {
this.result.RefinedFeature_text = ary.join(""); this.result.RefinedFeature_text = ary.join("");
...@@ -349,10 +348,10 @@ class Codes { ...@@ -349,10 +348,10 @@ class Codes {
this.result.xcycle_plate_text = "未识别"; this.result.xcycle_plate_text = "未识别";
} }
// 骑车类型 // 骑车类型
console.log(this.allData.event_data.xcycle_type) // console.log(this.allData.event_data.xcycle_type)
if(!this.allData.event_data.xcycle_type){ if (!this.allData.event_data.xcycle_type) {
this.result.xcycle_type_text = "行人"; this.result.xcycle_type_text = "行人";
}else{ } else {
try { try {
switch (this.allData.event_data.xcycle_type) { switch (this.allData.event_data.xcycle_type) {
case "motorcycle": case "motorcycle":
......
src/store/modules/menus.js
...@@ -72,7 +72,6 @@ const menu = { ...@@ -72,7 +72,6 @@ const menu = {
commit("SET_ROUTERS", []); commit("SET_ROUTERS", []);
return; return;
} else { } else {
console.log('aaa',data)
let accessedRouters = filterAsyncRouter(asyncRouterMap, data); let accessedRouters = filterAsyncRouter(asyncRouterMap, data);
commit("SET_ROUTERS", accessedRouters); commit("SET_ROUTERS", accessedRouters);
} }
......
src/store/mutaition.js
...@@ -22,5 +22,8 @@ export default { ...@@ -22,5 +22,8 @@ export default {
}, },
setmapopen(state, data) { setmapopen(state, data) {
state.mapopen = data; state.mapopen = data;
},
setDevList(state, data) {
state.devList = data;
} }
}; };
src/store/state.js
export default { export default {
ocxstate: 0, ocxstate: 0,
mapopen:false, mapopen: false,
addRouter:[] addRouter: [],
devList: []
} }
src/views/Layout/index.vue
...@@ -89,11 +89,11 @@ export default { ...@@ -89,11 +89,11 @@ export default {
getDate() { getDate() {
let date = new Date(); let date = new Date();
let Y = date.getFullYear(); let Y = date.getFullYear();
let M = date.getMonth() > 10 ? date.getMonth() : `0${date.getMonth() + 1}`; let M = date.getMonth() > 9 ? date.getMonth() : `0${date.getMonth() + 1}`;
let D = date.getDate() > 10 ? date.getDate() : `0${date.getDate()}`; let D = date.getDate() > 9 ? date.getDate() : `0${date.getDate()}`;
let h = date.getHours() > 10 ? date.getHours() : `0${date.getHours()}`; let h = date.getHours() > 9 ? date.getHours() : `0${date.getHours()}`;
let m = let m =
date.getMinutes() > 10 ? date.getMinutes() : `0${date.getMinutes()}`; date.getMinutes() > 9 ? date.getMinutes() : `0${date.getMinutes()}`;
let s = date.getSeconds(); let s = date.getSeconds();
let w = date.getDay(); let w = date.getDay();
let wtext = ""; let wtext = "";
......
src/views/ops/equipment_manage.vue
...@@ -19,7 +19,7 @@ ...@@ -19,7 +19,7 @@
<div <div
:class="{ 'submast-item': true, 'top-line': true }" :class="{ 'submast-item': true, 'top-line': true }"
v-for="(subitem, index) in subDevData" v-for="(subitem, index) in subDevData"
:key="subitem.device_id" :key="index"
ref="subitem" ref="subitem"
@click.stop="getleval($event, index, subitem)" @click.stop="getleval($event, index, subitem)"
:style=" :style="
...@@ -39,9 +39,9 @@ ...@@ -39,9 +39,9 @@
<!-- 叶子节点 --> <!-- 叶子节点 -->
<div <div
v-if="istop && slaveData.length > 0" v-if="istop && slaveData.length > 0"
:style="`top:${topheihgt}px;left:${loopitem * 14 + 12}vw`" :style="`top:${topheihgt+1}px;left:${loopitem * 14 + 11.01}vw`"
v-for="(loopitem, loopindex) in Math.ceil(slaveData.length / 6)" v-for="(loopitem, loopindex) in Math.ceil(slaveData.length / 6)"
:key="loopitem" :key="loopindex"
class="leval-box" class="leval-box"
> >
<span <span
...@@ -55,7 +55,7 @@ ...@@ -55,7 +55,7 @@
'bottom-line': !istop 'bottom-line': !istop
}" }"
v-for="(item, cindex) in setslaveData(slaveData, loopindex)" v-for="(item, cindex) in setslaveData(slaveData, loopindex)"
:key="item" :key="cindex"
:style=" :style="
`background:${curlevalcolor};borderColor:${curlevalbordercolor}` `background:${curlevalcolor};borderColor:${curlevalbordercolor}`
" "
...@@ -68,12 +68,13 @@ ...@@ -68,12 +68,13 @@
class="vertical-line" class="vertical-line"
:style="`background:${curlevalbordercolor}`" :style="`background:${curlevalbordercolor}`"
></span> ></span>
<span>{{ item }}</span> <div>{{item.device_name}}</div>
<div>{{item.in_ip}}</div>
</div> </div>
</div> </div>
<div <div
v-if="!istop && slaveData.length > 0" v-if="!istop && slaveData.length > 0"
:style="`bottom:${bottomHeight}px;left:${loopitem * 14 + 12}vw`" :style="`bottom:${bottomHeight +5}px;left:${loopitem * 14 + 11}vw`"
v-for="(loopitem, loopindex) in Math.ceil(slaveData.length / 6)" v-for="(loopitem, loopindex) in Math.ceil(slaveData.length / 6)"
:key="loopitem" :key="loopitem"
class="leval-bottom-box" class="leval-bottom-box"
...@@ -89,8 +90,8 @@ ...@@ -89,8 +90,8 @@
'top-line': istop, 'top-line': istop,
'bottom-line': !istop 'bottom-line': !istop
}" }"
v-for="item in setslaveData(slaveData,loopindex)" v-for="(item, xindex) in setslaveData(slaveData, loopindex)"
:key="item" :key="xindex"
:style=" :style="
`background:${curlevalcolor};borderColor:${curlevalbordercolor}` `background:${curlevalcolor};borderColor:${curlevalbordercolor}`
" "
...@@ -103,7 +104,8 @@ ...@@ -103,7 +104,8 @@
class="vertical-line" class="vertical-line"
:style="`background:${curlevalbordercolor}`" :style="`background:${curlevalbordercolor}`"
></span> ></span>
<span>{{ "1.9.99" }}</span> <div>{{item.device_name}}</div>
<div>{{item.in_ip}}</div>
</div> </div>
</div> </div>
</div> </div>
...@@ -390,6 +392,7 @@ export default { ...@@ -390,6 +392,7 @@ export default {
border-radius: 5px; border-radius: 5px;
margin-top: 1vh; margin-top: 1vh;
border: 1px solid #333; border: 1px solid #333;
cursor: pointer;
} }
.submast-item::before { .submast-item::before {
content: ""; content: "";
......
src/views/resource/videoEquipment.vue
...@@ -269,12 +269,10 @@ ...@@ -269,12 +269,10 @@
}) })
} }
}else if(this.tableType=="video"){ }else if(this.tableType=="video"){
console.log(data)
if(data.org_type=='video'){ if(data.org_type=='video'){
this.formattterData=data.childs; this.formattterData=data.childs;
}else{ }else{
this.formattterData=data; this.formattterData=data;
console.log('aaaaaa',this.formattterData)
} }
} }
......
src/views/sceneManage/eventData/allEvent.vue
...@@ -3,7 +3,7 @@ ...@@ -3,7 +3,7 @@
<el-row v-if="allAlarmData.length > 0"> <el-row v-if="allAlarmData.length > 0">
<!-- 交通事件类 --> <!-- 交通事件类 -->
<!-- 机动车事件 --> <!-- 机动车事件 -->
<el-col :span="24" ref="picbox" :class="{'pic-box':true,'illclass':item.illegalTypeCode == 1?true:false}" v-for="(item, index) in allAlarmData" :key="index" v-if="item.event_cate !== 'flow'"> <el-col :span="24" ref="picbox" :class="{'pic-box':true,'pic-hover':true,'illclass':item.illegalTypeCode == 1?true:false}" v-for="(item, index) in allAlarmData" :key="index" v-if="item.event_cate !== 'flow'">
<el-col :lg="12" :md="10" :sm="11" v-if='item.task_algo_type!="1"'> <el-col :lg="12" :md="10" :sm="11" v-if='item.task_algo_type!="1"'>
<el-card :body-style="{ padding: 0 }"> <el-card :body-style="{ padding: 0 }">
<div class="img-wrap" @click="showInfo(index)"> <div class="img-wrap" @click="showInfo(index)">
......
src/views/sceneManage/eventDetail.vue
<template> <template>
<div class="pic-detail"> <div class="pic-detail">
<el-dialog title="详情" :visible.sync="isShow" :before-close='beforeHideModal'> <el-dialog
title="详情"
:visible.sync="isShow"
:before-close="beforeHideModal"
>
<el-row> <el-row>
<el-col :span="16"> <el-col :span="24">
<div @mousemove='picMove' class="pic-wrap"> <div @mousemove="picMove" class="pic-wrap">
<img v-if="curPicData.picsEmpty" :src="carImg" alt="暂无图片" title="暂无图片" slot="reference" class='pictures small' /> <img
v-if="curPicData.picsEmpty"
:src="carImg"
alt="暂无图片"
title="暂无图片"
slot="reference"
class="pictures small"
/>
<!-- <img v-if="curPicData.pics" :src="carImg" alt="暂无图片" slot="reference" class='pictures small' /> --> <!-- <img v-if="curPicData.pics" :src="carImg" alt="暂无图片" slot="reference" class='pictures small' /> -->
<el-popover placement="left-end" width="305" trigger="hover" v-if="!curPicData.picsEmpty"> <el-popover
<div :style="{backgroundImage: 'url('+curPicData.pic+')',backgroundRepeat:'no-repeat'}" alt="" id="big" class='big'></div> placement="left-end"
<img :src="curPicData.pic" alt="" slot="reference" class='pictures small' /> width="305"
trigger="hover"
v-if="!curPicData.picsEmpty"
>
<div
:style="{
backgroundImage: 'url(' + curPicData.bigpic + ')',
backgroundRepeat: 'no-repeat'
}"
alt=""
id="big"
class="big"
></div>
<img
:src="curPicData.bigpic"
alt=""
slot="reference"
class="pictures small"
/>
</el-popover> </el-popover>
</div> </div>
</el-col> </el-col>
<!-- 交通 --> <!-- 交通 -->
<el-col :span="8" v-if="curPicData.event_type === 'vehicle' || curPicData.event_type === 'xcycle'|| curPicData.event_type === 'pedestrian'"> <el-col
:span="24"
v-if="
curPicData.event_type === 'vehicle' ||
curPicData.event_type === 'xcycle' ||
curPicData.event_type === 'pedestrian'
"
>
<ul class="pic-info"> <ul class="pic-info">
<li v-if="curPicData.event_type === 'vehicle'" :title="curPicData.vehicle_body_type_text"> <li
v-if="curPicData.event_type === 'vehicle'"
:title="curPicData.vehicle_body_type_text"
>
<span>车辆类型:</span> <span>车辆类型:</span>
<span>{{ curPicData.vehicle_body_type_text }}</span> <span>{{ curPicData.vehicle_body_type_text }}</span>
</li> </li>
<li v-if="curPicData.event_type === 'vehicle'" :title="curPicData.vehicle_plate_text"> <li
v-if="curPicData.event_type === 'vehicle'"
:title="curPicData.vehicle_plate_text"
>
<span>车牌号码:</span> <span>车牌号码:</span>
<span>{{ curPicData.vehicle_plate_text }}</span> <span>{{ curPicData.vehicle_plate_text }}</span>
</li> </li>
<li v-if="curPicData.event_type === 'vehicle'" :title="curPicData.plate_type_text"> <li
v-if="curPicData.event_type === 'vehicle'"
:title="curPicData.plate_type_text"
>
<span>车牌类型:</span> <span>车牌类型:</span>
<span>{{ curPicData.plate_type_text }}</span> <span>{{ curPicData.plate_type_text }}</span>
</li> </li>
...@@ -39,7 +84,10 @@ ...@@ -39,7 +84,10 @@
<span>经过地点:</span> <span>经过地点:</span>
<span>{{ curPicData.location_name }}</span> <span>{{ curPicData.location_name }}</span>
</li> </li>
<li v-if="curPicData.event_type === 'vehicle'" :title="curPicData.vehicle_body_logo_text"> <li
v-if="curPicData.event_type === 'vehicle'"
:title="curPicData.vehicle_body_logo_text"
>
<span>车辆品牌:</span> <span>车辆品牌:</span>
<span>{{ curPicData.vehicle_body_logo_text }}</span> <span>{{ curPicData.vehicle_body_logo_text }}</span>
</li> </li>
...@@ -48,69 +96,117 @@ ...@@ -48,69 +96,117 @@
<span>{{ curPicData.vehicle_body_type_text }}</span> <span>{{ curPicData.vehicle_body_type_text }}</span>
</li> --> </li> -->
<!-- 机动车 --> <!-- 机动车 -->
<li v-if="curPicData.event_type === 'vehicle'" :title="curPicData.plate_color_text"> <li
v-if="curPicData.event_type === 'vehicle'"
:title="curPicData.plate_color_text"
>
<span>车牌颜色:</span> <span>车牌颜色:</span>
<span>{{ curPicData.plate_color_text }}</span> <span>{{ curPicData.plate_color_text }}</span>
</li> </li>
<li v-if="curPicData.event_type === 'vehicle'" :title="curPicData.vehicle_body_color_text"> <li
v-if="curPicData.event_type === 'vehicle'"
:title="curPicData.vehicle_body_color_text"
>
<span>车身颜色:</span> <span>车身颜色:</span>
<span>{{ curPicData.vehicle_body_color_text }}</span> <span>{{ curPicData.vehicle_body_color_text }}</span>
</li> </li>
<li v-if="curPicData.event_type === 'vehicle'" :title="curPicData.RefinedFeature_text"> <li
v-if="curPicData.event_type === 'vehicle'"
:title="curPicData.RefinedFeature_text"
>
<span>标志物:</span> <span>标志物:</span>
<span>{{ curPicData.RefinedFeature_text }}</span> <span>{{ curPicData.RefinedFeature_text }}</span>
</li> </li>
<!-- 非机动车 --> <!-- 非机动车 -->
<li v-if="curPicData.event_type === 'xcycle'" :title="curPicData.xcycle_type_text"> <li
v-if="curPicData.event_type === 'xcycle'"
:title="curPicData.xcycle_type_text"
>
<span>骑车类型:</span> <span>骑车类型:</span>
<span>{{ curPicData.xcycle_type_text }}</span> <span>{{ curPicData.xcycle_type_text }}</span>
</li> </li>
<li v-if="curPicData.event_type === 'xcycle'" :title="curPicData.xcycle_color_type"> <li
v-if="curPicData.event_type === 'xcycle'"
:title="curPicData.xcycle_color_type"
>
<span>车辆颜色:</span> <span>车辆颜色:</span>
<span>{{ curPicData.xcycle_color_type }}</span> <span>{{ curPicData.xcycle_color_type }}</span>
</li> </li>
<li :title="curPicData.driver_face_sex" v-if="curPicData.event_type === 'xcycle'"> <li
:title="curPicData.driver_face_sex"
v-if="curPicData.event_type === 'xcycle'"
>
<span>性别:</span> <span>性别:</span>
<span>{{ curPicData.driver_face_sex }}</span> <span>{{ curPicData.driver_face_sex }}</span>
</li> </li>
<li v-if="curPicData.event_type === 'xcycle'" :title="curPicData.company"> <li
v-if="curPicData.event_type === 'xcycle'"
:title="curPicData.company"
>
<span>运营公司:</span> <span>运营公司:</span>
<span>{{ curPicData.company }}</span> <span>{{ curPicData.company }}</span>
</li> </li>
<li v-if="curPicData.event_type === 'xcycle'" :title="curPicData.driver_face_upbody_text"> <li
v-if="curPicData.event_type === 'xcycle'"
:title="curPicData.driver_face_upbody_text"
>
<span>上身颜色:</span> <span>上身颜色:</span>
<span>{{ curPicData.driver_face_upbody_text }}</span> <span>{{ curPicData.driver_face_upbody_text }}</span>
</li> </li>
<li :title="curPicData.driver_face_lobody_text" v-if="curPicData.event_type === 'xcycle'"> <li
:title="curPicData.driver_face_lobody_text"
v-if="curPicData.event_type === 'xcycle'"
>
<span>速度:</span> <span>速度:</span>
<span>{{ curPicData.location_speed }}</span> <span>{{ curPicData.location_speed }}</span>
</li> </li>
<li :title="curPicData.driver_face_lobody_text" v-if="curPicData.event_type === 'xcycle'"> <li
:title="curPicData.driver_face_lobody_text"
v-if="curPicData.event_type === 'xcycle'"
>
<span>戴帽子:</span> <span>戴帽子:</span>
<span>{{ curPicData.driver_face_with_hats }}</span> <span>{{ curPicData.driver_face_with_hats }}</span>
</li> </li>
<!-- 行人 --> <!-- 行人 -->
<li :title="curPicData.driver_face_sex" v-if="curPicData.event_type === 'pedestrian'"> <li
:title="curPicData.driver_face_sex"
v-if="curPicData.event_type === 'pedestrian'"
>
<span>性别:</span> <span>性别:</span>
<span>{{ curPicData.driver_face_sex }}</span> <span>{{ curPicData.driver_face_sex }}</span>
</li> </li>
<li :title="curPicData.driver_face_upbody_text" v-if="curPicData.event_type === 'pedestrian'"> <li
:title="curPicData.driver_face_upbody_text"
v-if="curPicData.event_type === 'pedestrian'"
>
<span>上身颜色:</span> <span>上身颜色:</span>
<span>{{ curPicData.driver_face_upbody_text }}</span> <span>{{ curPicData.driver_face_upbody_text }}</span>
</li> </li>
<li :title="curPicData.driver_face_lobody_text" v-if="curPicData.event_type === 'pedestrian'"> <li
:title="curPicData.driver_face_lobody_text"
v-if="curPicData.event_type === 'pedestrian'"
>
<span>下身颜色:</span> <span>下身颜色:</span>
<span>{{ curPicData.driver_face_lobody_text }}</span> <span>{{ curPicData.driver_face_lobody_text }}</span>
</li> </li>
<li :title="curPicData.pedestrian_height" v-if="curPicData.event_type === 'pedestrian'"> <li
:title="curPicData.pedestrian_height"
v-if="curPicData.event_type === 'pedestrian'"
>
<span>身高:</span> <span>身高:</span>
<span>{{ curPicData.pedestrian_height }}</span> <span>{{ curPicData.pedestrian_height }}</span>
</li> </li>
<li :title="curPicData.driver_face_lobody_text" v-if="curPicData.event_type === 'pedestrian'"> <li
:title="curPicData.driver_face_lobody_text"
v-if="curPicData.event_type === 'pedestrian'"
>
<span>速度:</span> <span>速度:</span>
<span>{{ curPicData.location_speed }}</span> <span>{{ curPicData.location_speed }}</span>
</li> </li>
<li :title="curPicData.driver_face_lobody_text" v-if="curPicData.event_type === 'pedestrian'"> <li
:title="curPicData.driver_face_lobody_text"
v-if="curPicData.event_type === 'pedestrian'"
>
<span>戴帽子:</span> <span>戴帽子:</span>
<span>{{ curPicData.driver_face_with_hats }}</span> <span>{{ curPicData.driver_face_with_hats }}</span>
</li> </li>
...@@ -120,7 +216,7 @@ ...@@ -120,7 +216,7 @@
</li> </li>
</ul> </ul>
</el-col> </el-col>
<el-col :span="8" v-if="curPicData.event_cate === 'behavior'"> <el-col :span="24" v-if="curPicData.event_cate === 'behavior'">
<ul class="pic-info"> <ul class="pic-info">
<li :title="curPicData.shoot_date"> <li :title="curPicData.shoot_date">
<span>抓拍日期:</span> <span>抓拍日期:</span>
...@@ -130,11 +226,16 @@ ...@@ -130,11 +226,16 @@
<span>抓拍时间:</span> <span>抓拍时间:</span>
<span>{{ curPicData.shoot_time }}</span> <span>{{ curPicData.shoot_time }}</span>
</li> </li>
<li :title="getCode('安防事件',curPicData.event_type)"> <li :title="getCode('安防事件', curPicData.event_type)">
<span>事件类型:</span> <span>事件类型:</span>
<span>{{ getCode('安防事件',String(curPicData.event_type)) }}</span> <span>{{
getCode("安防事件", String(curPicData.event_type))
}}</span>
</li> </li>
<li :title="curPicData.shoot_time" v-if="curPicData.event_type == '21'"> <li
:title="curPicData.shoot_time"
v-if="curPicData.event_type == '21'"
>
<span>区域人数:</span> <span>区域人数:</span>
<span>{{ curPicData.event_data.density.persons }}人</span> <span>{{ curPicData.event_data.density.persons }}人</span>
</li> </li>
...@@ -142,7 +243,9 @@ ...@@ -142,7 +243,9 @@
</el-col> </el-col>
</el-row> </el-row>
<span slot="footer"> <span slot="footer">
<button class="closebtn" @click="beforeHideModal" style='width: 10%;'>关闭</button> <button class="el-button el-button--default el-button--small" @click="beforeHideModal" >
关闭
</button>
</span> </span>
</el-dialog> </el-dialog>
</div> </div>
...@@ -152,85 +255,82 @@ ...@@ -152,85 +255,82 @@
export default { export default {
data() { data() {
return { return {
carImg: '', carImg: "",
isShow: false, isShow: false,
curPicData:{} curPicData: {}
} };
}, },
methods: { methods: {
detailInfo: function (data) { detailInfo: function(data) {
this.curPicData = {}; this.curPicData = {};
this.curPicData = data; this.curPicData = data;
console.log("detail",data)
this.isShow = true; this.isShow = true;
this.$store.commit('setocxstate',0) this.$store.commit("setocxstate", 0);
}, },
beforeHideModal: function () { beforeHideModal: function() {
this.isShow = false; this.isShow = false;
this.$emit('closeDetailModal') this.$emit("closeDetailModal");
}, },
picMove: function (e) { picMove: function(e) {
var e = e || window.event; var e = e || window.event;
if (e.target.getAttribute('class').indexOf('small') > -1) { if (e.target.getAttribute("class").indexOf("small") > -1) {
let imgWidth = e.target.width; let imgWidth = e.target.width;
let imgHeight = e.target.height; let imgHeight = e.target.height;
let x = 150-e.offsetX/imgWidth*1800; let x = 150 - (e.offsetX / imgWidth) * 1800;
let y = 100-e.offsetY/imgHeight*1200; let y = 100 - (e.offsetY / imgHeight) * 1200;
let bigimg = document.getElementById('big'); let bigimg = document.getElementById("big");
bigimg.style.backgroundPosition = x +'px '+ y +'px' bigimg.style.backgroundPosition = x + "px " + y + "px";
}else{ } else {
return return;
} }
} }
} }
};
}
</script> </script>
<style scoped> <style scoped>
.pictures { .pictures {
width: 100%; width: 100%;
max-height: 528px; max-height: 528px;
cursor: zoom-in; cursor: zoom-in;
height: 500px; }
}
.pic-info { .pic-info {
margin-bottom: 0; margin-bottom: 0;
} }
.pic-info li { .pic-info li {
text-align: left; height: 30px;
font-size: 18px; line-height: 30px;
height: 48px; width: 33%;
line-height: 48px; float: left;
width: 100%; }
overflow: hidden;
min-width: 235px;
}
.pic-info li span { .pic-info li span {
float: left; float: left;
} font-size: 14px;
color: #606266;
}
.pic-info li span:first-child { .pic-info li span:first-child {
padding-left: 3%; padding-left: 3%;
margin-right: 10px; margin-right: 10px;
width: 91px; width: 91px;
} }
.pic-info li span:last-child { .pic-info li span:last-child {
width: 100px; /*40%*/ width: 100px; /*40%*/
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
} }
.big { .big {
width: 300px; width: 300px;
height: 200px; height: 200px;
background-size: 1800px 1200px; background-size: 1800px 1200px;
} }
.closebtn{ .closebtn {
height: 30px; height: 30px;
line-height: 30px; line-height: 30px;
} }
</style> </style>
src/views/sceneManage/eventTab.vue
...@@ -56,6 +56,10 @@ export default { ...@@ -56,6 +56,10 @@ export default {
console.log(tab, event); console.log(tab, event);
}, },
dataInit(cid, type) { dataInit(cid, type) {
this.$refs.allalarm.allAlarmData = [];
this.$refs.caralarm.carAlarmData = [];
this.$refs.illegalalarm.illAlarmData = [];
this.$refs.eventalarm.eventAlarmData = [];
this.resultData = ""; this.resultData = "";
this.curType = type; this.curType = type;
this.carItems = []; this.carItems = [];
...@@ -100,7 +104,6 @@ export default { ...@@ -100,7 +104,6 @@ export default {
this.cws.onmessage = evt => { this.cws.onmessage = evt => {
let data = JSON.parse(evt.data); let data = JSON.parse(evt.data);
if (data.command) { if (data.command) {
console.log('a')
} else if (data.type == "response") { } else if (data.type == "response") {
console.log("请求任务推送成功"); console.log("请求任务推送成功");
} else if (data.event_cate) { } else if (data.event_cate) {
......
src/views/sceneManage/index.vue
...@@ -184,6 +184,7 @@ export default { ...@@ -184,6 +184,7 @@ export default {
setTimeout(() => { setTimeout(() => {
this.$refs.videoplay.videoPlay(); this.$refs.videoplay.videoPlay();
}, 2000); }, 2000);
console.log("视频播放地址：", this.playurl.rtsp_url);
} else { } else {
this.$message({ this.$message({
message: "获取rtsp播放地址失败!请重试!", message: "获取rtsp播放地址失败!请重试!",
......
src/views/sceneManage/setting/areaconfig/TraficCanvas.vue
...@@ -617,8 +617,8 @@ export default { ...@@ -617,8 +617,8 @@ export default {
type: ele.lane_type, type: ele.lane_type,
index: ele.lane_no, index: ele.lane_no,
direct: direct, direct: direct,
lane_guiding_type: obj.lanes.lane[index].lane_guiding_type, lane_guiding_type: lane_guid_type,
lane_use_type: obj.lanes.lane[index].lane_use_type lane_use_type: lane_use
}; };
} }
}); });
...@@ -983,6 +983,7 @@ export default { ...@@ -983,6 +983,7 @@ export default {
}, },
//改变选中图形样式 //改变选中图形样式
makeSelectedGroup: function(shape) { makeSelectedGroup: function(shape) {
debugger
console.log(shape); console.log(shape);
let points = shape.attrs.points; let points = shape.attrs.points;
let lineType = shape.line_type; let lineType = shape.line_type;
......
src/views/sceneManage/setting/demarcate.vue
...@@ -137,7 +137,7 @@ export default { ...@@ -137,7 +137,7 @@ export default {
showModal: function(data, mtaskdata) { showModal: function(data, mtaskdata) {
var _this = this; var _this = this;
this.$store.commit("setocxstate", 0); this.$store.commit("setocxstate", 0);
this.taskData = mtaskdata; this.taskData = data;
this.dialogVisible = true; this.dialogVisible = true;
this.type = data.algo_type; this.type = data.algo_type;
// this.type = 2; // this.type = 2;
......
src/views/sceneManage/setting/index.vue
...@@ -8,7 +8,7 @@ ...@@ -8,7 +8,7 @@
highlight-current-row highlight-current-row
style="width: 80%;float:left" style="width: 80%;float:left"
height="25vh" height="25vh"
@current-change="handleCurrentChange" @cell-click="handleCurrentChange"
v-loading="loading" v-loading="loading"
> >
<el-table-column label="序号" type="index" width="50" align="center"> <el-table-column label="序号" type="index" width="50" align="center">
...@@ -149,6 +149,7 @@ export default { ...@@ -149,6 +149,7 @@ export default {
setDemarcate(scenesdata, index) { setDemarcate(scenesdata, index) {
if (this.checkpollstate()) { if (this.checkpollstate()) {
this.curindex = index; this.curindex = index;
console.log("scenesdata",scenesdata)
this.$refs.demarcate.showModal(scenesdata, this.taskInfo); this.$refs.demarcate.showModal(scenesdata, this.taskInfo);
} }
}, },
...@@ -178,7 +179,7 @@ export default { ...@@ -178,7 +179,7 @@ export default {
}, },
resetRoi() { resetRoi() {
this.$store.commit("setocxstate", 0); this.$store.commit("setocxstate", 0);
this.$confirm("删除预置位信息, 是否继续?", "提示", { this.$confirm("删除参数设置，区域设置，标定设置信息?", "提示", {
confirmButtonText: "确定", confirmButtonText: "确定",
cancelButtonText: "取消", cancelButtonText: "取消",
type: "warning" type: "warning"
...@@ -240,6 +241,7 @@ export default { ...@@ -240,6 +241,7 @@ export default {
return state; return state;
}, },
submitPosion(positionnum) { submitPosion(positionnum) {
debugger
this.taskInfo.mtasks[0].scenes.map(ele => { this.taskInfo.mtasks[0].scenes.map(ele => {
if (ele.scene_unid == this.currentRow.scene_unid) { if (ele.scene_unid == this.currentRow.scene_unid) {
ele.position_num = positionnum; ele.position_num = positionnum;
......
src/views/sceneManage/setting/setTimer.vue
...@@ -17,28 +17,43 @@ export default { ...@@ -17,28 +17,43 @@ export default {
data() { data() {
return { return {
settimer: 0, settimer: 0,
timeroptions: [{name:5,value:5},{name:10,value:10},{name:15,value:15},{name:30,value:30},{name:"不限时",value:-1}] timeroptions: [
{ name: 5, value: 5 },
{ name: 10, value: 10 },
{ name: 15, value: 15 },
{ name: 30, value: 30 },
{ name: "不限时", value: -1 }
]
}; };
}, },
methods: { methods: {
changet(val) { changet(val) {
this.$emit("timerchange", val); this.$emit("timerchange", val);
}
}, },
}, props: ["runtime", "runindex"],
props: ["runtime","runindex"], updated(v) {
updated(v){ this.$nextTick(function() {
this.$nextTick(function(){
// alert(v) // alert(v)
this.settimer = this.runtime; this.settimer = this.runtime;
}); });
}, },
mounted() { mounted() {
this.settimer = this.runtime; this.settimer = this.runtime;
if (this.runindex == 0 && (this.runtime == 0 ||this.runtime == -1)) { if (this.runindex == 0 && (this.runtime == 0 || this.runtime == -1)) {
this.settimer = -1; this.settimer = -1;
} }
if (this.runindex > 0) {
this.timeroptions = [
{ name: "0", value: 0 },
{ name: 5, value: 5 },
{ name: 10, value: 10 },
{ name: 15, value: 15 },
{ name: 30, value: 30 }
];
}
}, },
watch:{ watch: {
runtime(val) { runtime(val) {
this.settimer = val; this.settimer = val;
} }
......
src/views/sceneManage/videoplay.vue
<template> <template>
<div class="ocx-box" id="ocx-box" v-show="isShow"> <div class="ocx-box" id="ocx-box" v-show="isShow">
<object id="VionVideo" classid="clsid:93F960BB-5AF9-402B-A3DF-06112F14DC02" codebase="VionPlatformVideo.ocx" width="100%" <object
height="100%"> id="VionVideo"
classid="clsid:93F960BB-5AF9-402B-A3DF-06112F14DC02"
codebase="VionPlatformVideo.ocx"
width="100%"
height="100%"
>
<!-- <param name="_Version" value="65536"> <!-- <param name="_Version" value="65536">
<param name="_ExtentX" value="2646"> <param name="_ExtentX" value="2646">
<param name="_ExtentY" value="1323"> <param name="_ExtentY" value="1323">
...@@ -10,55 +15,70 @@ ...@@ -10,55 +15,70 @@
</div> </div>
</template> </template>
<script> <script>
import { import { mapState } from "vuex";
mapState export default {
} from 'vuex'
export default {
data() { data() {
return { return {
urlFlag:false, urlFlag: false,
isShow:true isShow: true
}; };
}, },
props: ['playulr', 'type'], props: ["playulr", "type"],
methods: { methods: {
videoPlay: function () { videoPlay: function() {
this.urlFlag = false this.urlFlag = false;
if (!this.playulr.sip_serv_ip) { if (!this.playulr.sip_serv_ip) {
let url = this.playulr.rtsp_url let url = this.playulr.rtsp_url;
let ocxPlayRes = VionVideo.PlayRealVideo(url, "0", "xxx", '',undefined); let ocxPlayRes = VionVideo.PlayRealVideo(
console.log('video Ocx播放rtsp流返回值:', ocxPlayRes); url,
"0",
"xxx",
"",
undefined
);
console.log("video Ocx播放rtsp流返回值:", ocxPlayRes);
if (ocxPlayRes != 0) { if (ocxPlayRes != 0) {
alert('播放失败!'); alert("播放失败!");
} }
} else { } else {
let OcxResponse = document.getElementById('VionVideo').StartPlaySip(this.playulr.sip_serv_id, this.playulr.sip_serv_ip, let OcxResponse = document
this.playulr.sip_serv_port, this.playulr.sip_unid, this.playulr.sip_password, this.playulr.devId, 0) .getElementById("VionVideo")
console.log('video Ocx播放sip流返回值:', OcxResponse); .StartPlaySip(
this.playulr.sip_serv_id,
this.playulr.sip_serv_ip,
this.playulr.sip_serv_port,
this.playulr.sip_unid,
this.playulr.sip_password,
this.playulr.devId,
0
);
console.log("video Ocx播放sip流返回值:", OcxResponse);
if (OcxResponse != 0 && OcxResponse != 200) { if (OcxResponse != 0 && OcxResponse != 200) {
alert('播放失败!'); alert("播放失败!");
} }
} }
}, },
downOcx: function () { downOcx: function() {
if (this.fileUrl !== '' && !this.installOcx) { if (this.fileUrl !== "" && !this.installOcx) {
location.href = this.fileUrl; location.href = this.fileUrl;
} }
}, },
installOcxInfo: function () { installOcxInfo: function() {
this.$confirm('为了正常使用,是否安装OCX控件?', '友情提示', { this.$confirm("为了正常使用,是否安装OCX控件?", "友情提示", {
confirmButtonText: '确定', confirmButtonText: "确定",
cancelButtonText: '取消', cancelButtonText: "取消",
type: 'warning' type: "warning"
}).then(() => { })
.then(() => {
this.installOcx = false; this.installOcx = false;
this.downOcx(); this.downOcx();
}).catch(() => { })
.catch(() => {
this.installOcxInfo(); this.installOcxInfo();
}); });
}, },
initocx() { initocx() {
VionVideo.Init(0, 'Null', 1); VionVideo.Init(0, "Null", 1);
}, },
downloadOCx() { downloadOCx() {
// if (navigator.userAgent.indexOf('Trident') > -1) { // if (navigator.userAgent.indexOf('Trident') > -1) {
...@@ -76,7 +96,10 @@ ...@@ -76,7 +96,10 @@
}, },
checkIE() { checkIE() {
var agent = navigator.userAgent.toLowerCase(); var agent = navigator.userAgent.toLowerCase();
if (/(msie\s|trident.*rv:)([\w.]+)/.test(agent) && document.documentMode < 10) { if (
/(msie\s|trident.*rv:)([\w.]+)/.test(agent) &&
document.documentMode < 10
) {
this.$message.error("IE 版本过低请升级到IE10级以上版本！"); this.$message.error("IE 版本过低请升级到IE10级以上版本！");
} }
} }
...@@ -85,7 +108,7 @@ ...@@ -85,7 +108,7 @@
// this.checkIE(); // this.checkIE();
}, },
computed: { computed: {
...mapState(['ocxstate']) ...mapState(["ocxstate"])
// this.initocx(); // this.initocx();
}, },
mounted() { mounted() {
...@@ -100,25 +123,23 @@ ...@@ -100,25 +123,23 @@
watch: { watch: {
ocxstate(val) { ocxstate(val) {
try { try {
if(val == 0){ if (val == 0) {
this.isShow = false this.isShow = false;
} else { } else {
this.isShow = true this.isShow = true;
document.getElementById("VionVideo").StartPlay(0); document.getElementById("VionVideo").StartPlay(0);
} }
} catch (error) { } catch (error) {
console.log(error) console.log(error);
}
} }
},
}, },
beforeDestroy: function () { beforeDestroy: function() {
// if (this.videoplayer.techName_ == "Flash" && this.videoplayer.pause) { // if (this.videoplayer.techName_ == "Flash" && this.videoplayer.pause) {
// this.videoplayer.pause(); // this.videoplayer.pause();
// } // }
} }
}; };
</script> </script>
<style lang="stylus" scoped> <style lang="stylus" scoped>
......
src/views/taskManage/back.vue
<template> <template>
<div class="expande-table-row"> <div class="expande-table-row">
<span class="label">{{subindex + 1}}</span>
<span class="label">视频源文件</span> <span class="label">视频源文件</span>
<span class="subtask-info">{{ subTaskData.vchan_name }}</span> <span class="subtask-info">{{ subTaskData.vchan_name }}</span>
<span class="label">设备地址</span> <span class="label">设备地址</span>
...@@ -16,7 +17,7 @@ ...@@ -16,7 +17,7 @@
:key="index" :key="index"
:value="item.device_id" :value="item.device_id"
> >
{{ item.in_ip }} {{ item.device_id }}
</el-option> </el-option>
</el-select> </el-select>
</span> </span>
...@@ -31,7 +32,7 @@ export default { ...@@ -31,7 +32,7 @@ export default {
assign_id: "" assign_id: ""
}; };
}, },
props: ["subTaskData", "freeList", "taskData"], props: ["subTaskData", "freeList", "taskData", "subindex"],
methods: { methods: {
subMove() { subMove() {
let taskID = this.taskData.task_id; let taskID = this.taskData.task_id;
...@@ -65,9 +66,7 @@ export default { ...@@ -65,9 +66,7 @@ export default {
}, },
created() {}, created() {},
watch: { watch: {
subTaskData(val) {
console.log(val);
}
}, },
mounted() { mounted() {
this.assign_id = this.subTaskData.assign_id this.assign_id = this.subTaskData.assign_id
...@@ -79,6 +78,7 @@ export default { ...@@ -79,6 +78,7 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
.expande-table-row { .expande-table-row {
overflow: hidden;
span { span {
float: left; float: left;
border-bottom: 1px solid #ccc; border-bottom: 1px solid #ccc;
...@@ -99,20 +99,20 @@ export default { ...@@ -99,20 +99,20 @@ export default {
height: 40px; height: 40px;
line-height: 40px; line-height: 40px;
} }
.subtask-info:nth-child(2) { .subtask-info:nth-child(3) {
width: 9vw; width: 9vw;
overflow: hidden; overflow: hidden;
} }
.subtask-info:nth-child(4) { .subtask-info:nth-child(5) {
width: 6vw; width: 6vw;
} }
.subtask-info:nth-child(6) { .subtask-info:nth-child(7) {
width: 4.5vw; width: 4.5vw;
} }
.subtask-info:nth-child(8) { .subtask-info:nth-child(9) {
width: 4vw; width: 4vw;
} }
.subtask-info:nth-child(10) { .subtask-info:nth-child(11) {
width: 12vw; width: 12vw;
} }
.sub-btn { .sub-btn {
......
src/views/taskManage/editSet.vue
...@@ -7,14 +7,19 @@ ...@@ -7,14 +7,19 @@
:before-close="handleClose" :before-close="handleClose"
> >
<div> <div>
<el-form label-position="left" label-width="80px" :model="formData"> <el-form
<el-form-item label="任务名称"> label-position="left"
label-width="80px"
:model="formData"
:rules="rules"
>
<el-form-item label="任务名称" prop="taskname" class="form-item">
<el-input <el-input
v-model="formData.task_name" v-model="formData.task_name"
placeholder="请输入任务名称" placeholder="请输入任务名称"
></el-input> ></el-input>
</el-form-item> </el-form-item>
<el-form-item label="算法类型"> <el-form-item label="算法类型" prop="algotype" class="form-item">
<el-select <el-select
v-model="formData.task_algo_type" v-model="formData.task_algo_type"
placeholder="请选择" placeholder="请选择"
...@@ -28,7 +33,7 @@ ...@@ -28,7 +33,7 @@
<el-option value="5" label="交通行人"></el-option> <el-option value="5" label="交通行人"></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="场景占用"> <el-form-item label="场景占用" class="form-item">
<el-input <el-input
v-model="formData.resource_use" v-model="formData.resource_use"
placeholder="请选择" placeholder="请选择"
...@@ -36,13 +41,13 @@ ...@@ -36,13 +41,13 @@
> >
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item label="时间计划"> <el-form-item label="时间计划" class="form-item">
<el-select v-model="formData.period"> <el-select v-model="formData.period">
<el-option :value="true" label="全天"></el-option> <el-option :value="true" label="全天"></el-option>
<el-option :value="false" label="时间"></el-option> <el-option :value="false" label="时间"></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="时间" v-show="formData.plate_time != 'day'"> <el-form-item label="时间" v-show="formData.plate_time != 'day'" prop="timer" class="form-item">
<el-date-picker <el-date-picker
style="width:100%" style="width:100%"
v-model="formData.timer" v-model="formData.timer"
...@@ -53,7 +58,7 @@ ...@@ -53,7 +58,7 @@
end-placeholder="结束日期" end-placeholder="结束日期"
></el-date-picker> ></el-date-picker>
</el-form-item> </el-form-item>
<el-form-item label="存储配置"> <el-form-item label="存储配置" class="form-item">
<el-select <el-select
v-model="formData.store_conf.unid" v-model="formData.store_conf.unid"
placeholder="请选择" placeholder="请选择"
...@@ -67,7 +72,7 @@ ...@@ -67,7 +72,7 @@
></el-option> ></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="设备类型"> <el-form-item label="设备类型" class="form-item">
<el-select v-model="formData.plate_type"> <el-select v-model="formData.plate_type">
<el-option <el-option
v-for="(item, index) in freeList" v-for="(item, index) in freeList"
...@@ -111,11 +116,21 @@ export default { ...@@ -111,11 +116,21 @@ export default {
store_conf: { store_conf: {
unid: "" unid: ""
}, },
priority: "" priority: "",
period: true
}, },
vchanAry: [], vchanAry: [],
sessionData: {}, sessionData: {},
store_confs: [] store_confs: [],
rules: {
taskname: [{ required: true, message: "请输入任务名称", trigger: "blur" }],
algotype: [
{ required: true, message: "请选择算法类型", trigger: "blur" }
],
timer: [
{ required: true, message: "时间设置不能为空", trigger: "blur" }
]
}
}; };
}, },
props: { props: {
...@@ -146,7 +161,8 @@ export default { ...@@ -146,7 +161,8 @@ export default {
}, },
priority: "", priority: "",
plate_type: "", plate_type: "",
plate_time: "" plate_time: "",
period: true
}; };
} }
if (type == "edit") { if (type == "edit") {
...@@ -193,8 +209,12 @@ export default { ...@@ -193,8 +209,12 @@ export default {
source_type: "pull_video_stream", source_type: "pull_video_stream",
dev_unid: this.dev_unid, dev_unid: this.dev_unid,
node_count: 0, node_count: 0,
start_dt: this.formData.period ? "2020-03-27 00:00:00" : this.setUtcTime(this.formData.timer[0]), start_dt: this.formData.period
end_dt: this.formData.period ? "3020-03-27 00:00:00" : this.setUtcTime(this.formData.timer[1]), ? "2020-03-27 00:00:00"
: this.setUtcTime(this.formData.timer[0]),
end_dt: this.formData.period
? "3020-03-27 00:00:00"
: this.setUtcTime(this.formData.timer[1]),
priority: this.formData.priority, priority: this.formData.priority,
store_conf_unid: this.formData.store_conf.unid, store_conf_unid: this.formData.store_conf.unid,
period: this.formData.period, period: this.formData.period,
...@@ -246,4 +266,9 @@ export default { ...@@ -246,4 +266,9 @@ export default {
}; };
</script> </script>
<style></style> <style lang="stylus" scoped>
.form-item {
margin-bottom 13px
}
</style>
src/views/taskManage/editVideo.vue
...@@ -35,6 +35,7 @@ ...@@ -35,6 +35,7 @@
:data="tableData" :data="tableData"
stripe stripe
border border
@current-change="rowclick"
style="width: 100%" style="width: 100%"
> >
<el-table-column <el-table-column
...@@ -102,8 +103,8 @@ export default { ...@@ -102,8 +103,8 @@ export default {
user_unid: "", user_unid: "",
formData: {}, formData: {},
editData: {}, editData: {},
taskData:{}, taskData: {},
moveTaskData:[], moveTaskData: [],
setvisible: false, setvisible: false,
props: { props: {
id: "vchan_refid", id: "vchan_refid",
...@@ -156,13 +157,15 @@ export default { ...@@ -156,13 +157,15 @@ export default {
data[i].vchan.refid = data[i].vchan.vchan_refid; data[i].vchan.refid = data[i].vchan.vchan_refid;
data[i].vchan.name = data[i].vchan.vchan_name; data[i].vchan.name = data[i].vchan.vchan_name;
data[i].vchan.running_status = data[i].running_status; data[i].vchan.running_status = data[i].running_status;
data[i].vchan.play_url = data[i].rtsp_url;
} else { } else {
data.vchan = { data.vchan = {
subtask_id: data[i].subtask_id, subtask_id: data[i].subtask_id,
refid: "", refid: "",
vchan_name: data[i].subtask_name, vchan_name: data[i].subtask_name,
name: data[i].subtask_name, name: data[i].subtask_name,
running_status: data[i].running_status running_status: data[i].running_status,
play_url: data[i].rtsp_url
}; };
} }
ary.push(data[i].vchan); ary.push(data[i].vchan);
...@@ -192,8 +195,7 @@ export default { ...@@ -192,8 +195,7 @@ export default {
if (this.tableData.length > 0) { if (this.tableData.length > 0) {
for (let i = 0; i < this.tableData.length; i++) { for (let i = 0; i < this.tableData.length; i++) {
if (this.tableData[i].vchan_id == data.vchan_id) { if (this.tableData[i].vchan_id == data.vchan_id) {
this.delFun(i, this.tableData[i],'tree') this.delFun(i, this.tableData[i], "tree");
staus = true; staus = true;
break; break;
} }
...@@ -211,6 +213,7 @@ export default { ...@@ -211,6 +213,7 @@ export default {
}); });
}, },
editsubTask(vchan) { editsubTask(vchan) {
let status = true;
let data = { let data = {
is_dome: false, is_dome: false,
subtask_name: vchan.name, subtask_name: vchan.name,
...@@ -221,26 +224,53 @@ export default { ...@@ -221,26 +224,53 @@ export default {
vchan_name: vchan.name vchan_name: vchan.name
} }
}; };
this.$api.task.editSubTask(this.editData.task_id, data).then(res => { this.$api.task.editSubTask(this.editData.task_id, data).then(res => {
if (res.ecode == 200) {
this.$message({
message: "添加成功",
type: "success"
});
this.tableData.push(vchan); this.tableData.push(vchan);
} else {
this.$message.error(res.enote);
}
}); });
}, },
playVideo(data) { playVideo(data) {
console.log("b", data); console.log("b", data);
}, },
delFun(index, data, action= "tree") { delFun(index, data, action = "tree") {
this.$store.commit("setocxstate", 0);
this.$confirm("删除视频源, 是否继续?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning"
})
.then(() => {
this.$api.task this.$api.task
.deleteSubTask(this.editData.task_id, data.subtask_id) .deleteSubTask(this.editData.task_id, data.subtask_id)
.then(res => { .then(res => {
this.$message({
type: "success",
message: "删除成功!"
});
this.tableData.splice(index, 1); this.tableData.splice(index, 1);
this.checkvckan(); this.checkvckan();
this.$store.commit("setocxstate", 1);
}); });
if (action != "tree") { if (action != "tree") {
setTimeout(() => { setTimeout(() => {
this.checkvckan(); this.checkvckan();
}, 0); }, 0);
} }
})
.catch(() => {
this.$message({
type: "info",
message: "已取消删除"
});
this.$store.commit("setocxstate", 1);
});
}, },
append(data) { append(data) {
const newChild = { id: id++, label: "testtest", children: [] }; const newChild = { id: id++, label: "testtest", children: [] };
...@@ -258,6 +288,15 @@ export default { ...@@ -258,6 +288,15 @@ export default {
}); });
this.$refs.tree.setCheckedKeys(arr); this.$refs.tree.setCheckedKeys(arr);
}, },
rowclick(row) {
console.log("row", row);
this.play_url = {
rtsp_url: row.play_url
};
setTimeout(() => {
this.$refs.video.videoPlay();
}, 100);
},
loadNode(node, resolve) { loadNode(node, resolve) {
if (node.level === 0) { if (node.level === 0) {
return resolve([ return resolve([
......
src/views/taskManage/index.vue
...@@ -76,7 +76,7 @@ ...@@ -76,7 +76,7 @@
@expand-change="expandchange" @expand-change="expandchange"
> >
<el-table-column type="expand"> <el-table-column type="expand">
<template slot-scope="props"> <template slot-scope="props" >
<subTaskInfo <subTaskInfo
v-for="(item, index) in props.row.subTaskData" v-for="(item, index) in props.row.subTaskData"
:key="index" :key="index"
......
src/views/taskManage/subtask.vue
...@@ -3,6 +3,8 @@ ...@@ -3,6 +3,8 @@
<span class="label">{{subindex + 1}}</span> <span class="label">{{subindex + 1}}</span>
<span class="label">视频源文件</span> <span class="label">视频源文件</span>
<span class="subtask-info">{{ subTaskData.vchan_name }}</span> <span class="subtask-info">{{ subTaskData.vchan_name }}</span>
<span class="label">任务ID</span>
<span class="subtask-info">{{subTaskData.subtask_id}}</span>
<span class="label">设备地址</span> <span class="label">设备地址</span>
<span class="subtask-info">192.178.99.99</span> <span class="subtask-info">192.178.99.99</span>
<span class="label">已用资源</span> <span class="label">已用资源</span>
...@@ -69,6 +71,7 @@ export default { ...@@ -69,6 +71,7 @@ export default {
}, },
mounted() { mounted() {
console.log("tasdata",this.subTaskData)
this.assign_id = this.subTaskData.assign_id this.assign_id = this.subTaskData.assign_id
? this.subTaskData.assign_id ? this.subTaskData.assign_id
: ""; : "";
...@@ -78,6 +81,7 @@ export default { ...@@ -78,6 +81,7 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
.expande-table-row { .expande-table-row {
width: 79vw;
overflow: hidden; overflow: hidden;
span { span {
float: left; float: left;
...@@ -85,7 +89,7 @@ export default { ...@@ -85,7 +89,7 @@ export default {
overflow: hidden; overflow: hidden;
} }
.label { .label {
width: 6vw; width: 5vw;
text-align: center; text-align: center;
border-left: 1px solid $border-color; border-left: 1px solid $border-color;
background: #f0f0f0; background: #f0f0f0;
...@@ -100,20 +104,23 @@ export default { ...@@ -100,20 +104,23 @@ export default {
line-height: 40px; line-height: 40px;
} }
.subtask-info:nth-child(3) { .subtask-info:nth-child(3) {
width: 9vw; width: 7vw;
overflow: hidden; overflow: hidden;
} }
.subtask-info:nth-child(5) { .subtask-info:nth-child(5) {
width: 6vw; width: 8vw;
} }
.subtask-info:nth-child(7) { .subtask-info:nth-child(7) {
width: 4.5vw; width: 6vw;
} }
.subtask-info:nth-child(9) { .subtask-info:nth-child(9) {
width: 4vw; width: 4vw;
} }
.subtask-info:nth-child(11) { .subtask-info:nth-child(11) {
width: 12vw; width: 4vw;
}
.subtask-info:nth-child(13) {
width: 9vw;
} }
.sub-btn { .sub-btn {
cursor: pointer; cursor: pointer;
......
src/views/trafficShow/alarmEvent.vue
...@@ -71,7 +71,6 @@ export default { ...@@ -71,7 +71,6 @@ export default {
try { try {
let that = this; let that = this;
this.connect_id = new Date().getTime(); this.connect_id = new Date().getTime();
// this.cws = new WebSocket('ws://'+ this.API.IP +'/websocket/v1/integrated/connects/' + this.connect_id)
this.cws = new WebSocket( this.cws = new WebSocket(
`ws://${this.$api.wsIP}/websocket/api/v1/datahandle/connects/${this.connect_id}` `ws://${this.$api.wsIP}/websocket/api/v1/datahandle/connects/${this.connect_id}`
); );
...@@ -110,15 +109,16 @@ export default { ...@@ -110,15 +109,16 @@ export default {
_this.getCode("违法类型", data.event_data.illegal.code) || ""; _this.getCode("违法类型", data.event_data.illegal.code) || "";
let camername = data.event_data.location.name; let camername = data.event_data.location.name;
let dt = this.showLocalTime(data.event_dt).split(" ")[1]; let dt = this.showLocalTime(data.event_dt).split(" ")[1];
console.log(data.pics[0].src_url);
let pics = data.pics[0].src_url; let pics = data.pics[0].src_url;
let pos = data.event_data.location.pos; let pos = data.event_data.location.pos;
let vrefid = data.vchan_refid;
let obj = { let obj = {
illname: illname, illname: illname,
illdt: dt, illdt: dt,
camername: camername, camername: camername,
pics: pics, pics: pics,
pos: pos pos: pos,
vchan_refid: vrefid
}; };
if (that.tableData.length > 6) { if (that.tableData.length > 6) {
that.tableData.pop(obj); that.tableData.pop(obj);
...@@ -128,9 +128,7 @@ export default { ...@@ -128,9 +128,7 @@ export default {
that.tableData.unshift(obj); that.tableData.unshift(obj);
this.$forceUpdate(); this.$forceUpdate();
} }
} catch (error) { } catch (error) {}
console.log(error);
}
if (data.command) { if (data.command) {
console.log("推送服务连接正常"); console.log("推送服务连接正常");
...@@ -153,8 +151,13 @@ export default { ...@@ -153,8 +151,13 @@ export default {
} catch (error) { } catch (error) {
console.log(error); console.log(error);
} }
},
beforeDestroy() {
this.cws = "";
clearInterval(this.keepAlive);
this.keepAlive = null;
} }
}; };
</script> </script>
<style></style>> <style></style>
src/views/trafficShow/eventTypedis.vue
<template> <template>
<div> <div>
<div class="chart-header-box"> <div class="chart-header-box">
<div class="header-title">事件类型分布</div> <el-col :span="12" class="header-title">事件类型分布</el-col>
<el-col class="ev-box">
<el-select v-model="evtype" @change="getType">
<el-option label="违法" value="1"></el-option>
<el-option label="事件" value="2"></el-option>
</el-select>
</el-col>
</div> </div>
<div id="eventchart" class="eventchart"></div> <div id="eventchart" class="eventchart"></div>
</div> </div>
...@@ -11,7 +17,8 @@ ...@@ -11,7 +17,8 @@
export default { export default {
data() { data() {
return { return {
illtype: "" illtype: "",
evtype:"1"
}; };
}, },
methods: { methods: {
...@@ -119,10 +126,23 @@ export default { ...@@ -119,10 +126,23 @@ export default {
}; };
maychart.setOption(option); maychart.setOption(option);
}, },
getType(val){
if (val == "1") {
this.getTrafficType();
}
if (val == "2") {
this.getBehaviorType();
}
},
getTrafficType() { getTrafficType() {
this.$api.show.getTrafficType().then(res => { this.$api.show.getTrafficType().then(res => {
this.initchart(res.list_data); this.initchart(res.list_data);
}); });
},
getBehaviorType() {
this.$api.show.getBehaviorType().then(res => {
this.initchart(res.list_data);
});
} }
}, },
mounted() { mounted() {
...@@ -132,6 +152,10 @@ export default { ...@@ -132,6 +152,10 @@ export default {
</script> </script>
<style lang="stylus" scoped> <style lang="stylus" scoped>
.ev-box{
width 100px
float right
}
.chart-header-box { .chart-header-box {
height: 3vh; height: 3vh;
padding 5px; padding 5px;
......
src/views/trafficShow/illegaltrend.vue
...@@ -6,6 +6,7 @@ ...@@ -6,6 +6,7 @@
<span class="header-label">违法</span> <span class="header-label">违法</span>
<div class="header-select"> <div class="header-select">
<el-select v-model="illtype" @change="getTrafficHour"> <el-select v-model="illtype" @change="getTrafficHour">
<el-option label="全部" value=""></el-option>
<el-option <el-option
v-for="item in illageList" v-for="item in illageList"
:key="item.value" :key="item.value"
...@@ -17,6 +18,7 @@ ...@@ -17,6 +18,7 @@
<span class="header-label">事件</span> <span class="header-label">事件</span>
<div class="header-select"> <div class="header-select">
<el-select v-model="eventtype" @change="getTrafficHour"> <el-select v-model="eventtype" @change="getTrafficHour">
<el-option label="全部" value=""></el-option>
<el-option <el-option
v-for="item in eventList" v-for="item in eventList"
:key="item.value" :key="item.value"
...@@ -291,20 +293,20 @@ export default { ...@@ -291,20 +293,20 @@ export default {
getTrafficHour() { getTrafficHour() {
let date = new Date(); let date = new Date();
let Y = date.getFullYear(); let Y = date.getFullYear();
let M = date.getMonth() > 10 ? date.getMonth() : `0${date.getMonth() + 1}`; let M = date.getMonth() > 9 ? date.getMonth() : `0${date.getMonth() + 1}`;
let D = date.getDate() > 10 ? date.getDate() : `0${date.getDate()}`; let D = date.getDate() > 9 ? date.getDate() : `0${date.getDate()}`;
let h = date.getHours() > 10 ? date.getHours() : `0${date.getHours()}`; let h = date.getHours() > 9 ? date.getHours() : `0${date.getHours()}`;
let m = let m =
date.getMinutes() > 10 ? date.getMinutes() : `0${date.getMinutes()}`; date.getMinutes() > 9 ? date.getMinutes() : `0${date.getMinutes()}`;
let s = date.getSeconds(); let s = date.getSeconds();
let startDate = `${Y}-${M}-${D} 00:00:00`; let startDate = `${Y}/${M}/${D} 00:00:00`;
let curDate = `${Y}-${M}-${D} ${h}:${m}:${s}`; let curDate = `${Y}/${M}/${D} ${h}:${m}:${s}`;
let data = { let data = {
illegal_type: this.illtype, illegal_type: this.illtype,
event_type: this.eventtype, event_type: this.eventtype,
key_vehicle_type: this.special_type, key_vehicle_type: this.special_type,
start_dt:startDate, start_dt: this.setUtcTime(startDate),
end_dt:curDate, end_dt: this.setUtcTime(curDate),
}; };
this.$api.show.getTrafficHour(data).then(res => { this.$api.show.getTrafficHour(data).then(res => {
console.log('违法事件趋势',res); console.log('违法事件趋势',res);
......
src/views/trafficShow/index.vue
...@@ -63,7 +63,9 @@ ...@@ -63,7 +63,9 @@
</div> </div>
<div> <div>
<div class="zd-title">特殊车辆总量</div> <div class="zd-title">特殊车辆总量</div>
<div class="zd-num">{{ snapData.key_vehicle_total_snap_num }}</div> <div class="zd-num">
{{ snapData.key_vehicle_total_snap_num }}
</div>
</div> </div>
</el-col> </el-col>
</div> </div>
...@@ -90,7 +92,10 @@ ...@@ -90,7 +92,10 @@
<span class="icon-fanxing-zhatuchezhuapai1"></span> <span class="icon-fanxing-zhatuchezhuapai1"></span>
</div> </div>
<div class="right-content"> <div class="right-content">
<div><span class="car-num">10</span>辆</div> <div>
<span class="car-num">{{ keyVehicleData[0] || 0 }}</span
>辆
</div>
<div>渣土车抓拍</div> <div>渣土车抓拍</div>
</div> </div>
</div> </div>
...@@ -102,7 +107,10 @@ ...@@ -102,7 +107,10 @@
></span> ></span>
</div> </div>
<div class="right-content"> <div class="right-content">
<div><span class="car-num">10</span>辆</div> <div>
<span class="car-num">{{ keyVehicleData[1] || 0 }}</span
>辆
</div>
<div>危险品车</div> <div>危险品车</div>
</div> </div>
</div> </div>
...@@ -114,7 +122,10 @@ ...@@ -114,7 +122,10 @@
></span> ></span>
</div> </div>
<div class="right-content"> <div class="right-content">
<div class><span class="car-num">29</span>辆</div> <div class>
<span class="car-num">{{ keyVehicleData[2] || 0 }}</span
>辆
</div>
<div>重型罐式车</div> <div>重型罐式车</div>
</div> </div>
</div> </div>
...@@ -195,9 +206,20 @@ export default { ...@@ -195,9 +206,20 @@ export default {
}, },
methods: { methods: {
alarmevent(data) { alarmevent(data) {
console.log('alarmdata',data); let position = null;
if (data.vchan_refid) {
let vdata = this.$store.state.devList;
vdata.map(ele => {
if (
ele.refid == data.vchan_refid ||
ele.vchan_refid == data.vchan_refid
) {
position = [ele.longitude, ele.latitude];
}
});
}
//移动地图 //移动地图
this.$refs.map.movemap(data,null,2); this.$refs.map.movemap(data, position, 2);
}, },
searchvchan() { searchvchan() {
this.$refs.map.searchvchan(this.vchanname); this.$refs.map.searchvchan(this.vchanname);
...@@ -489,5 +511,4 @@ export default { ...@@ -489,5 +511,4 @@ export default {
left 10 left 10
z-index 100 z-index 100
} }
</style> </style>
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!