Skip to content

I
Imagedx
Commit 4f20a78d authored by zhouts's avatar zhouts
Browse files
Options

告警界面修改

parent e4473dfa
Hide whitespace changes
Inline Side-by-side
Showing with 566 additions and 434 deletions
src/main/java/im/zhaojun/system/mapper/CodeMapper.java
View file @ 4f20a78d
...@@ -20,4 +20,6 @@ public interface CodeMapper { ...@@ -20,4 +20,6 @@ public interface CodeMapper {
int updatemanualcode(String name,String alarmlevel); int updatemanualcode(String name,String alarmlevel);
Code selectalarmNum (String keyid);
} }
\ No newline at end of file
src/main/java/im/zhaojun/system/model/Code.java
View file @ 4f20a78d
package im.zhaojun.system.model; package im.zhaojun.system.model;
import lombok.Data;
import java.io.Serializable; import java.io.Serializable;
@Data
public class Code implements Serializable { public class Code implements Serializable {
private String key; private String key;
...@@ -13,6 +11,78 @@ public class Code implements Serializable { ...@@ -13,6 +11,78 @@ public class Code implements Serializable {
private Integer rectifytime ; private Integer rectifytime ;
private Integer manualchecktime; private Integer manualchecktime;
private Integer pushchecktime ; private Integer pushchecktime ;
private Integer maxnum;
private Integer alarmnum;
public String getKey() {
return key;
}
public void setKey(String key) {
this.key = key;
}
public String getName() {
return name;
}
public void setName(String name) {
this.name = name;
}
public String getType() {
return type;
}
public void setType(String type) {
this.type = type;
}
public String getAlarmlevel() {
return alarmlevel;
}
public void setAlarmlevel(String alarmlevel) {
this.alarmlevel = alarmlevel;
}
public Integer getRectifytime() {
return rectifytime;
}
public void setRectifytime(Integer rectifytime) {
this.rectifytime = rectifytime;
}
public Integer getManualchecktime() {
return manualchecktime;
}
public void setManualchecktime(Integer manualchecktime) {
this.manualchecktime = manualchecktime;
}
public Integer getPushchecktime() {
return pushchecktime;
}
public void setPushchecktime(Integer pushchecktime) {
this.pushchecktime = pushchecktime;
}
public Integer getMaxnum() {
return maxnum;
}
public void setMaxnum(Integer maxnum) {
this.maxnum = maxnum;
}
public Integer getAlarmnum() {
return alarmnum;
}
public void setAlarmnum(Integer alarmnum) {
this.alarmnum = alarmnum;
}
} }
\ No newline at end of file
src/main/java/im/zhaojun/system/service/CodeService.java
View file @ 4f20a78d
package im.zhaojun.system.service; package im.zhaojun.system.service;
import com.github.pagehelper.PageHelper; import com.github.pagehelper.PageHelper;
import im.zhaojun.common.exception.DuplicateNameException;
import im.zhaojun.common.shiro.ShiroActionProperties;
import im.zhaojun.common.util.TreeUtil;
import im.zhaojun.system.mapper.CodeMapper; import im.zhaojun.system.mapper.CodeMapper;
import im.zhaojun.system.mapper.UserMapper;
import im.zhaojun.system.mapper.UserRoleMapper;
import im.zhaojun.system.model.Code; import im.zhaojun.system.model.Code;
import im.zhaojun.system.model.Menu;
import im.zhaojun.system.model.User;
import org.apache.shiro.authz.UnauthorizedException;
import org.apache.shiro.crypto.hash.Md5Hash;
import org.apache.shiro.session.Session;
import org.apache.shiro.session.mgt.eis.SessionDAO;
import org.apache.shiro.subject.SimplePrincipalCollection;
import org.apache.shiro.subject.support.DefaultSubjectContext;
import org.slf4j.Logger; import org.slf4j.Logger;
import org.slf4j.LoggerFactory; import org.slf4j.LoggerFactory;
import org.springframework.stereotype.Service; import org.springframework.stereotype.Service;
import org.springframework.transaction.annotation.Transactional;
import javax.annotation.Resource; import javax.annotation.Resource;
import java.util.*; import java.util.*;
...@@ -63,7 +49,9 @@ public class CodeService { ...@@ -63,7 +49,9 @@ public class CodeService {
public boolean updatemanualcode(String name,String alarmlevel) { public boolean updatemanualcode(String name,String alarmlevel) {
return codeMapper.updatemanualcode(name, alarmlevel) == 1; return codeMapper.updatemanualcode(name, alarmlevel) == 1;
} }
public Code selectalarmNum(String keyid){
return codeMapper.selectalarmNum(keyid);
}
} }
\ No newline at end of file
src/main/resources/mapper/CodeMapper.xml
View file @ 4f20a78d
...@@ -10,7 +10,9 @@ ...@@ -10,7 +10,9 @@
<result column="rectifytime" jdbcType="INTEGER" property="rectifytime" /> <result column="rectifytime" jdbcType="INTEGER" property="rectifytime" />
<result column="manualchecktime" jdbcType="INTEGER" property="manualchecktime" /> <result column="manualchecktime" jdbcType="INTEGER" property="manualchecktime" />
<result column="pushchecktime" jdbcType="INTEGER" property="pushchecktime" /> <result column="pushchecktime" jdbcType="INTEGER" property="pushchecktime" />
<result column="repeattime" jdbcType="INTEGER" property="repeattime" /> <result column="maxnum" jdbcType="INTEGER" property="maxnum" />
<result column="alarmnum" jdbcType="INTEGER" property="alarmnum" />
</resultMap> </resultMap>
<update id="updatecode" parameterType="java.util.List"> <update id="updatecode" parameterType="java.util.List">
...@@ -44,7 +46,7 @@ ...@@ -44,7 +46,7 @@
</update> </update>
<select id="selectAllWithKey" resultMap="BaseResultMap"> <select id="selectAllWithKey" resultMap="BaseResultMap">
select * from t_code where type=1 select * from t_code where type=2
</select> </select>
...@@ -59,6 +61,8 @@ ...@@ -59,6 +61,8 @@
<update id="updatemanualcode"> <update id="updatemanualcode">
update t_code set name=#{name ,jdbcType=VARCHAR},alarmlevel=#{alarmlevel,jdbcType=VARCHAR} where key='send' update t_code set name=#{name ,jdbcType=VARCHAR},alarmlevel=#{alarmlevel,jdbcType=VARCHAR} where key='send'
</update> </update>
<select id="selectalarmNum" resultMap="BaseResultMap">
select * from t_code where type=2 and key=#{key,jdbcType=VARCHAR}
</select>
</mapper> </mapper>
\ No newline at end of file
src/main/resources/mapper/TrafficStatisticsMapper.xml
View file @ 4f20a78d
...@@ -138,7 +138,7 @@ ...@@ -138,7 +138,7 @@
recordtype "type", recordtype "type",
name "typename" name "typename"
from traffalarmrecord a,t_code b from traffalarmrecord a,t_code b
where upper(a.recordtype)=b.key and b.type=1 and fdid||'_'||channelid in( where upper(a.recordtype)=b.key and b.type=2 and fdid||'_'||channelid in(
select b.videoid select b.videoid
from deptdefaultvideo b from deptdefaultvideo b
<if test="deptId != '' and deptId != null and deptId!='-1' "> <if test="deptId != '' and deptId != null and deptId!='-1' ">
......
src/main/resources/static/js/jgsbgl/jgsbgl.js
View file @ 4f20a78d
//行政目录 //行政目录
let vue_tree = new Vue({ // let vue_tree = new Vue({
el: '.left-nav', // el: '.left-nav',
data: { // data: {
searchText: '', // searchText: '',
}, // },
methods: { // methods: {
fastSearch: function () { // fastSearch: function () {
$("#tree-xzxq").treeview('search', [this.searchText, { // $("#tree-xzxq").treeview('search', [this.searchText, {
ignoreCase: true, // case insensitive // ignoreCase: true, // case insensitive
exactMatch: false, // like or equals // exactMatch: false, // like or equals
revealResults: true, // reveal matching nodes // revealResults: true, // reveal matching nodes
}]); // }]);
} // }
}, // },
mounted(){ // mounted(){
$.ajax({ // $.ajax({
url: "/dept/getDeptParent/" + getCookie("bjpt_deptId"), // url: "/dept/getDeptParent/" + getCookie("bjpt_deptId"),
dataType: "json", // dataType: "json",
type: "GET", // type: "GET",
data: {}, // data: {},
success: function (result) { // success: function (result) {
if (result.code == 0) { // if (result.code == 0) {
let parIds = result.data[0].parentId; // let parIds = result.data[0].parentId;
$.ajax({ // $.ajax({
url: "/dept/listvideo", // url: "/dept/listvideo",
dataType: "json", // dataType: "json",
type: "GET", // type: "GET",
data: { // data: {
deptId: getCookie("bjpt_deptId"), // deptId: getCookie("bjpt_deptId"),
username: getCookie("bjpt_realName"), // username: getCookie("bjpt_realName"),
tdmc:'', // tdmc:'',
}, // },
success: function (result) { // success: function (result) {
let defaultData = []; // let defaultData = [];
if (result.code == 0) { // if (result.code == 0) {
defaultData = toTree(result.data, parIds + ''); // defaultData = toTree(result.data, parIds + '');
$('#tree-xzxq').treeview({ // $('#tree-xzxq').treeview({
expandIcon: 'glyphicon glyphicon-triangle-right selected-span', // expandIcon: 'glyphicon glyphicon-triangle-right selected-span',
collapseIcon: 'glyphicon glyphicon-triangle-bottom selected-span', // collapseIcon: 'glyphicon glyphicon-triangle-bottom selected-span',
nodeIcon: 'glyphicon glyphicon-folder-open selected-span', // nodeIcon: 'glyphicon glyphicon-folder-open selected-span',
selectedBackColor: '#ff000000', // selectedBackColor: '#ff000000',
selectedColor: '#368ff3', // selectedColor: '#368ff3',
onhoverColor: '#73a5ff26', // onhoverColor: '#73a5ff26',
showBorder: false, // showBorder: false,
data: defaultData // data: defaultData
}); // });
$('#tree-xzxq').on('nodeSelected', function (event, data) { // $('#tree-xzxq').on('nodeSelected', function (event, data) {
vue_right.xz_jg = data.href; // vue_right.xz_jg = data.href;
vue_right.level = data.level; // vue_right.level = data.level;
vue_myjgModal1.data_s.qybh = data.href; // vue_myjgModal1.data_s.qybh = data.href;
vue_myjgModal1.data_s.qymc = data.text; // vue_myjgModal1.data_s.qymc = data.text;
// alert('点击选中'); // // alert('点击选中');
}); // });
$('#tree-xzxq').on('nodeUnselected', function (event, data) { // $('#tree-xzxq').on('nodeUnselected', function (event, data) {
//
// alert('取消选择'); // // alert('取消选择');
}); // });
} // }
} // }
}); // });
} // }
} // }
}); // });
// $.ajax({ // $.ajax({
// url: "/dept/tree", // url: "/dept/tree",
// dataType: "json", // dataType: "json",
...@@ -96,17 +96,18 @@ let vue_tree = new Vue({ ...@@ -96,17 +96,18 @@ let vue_tree = new Vue({
// } // }
// } // }
// }); // });
} // }
}); // });
let vue_right = new Vue({ let vue_right = new Vue({
el: '.right-nav', el: '#jgsb',
data: { data: {
data_table_monitor: [], data_table_monitor: [],
xz_jg: getCookie("bjpt_deptId"), xz_jg: getCookie("bjpt_deptId"),
count: '', count: '',
level: '', level: '',
fy_select:20, fy_select:20,
searchText: '',
}, },
methods: { methods: {
add: function () { add: function () {
...@@ -199,9 +200,73 @@ let vue_right = new Vue({ ...@@ -199,9 +200,73 @@ let vue_right = new Vue({
getChange:function () { getChange:function () {
// alert(this.fy_select); // alert(this.fy_select);
this.queryRY(1,true); this.queryRY(1,true);
} },
xzml: function () {
$.ajax({
url: "/dept/getDeptParent/" + getCookie("bjpt_deptId"),
dataType: "json",
type: "GET",
data: {},
success: function (result) {
if (result.code == 0) {
let parIds = result.data[0].parentId;
$.ajax({
url: "/dept/listvideo",
dataType: "json",
type: "GET",
data: {
deptId: getCookie("bjpt_deptId"),
username: getCookie("bjpt_realName"),
tdmc: vue_right.searchText,
},
success: function (result) {
let defaultData = [];
vue_sjcx.jk_arr = [];
if (result.code == 0) {
vue_sjcx.jk_arr = result.data;
defaultData = toTree(result.data, parIds + '');
$('#tree-xzxq').treeview({
expandIcon: 'glyphicon glyphicon-triangle-right selected-span',
collapseIcon: 'glyphicon glyphicon-triangle-bottom selected-span',
nodeIcon: 'glyphicon glyphicon-folder-open selected-span',
selectedBackColor: '#ff000000',
selectedColor: '#368ff3',
onhoverColor: '#73a5ff26',
showBorder: false,
data: defaultData,
multiSelect: false,
level: 2,
showCheckbox: 1,//复选框设置，也可以是true
onNodeChecked: function (event, node) { //选中节点
let selectNodes = getChildNodeIdArr(node); //获取所有子节点
if (selectNodes) { //子节点不为空，则选中所有子节点
$(this).treeview('checkNode', [selectNodes, {silent: true}]);
}
//如果当前节点的子节点都被选中了。则父节点也应该要选中
setParentNodeCheck(node);
}, onNodeUnchecked: function (event, node) { //取消选中节点
let selectNodes = getChildNodeIdArr(node); //获取所有子节点
if (selectNodes) { //子节点不为空，则取消选中所有子节点
$(this).treeview('uncheckNode', [selectNodes, {silent: true}]);
}
}, onNodeExpanded: function (event, data) {
}, onNodeSelected: function (event, node) {
}
});
this.queryRY(1, true);
}
}
});
}
}
});
},
}, },
mounted(){ mounted(){
this.xzml();
this.queryRY(1, true); this.queryRY(1, true);
} }
}); });
......
src/main/resources/static/js/sjcx/sjcx.js
View file @ 4f20a78d
let state_sj=true; let state_sj = true;
let vue_sjcx = new Vue({ let vue_sjcx = new Vue({
el: '#sjcx', el: '#sjcx',
data: { data: {
...@@ -19,10 +19,11 @@ let vue_sjcx = new Vue({ ...@@ -19,10 +19,11 @@ let vue_sjcx = new Vue({
cllx_select: [], cllx_select: [],
clzt_select: [], clzt_select: [],
arr_cllx: [], arr_cllx: [],
jk_s:[], jk_s: [],
check_s:false, check_s: false,
cllx: [], cllx: [],
jk_arr:[] }, jk_arr: []
},
methods: { methods: {
fastSearch: function () { fastSearch: function () {
this.xzml(); this.xzml();
...@@ -47,9 +48,9 @@ let vue_sjcx = new Vue({ ...@@ -47,9 +48,9 @@ let vue_sjcx = new Vue({
}, },
success: function (result) { success: function (result) {
let defaultData = []; let defaultData = [];
vue_sjcx.jk_arr = []; vue_sjcx.jk_arr = [];
if (result.code == 0) { if (result.code == 0) {
vue_sjcx.jk_arr=result.data; vue_sjcx.jk_arr = result.data;
defaultData = toTree(result.data, parIds + ''); defaultData = toTree(result.data, parIds + '');
$('#tree-xzxq').treeview({ $('#tree-xzxq').treeview({
expandIcon: 'glyphicon glyphicon-triangle-right selected-span', expandIcon: 'glyphicon glyphicon-triangle-right selected-span',
...@@ -124,34 +125,32 @@ let vue_sjcx = new Vue({ ...@@ -124,34 +125,32 @@ let vue_sjcx = new Vue({
vue_sjsstx.data_wfsp = []; vue_sjsstx.data_wfsp = [];
//根据type 查询 详情 //根据type 查询 详情
$.ajax({ $.ajax({
url: "/TrafficStatistics/queryTraffDetail/"+item.id+"/"+item.recordtype, url: "/TrafficStatistics/queryTraffDetail/" + item.id + "/" + item.recordtype,
dateType: 'json', dateType: 'json',
type: "GET", type: "GET",
contentType: 'application/json', contentType: 'application/json',
success: function (result) { success: function (result) {
if (result.code == 0) { if (result.code == 0) {
//获得 json 的值，将详细信息展示在界面上 //获得 json 的值，将详细信息展示在界面上
if(item.recordtype=="3"){ if (item.recordtype == "3") {
vue_sjsstx.dataface=result.data[0]; vue_sjsstx.dataface = result.data[0];
} }
else if(item.recordtype=="1") else if (item.recordtype == "1") {
{ vue_sjsstx.datapede = result.data[0];
vue_sjsstx.datapede=result.data[0]; }
} else if (item.recordtype == "2") {
else if(item.recordtype=="2"){ vue_sjsstx.datatraffic = result.data[0];
vue_sjsstx.datatraffic=result.data[0];
} }
else if(item.recordtype=="4") else if (item.recordtype == "4") {
{ vue_sjsstx.datapeople = result.data[0];
vue_sjsstx.datapeople=result.data[0];
} }
} }
$("#myModal").modal("show"); $("#myModal").modal("show");
} }
}); });
if (item.img1path != null) { if (item.img1path != null) {
vue_sjsstx.img_src_s = '/TrafficStatistics/fielagent?ftpPath=' + item.img1path; vue_sjsstx.img_src_s = '/TrafficStatistics/fielagent?ftpPath=' + item.img1path;
vue_sjsstx.data_wfsp.push({src: '/TrafficStatistics/fielagent?ftpPath=' + item.img1path}); vue_sjsstx.data_wfsp.push({src: '/TrafficStatistics/fielagent?ftpPath=' + item.img1path});
...@@ -172,20 +171,26 @@ let vue_sjcx = new Vue({ ...@@ -172,20 +171,26 @@ let vue_sjcx = new Vue({
} }
, ,
query: function (pages, items) { query: function (pages, items) {
let nodes = $('#tree-xzxq').treeview('getChecked').filter(n=>n.level == null).map(n=> { let nodes = $('#tree-xzxq').treeview('getChecked').filter(n => n.level == null
).
map(n => {
return n.href return n.href
}); }
)
;
let arr_nodes = ""; let arr_nodes = "";
if (nodes.length == 0) { if (nodes.length == 0) {
nodes = ""; nodes = "";
} else { } else {
nodes.forEach((item, index)=> { nodes.forEach((item, index) => {
arr_nodes = arr_nodes + item + ','; arr_nodes = arr_nodes + item + ',';
}); })
;
} }
if ($('#tree-xzxq').treeview('getChecked').length > 0 && nodes.length == 0) { if ($('#tree-xzxq').treeview('getChecked').length > 0 && nodes.length == 0) {
arr_nodes = "null"; arr_nodes = "null";
}; }
;
$(".div-ul").find('input').each(function () { $(".div-ul").find('input').each(function () {
$(this).removeAttr("checked", false); $(this).removeAttr("checked", false);
$(this).prop("checked", false); $(this).prop("checked", false);
...@@ -201,18 +206,20 @@ let vue_sjcx = new Vue({ ...@@ -201,18 +206,20 @@ let vue_sjcx = new Vue({
if (this.cllx_select.length == 0) { if (this.cllx_select.length == 0) {
objlabels = ""; objlabels = "";
} else { } else {
this.cllx_select.forEach((item, index)=> { this.cllx_select.forEach((item, index) => {
objlabels = objlabels + item + ','; objlabels = objlabels + item + ',';
}); })
;
} }
; ;
let processstatus = ""; let processstatus = "";
if (this.clzt_select.length == 0) { if (this.clzt_select.length == 0) {
processstatus = ""; processstatus = "";
} else { } else {
this.clzt_select.forEach((item, index)=> { this.clzt_select.forEach((item, index) => {
processstatus = processstatus + item + ','; processstatus = processstatus + item + ',';
}); })
;
} }
; ;
let json_s = { let json_s = {
...@@ -227,8 +234,8 @@ let vue_sjcx = new Vue({ ...@@ -227,8 +234,8 @@ let vue_sjcx = new Vue({
construction: '2', construction: '2',
objlabel: objlabels, objlabel: objlabels,
processstatus: processstatus, processstatus: processstatus,
rectificationtype:'', rectificationtype: '',
userid:getCookie("bjpt_userId") userid: getCookie("bjpt_userId")
}; };
$.ajax({ $.ajax({
url: "/TrafficStatistics/queryTraffalarmrecordByPage/1", url: "/TrafficStatistics/queryTraffalarmrecordByPage/1",
...@@ -285,9 +292,9 @@ let vue_sjcx = new Vue({ ...@@ -285,9 +292,9 @@ let vue_sjcx = new Vue({
} }
}, onPageClicked: function (event, originalEvent, type, page) { //异步换页 }, onPageClicked: function (event, originalEvent, type, page) { //异步换页
//请求加载数据 //请求加载数据
setTimeout(function () { setTimeout(function () {
vue_sjcx.query(page, false); vue_sjcx.query(page, false);
}, 100); }, 100);
} }
}); });
...@@ -306,7 +313,13 @@ let vue_sjcx = new Vue({ ...@@ -306,7 +313,13 @@ let vue_sjcx = new Vue({
vue_sjcx.state_arr = []; vue_sjcx.state_arr = [];
$(".div-ul").find('input:checked').each(function () { $(".div-ul").find('input:checked').each(function () {
let arr = $(this).val().split("|"); let arr = $(this).val().split("|");
vue_sjcx.state_arr.push({id:arr[0],channelid:arr[1],fdid:arr[2],recordtime:arr[3],recordtype:arr[4]}); vue_sjcx.state_arr.push({
id: arr[0],
channelid: arr[1],
fdid: arr[2],
recordtime: arr[3],
recordtype: arr[4]
});
}); });
if (vue_sjcx.state_arr.length > 0) { if (vue_sjcx.state_arr.length > 0) {
vue_sjcx.show_nums = true; vue_sjcx.show_nums = true;
...@@ -316,9 +329,17 @@ let vue_sjcx = new Vue({ ...@@ -316,9 +329,17 @@ let vue_sjcx = new Vue({
}, },
state_cli: function (e) { state_cli: function (e) {
let json_s = []; let json_s = [];
vue_sjcx.state_arr.forEach((item, index)=> { vue_sjcx.state_arr.forEach((item, index) => {
json_s.push({id: item.id,channelid:item.channelid,fdid:item.fdid,recordtime:item.recordtime,recordtype:item.recordtype, processstatus: e}); json_s.push({
id: item.id,
channelid: item.channelid,
fdid: item.fdid,
recordtime: item.recordtime,
recordtype: item.recordtype,
processstatus: e
}); });
})
;
$.ajax({ $.ajax({
url: "/TrafficStatistics/updateTraffalarmrecordById", url: "/TrafficStatistics/updateTraffalarmrecordById",
dateType: 'json', dateType: 'json',
...@@ -334,12 +355,13 @@ let vue_sjcx = new Vue({ ...@@ -334,12 +355,13 @@ let vue_sjcx = new Vue({
} }
}); });
}, },
zdsx:function () { zdsx: function () {
vue_sjcx.check_s=document.getElementById('push').checked; vue_sjcx.check_s = document.getElementById('push').checked;
}, },
zdtx:function () { zdtx: function () {
state_sj=document.getElementById('status').checked; state_sj = document.getElementById('status').checked;
} }, }
},
mounted(){ mounted(){
$("#kssj").val(getTime_extent(6).pre_rq_start + ' - ' + getTime().jssj); $("#kssj").val(getTime_extent(6).pre_rq_start + ' - ' + getTime().jssj);
$.ajax({ $.ajax({
...@@ -370,10 +392,12 @@ let vue_sjcx = new Vue({ ...@@ -370,10 +392,12 @@ let vue_sjcx = new Vue({
vue_sjcx.arr_cllx = []; vue_sjcx.arr_cllx = [];
if (result.code == 0) { if (result.code == 0) {
if (result.data.length > 0) { if (result.data.length > 0) {
result.data.forEach((item, index)=> { result.data.forEach((item, index) => {
if (item.id != 'TRICYCLE' && item.id != 'CART') if (item.id != 'TRICYCLE' && item.id != 'CART'
vue_sjcx.arr_cllx.push({id: item.id, value: item.name}); )
}); vue_sjcx.arr_cllx.push({id: item.id, value: item.name});
})
;
setTimeout(function () { setTimeout(function () {
// $("#cllxs").selectpicker('refresh'); // $("#cllxs").selectpicker('refresh');
// $("#cllxs").selectpicker('render'); // $("#cllxs").selectpicker('render');
...@@ -387,7 +411,7 @@ let vue_sjcx = new Vue({ ...@@ -387,7 +411,7 @@ let vue_sjcx = new Vue({
dataType: "json", dataType: "json",
type: "GET", type: "GET",
data: { data: {
codeid: 1, codeid: 2,
alarmlevel: '', alarmlevel: '',
}, },
success: function (result) { success: function (result) {
...@@ -396,18 +420,26 @@ let vue_sjcx = new Vue({ ...@@ -396,18 +420,26 @@ let vue_sjcx = new Vue({
if (result.data.length > 0) { if (result.data.length > 0) {
vue_sjcx.data_sjlxs.push({name: '全部', id: "", type: "",}); vue_sjcx.data_sjlxs.push({name: '全部', id: "", type: "",});
let arrs = []; let arrs = [];
result.data.forEach((item, index)=> { result.data.forEach((item, index) => {
if (item.id != 'ROADWORKS' && item.id != 'ROADWORKS_OUT_OF_LINE') { if (item.id != 'ROADWORKS' && item.id != 'ROADWORKS_OUT_OF_LINE'
arrs.push(item); )
} {
}); arrs.push(item);
arrs.forEach((item, index)=> { }
if (index < 4) { })
vue_sjcx.data_sjlxs.push(item); ;
} else { arrs.forEach((item, index) => {
vue_sjcx.data_sjlxs1.push(item); if (index < 4
} )
}); {
vue_sjcx.data_sjlxs.push(item);
}
else
{
vue_sjcx.data_sjlxs1.push(item);
}
})
;
} }
} }
} }
...@@ -471,10 +503,10 @@ let vue_sjsstx = new Vue({ ...@@ -471,10 +503,10 @@ let vue_sjsstx = new Vue({
show_s: false, show_s: false,
img_src_s: '', img_src_s: '',
video_src: '', video_src: '',
dataface:{}, dataface: {},
datapede:{}, datapede: {},
datatraffic:{}, datatraffic: {},
datapeople:{} datapeople: {}
}, },
methods: { methods: {
sp_qh: function (e) { sp_qh: function (e) {
...@@ -532,11 +564,14 @@ let vue_sjsstxnow = new Vue({ ...@@ -532,11 +564,14 @@ let vue_sjsstxnow = new Vue({
this.index++; this.index++;
vue_jkgl.is_bd = true; vue_jkgl.is_bd = true;
let iscz = false; let iscz = false;
vue_jkgl.data_sd.forEach((items, index)=> { vue_jkgl.data_sd.forEach((items, index) => {
if (items.video_id == item.videoid) { if (items.video_id == item.videoid
iscz = true; )
} {
}); iscz = true;
}
})
;
if (e.currentTarget.checked) { if (e.currentTarget.checked) {
if (iscz) { if (iscz) {
e.currentTarget.checked = false; e.currentTarget.checked = false;
...@@ -571,11 +606,14 @@ let vue_sjsstxnow = new Vue({ ...@@ -571,11 +606,14 @@ let vue_sjsstxnow = new Vue({
vue_sjsstxnow.sjsj_data[indexs].checked = false; vue_sjsstxnow.sjsj_data[indexs].checked = false;
} }
document.getElementById(vue_jkgl.data_sd[indexs].id).parentNode.parentNode.remove(); document.getElementById(vue_jkgl.data_sd[indexs].id).parentNode.parentNode.remove();
vue_jkgl.data_sd.forEach((items, index)=> { vue_jkgl.data_sd.forEach((items, index) => {
if (items.video_id == item.videoid) { if (items.video_id == item.videoid
vue_jkgl.data_sd.splice(index, 1); )
} {
}); vue_jkgl.data_sd.splice(index, 1);
}
})
;
if (vue_jkgl.data_sd.length == 0) { if (vue_jkgl.data_sd.length == 0) {
vue_jkgl.is_bd = false; vue_jkgl.is_bd = false;
} }
...@@ -653,12 +691,17 @@ function toTree(list, parId) { ...@@ -653,12 +691,17 @@ function toTree(list, parId) {
return loop(parId) return loop(parId)
} }
function checkNode(parentNode, i) { function checkNode(parentNode, i) {
if (parentNode.nodes[i].nodes != undefined && parentNode.nodes[i].nodes.length !== 0 && parentNode.nodes[i].nodes.filter(n => n.level === null).length > 0) { if (parentNode.nodes[i].nodes != undefined && parentNode.nodes[i].nodes.length !== 0 && parentNode.nodes[i].nodes.filter(n => n.level === null).
length > 0
)
{
for (let j = 0; j < parentNode.nodes[i].nodes.length; j++) { for (let j = 0; j < parentNode.nodes[i].nodes.length; j++) {
let d = checkNode(parentNode.nodes[i], j); let d = checkNode(parentNode.nodes[i], j);
d && j--; d && j--;
} }
} else { }
else
{
parentNode.nodes.splice(i, 1); parentNode.nodes.splice(i, 1);
return true return true
} }
...@@ -716,7 +759,13 @@ $("#all").click(function () { ...@@ -716,7 +759,13 @@ $("#all").click(function () {
$(".div-ul").find('input:checked').each(function () { $(".div-ul").find('input:checked').each(function () {
// vue_sjcx.state_arr.push($(this).val()); // vue_sjcx.state_arr.push($(this).val());
let arr = $(this).val().split("|"); let arr = $(this).val().split("|");
vue_sjcx.state_arr.push({recordid:arr[0],channelid:arr[1],fdid:arr[2],recordtime:arr[3],recordtype:arr[4]}); vue_sjcx.state_arr.push({
recordid: arr[0],
channelid: arr[1],
fdid: arr[2],
recordtime: arr[3],
recordtype: arr[4]
});
}); });
vue_sjcx.show_nums = true; vue_sjcx.show_nums = true;
}); });
...@@ -755,185 +804,204 @@ wss.onopen = function () { ...@@ -755,185 +804,204 @@ wss.onopen = function () {
wss.onmessage = function (evt) { wss.onmessage = function (evt) {
var data = JSON.parse(event.data); var data = JSON.parse(event.data);
// console.log(data); // console.log(data);
if (data) { if (data) {
if (state_sj == false) { if (state_sj == false) {
if (!vue_sjcx.check_s) { if (!vue_sjcx.check_s) {
return;
}
vue_sjcx.query(1, true);
return; return;
} }
//if_cz 判断前来的事件是不是本部门下的 vue_sjcx.query(1, true);
let if_cz = false; return;
//jk_video_id为监控id }
// let a_id = data.data.video_id.slice(0, data.data.video_id.length - 1) + (parseInt(data.data.video_id.slice(data.data.video_id.length - 1, data.data.video_id.length)) + 1) + ''; //if_cz 判断前来的事件是不是本部门下的
let if_cz = false;
let jk_video_id = data.fdid + "_" + data.channelid; //jk_video_id为监控id
// let jk_video_id = data.data.video_id; // let a_id = data.data.video_id.slice(0, data.data.video_id.length - 1) + (parseInt(data.data.video_id.slice(data.data.video_id.length - 1, data.data.video_id.length)) + 1) + '';
vue_sjcx.jk_s.forEach((item, index) => {
if (item.VIDOID == jk_video_id) { let jk_video_id = data.fdid + "_" + data.channelid;
if_cz = true; // let jk_video_id = data.data.video_id;
} vue_sjcx.jk_s.forEach((item, index) => {
if (item.VIDOID == jk_video_id
)
{
if_cz = true;
}
})
;
// if (if_cz) {
//事件id
let sjid = data.id;
//报警时间
let sj = data.createtime;
//事件类型
let bjlx = '';
//事件等级
let sjdj = '';
vue_sjcx.data_sjlxs.forEach((item, index) => {
if (item.id.toLowerCase() == data.recordtype.toLowerCase()
)
{
bjlx = item.name;
sjdj = item.alarmlevel;
}
})
;
//监控名称
let jkmc = '';
vue_sjcx.jk_arr.forEach((item, index) => {
if (item.href == jk_video_id
)
{
jkmc = item.text;
}
})
;
//违法图片
let wfsp = [];
if (null != data.imagedata && "" != data.imagedata) {
if(data.imagedata.indexOf("ftp:") > -1)
{
data.imagedata= '/TrafficStatistics/fielagent?ftpPath=' + data.imagedata;
}
else
{
data.imagedata= 'data:image/jpg;base64,' + data.imagedata;
}
}
wfsp.push({img_src:data.imagedata});
//右边消息弹出框的id
let tss = 'a' + data.createtime;
//判断三级弹出框是否已经弹出，没有弹出，则清空，若是弹出，则继续push
if ($("#myModal_sjcx")[0].style.display != 'block') {
$(".carousel").collapse();
vue_sjsstxnow.yjsj_data = [];
vue_sjsstxnow.ejsj_data = [];
vue_sjsstxnow.sjsj_data = [];
$("#myModal_sjcx").find('input').each(function () {
$(this).removeAttr("checked", false);
$(this).prop("checked", false);
}); });
// if (if_cz) { }
//事件id if (sjdj == '1') {
let sjid = data.id; $("#a1s").collapse();
//报警时间 vue_sjsstxnow.yjsj_data.unshift({
let sj =data.recordtime; src: wfsp,
//事件类型 videoid: jk_video_id,
let bjlx = ''; dwmc: jkmc,
//事件等级 sjlx: bjlx,
let sjdj = ''; bjsj: sj,
// vue_sjcx.data_sjlxs.forEach((item, index) => { checked: false,
// if (item.id.toLowerCase() == data.data.incident_type.toLowerCase()) { recordid: sjid,
// bjlx = item.name; channelid: jk_video_id.slice(jk_video_id.length - 1),
// sjdj = item.alarmlevel; fdid: jk_video_id.slice(0, jk_video_id.length - 2),
// } recordtime: sj,
// }); recordtype: data.recordtype,
ss_type: '',
//监控名称 });
let jkmc = ''; setTimeout(function () {
vue_sjcx.jk_arr.forEach((item, index) => { $("#a1s .carousel-indicators li").removeClass("active");
if (item.href == jk_video_id) { $("#a1s .carousel-inner > div").removeClass("active");
jkmc = item.text; $("#a1s .carousel-indicators li:first-child").addClass("active");
} $("#a1s .carousel-inner > div:first-child").addClass("active");
// #点击轮播图下方小圆点可以改变轮播图片
$("#a1s li").click(function () {
var index = $(this).attr("data-slide-to");
$('#a1s').carousel(parseInt(index))
}); });
//违法图片 $('#a1s').carousel({
let wfsp = []; interval: 3000,
data.imageData.forEach((item, index) => {
let src = 'data:image/jpg;base64,' + item;
wfsp.push({img_src: src});
}); });
//右边消息弹出框的id vue_sjcx.query(1, true);
let tss = 'a' + data.recordtime;
//判断三级弹出框是否已经弹出，没有弹出，则清空，若是弹出，则继续push
if ($("#myModal_sjcx")[0].style.display != 'block') {
$(".carousel").collapse();
vue_sjsstxnow.yjsj_data = [];
vue_sjsstxnow.ejsj_data = [];
vue_sjsstxnow.sjsj_data = [];
$("#myModal_sjcx").modal("show");
$("#myModal_sjcx").find('input').each(function () {
$(this).removeAttr("checked", false);
$(this).prop("checked", false);
});
}
if (sjdj == '1') {
$("#a1s").collapse();
vue_sjsstxnow.yjsj_data.unshift({
src: wfsp,
videoid: jk_video_id,
dwmc: jkmc,
sjlx: bjlx,
bjsj: sj,
checked: false,
recordid: sjid,
channelid: jk_video_id.slice(jk_video_id.length - 1),
fdid: jk_video_id.slice(0, jk_video_id.length - 2),
recordtime: sj,
recordtype: data.recordtype,
ss_type: '',
});
setTimeout(function () {
$("#a1s .carousel-indicators li").removeClass("active");
$("#a1s .carousel-inner > div").removeClass("active");
$("#a1s .carousel-indicators li:first-child").addClass("active");
$("#a1s .carousel-inner > div:first-child").addClass("active");
// #点击轮播图下方小圆点可以改变轮播图片
$("#a1s li").click(function () {
var index = $(this).attr("data-slide-to");
$('#a1s').carousel(parseInt(index))
});
$('#a1s').carousel({
interval: 3000,
});
vue_sjcx.query(1, true);
}, 500); }, 500);
} else if (sjdj == '2') { } else if (sjdj == '2') {
$("#a2s").collapse(); $("#a2s").collapse();
vue_sjsstxnow.ejsj_data.unshift({ vue_sjsstxnow.ejsj_data.unshift({
src: wfsp, src: wfsp,
videoid: jk_video_id, videoid: jk_video_id,
dwmc: jkmc, dwmc: jkmc,
sjlx: bjlx, sjlx: bjlx,
bjsj: sj, bjsj: sj,
checked: false, checked: false,
recordid: sjid, recordid: sjid,
channelid: jk_video_id.slice(jk_video_id.length - 1), channelid: jk_video_id.slice(jk_video_id.length - 1),
fdid: jk_video_id.slice(0, jk_video_id.length - 2), fdid: jk_video_id.slice(0, jk_video_id.length - 2),
recordtime: sj, recordtime: sj,
recordtype: data.recordtype, recordtype: data.recordtype,
ss_type: '', ss_type: '',
}); });
setTimeout(function () { setTimeout(function () {
$("#a2s .carousel-indicators li").removeClass("active"); $("#a2s .carousel-indicators li").removeClass("active");
$("#a2s .carousel-inner > div").removeClass("active"); $("#a2s .carousel-inner > div").removeClass("active");
$("#a2s .carousel-indicators li:first-child").addClass("active"); $("#a2s .carousel-indicators li:first-child").addClass("active");
$("#a2s .carousel-inner > div:first-child").addClass("active"); $("#a2s .carousel-inner > div:first-child").addClass("active");
// #点击轮播图下方小圆点可以改变轮播图片 // #点击轮播图下方小圆点可以改变轮播图片
$("#a2s li").click(function () { $("#a2s li").click(function () {
var index = $(this).attr("data-slide-to"); var index = $(this).attr("data-slide-to");
$('#a2s').carousel(parseInt(index)) $('#a2s').carousel(parseInt(index))
}); });
$('#a2s').carousel({ $('#a2s').carousel({
interval: 3000, interval: 3000,
}); });
vue_sjcx.query(1, true); vue_sjcx.query(1, true);
}, 500); }, 500);
} else if (sjdj == '3') { } else if (sjdj == '3') {
$("#a3s").collapse(); $("#a3s").collapse();
vue_sjsstxnow.sjsj_data.unshift({ vue_sjsstxnow.sjsj_data.unshift({
src: wfsp, src: wfsp,
videoid: jk_video_id, videoid: jk_video_id,
dwmc: jkmc, dwmc: jkmc,
sjlx: bjlx, sjlx: bjlx,
bjsj: sj, bjsj: sj,
checked: false, checked: false,
recordid: sjid, recordid: sjid,
channelid: jk_video_id.slice(jk_video_id.length - 1), channelid: jk_video_id.slice(jk_video_id.length - 1),
fdid: jk_video_id.slice(0, jk_video_id.length - 2), fdid: jk_video_id.slice(0, jk_video_id.length - 2),
recordtime: sj, recordtime: sj,
recordtype: data.data.incident_type, recordtype: data.recordtype,
ss_type: '', ss_type: '',
}); });
setTimeout(function () { setTimeout(function () {
$("#a3s .carousel-indicators li").removeClass("active"); $("#a3s .carousel-indicators li").removeClass("active");
$("#a3s .carousel-inner > div").removeClass("active"); $("#a3s .carousel-inner > div").removeClass("active");
$("#a3s .carousel-indicators li:first-child").addClass("active"); $("#a3s .carousel-indicators li:first-child").addClass("active");
$("#a3s .carousel-inner > div:first-child").addClass("active"); $("#a3s .carousel-inner > div:first-child").addClass("active");
// #点击轮播图下方小圆点可以改变轮播图片 // #点击轮播图下方小圆点可以改变轮播图片
$("#a3s li").click(function () { $("#a3s li").click(function () {
var index = $(this).attr("data-slide-to"); var index = $(this).attr("data-slide-to");
$('#a3s').carousel(parseInt(index)) $('#a3s').carousel(parseInt(index))
}); });
$('#a3s').carousel({ $('#a3s').carousel({
interval: 3000, interval: 3000,
}); });
vue_sjcx.query(1, true); vue_sjcx.query(1, true);
}, 500); }, 500);
} }
new NoticeJs({ // new NoticeJs({
text: 'Notification message', // text: 'Notification message',
position: 'bottomRight', // position: 'bottomRight',
// id: tss, // // id: tss,
id: 11, // id: 11,
sjlx: bjlx, // sjlx: bjlx,
dwmc: jkmc, // dwmc: jkmc,
animation: { // animation: {
open: 'animated bounceIn', // open: 'animated bounceIn',
close: 'animated bounceOut' // close: 'animated bounceOut'
} // }
}).show(); // }).show();
//播放声音
let myMp3 = document.getElementById("audio"); $("#myModal_sjcx").modal("show");
//播放声音
let myMp3 = document.getElementById("audio");
// audio.play(); // audio.play();
// } // }
} }
} }
\ No newline at end of file
src/main/resources/static/js/util/httputil.js
View file @ 4f20a78d
//获取当前系统时间 //获取当前系统时间
function getTime() { function getTime() {
var now_today = new Date(); var now_today = new Date();
......
src/main/resources/static/lib/layui/extend/dtree.css
View file @ 4f20a78d
...@@ -56,7 +56,7 @@ ...@@ -56,7 +56,7 @@
.dtree-toolbar-fixed a i:hover{opacity:0.8;filter:Alpha(opacity=80);} .dtree-toolbar-fixed a i:hover{opacity:0.8;filter:Alpha(opacity=80);}
/* 树基本*/ /* 树基本*/
.dtree{width:260px;} .dtree{width:360px;}
.dtree-nav-item{line-height:33px;padding-left:16px;} .dtree-nav-item{line-height:33px;padding-left:16px;}
.dtree-nav-ul-sid{display: none;} .dtree-nav-ul-sid{display: none;}
.dtree-none-text{font-size: 12px;text-align: center;color: gray;} .dtree-none-text{font-size: 12px;text-align: center;color: gray;}
......
src/main/resources/templates/page/jgsbgl.html
View file @ 4f20a78d
...@@ -22,12 +22,12 @@ ...@@ -22,12 +22,12 @@
<div id="tree-xzxq"></div> <div id="tree-xzxq"></div>
</div> </div>
<div class="right-nav"> <div class="right-nav">
<div class="center-nav"> <div class="center-nav" id="jgsb">
<div class="div-right-top"> <div class="div-right-top">
<span class="pub-span">监控名称：</span> <span class="pub-span">监控名称：</span>
<input type="text" class="form-control input-pub" id="ryxm"> <input type="text" class="form-control input-pub" id="ryxm">
<button type="button" class="btn btn-sm pub-btn" @click="queryRY(1,true)">查询</button> <button type="button" class="btn btn-sm pub-btn" @click="queryRY(1,true)">查询</button>
<!--<button type="button" class="btn btn-sm pub-btn" @click="add">新增</button>--> <button type="button" class="btn btn-sm pub-btn" @click="add">新增</button>
</div> </div>
<div style="height:calc(100% - 130px);margin-top: 20px;text-align: center" class="tables"> <div style="height:calc(100% - 130px);margin-top: 20px;text-align: center" class="tables">
<table class="table table-td"> <table class="table table-td">
...@@ -195,75 +195,10 @@ ...@@ -195,75 +195,10 @@
<script src="../bootstrap/js/bootstrap.js"></script> <script src="../bootstrap/js/bootstrap.js"></script>
<script src="../bootstrap/js/bootstrap-treeview.js"></script> <script src="../bootstrap/js/bootstrap-treeview.js"></script>
<script src="../bootstrap/js/bootstrap-paginator.js"></script> <script src="../bootstrap/js/bootstrap-paginator.js"></script>
<script src="../js/util/httputil.js"></script> <script src="../js/util/http_util.js"></script>
<script src="../js/vue.js"></script> <script src="../js/vue.js"></script>
<script src="../js/jgsbgl/jgsbgl.js"></script> <script src="../js/jgsbgl/jgsbgl.js"></script>
<script> <script>
layui.config({
base: '/lib/layui/extend/'
}).extend({
formSelects: 'formSelects-v4'
}).use(['form', 'layer', 'formSelects', 'dtree'], function () {
$ = layui.jquery;
var form = layui.form
, layer = layui.layer
, formSelects = layui.formSelects
, dtree = layui.dtree;
dtree.renderSelect({
elem: "#deptTree",
url: "/depttree/tree",
dataStyle: "layuiStyle",
width: "100%",
method: "GET",
dot: false,
accordion: true,
menubar: true,
response: {
statusCode: 0,
message: "msg",
treeId: "id",
parentId: "parentId",
title: "name"
},
done: function() {
var deptId = [[${user?.deptId + ''}]] ;
dtree.dataInit("deptTree", deptId);
dtree.setSelectValue("deptTree");
}
});
dtree.on("node('deptTree')" ,function(obj){
$("#deptId").val(obj.param.nodeId);
});
form.on('submit(add)', function (form) {
form.field.role = formSelects.value('role-select', 'val');
$.post('/user', form.field, function (result) {
handlerResult(result, addDone);
});
return false;
});
//监听提交
form.on('submit(edit)', function (form) {
form.field._method = 'PUT';
form.field.role = formSelects.value('role-select', 'val');
$.post('/user', form.field, function (result) {
handlerResult(result, editDone);
});
return false;
});
function addDone(data) {
layer.msg("添加成功", {icon: 6});
setTimeout(function(){ window.parent.location.reload(true); }, 1500);
}
function editDone(data) {
layer.msg("修改成功", {icon: 6});
setTimeout(function(){ window.parent.location.reload(true); }, 1500);
}
});
</script> </script>
</html> </html>
\ No newline at end of file
src/main/resources/templates/page/jksj.html
View file @ 4f20a78d
...@@ -40,8 +40,8 @@ ...@@ -40,8 +40,8 @@
<div class="layui-col-md3"> <div class="layui-col-md3">
<div class="layui-card"> <div class="layui-card">
<div class="layui-card-header">监控事件树</div> <div class="layui-card-header">监控事件树</div>
<div class="layui-card-body" id="toolbarDiv"> <div class="layui-card-body" id="toolbarDiv" style="width: 360px;!important;">
<ul id="menuTree" class="dtree" data-id="0"></ul> <ul id="menuTree" class="dtree" data-id="0" ></ul>
</div> </div>
</div> </div>
</div> </div>
...@@ -49,7 +49,7 @@ ...@@ -49,7 +49,7 @@
<div class="layui-card"> <div class="layui-card">
<div class="layui-card-header" id="card-header">菜单列表</div> <div class="layui-card-header" id="card-header">菜单列表</div>
<div class="layui-card-body"> <div class="layui-card-body">
<table class="layui-hide" id="menu-table"></table> <table class="layui-hide" id="menu-table" style="width: 360px;"></table>
</div> </div>
</div> </div>
</div> </div>
......
src/main/resources/templates/page/sjcx.html
View file @ 4f20a78d
...@@ -10,6 +10,7 @@ ...@@ -10,6 +10,7 @@
<link rel="stylesheet" href="../bootstrap/css/bootstrap-treeview.css"> <link rel="stylesheet" href="../bootstrap/css/bootstrap-treeview.css">
<link rel="stylesheet" href="../bootstrap/css/bootstrap-switch.min.css"> <link rel="stylesheet" href="../bootstrap/css/bootstrap-switch.min.css">
<link rel="stylesheet" href="../css/sjcx.css"> <link rel="stylesheet" href="../css/sjcx.css">
<link rel="stylesheet" href="../css/jkglsj.css">
<link rel="stylesheet" href="../css/photoviewer.css"> <link rel="stylesheet" href="../css/photoviewer.css">
<link rel="stylesheet" href="../css/animate.css"> <link rel="stylesheet" href="../css/animate.css">
<link rel="stylesheet" href="../css/noticejs.css"> <!--<link rel="stylesheet" href="../css/viewer.min.css">--> <link rel="stylesheet" href="../css/noticejs.css"> <!--<link rel="stylesheet" href="../css/viewer.min.css">-->
...@@ -85,7 +86,7 @@ ...@@ -85,7 +86,7 @@
</div> </div>
<div class="show-icon" :style="{'background':(item.processstatus==0||item.processstatus==null)?'#ff9c2b':(item.processstatus==2)?'#fc3939':(item.processstatus==1)?'#2fba08':'#cccccc'}" v-text="item.processstatus==0||item.processstatus==null?'未处理':item.processstatus==1?'正检':item.processstatus==2?'误检':'重复事件'"></div> <div class="show-icon" :style="{'background':(item.processstatus==0||item.processstatus==null)?'#ff9c2b':(item.processstatus==2)?'#fc3939':(item.processstatus==1)?'#2fba08':'#cccccc'}" v-text="item.processstatus==0||item.processstatus==null?'未处理':item.processstatus==1?'正检':item.processstatus==2?'误检':'重复事件'"></div>
<div class="li-top"> <div class="li-top">
<img :src="'data:image/png;base64,'+item.imagedata" :id="'img'+item.id"> <img :src="'/TrafficStatistics/fielagent?ftpPath='+ item.imagedata" :id="'img'+item.id">
<!-- <canvas :id="'cvs'+item.id" style="position: absolute;pointer-events: none;left:0;width:100%;height:100%"></canvas>--> <!-- <canvas :id="'cvs'+item.id" style="position: absolute;pointer-events: none;left:0;width:100%;height:100%"></canvas>-->
</div> </div>
<div class="li-center"> <div class="li-center">
...@@ -297,15 +298,15 @@ ...@@ -297,15 +298,15 @@
<span v-text="item.ss_type==1?'正检':item.ss_type==2?'误检':item.ss_type==3?'重复事件':''"></span> <span v-text="item.ss_type==1?'正检':item.ss_type==2?'误检':item.ss_type==3?'重复事件':''"></span>
</div> </div>
</div> </div>
<div class="div_modal"> <!--<div class="div_modal">-->
<div class="div_modal_span"> <!--<div class="div_modal_span">-->
<span>是否锁定:</span> <!--<span>是否锁定:</span>-->
</div> <!--</div>-->
<div class="div_modal_span1"> <!--<div class="div_modal_span1">-->
<input type="checkbox" :name="'a1ss_'+index" :value="item.videoid" :checked="item.checked" <!--<input type="checkbox" :name="'a1ss_'+index" :value="item.videoid" :checked="item.checked"-->
style="width: 19px;height: 19px;" @click="cli_input(item,$event,index,2)"/> <!--style="width: 19px;height: 19px;" @click="cli_input(item,$event,index,2)"/>-->
</div> <!--</div>-->
</div> <!--</div>-->
</div> </div>
</div> </div>
</div> </div>
...@@ -368,15 +369,15 @@ ...@@ -368,15 +369,15 @@
<span v-text="item.ss_type==1?'正检':item.ss_type==2?'误检':item.ss_type==3?'重复事件':''"></span> <span v-text="item.ss_type==1?'正检':item.ss_type==2?'误检':item.ss_type==3?'重复事件':''"></span>
</div> </div>
</div> </div>
<div class="div_modal"> <!--<div class="div_modal">-->
<div class="div_modal_span"> <!--<div class="div_modal_span">-->
<span>是否锁定:</span> <!--<span>是否锁定:</span>-->
</div> <!--</div>-->
<div class="div_modal_span1"> <!--<div class="div_modal_span1">-->
<input type="checkbox" :name="'a2ss_'+index" :value="item.videoid" :checked="item.checked" <!--<input type="checkbox" :name="'a2ss_'+index" :value="item.videoid" :checked="item.checked"-->
style="width: 19px;height: 19px;" @click="cli_input(item,$event,index,3)"/> <!--style="width: 19px;height: 19px;" @click="cli_input(item,$event,index,3)"/>-->
</div> <!--</div>-->
</div> <!--</div>-->
</div> </div>
</div> </div>
</div> </div>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment