diff --git a/src/api/device.js b/src/api/device.js
index 65d109b..a1c7007 100644
--- a/src/api/device.js
+++ b/src/api/device.js
@@ -50,3 +50,13 @@
params
})
}
+
+export function getDeviceType(areaType) {
+ return request({
+ url: '/device/getDeviceTypeByAreaType',
+ method: 'get',
+ params:{
+ areaType: areaType
+ }
+ })
+}
diff --git a/src/api/device.js b/src/api/device.js
index 65d109b..a1c7007 100644
--- a/src/api/device.js
+++ b/src/api/device.js
@@ -50,3 +50,13 @@
params
})
}
+
+export function getDeviceType(areaType) {
+ return request({
+ url: '/device/getDeviceTypeByAreaType',
+ method: 'get',
+ params:{
+ areaType: areaType
+ }
+ })
+}
diff --git a/src/assets/overview_images/tg/green1.png b/src/assets/overview_images/tg/green1.png
new file mode 100644
index 0000000..03c880d
--- /dev/null
+++ b/src/assets/overview_images/tg/green1.png
Binary files differ
diff --git a/src/api/device.js b/src/api/device.js
index 65d109b..a1c7007 100644
--- a/src/api/device.js
+++ b/src/api/device.js
@@ -50,3 +50,13 @@
params
})
}
+
+export function getDeviceType(areaType) {
+ return request({
+ url: '/device/getDeviceTypeByAreaType',
+ method: 'get',
+ params:{
+ areaType: areaType
+ }
+ })
+}
diff --git a/src/assets/overview_images/tg/green1.png b/src/assets/overview_images/tg/green1.png
new file mode 100644
index 0000000..03c880d
--- /dev/null
+++ b/src/assets/overview_images/tg/green1.png
Binary files differ
diff --git a/src/assets/overview_images/tg/green2.png b/src/assets/overview_images/tg/green2.png
new file mode 100644
index 0000000..27e3dd8
--- /dev/null
+++ b/src/assets/overview_images/tg/green2.png
Binary files differ
diff --git a/src/api/device.js b/src/api/device.js
index 65d109b..a1c7007 100644
--- a/src/api/device.js
+++ b/src/api/device.js
@@ -50,3 +50,13 @@
params
})
}
+
+export function getDeviceType(areaType) {
+ return request({
+ url: '/device/getDeviceTypeByAreaType',
+ method: 'get',
+ params:{
+ areaType: areaType
+ }
+ })
+}
diff --git a/src/assets/overview_images/tg/green1.png b/src/assets/overview_images/tg/green1.png
new file mode 100644
index 0000000..03c880d
--- /dev/null
+++ b/src/assets/overview_images/tg/green1.png
Binary files differ
diff --git a/src/assets/overview_images/tg/green2.png b/src/assets/overview_images/tg/green2.png
new file mode 100644
index 0000000..27e3dd8
--- /dev/null
+++ b/src/assets/overview_images/tg/green2.png
Binary files differ
diff --git a/src/assets/overview_images/tg/green3.png b/src/assets/overview_images/tg/green3.png
new file mode 100644
index 0000000..74f6080
--- /dev/null
+++ b/src/assets/overview_images/tg/green3.png
Binary files differ
diff --git a/src/api/device.js b/src/api/device.js
index 65d109b..a1c7007 100644
--- a/src/api/device.js
+++ b/src/api/device.js
@@ -50,3 +50,13 @@
params
})
}
+
+export function getDeviceType(areaType) {
+ return request({
+ url: '/device/getDeviceTypeByAreaType',
+ method: 'get',
+ params:{
+ areaType: areaType
+ }
+ })
+}
diff --git a/src/assets/overview_images/tg/green1.png b/src/assets/overview_images/tg/green1.png
new file mode 100644
index 0000000..03c880d
--- /dev/null
+++ b/src/assets/overview_images/tg/green1.png
Binary files differ
diff --git a/src/assets/overview_images/tg/green2.png b/src/assets/overview_images/tg/green2.png
new file mode 100644
index 0000000..27e3dd8
--- /dev/null
+++ b/src/assets/overview_images/tg/green2.png
Binary files differ
diff --git a/src/assets/overview_images/tg/green3.png b/src/assets/overview_images/tg/green3.png
new file mode 100644
index 0000000..74f6080
--- /dev/null
+++ b/src/assets/overview_images/tg/green3.png
Binary files differ
diff --git a/src/assets/overview_images/tg/green4.png b/src/assets/overview_images/tg/green4.png
new file mode 100644
index 0000000..dfdd870
--- /dev/null
+++ b/src/assets/overview_images/tg/green4.png
Binary files differ
diff --git a/src/api/device.js b/src/api/device.js
index 65d109b..a1c7007 100644
--- a/src/api/device.js
+++ b/src/api/device.js
@@ -50,3 +50,13 @@
params
})
}
+
+export function getDeviceType(areaType) {
+ return request({
+ url: '/device/getDeviceTypeByAreaType',
+ method: 'get',
+ params:{
+ areaType: areaType
+ }
+ })
+}
diff --git a/src/assets/overview_images/tg/green1.png b/src/assets/overview_images/tg/green1.png
new file mode 100644
index 0000000..03c880d
--- /dev/null
+++ b/src/assets/overview_images/tg/green1.png
Binary files differ
diff --git a/src/assets/overview_images/tg/green2.png b/src/assets/overview_images/tg/green2.png
new file mode 100644
index 0000000..27e3dd8
--- /dev/null
+++ b/src/assets/overview_images/tg/green2.png
Binary files differ
diff --git a/src/assets/overview_images/tg/green3.png b/src/assets/overview_images/tg/green3.png
new file mode 100644
index 0000000..74f6080
--- /dev/null
+++ b/src/assets/overview_images/tg/green3.png
Binary files differ
diff --git a/src/assets/overview_images/tg/green4.png b/src/assets/overview_images/tg/green4.png
new file mode 100644
index 0000000..dfdd870
--- /dev/null
+++ b/src/assets/overview_images/tg/green4.png
Binary files differ
diff --git a/src/assets/overview_images/tg/red1.png b/src/assets/overview_images/tg/red1.png
new file mode 100644
index 0000000..ee80b95
--- /dev/null
+++ b/src/assets/overview_images/tg/red1.png
Binary files differ
diff --git a/src/api/device.js b/src/api/device.js
index 65d109b..a1c7007 100644
--- a/src/api/device.js
+++ b/src/api/device.js
@@ -50,3 +50,13 @@
params
})
}
+
+export function getDeviceType(areaType) {
+ return request({
+ url: '/device/getDeviceTypeByAreaType',
+ method: 'get',
+ params:{
+ areaType: areaType
+ }
+ })
+}
diff --git a/src/assets/overview_images/tg/green1.png b/src/assets/overview_images/tg/green1.png
new file mode 100644
index 0000000..03c880d
--- /dev/null
+++ b/src/assets/overview_images/tg/green1.png
Binary files differ
diff --git a/src/assets/overview_images/tg/green2.png b/src/assets/overview_images/tg/green2.png
new file mode 100644
index 0000000..27e3dd8
--- /dev/null
+++ b/src/assets/overview_images/tg/green2.png
Binary files differ
diff --git a/src/assets/overview_images/tg/green3.png b/src/assets/overview_images/tg/green3.png
new file mode 100644
index 0000000..74f6080
--- /dev/null
+++ b/src/assets/overview_images/tg/green3.png
Binary files differ
diff --git a/src/assets/overview_images/tg/green4.png b/src/assets/overview_images/tg/green4.png
new file mode 100644
index 0000000..dfdd870
--- /dev/null
+++ b/src/assets/overview_images/tg/green4.png
Binary files differ
diff --git a/src/assets/overview_images/tg/red1.png b/src/assets/overview_images/tg/red1.png
new file mode 100644
index 0000000..ee80b95
--- /dev/null
+++ b/src/assets/overview_images/tg/red1.png
Binary files differ
diff --git a/src/assets/overview_images/tg/red2.png b/src/assets/overview_images/tg/red2.png
new file mode 100644
index 0000000..9fae604
--- /dev/null
+++ b/src/assets/overview_images/tg/red2.png
Binary files differ
diff --git a/src/api/device.js b/src/api/device.js
index 65d109b..a1c7007 100644
--- a/src/api/device.js
+++ b/src/api/device.js
@@ -50,3 +50,13 @@
params
})
}
+
+export function getDeviceType(areaType) {
+ return request({
+ url: '/device/getDeviceTypeByAreaType',
+ method: 'get',
+ params:{
+ areaType: areaType
+ }
+ })
+}
diff --git a/src/assets/overview_images/tg/green1.png b/src/assets/overview_images/tg/green1.png
new file mode 100644
index 0000000..03c880d
--- /dev/null
+++ b/src/assets/overview_images/tg/green1.png
Binary files differ
diff --git a/src/assets/overview_images/tg/green2.png b/src/assets/overview_images/tg/green2.png
new file mode 100644
index 0000000..27e3dd8
--- /dev/null
+++ b/src/assets/overview_images/tg/green2.png
Binary files differ
diff --git a/src/assets/overview_images/tg/green3.png b/src/assets/overview_images/tg/green3.png
new file mode 100644
index 0000000..74f6080
--- /dev/null
+++ b/src/assets/overview_images/tg/green3.png
Binary files differ
diff --git a/src/assets/overview_images/tg/green4.png b/src/assets/overview_images/tg/green4.png
new file mode 100644
index 0000000..dfdd870
--- /dev/null
+++ b/src/assets/overview_images/tg/green4.png
Binary files differ
diff --git a/src/assets/overview_images/tg/red1.png b/src/assets/overview_images/tg/red1.png
new file mode 100644
index 0000000..ee80b95
--- /dev/null
+++ b/src/assets/overview_images/tg/red1.png
Binary files differ
diff --git a/src/assets/overview_images/tg/red2.png b/src/assets/overview_images/tg/red2.png
new file mode 100644
index 0000000..9fae604
--- /dev/null
+++ b/src/assets/overview_images/tg/red2.png
Binary files differ
diff --git a/src/assets/overview_images/tg/red3.png b/src/assets/overview_images/tg/red3.png
new file mode 100644
index 0000000..7d8bc02
--- /dev/null
+++ b/src/assets/overview_images/tg/red3.png
Binary files differ
diff --git a/src/api/device.js b/src/api/device.js
index 65d109b..a1c7007 100644
--- a/src/api/device.js
+++ b/src/api/device.js
@@ -50,3 +50,13 @@
params
})
}
+
+export function getDeviceType(areaType) {
+ return request({
+ url: '/device/getDeviceTypeByAreaType',
+ method: 'get',
+ params:{
+ areaType: areaType
+ }
+ })
+}
diff --git a/src/assets/overview_images/tg/green1.png b/src/assets/overview_images/tg/green1.png
new file mode 100644
index 0000000..03c880d
--- /dev/null
+++ b/src/assets/overview_images/tg/green1.png
Binary files differ
diff --git a/src/assets/overview_images/tg/green2.png b/src/assets/overview_images/tg/green2.png
new file mode 100644
index 0000000..27e3dd8
--- /dev/null
+++ b/src/assets/overview_images/tg/green2.png
Binary files differ
diff --git a/src/assets/overview_images/tg/green3.png b/src/assets/overview_images/tg/green3.png
new file mode 100644
index 0000000..74f6080
--- /dev/null
+++ b/src/assets/overview_images/tg/green3.png
Binary files differ
diff --git a/src/assets/overview_images/tg/green4.png b/src/assets/overview_images/tg/green4.png
new file mode 100644
index 0000000..dfdd870
--- /dev/null
+++ b/src/assets/overview_images/tg/green4.png
Binary files differ
diff --git a/src/assets/overview_images/tg/red1.png b/src/assets/overview_images/tg/red1.png
new file mode 100644
index 0000000..ee80b95
--- /dev/null
+++ b/src/assets/overview_images/tg/red1.png
Binary files differ
diff --git a/src/assets/overview_images/tg/red2.png b/src/assets/overview_images/tg/red2.png
new file mode 100644
index 0000000..9fae604
--- /dev/null
+++ b/src/assets/overview_images/tg/red2.png
Binary files differ
diff --git a/src/assets/overview_images/tg/red3.png b/src/assets/overview_images/tg/red3.png
new file mode 100644
index 0000000..7d8bc02
--- /dev/null
+++ b/src/assets/overview_images/tg/red3.png
Binary files differ
diff --git a/src/assets/overview_images/tg/red4.png b/src/assets/overview_images/tg/red4.png
new file mode 100644
index 0000000..2bd0f84
--- /dev/null
+++ b/src/assets/overview_images/tg/red4.png
Binary files differ
diff --git a/src/api/device.js b/src/api/device.js
index 65d109b..a1c7007 100644
--- a/src/api/device.js
+++ b/src/api/device.js
@@ -50,3 +50,13 @@
params
})
}
+
+export function getDeviceType(areaType) {
+ return request({
+ url: '/device/getDeviceTypeByAreaType',
+ method: 'get',
+ params:{
+ areaType: areaType
+ }
+ })
+}
diff --git a/src/assets/overview_images/tg/green1.png b/src/assets/overview_images/tg/green1.png
new file mode 100644
index 0000000..03c880d
--- /dev/null
+++ b/src/assets/overview_images/tg/green1.png
Binary files differ
diff --git a/src/assets/overview_images/tg/green2.png b/src/assets/overview_images/tg/green2.png
new file mode 100644
index 0000000..27e3dd8
--- /dev/null
+++ b/src/assets/overview_images/tg/green2.png
Binary files differ
diff --git a/src/assets/overview_images/tg/green3.png b/src/assets/overview_images/tg/green3.png
new file mode 100644
index 0000000..74f6080
--- /dev/null
+++ b/src/assets/overview_images/tg/green3.png
Binary files differ
diff --git a/src/assets/overview_images/tg/green4.png b/src/assets/overview_images/tg/green4.png
new file mode 100644
index 0000000..dfdd870
--- /dev/null
+++ b/src/assets/overview_images/tg/green4.png
Binary files differ
diff --git a/src/assets/overview_images/tg/red1.png b/src/assets/overview_images/tg/red1.png
new file mode 100644
index 0000000..ee80b95
--- /dev/null
+++ b/src/assets/overview_images/tg/red1.png
Binary files differ
diff --git a/src/assets/overview_images/tg/red2.png b/src/assets/overview_images/tg/red2.png
new file mode 100644
index 0000000..9fae604
--- /dev/null
+++ b/src/assets/overview_images/tg/red2.png
Binary files differ
diff --git a/src/assets/overview_images/tg/red3.png b/src/assets/overview_images/tg/red3.png
new file mode 100644
index 0000000..7d8bc02
--- /dev/null
+++ b/src/assets/overview_images/tg/red3.png
Binary files differ
diff --git a/src/assets/overview_images/tg/red4.png b/src/assets/overview_images/tg/red4.png
new file mode 100644
index 0000000..2bd0f84
--- /dev/null
+++ b/src/assets/overview_images/tg/red4.png
Binary files differ
diff --git a/src/store/getters.js b/src/store/getters.js
index c33a49d..a28c9f9 100644
--- a/src/store/getters.js
+++ b/src/store/getters.js
@@ -10,6 +10,7 @@
changeFlag: state => state.app.changeFlag, // 切换子系统标志
token: state => state.user.token, // token
name: state => state.user.name, // 姓名
+ id: state => state.user.id, // id
roleList: state => state.user.roleList, // 角色列表
roleNames: state => state.user.roleNames, // 角色名称列表
roleTips: state => state.user.roleTips, // 角色名称列表
diff --git a/src/api/device.js b/src/api/device.js
index 65d109b..a1c7007 100644
--- a/src/api/device.js
+++ b/src/api/device.js
@@ -50,3 +50,13 @@
params
})
}
+
+export function getDeviceType(areaType) {
+ return request({
+ url: '/device/getDeviceTypeByAreaType',
+ method: 'get',
+ params:{
+ areaType: areaType
+ }
+ })
+}
diff --git a/src/assets/overview_images/tg/green1.png b/src/assets/overview_images/tg/green1.png
new file mode 100644
index 0000000..03c880d
--- /dev/null
+++ b/src/assets/overview_images/tg/green1.png
Binary files differ
diff --git a/src/assets/overview_images/tg/green2.png b/src/assets/overview_images/tg/green2.png
new file mode 100644
index 0000000..27e3dd8
--- /dev/null
+++ b/src/assets/overview_images/tg/green2.png
Binary files differ
diff --git a/src/assets/overview_images/tg/green3.png b/src/assets/overview_images/tg/green3.png
new file mode 100644
index 0000000..74f6080
--- /dev/null
+++ b/src/assets/overview_images/tg/green3.png
Binary files differ
diff --git a/src/assets/overview_images/tg/green4.png b/src/assets/overview_images/tg/green4.png
new file mode 100644
index 0000000..dfdd870
--- /dev/null
+++ b/src/assets/overview_images/tg/green4.png
Binary files differ
diff --git a/src/assets/overview_images/tg/red1.png b/src/assets/overview_images/tg/red1.png
new file mode 100644
index 0000000..ee80b95
--- /dev/null
+++ b/src/assets/overview_images/tg/red1.png
Binary files differ
diff --git a/src/assets/overview_images/tg/red2.png b/src/assets/overview_images/tg/red2.png
new file mode 100644
index 0000000..9fae604
--- /dev/null
+++ b/src/assets/overview_images/tg/red2.png
Binary files differ
diff --git a/src/assets/overview_images/tg/red3.png b/src/assets/overview_images/tg/red3.png
new file mode 100644
index 0000000..7d8bc02
--- /dev/null
+++ b/src/assets/overview_images/tg/red3.png
Binary files differ
diff --git a/src/assets/overview_images/tg/red4.png b/src/assets/overview_images/tg/red4.png
new file mode 100644
index 0000000..2bd0f84
--- /dev/null
+++ b/src/assets/overview_images/tg/red4.png
Binary files differ
diff --git a/src/store/getters.js b/src/store/getters.js
index c33a49d..a28c9f9 100644
--- a/src/store/getters.js
+++ b/src/store/getters.js
@@ -10,6 +10,7 @@
changeFlag: state => state.app.changeFlag, // 切换子系统标志
token: state => state.user.token, // token
name: state => state.user.name, // 姓名
+ id: state => state.user.id, // id
roleList: state => state.user.roleList, // 角色列表
roleNames: state => state.user.roleNames, // 角色名称列表
roleTips: state => state.user.roleTips, // 角色名称列表
diff --git a/src/store/modules/user.js b/src/store/modules/user.js
index 28149ed..e0b64b1 100644
--- a/src/store/modules/user.js
+++ b/src/store/modules/user.js
@@ -5,6 +5,7 @@
state: {
token: getToken(),
name: '', // 姓名
+ id: '',
deptId: '', // 部门编号
deptName: '', // 部门名称
roleList: [], // 角色编号集合
@@ -19,6 +20,9 @@
SET_TOKEN: (state, token) => {
state.token = token
},
+ SET_ID: (state, id) => {
+ state.id = id
+ },
SET_NAME: (state, name) => {
state.name = name
},
@@ -58,6 +62,7 @@
login(userInfo).then(response => {
if (response.code === 200) {
const data = response.data
+ console.log(data)
setToken(data.token)
commit('SET_TOKEN', data.token)
resolve()
@@ -75,6 +80,7 @@
return new Promise((resolve, reject) => {
getInfo().then(response => {
const data = response.data
+ commit('SET_ID', data.id)
if (data.roleList && data.roleList.length > 0) { // 验证返回的roles是否是一个非空数组
commit('SET_ROLELIST', data.roleList)
commit('SET_ROLENAMES', data.roleNames)
diff --git a/src/api/device.js b/src/api/device.js
index 65d109b..a1c7007 100644
--- a/src/api/device.js
+++ b/src/api/device.js
@@ -50,3 +50,13 @@
params
})
}
+
+export function getDeviceType(areaType) {
+ return request({
+ url: '/device/getDeviceTypeByAreaType',
+ method: 'get',
+ params:{
+ areaType: areaType
+ }
+ })
+}
diff --git a/src/assets/overview_images/tg/green1.png b/src/assets/overview_images/tg/green1.png
new file mode 100644
index 0000000..03c880d
--- /dev/null
+++ b/src/assets/overview_images/tg/green1.png
Binary files differ
diff --git a/src/assets/overview_images/tg/green2.png b/src/assets/overview_images/tg/green2.png
new file mode 100644
index 0000000..27e3dd8
--- /dev/null
+++ b/src/assets/overview_images/tg/green2.png
Binary files differ
diff --git a/src/assets/overview_images/tg/green3.png b/src/assets/overview_images/tg/green3.png
new file mode 100644
index 0000000..74f6080
--- /dev/null
+++ b/src/assets/overview_images/tg/green3.png
Binary files differ
diff --git a/src/assets/overview_images/tg/green4.png b/src/assets/overview_images/tg/green4.png
new file mode 100644
index 0000000..dfdd870
--- /dev/null
+++ b/src/assets/overview_images/tg/green4.png
Binary files differ
diff --git a/src/assets/overview_images/tg/red1.png b/src/assets/overview_images/tg/red1.png
new file mode 100644
index 0000000..ee80b95
--- /dev/null
+++ b/src/assets/overview_images/tg/red1.png
Binary files differ
diff --git a/src/assets/overview_images/tg/red2.png b/src/assets/overview_images/tg/red2.png
new file mode 100644
index 0000000..9fae604
--- /dev/null
+++ b/src/assets/overview_images/tg/red2.png
Binary files differ
diff --git a/src/assets/overview_images/tg/red3.png b/src/assets/overview_images/tg/red3.png
new file mode 100644
index 0000000..7d8bc02
--- /dev/null
+++ b/src/assets/overview_images/tg/red3.png
Binary files differ
diff --git a/src/assets/overview_images/tg/red4.png b/src/assets/overview_images/tg/red4.png
new file mode 100644
index 0000000..2bd0f84
--- /dev/null
+++ b/src/assets/overview_images/tg/red4.png
Binary files differ
diff --git a/src/store/getters.js b/src/store/getters.js
index c33a49d..a28c9f9 100644
--- a/src/store/getters.js
+++ b/src/store/getters.js
@@ -10,6 +10,7 @@
changeFlag: state => state.app.changeFlag, // 切换子系统标志
token: state => state.user.token, // token
name: state => state.user.name, // 姓名
+ id: state => state.user.id, // id
roleList: state => state.user.roleList, // 角色列表
roleNames: state => state.user.roleNames, // 角色名称列表
roleTips: state => state.user.roleTips, // 角色名称列表
diff --git a/src/store/modules/user.js b/src/store/modules/user.js
index 28149ed..e0b64b1 100644
--- a/src/store/modules/user.js
+++ b/src/store/modules/user.js
@@ -5,6 +5,7 @@
state: {
token: getToken(),
name: '', // 姓名
+ id: '',
deptId: '', // 部门编号
deptName: '', // 部门名称
roleList: [], // 角色编号集合
@@ -19,6 +20,9 @@
SET_TOKEN: (state, token) => {
state.token = token
},
+ SET_ID: (state, id) => {
+ state.id = id
+ },
SET_NAME: (state, name) => {
state.name = name
},
@@ -58,6 +62,7 @@
login(userInfo).then(response => {
if (response.code === 200) {
const data = response.data
+ console.log(data)
setToken(data.token)
commit('SET_TOKEN', data.token)
resolve()
@@ -75,6 +80,7 @@
return new Promise((resolve, reject) => {
getInfo().then(response => {
const data = response.data
+ commit('SET_ID', data.id)
if (data.roleList && data.roleList.length > 0) { // 验证返回的roles是否是一个非空数组
commit('SET_ROLELIST', data.roleList)
commit('SET_ROLENAMES', data.roleNames)
diff --git a/src/views/alarm/alarmDetail.vue b/src/views/alarm/alarmDetail.vue
index 63c852a..2c94629 100644
--- a/src/views/alarm/alarmDetail.vue
+++ b/src/views/alarm/alarmDetail.vue
@@ -95,6 +95,7 @@
valid: '', // 报警状态
validStr: '', // 报警状态中文
areaPosition: '', // 区域名称
+ areaType: '',
alarmContent: '', // 报警内容
alarmValue: '', // 报警值
alarmValueStr: '', // 报警值格式化
@@ -130,12 +131,13 @@
alarmCode: response.data.alarmCode,
alarmTime: response.data.alarmTimeFmt,
areaPosition: response.data.areaPosition,
+ areaType: response.data.areaType,
alarmContent: response.data.alarmContent,
alarmValue: response.data.alarmValue,
valid: response.data.valid,
devcode: response.data.devcode,
devName: response.data.devName,
- reason: response.data.reson,
+ reason: response.data.reason,
remark: response.data.remark
}
diff --git a/src/api/device.js b/src/api/device.js
index 65d109b..a1c7007 100644
--- a/src/api/device.js
+++ b/src/api/device.js
@@ -50,3 +50,13 @@
params
})
}
+
+export function getDeviceType(areaType) {
+ return request({
+ url: '/device/getDeviceTypeByAreaType',
+ method: 'get',
+ params:{
+ areaType: areaType
+ }
+ })
+}
diff --git a/src/assets/overview_images/tg/green1.png b/src/assets/overview_images/tg/green1.png
new file mode 100644
index 0000000..03c880d
--- /dev/null
+++ b/src/assets/overview_images/tg/green1.png
Binary files differ
diff --git a/src/assets/overview_images/tg/green2.png b/src/assets/overview_images/tg/green2.png
new file mode 100644
index 0000000..27e3dd8
--- /dev/null
+++ b/src/assets/overview_images/tg/green2.png
Binary files differ
diff --git a/src/assets/overview_images/tg/green3.png b/src/assets/overview_images/tg/green3.png
new file mode 100644
index 0000000..74f6080
--- /dev/null
+++ b/src/assets/overview_images/tg/green3.png
Binary files differ
diff --git a/src/assets/overview_images/tg/green4.png b/src/assets/overview_images/tg/green4.png
new file mode 100644
index 0000000..dfdd870
--- /dev/null
+++ b/src/assets/overview_images/tg/green4.png
Binary files differ
diff --git a/src/assets/overview_images/tg/red1.png b/src/assets/overview_images/tg/red1.png
new file mode 100644
index 0000000..ee80b95
--- /dev/null
+++ b/src/assets/overview_images/tg/red1.png
Binary files differ
diff --git a/src/assets/overview_images/tg/red2.png b/src/assets/overview_images/tg/red2.png
new file mode 100644
index 0000000..9fae604
--- /dev/null
+++ b/src/assets/overview_images/tg/red2.png
Binary files differ
diff --git a/src/assets/overview_images/tg/red3.png b/src/assets/overview_images/tg/red3.png
new file mode 100644
index 0000000..7d8bc02
--- /dev/null
+++ b/src/assets/overview_images/tg/red3.png
Binary files differ
diff --git a/src/assets/overview_images/tg/red4.png b/src/assets/overview_images/tg/red4.png
new file mode 100644
index 0000000..2bd0f84
--- /dev/null
+++ b/src/assets/overview_images/tg/red4.png
Binary files differ
diff --git a/src/store/getters.js b/src/store/getters.js
index c33a49d..a28c9f9 100644
--- a/src/store/getters.js
+++ b/src/store/getters.js
@@ -10,6 +10,7 @@
changeFlag: state => state.app.changeFlag, // 切换子系统标志
token: state => state.user.token, // token
name: state => state.user.name, // 姓名
+ id: state => state.user.id, // id
roleList: state => state.user.roleList, // 角色列表
roleNames: state => state.user.roleNames, // 角色名称列表
roleTips: state => state.user.roleTips, // 角色名称列表
diff --git a/src/store/modules/user.js b/src/store/modules/user.js
index 28149ed..e0b64b1 100644
--- a/src/store/modules/user.js
+++ b/src/store/modules/user.js
@@ -5,6 +5,7 @@
state: {
token: getToken(),
name: '', // 姓名
+ id: '',
deptId: '', // 部门编号
deptName: '', // 部门名称
roleList: [], // 角色编号集合
@@ -19,6 +20,9 @@
SET_TOKEN: (state, token) => {
state.token = token
},
+ SET_ID: (state, id) => {
+ state.id = id
+ },
SET_NAME: (state, name) => {
state.name = name
},
@@ -58,6 +62,7 @@
login(userInfo).then(response => {
if (response.code === 200) {
const data = response.data
+ console.log(data)
setToken(data.token)
commit('SET_TOKEN', data.token)
resolve()
@@ -75,6 +80,7 @@
return new Promise((resolve, reject) => {
getInfo().then(response => {
const data = response.data
+ commit('SET_ID', data.id)
if (data.roleList && data.roleList.length > 0) { // 验证返回的roles是否是一个非空数组
commit('SET_ROLELIST', data.roleList)
commit('SET_ROLENAMES', data.roleNames)
diff --git a/src/views/alarm/alarmDetail.vue b/src/views/alarm/alarmDetail.vue
index 63c852a..2c94629 100644
--- a/src/views/alarm/alarmDetail.vue
+++ b/src/views/alarm/alarmDetail.vue
@@ -95,6 +95,7 @@
valid: '', // 报警状态
validStr: '', // 报警状态中文
areaPosition: '', // 区域名称
+ areaType: '',
alarmContent: '', // 报警内容
alarmValue: '', // 报警值
alarmValueStr: '', // 报警值格式化
@@ -130,12 +131,13 @@
alarmCode: response.data.alarmCode,
alarmTime: response.data.alarmTimeFmt,
areaPosition: response.data.areaPosition,
+ areaType: response.data.areaType,
alarmContent: response.data.alarmContent,
alarmValue: response.data.alarmValue,
valid: response.data.valid,
devcode: response.data.devcode,
devName: response.data.devName,
- reason: response.data.reson,
+ reason: response.data.reason,
remark: response.data.remark
}
diff --git a/src/views/alarm/alarmMonitor.vue b/src/views/alarm/alarmMonitor.vue
index fe1f4d7..3fd8173 100644
--- a/src/views/alarm/alarmMonitor.vue
+++ b/src/views/alarm/alarmMonitor.vue
@@ -4,14 +4,15 @@
-
-
+
+
-
-
-
-
-
+
+
+
+
+
+
diff --git a/src/api/device.js b/src/api/device.js
index 65d109b..a1c7007 100644
--- a/src/api/device.js
+++ b/src/api/device.js
@@ -50,3 +50,13 @@
params
})
}
+
+export function getDeviceType(areaType) {
+ return request({
+ url: '/device/getDeviceTypeByAreaType',
+ method: 'get',
+ params:{
+ areaType: areaType
+ }
+ })
+}
diff --git a/src/assets/overview_images/tg/green1.png b/src/assets/overview_images/tg/green1.png
new file mode 100644
index 0000000..03c880d
--- /dev/null
+++ b/src/assets/overview_images/tg/green1.png
Binary files differ
diff --git a/src/assets/overview_images/tg/green2.png b/src/assets/overview_images/tg/green2.png
new file mode 100644
index 0000000..27e3dd8
--- /dev/null
+++ b/src/assets/overview_images/tg/green2.png
Binary files differ
diff --git a/src/assets/overview_images/tg/green3.png b/src/assets/overview_images/tg/green3.png
new file mode 100644
index 0000000..74f6080
--- /dev/null
+++ b/src/assets/overview_images/tg/green3.png
Binary files differ
diff --git a/src/assets/overview_images/tg/green4.png b/src/assets/overview_images/tg/green4.png
new file mode 100644
index 0000000..dfdd870
--- /dev/null
+++ b/src/assets/overview_images/tg/green4.png
Binary files differ
diff --git a/src/assets/overview_images/tg/red1.png b/src/assets/overview_images/tg/red1.png
new file mode 100644
index 0000000..ee80b95
--- /dev/null
+++ b/src/assets/overview_images/tg/red1.png
Binary files differ
diff --git a/src/assets/overview_images/tg/red2.png b/src/assets/overview_images/tg/red2.png
new file mode 100644
index 0000000..9fae604
--- /dev/null
+++ b/src/assets/overview_images/tg/red2.png
Binary files differ
diff --git a/src/assets/overview_images/tg/red3.png b/src/assets/overview_images/tg/red3.png
new file mode 100644
index 0000000..7d8bc02
--- /dev/null
+++ b/src/assets/overview_images/tg/red3.png
Binary files differ
diff --git a/src/assets/overview_images/tg/red4.png b/src/assets/overview_images/tg/red4.png
new file mode 100644
index 0000000..2bd0f84
--- /dev/null
+++ b/src/assets/overview_images/tg/red4.png
Binary files differ
diff --git a/src/store/getters.js b/src/store/getters.js
index c33a49d..a28c9f9 100644
--- a/src/store/getters.js
+++ b/src/store/getters.js
@@ -10,6 +10,7 @@
changeFlag: state => state.app.changeFlag, // 切换子系统标志
token: state => state.user.token, // token
name: state => state.user.name, // 姓名
+ id: state => state.user.id, // id
roleList: state => state.user.roleList, // 角色列表
roleNames: state => state.user.roleNames, // 角色名称列表
roleTips: state => state.user.roleTips, // 角色名称列表
diff --git a/src/store/modules/user.js b/src/store/modules/user.js
index 28149ed..e0b64b1 100644
--- a/src/store/modules/user.js
+++ b/src/store/modules/user.js
@@ -5,6 +5,7 @@
state: {
token: getToken(),
name: '', // 姓名
+ id: '',
deptId: '', // 部门编号
deptName: '', // 部门名称
roleList: [], // 角色编号集合
@@ -19,6 +20,9 @@
SET_TOKEN: (state, token) => {
state.token = token
},
+ SET_ID: (state, id) => {
+ state.id = id
+ },
SET_NAME: (state, name) => {
state.name = name
},
@@ -58,6 +62,7 @@
login(userInfo).then(response => {
if (response.code === 200) {
const data = response.data
+ console.log(data)
setToken(data.token)
commit('SET_TOKEN', data.token)
resolve()
@@ -75,6 +80,7 @@
return new Promise((resolve, reject) => {
getInfo().then(response => {
const data = response.data
+ commit('SET_ID', data.id)
if (data.roleList && data.roleList.length > 0) { // 验证返回的roles是否是一个非空数组
commit('SET_ROLELIST', data.roleList)
commit('SET_ROLENAMES', data.roleNames)
diff --git a/src/views/alarm/alarmDetail.vue b/src/views/alarm/alarmDetail.vue
index 63c852a..2c94629 100644
--- a/src/views/alarm/alarmDetail.vue
+++ b/src/views/alarm/alarmDetail.vue
@@ -95,6 +95,7 @@
valid: '', // 报警状态
validStr: '', // 报警状态中文
areaPosition: '', // 区域名称
+ areaType: '',
alarmContent: '', // 报警内容
alarmValue: '', // 报警值
alarmValueStr: '', // 报警值格式化
@@ -130,12 +131,13 @@
alarmCode: response.data.alarmCode,
alarmTime: response.data.alarmTimeFmt,
areaPosition: response.data.areaPosition,
+ areaType: response.data.areaType,
alarmContent: response.data.alarmContent,
alarmValue: response.data.alarmValue,
valid: response.data.valid,
devcode: response.data.devcode,
devName: response.data.devName,
- reason: response.data.reson,
+ reason: response.data.reason,
remark: response.data.remark
}
diff --git a/src/views/alarm/alarmMonitor.vue b/src/views/alarm/alarmMonitor.vue
index fe1f4d7..3fd8173 100644
--- a/src/views/alarm/alarmMonitor.vue
+++ b/src/views/alarm/alarmMonitor.vue
@@ -4,14 +4,15 @@
-
-
+
+
-
-
-
-
-
+
+
+
+
+
+
diff --git a/src/views/alarm/alarmPosition.vue b/src/views/alarm/alarmPosition.vue
index 30804d4..2be4412 100644
--- a/src/views/alarm/alarmPosition.vue
+++ b/src/views/alarm/alarmPosition.vue
@@ -47,6 +47,17 @@
+
+
+
+
+
+
+
+
+
+
+
@@ -67,6 +78,7 @@
return {
title: getProject().title,
bgImageSrc: tg_main,
+ dialogVisible: false,
devListParams: {
picture: '1',
areaTypeId: 1,
@@ -229,6 +241,7 @@
devcode: dev.devcode,
typeName: response.data.typeName,
model: dev.model,
+ type: response.data.type,
onlineStatusName: response.data.onlineStatusName,
position: dev.position,
installDate: dev.installDate,
@@ -245,7 +258,7 @@
this.showDevDetail = true
let top = parseInt(targetDev.style.top.substring(0, targetDev.style.top.length - 2))
- top = top + 100
+ //top = top + 100
this.$refs['dev-detail-block'].style.position = 'absolute'
this.$refs['dev-detail-block'].style.top = top + 'px'
this.$refs['dev-detail-block'].style.left = targetDev.style.left
diff --git a/src/api/device.js b/src/api/device.js
index 65d109b..a1c7007 100644
--- a/src/api/device.js
+++ b/src/api/device.js
@@ -50,3 +50,13 @@
params
})
}
+
+export function getDeviceType(areaType) {
+ return request({
+ url: '/device/getDeviceTypeByAreaType',
+ method: 'get',
+ params:{
+ areaType: areaType
+ }
+ })
+}
diff --git a/src/assets/overview_images/tg/green1.png b/src/assets/overview_images/tg/green1.png
new file mode 100644
index 0000000..03c880d
--- /dev/null
+++ b/src/assets/overview_images/tg/green1.png
Binary files differ
diff --git a/src/assets/overview_images/tg/green2.png b/src/assets/overview_images/tg/green2.png
new file mode 100644
index 0000000..27e3dd8
--- /dev/null
+++ b/src/assets/overview_images/tg/green2.png
Binary files differ
diff --git a/src/assets/overview_images/tg/green3.png b/src/assets/overview_images/tg/green3.png
new file mode 100644
index 0000000..74f6080
--- /dev/null
+++ b/src/assets/overview_images/tg/green3.png
Binary files differ
diff --git a/src/assets/overview_images/tg/green4.png b/src/assets/overview_images/tg/green4.png
new file mode 100644
index 0000000..dfdd870
--- /dev/null
+++ b/src/assets/overview_images/tg/green4.png
Binary files differ
diff --git a/src/assets/overview_images/tg/red1.png b/src/assets/overview_images/tg/red1.png
new file mode 100644
index 0000000..ee80b95
--- /dev/null
+++ b/src/assets/overview_images/tg/red1.png
Binary files differ
diff --git a/src/assets/overview_images/tg/red2.png b/src/assets/overview_images/tg/red2.png
new file mode 100644
index 0000000..9fae604
--- /dev/null
+++ b/src/assets/overview_images/tg/red2.png
Binary files differ
diff --git a/src/assets/overview_images/tg/red3.png b/src/assets/overview_images/tg/red3.png
new file mode 100644
index 0000000..7d8bc02
--- /dev/null
+++ b/src/assets/overview_images/tg/red3.png
Binary files differ
diff --git a/src/assets/overview_images/tg/red4.png b/src/assets/overview_images/tg/red4.png
new file mode 100644
index 0000000..2bd0f84
--- /dev/null
+++ b/src/assets/overview_images/tg/red4.png
Binary files differ
diff --git a/src/store/getters.js b/src/store/getters.js
index c33a49d..a28c9f9 100644
--- a/src/store/getters.js
+++ b/src/store/getters.js
@@ -10,6 +10,7 @@
changeFlag: state => state.app.changeFlag, // 切换子系统标志
token: state => state.user.token, // token
name: state => state.user.name, // 姓名
+ id: state => state.user.id, // id
roleList: state => state.user.roleList, // 角色列表
roleNames: state => state.user.roleNames, // 角色名称列表
roleTips: state => state.user.roleTips, // 角色名称列表
diff --git a/src/store/modules/user.js b/src/store/modules/user.js
index 28149ed..e0b64b1 100644
--- a/src/store/modules/user.js
+++ b/src/store/modules/user.js
@@ -5,6 +5,7 @@
state: {
token: getToken(),
name: '', // 姓名
+ id: '',
deptId: '', // 部门编号
deptName: '', // 部门名称
roleList: [], // 角色编号集合
@@ -19,6 +20,9 @@
SET_TOKEN: (state, token) => {
state.token = token
},
+ SET_ID: (state, id) => {
+ state.id = id
+ },
SET_NAME: (state, name) => {
state.name = name
},
@@ -58,6 +62,7 @@
login(userInfo).then(response => {
if (response.code === 200) {
const data = response.data
+ console.log(data)
setToken(data.token)
commit('SET_TOKEN', data.token)
resolve()
@@ -75,6 +80,7 @@
return new Promise((resolve, reject) => {
getInfo().then(response => {
const data = response.data
+ commit('SET_ID', data.id)
if (data.roleList && data.roleList.length > 0) { // 验证返回的roles是否是一个非空数组
commit('SET_ROLELIST', data.roleList)
commit('SET_ROLENAMES', data.roleNames)
diff --git a/src/views/alarm/alarmDetail.vue b/src/views/alarm/alarmDetail.vue
index 63c852a..2c94629 100644
--- a/src/views/alarm/alarmDetail.vue
+++ b/src/views/alarm/alarmDetail.vue
@@ -95,6 +95,7 @@
valid: '', // 报警状态
validStr: '', // 报警状态中文
areaPosition: '', // 区域名称
+ areaType: '',
alarmContent: '', // 报警内容
alarmValue: '', // 报警值
alarmValueStr: '', // 报警值格式化
@@ -130,12 +131,13 @@
alarmCode: response.data.alarmCode,
alarmTime: response.data.alarmTimeFmt,
areaPosition: response.data.areaPosition,
+ areaType: response.data.areaType,
alarmContent: response.data.alarmContent,
alarmValue: response.data.alarmValue,
valid: response.data.valid,
devcode: response.data.devcode,
devName: response.data.devName,
- reason: response.data.reson,
+ reason: response.data.reason,
remark: response.data.remark
}
diff --git a/src/views/alarm/alarmMonitor.vue b/src/views/alarm/alarmMonitor.vue
index fe1f4d7..3fd8173 100644
--- a/src/views/alarm/alarmMonitor.vue
+++ b/src/views/alarm/alarmMonitor.vue
@@ -4,14 +4,15 @@
-
-
+
+
-
-
-
-
-
+
+
+
+
+
+
diff --git a/src/views/alarm/alarmPosition.vue b/src/views/alarm/alarmPosition.vue
index 30804d4..2be4412 100644
--- a/src/views/alarm/alarmPosition.vue
+++ b/src/views/alarm/alarmPosition.vue
@@ -47,6 +47,17 @@
+
+
+
+
+
+
+
+
+
+
+
@@ -67,6 +78,7 @@
return {
title: getProject().title,
bgImageSrc: tg_main,
+ dialogVisible: false,
devListParams: {
picture: '1',
areaTypeId: 1,
@@ -229,6 +241,7 @@
devcode: dev.devcode,
typeName: response.data.typeName,
model: dev.model,
+ type: response.data.type,
onlineStatusName: response.data.onlineStatusName,
position: dev.position,
installDate: dev.installDate,
@@ -245,7 +258,7 @@
this.showDevDetail = true
let top = parseInt(targetDev.style.top.substring(0, targetDev.style.top.length - 2))
- top = top + 100
+ //top = top + 100
this.$refs['dev-detail-block'].style.position = 'absolute'
this.$refs['dev-detail-block'].style.top = top + 'px'
this.$refs['dev-detail-block'].style.left = targetDev.style.left
diff --git a/src/views/ctrl/overview.vue b/src/views/ctrl/overview.vue
index 6dc20d4..62e1105 100644
--- a/src/views/ctrl/overview.vue
+++ b/src/views/ctrl/overview.vue
@@ -13,7 +13,7 @@
@@ -84,6 +84,54 @@
![]()
+

+

+

+

+
+
+
+
![]()
标准数字
-
-
+
+
智能球形
-
-
+
+
标准半球
@@ -251,7 +299,7 @@
报警数值
- {{ alarmForm.alarmValue }}
+ {{ alarmForm.alarmValue }}℃
@@ -260,7 +308,17 @@
-
+
+ 是否确认登出?
+
+
@@ -284,7 +342,9 @@
components: { DeviceDetail },
data() {
return {
+ isMain: true,
showType: false,
+ dialogVisible: false,
wsPath: process.env.BASE_API+'/websocket/',
title: getProject().title,
bgImageSrc: tg_main,
@@ -347,6 +407,7 @@
], // 报警列表显示列
tableShow: true, // 是否显示告警列表
devList: [], // 设备列表(在地图上显示)
+ fenceList: [],
alarmForm: {
id:'',
alarmCode: '',
@@ -412,9 +473,33 @@
handleKeyup(val){ //单击收起摄像头分类
this.showAlarmDetail = false
this.showDevDetail = false
-
+ if(val.target.id==='click1'){
+ for(var i=0;i {
that.clickAlarm(data.deviceId,data.picture)
}
@@ -493,7 +579,6 @@
this.selectDevByType(key,undefined)
},
clickAlarm(val,pic){
- console.log(val)
if(pic==='1'){
this.changeMap('tg_main')
}else if(pic==='2'){
@@ -565,6 +650,7 @@
if (response.code === 200) {
const that = this
this.devList = []
+ this.fenceList = []
response.data.forEach(dev => {
if (dev.x !== '' && dev.y !== '') {
dev.imgUrl = require("../../assets/overview_images/icons/icon-camera-point.png")
@@ -588,9 +674,9 @@
}
}else if(dev.type===2){ //烟感
if(dev.deviceStatus === 0){ //normal
- dev.imgUrl = require("../../assets/overview_images/icons/icon-temperature-green.png")
+ dev.imgUrl = require("../../assets/overview_images/icons/icon-smoking-green.png")
}else{ //alarm
- dev.imgUrl = require("../../assets/overview_images/icons/icon-temperature-checked.png")
+ dev.imgUrl = require("../../assets/overview_images/icons/icon-smoking-checked.png")
}
}else if(dev.type===12){ //声光
if(dev.deviceStatus === 0){ //normal
@@ -598,6 +684,31 @@
}else{ //alarm
dev.imgUrl = require("../../assets/overview_images/icons/icon-sound-checked.png")
}
+ }else if(dev.type===7){
+ var obj = document.getElementById(dev.devcode.toString());
+ if(dev.deviceStatus === 0){ //normal
+ if(dev.devcode.endsWith('1')){
+ obj.setAttribute("src", require("../../assets/overview_images/tg/green1.png"))
+ }else if(dev.devcode.endsWith('2')){
+ obj.setAttribute("src", require("../../assets/overview_images/tg/green2.png"))
+ }else if(dev.devcode.endsWith('3')){
+ obj.setAttribute("src", require("../../assets/overview_images/tg/green3.png"))
+ }else if(dev.devcode.endsWith('4')){
+ obj.setAttribute("src", require("../../assets/overview_images/tg/green4.png"))
+ }
+ }else{
+ if(dev.devcode.endsWith('1')){
+ obj.setAttribute("src", require("../../assets/overview_images/tg/red1.png"))
+ }else if(dev.devcode.endsWith('2')){
+ obj.setAttribute("src", require("../../assets/overview_images/tg/red2.png"))
+ }else if(dev.devcode.endsWith('3')){
+ obj.setAttribute("src", require("../../assets/overview_images/tg/red3.png"))
+ }else if(dev.devcode.endsWith('4')){
+ obj.setAttribute("src", require("../../assets/overview_images/tg/red4.png"))
+ }
+ }
+ that.fenceList.push(dev)
+ return true
}else { //camera
if(dev.deviceStatus === 0){ //normal
dev.imgUrl = require("../../assets/overview_images/icons/icon-camera-point.png")
@@ -638,9 +749,10 @@
})
},
logout() {
- this.$store.dispatch('LogOut').then(() => {
- location.reload() // 为了重新实例化vue-router对象 避免bug
- })
+ this.dialogVisible = false
+ this.$store.dispatch('LogOut').then(() => {
+ location.reload() // 为了重新实例化vue-router对象 避免bug
+ })
},
backToIndex() {
this.$router.push('/ctrl')
@@ -825,6 +937,7 @@
if (response.code === 200) {
const that = this
this.devList = []
+ this.fenceList = []
this.initMap(index)
response.data.forEach(dev => {
if (dev.x !== '' && dev.y !== '') {
@@ -849,9 +962,9 @@
}
}else if(dev.type===2){ //烟感
if(dev.deviceStatus === 0){ //normal
- dev.imgUrl = require("../../assets/overview_images/icons/icon-temperature-green.png")
+ dev.imgUrl = require("../../assets/overview_images/icons/icon-smoking-green.png")
}else{ //alarm
- dev.imgUrl = require("../../assets/overview_images/icons/icon-temperature-checked.png")
+ dev.imgUrl = require("../../assets/overview_images/icons/icon-smoking-checked.png")
}
}else if(dev.type===12){ //声光
if(dev.deviceStatus === 0){ //normal
@@ -859,6 +972,31 @@
}else{ //alarm
dev.imgUrl = require("../../assets/overview_images/icons/icon-sound-checked.png")
}
+ }else if(dev.type===7){
+ var obj = document.getElementById(dev.devcode.toString());
+ if(dev.deviceStatus === 0){ //normal
+ if(dev.devcode.endsWith('1')){
+ obj.setAttribute("src", require("../../assets/overview_images/tg/green1.png"))
+ }else if(dev.devcode.endsWith('2')){
+ obj.setAttribute("src", require("../../assets/overview_images/tg/green2.png"))
+ }else if(dev.devcode.endsWith('3')){
+ obj.setAttribute("src", require("../../assets/overview_images/tg/green3.png"))
+ }else if(dev.devcode.endsWith('4')){
+ obj.setAttribute("src", require("../../assets/overview_images/tg/green4.png"))
+ }
+ }else{
+ if(dev.devcode.endsWith('1')){
+ obj.setAttribute("src", require("../../assets/overview_images/tg/red1.png"))
+ }else if(dev.devcode.endsWith('2')){
+ obj.setAttribute("src", require("../../assets/overview_images/tg/red2.png"))
+ }else if(dev.devcode.endsWith('3')){
+ obj.setAttribute("src", require("../../assets/overview_images/tg/red3.png"))
+ }else if(dev.devcode.endsWith('4')){
+ obj.setAttribute("src", require("../../assets/overview_images/tg/red4.png"))
+ }
+ }
+ that.fenceList.push(dev)
+ return true
}else { //camera
if(dev.deviceStatus === 0){ //normal
dev.imgUrl = require("../../assets/overview_images/icons/icon-camera-point.png")
@@ -873,8 +1011,10 @@
})
},
initMap(index){
+ this.isMain = false
if (index === 'tg_main') {
this.bgImageSrc = tg_main
+ this.isMain = true
// this.devListParams.picture = '1'
this.imgSizeOriginal = { width: 2245, height: 1586 }
this.btnNum = 3
@@ -924,50 +1064,77 @@
// 查询并显示设备详情
detailDev(dev, event) {
this.resetDevDetail()
- getDetailDevice(dev.id).then(response => {
- if (response.code === 200) {
- this.dataForm = {
- id: dev.id,
- name: dev.name,
- devcode: dev.devcode,
- typeName: response.data.typeName,
- model: dev.model,
- onlineStatusName: response.data.onlineStatusName,
- position: dev.position,
- installDate: dev.installDate,
- inOutName: response.data.inOutName,
- deviceStatusName: response.data.deviceStatusName
- }
- // 电子围栏设备有开启字段
- if (dev.typeName.indexOf('电子围栏') >= 0) {
- this.isFence = true
- }
- } else {
- this.$message.error(response.message)
- }
- })
if(dev.deviceStatus===1){
- alarmDetailbyCode(dev.devcode).then(response=>{
- if(response.code === 200){
- this.alarmForm = response.data
+ getDetailDevice(dev.id).then(response => {
+ if (response.code === 200) {
+ this.dataForm = {
+ id: dev.id,
+ name: dev.name,
+ devcode: dev.devcode,
+ typeName: response.data.typeName,
+ type: response.data.type,
+ model: dev.model,
+ onlineStatusName: response.data.onlineStatusName,
+ position: dev.position,
+ installDate: dev.installDate,
+ inOutName: response.data.inOutName,
+ deviceStatusName: response.data.deviceStatusName
+ }
+ alarmDetailbyCode(dev.devcode).then(response=>{
+ if(response.code === 200){
+ this.alarmForm = response.data
+ this.showDevDetail = false
+ this.showAlarmDetail = true
+ }
+ })
+ } else {
+ this.$message.error(response.message)
}
})
- this.showDevDetail = false
- this.showAlarmDetail = true
+ if(event.target.id.startsWith('click')){
+ this.$refs['alarm-detail-block'].style.position = 'absolute'
+ this.$refs['alarm-detail-block'].style.top = event.clientY + 'px'
+ this.$refs['alarm-detail-block'].style.left = event.clientX + 'px'
+ return
+ }
// 弹窗显示设备详情
const targetDev = event.currentTarget // 取到点击到的设备图标div
let top = parseInt(targetDev.style.top.substring(0, targetDev.style.top.length - 2))
- top = top + 100
+ //top = top + 100
this.$refs['alarm-detail-block'].style.position = 'absolute'
this.$refs['alarm-detail-block'].style.top = top + 'px'
this.$refs['alarm-detail-block'].style.left = targetDev.style.left
}else{
- this.showDevDetail = true
- this.showAlarmDetail = false
+ getDetailDevice(dev.id).then(response => {
+ if (response.code === 200) {
+ this.dataForm = {
+ id: dev.id,
+ name: dev.name,
+ devcode: dev.devcode,
+ typeName: response.data.typeName,
+ model: dev.model,
+ onlineStatusName: response.data.onlineStatusName,
+ position: dev.position,
+ installDate: dev.installDate,
+ inOutName: response.data.inOutName,
+ deviceStatusName: response.data.deviceStatusName
+ }
+ this.showDevDetail = true
+ this.showAlarmDetail = false
+ } else {
+ this.$message.error(response.message)
+ }
+ })
+ if(event.target.id.startsWith('click')){
+ this.$refs['dev-detail-block'].style.position = 'absolute'
+ this.$refs['dev-detail-block'].style.top = event.clientY + 'px'
+ this.$refs['dev-detail-block'].style.left = event.clientX + 'px'
+ return
+ }
// 弹窗显示设备详情
const targetDev = event.currentTarget // 取到点击到的设备图标div
let top = parseInt(targetDev.style.top.substring(0, targetDev.style.top.length - 2))
- top = top + 100
+ //top = top + 100
this.$refs['dev-detail-block'].style.position = 'absolute'
this.$refs['dev-detail-block'].style.top = top + 'px'
this.$refs['dev-detail-block'].style.left = targetDev.style.left
@@ -1014,6 +1181,20 @@
}
diff --git a/src/api/device.js b/src/api/device.js
index 65d109b..a1c7007 100644
--- a/src/api/device.js
+++ b/src/api/device.js
@@ -50,3 +50,13 @@
params
})
}
+
+export function getDeviceType(areaType) {
+ return request({
+ url: '/device/getDeviceTypeByAreaType',
+ method: 'get',
+ params:{
+ areaType: areaType
+ }
+ })
+}
diff --git a/src/assets/overview_images/tg/green1.png b/src/assets/overview_images/tg/green1.png
new file mode 100644
index 0000000..03c880d
--- /dev/null
+++ b/src/assets/overview_images/tg/green1.png
Binary files differ
diff --git a/src/assets/overview_images/tg/green2.png b/src/assets/overview_images/tg/green2.png
new file mode 100644
index 0000000..27e3dd8
--- /dev/null
+++ b/src/assets/overview_images/tg/green2.png
Binary files differ
diff --git a/src/assets/overview_images/tg/green3.png b/src/assets/overview_images/tg/green3.png
new file mode 100644
index 0000000..74f6080
--- /dev/null
+++ b/src/assets/overview_images/tg/green3.png
Binary files differ
diff --git a/src/assets/overview_images/tg/green4.png b/src/assets/overview_images/tg/green4.png
new file mode 100644
index 0000000..dfdd870
--- /dev/null
+++ b/src/assets/overview_images/tg/green4.png
Binary files differ
diff --git a/src/assets/overview_images/tg/red1.png b/src/assets/overview_images/tg/red1.png
new file mode 100644
index 0000000..ee80b95
--- /dev/null
+++ b/src/assets/overview_images/tg/red1.png
Binary files differ
diff --git a/src/assets/overview_images/tg/red2.png b/src/assets/overview_images/tg/red2.png
new file mode 100644
index 0000000..9fae604
--- /dev/null
+++ b/src/assets/overview_images/tg/red2.png
Binary files differ
diff --git a/src/assets/overview_images/tg/red3.png b/src/assets/overview_images/tg/red3.png
new file mode 100644
index 0000000..7d8bc02
--- /dev/null
+++ b/src/assets/overview_images/tg/red3.png
Binary files differ
diff --git a/src/assets/overview_images/tg/red4.png b/src/assets/overview_images/tg/red4.png
new file mode 100644
index 0000000..2bd0f84
--- /dev/null
+++ b/src/assets/overview_images/tg/red4.png
Binary files differ
diff --git a/src/store/getters.js b/src/store/getters.js
index c33a49d..a28c9f9 100644
--- a/src/store/getters.js
+++ b/src/store/getters.js
@@ -10,6 +10,7 @@
changeFlag: state => state.app.changeFlag, // 切换子系统标志
token: state => state.user.token, // token
name: state => state.user.name, // 姓名
+ id: state => state.user.id, // id
roleList: state => state.user.roleList, // 角色列表
roleNames: state => state.user.roleNames, // 角色名称列表
roleTips: state => state.user.roleTips, // 角色名称列表
diff --git a/src/store/modules/user.js b/src/store/modules/user.js
index 28149ed..e0b64b1 100644
--- a/src/store/modules/user.js
+++ b/src/store/modules/user.js
@@ -5,6 +5,7 @@
state: {
token: getToken(),
name: '', // 姓名
+ id: '',
deptId: '', // 部门编号
deptName: '', // 部门名称
roleList: [], // 角色编号集合
@@ -19,6 +20,9 @@
SET_TOKEN: (state, token) => {
state.token = token
},
+ SET_ID: (state, id) => {
+ state.id = id
+ },
SET_NAME: (state, name) => {
state.name = name
},
@@ -58,6 +62,7 @@
login(userInfo).then(response => {
if (response.code === 200) {
const data = response.data
+ console.log(data)
setToken(data.token)
commit('SET_TOKEN', data.token)
resolve()
@@ -75,6 +80,7 @@
return new Promise((resolve, reject) => {
getInfo().then(response => {
const data = response.data
+ commit('SET_ID', data.id)
if (data.roleList && data.roleList.length > 0) { // 验证返回的roles是否是一个非空数组
commit('SET_ROLELIST', data.roleList)
commit('SET_ROLENAMES', data.roleNames)
diff --git a/src/views/alarm/alarmDetail.vue b/src/views/alarm/alarmDetail.vue
index 63c852a..2c94629 100644
--- a/src/views/alarm/alarmDetail.vue
+++ b/src/views/alarm/alarmDetail.vue
@@ -95,6 +95,7 @@
valid: '', // 报警状态
validStr: '', // 报警状态中文
areaPosition: '', // 区域名称
+ areaType: '',
alarmContent: '', // 报警内容
alarmValue: '', // 报警值
alarmValueStr: '', // 报警值格式化
@@ -130,12 +131,13 @@
alarmCode: response.data.alarmCode,
alarmTime: response.data.alarmTimeFmt,
areaPosition: response.data.areaPosition,
+ areaType: response.data.areaType,
alarmContent: response.data.alarmContent,
alarmValue: response.data.alarmValue,
valid: response.data.valid,
devcode: response.data.devcode,
devName: response.data.devName,
- reason: response.data.reson,
+ reason: response.data.reason,
remark: response.data.remark
}
diff --git a/src/views/alarm/alarmMonitor.vue b/src/views/alarm/alarmMonitor.vue
index fe1f4d7..3fd8173 100644
--- a/src/views/alarm/alarmMonitor.vue
+++ b/src/views/alarm/alarmMonitor.vue
@@ -4,14 +4,15 @@
-
-
+
+
-
-
-
-
-
+
+
+
+
+
+
diff --git a/src/views/alarm/alarmPosition.vue b/src/views/alarm/alarmPosition.vue
index 30804d4..2be4412 100644
--- a/src/views/alarm/alarmPosition.vue
+++ b/src/views/alarm/alarmPosition.vue
@@ -47,6 +47,17 @@
+
+
+
+
+
+
+
+
+
+
+
@@ -67,6 +78,7 @@
return {
title: getProject().title,
bgImageSrc: tg_main,
+ dialogVisible: false,
devListParams: {
picture: '1',
areaTypeId: 1,
@@ -229,6 +241,7 @@
devcode: dev.devcode,
typeName: response.data.typeName,
model: dev.model,
+ type: response.data.type,
onlineStatusName: response.data.onlineStatusName,
position: dev.position,
installDate: dev.installDate,
@@ -245,7 +258,7 @@
this.showDevDetail = true
let top = parseInt(targetDev.style.top.substring(0, targetDev.style.top.length - 2))
- top = top + 100
+ //top = top + 100
this.$refs['dev-detail-block'].style.position = 'absolute'
this.$refs['dev-detail-block'].style.top = top + 'px'
this.$refs['dev-detail-block'].style.left = targetDev.style.left
diff --git a/src/views/ctrl/overview.vue b/src/views/ctrl/overview.vue
index 6dc20d4..62e1105 100644
--- a/src/views/ctrl/overview.vue
+++ b/src/views/ctrl/overview.vue
@@ -13,7 +13,7 @@
@@ -84,6 +84,54 @@
![]()
+

+

+

+

+
+
+
+
![]()
标准数字
-
-
+
+
智能球形
-
-
+
+
标准半球
@@ -251,7 +299,7 @@
报警数值
- {{ alarmForm.alarmValue }}
+ {{ alarmForm.alarmValue }}℃
@@ -260,7 +308,17 @@
-
+
+ 是否确认登出?
+
+
@@ -284,7 +342,9 @@
components: { DeviceDetail },
data() {
return {
+ isMain: true,
showType: false,
+ dialogVisible: false,
wsPath: process.env.BASE_API+'/websocket/',
title: getProject().title,
bgImageSrc: tg_main,
@@ -347,6 +407,7 @@
], // 报警列表显示列
tableShow: true, // 是否显示告警列表
devList: [], // 设备列表(在地图上显示)
+ fenceList: [],
alarmForm: {
id:'',
alarmCode: '',
@@ -412,9 +473,33 @@
handleKeyup(val){ //单击收起摄像头分类
this.showAlarmDetail = false
this.showDevDetail = false
-
+ if(val.target.id==='click1'){
+ for(var i=0;i {
that.clickAlarm(data.deviceId,data.picture)
}
@@ -493,7 +579,6 @@
this.selectDevByType(key,undefined)
},
clickAlarm(val,pic){
- console.log(val)
if(pic==='1'){
this.changeMap('tg_main')
}else if(pic==='2'){
@@ -565,6 +650,7 @@
if (response.code === 200) {
const that = this
this.devList = []
+ this.fenceList = []
response.data.forEach(dev => {
if (dev.x !== '' && dev.y !== '') {
dev.imgUrl = require("../../assets/overview_images/icons/icon-camera-point.png")
@@ -588,9 +674,9 @@
}
}else if(dev.type===2){ //烟感
if(dev.deviceStatus === 0){ //normal
- dev.imgUrl = require("../../assets/overview_images/icons/icon-temperature-green.png")
+ dev.imgUrl = require("../../assets/overview_images/icons/icon-smoking-green.png")
}else{ //alarm
- dev.imgUrl = require("../../assets/overview_images/icons/icon-temperature-checked.png")
+ dev.imgUrl = require("../../assets/overview_images/icons/icon-smoking-checked.png")
}
}else if(dev.type===12){ //声光
if(dev.deviceStatus === 0){ //normal
@@ -598,6 +684,31 @@
}else{ //alarm
dev.imgUrl = require("../../assets/overview_images/icons/icon-sound-checked.png")
}
+ }else if(dev.type===7){
+ var obj = document.getElementById(dev.devcode.toString());
+ if(dev.deviceStatus === 0){ //normal
+ if(dev.devcode.endsWith('1')){
+ obj.setAttribute("src", require("../../assets/overview_images/tg/green1.png"))
+ }else if(dev.devcode.endsWith('2')){
+ obj.setAttribute("src", require("../../assets/overview_images/tg/green2.png"))
+ }else if(dev.devcode.endsWith('3')){
+ obj.setAttribute("src", require("../../assets/overview_images/tg/green3.png"))
+ }else if(dev.devcode.endsWith('4')){
+ obj.setAttribute("src", require("../../assets/overview_images/tg/green4.png"))
+ }
+ }else{
+ if(dev.devcode.endsWith('1')){
+ obj.setAttribute("src", require("../../assets/overview_images/tg/red1.png"))
+ }else if(dev.devcode.endsWith('2')){
+ obj.setAttribute("src", require("../../assets/overview_images/tg/red2.png"))
+ }else if(dev.devcode.endsWith('3')){
+ obj.setAttribute("src", require("../../assets/overview_images/tg/red3.png"))
+ }else if(dev.devcode.endsWith('4')){
+ obj.setAttribute("src", require("../../assets/overview_images/tg/red4.png"))
+ }
+ }
+ that.fenceList.push(dev)
+ return true
}else { //camera
if(dev.deviceStatus === 0){ //normal
dev.imgUrl = require("../../assets/overview_images/icons/icon-camera-point.png")
@@ -638,9 +749,10 @@
})
},
logout() {
- this.$store.dispatch('LogOut').then(() => {
- location.reload() // 为了重新实例化vue-router对象 避免bug
- })
+ this.dialogVisible = false
+ this.$store.dispatch('LogOut').then(() => {
+ location.reload() // 为了重新实例化vue-router对象 避免bug
+ })
},
backToIndex() {
this.$router.push('/ctrl')
@@ -825,6 +937,7 @@
if (response.code === 200) {
const that = this
this.devList = []
+ this.fenceList = []
this.initMap(index)
response.data.forEach(dev => {
if (dev.x !== '' && dev.y !== '') {
@@ -849,9 +962,9 @@
}
}else if(dev.type===2){ //烟感
if(dev.deviceStatus === 0){ //normal
- dev.imgUrl = require("../../assets/overview_images/icons/icon-temperature-green.png")
+ dev.imgUrl = require("../../assets/overview_images/icons/icon-smoking-green.png")
}else{ //alarm
- dev.imgUrl = require("../../assets/overview_images/icons/icon-temperature-checked.png")
+ dev.imgUrl = require("../../assets/overview_images/icons/icon-smoking-checked.png")
}
}else if(dev.type===12){ //声光
if(dev.deviceStatus === 0){ //normal
@@ -859,6 +972,31 @@
}else{ //alarm
dev.imgUrl = require("../../assets/overview_images/icons/icon-sound-checked.png")
}
+ }else if(dev.type===7){
+ var obj = document.getElementById(dev.devcode.toString());
+ if(dev.deviceStatus === 0){ //normal
+ if(dev.devcode.endsWith('1')){
+ obj.setAttribute("src", require("../../assets/overview_images/tg/green1.png"))
+ }else if(dev.devcode.endsWith('2')){
+ obj.setAttribute("src", require("../../assets/overview_images/tg/green2.png"))
+ }else if(dev.devcode.endsWith('3')){
+ obj.setAttribute("src", require("../../assets/overview_images/tg/green3.png"))
+ }else if(dev.devcode.endsWith('4')){
+ obj.setAttribute("src", require("../../assets/overview_images/tg/green4.png"))
+ }
+ }else{
+ if(dev.devcode.endsWith('1')){
+ obj.setAttribute("src", require("../../assets/overview_images/tg/red1.png"))
+ }else if(dev.devcode.endsWith('2')){
+ obj.setAttribute("src", require("../../assets/overview_images/tg/red2.png"))
+ }else if(dev.devcode.endsWith('3')){
+ obj.setAttribute("src", require("../../assets/overview_images/tg/red3.png"))
+ }else if(dev.devcode.endsWith('4')){
+ obj.setAttribute("src", require("../../assets/overview_images/tg/red4.png"))
+ }
+ }
+ that.fenceList.push(dev)
+ return true
}else { //camera
if(dev.deviceStatus === 0){ //normal
dev.imgUrl = require("../../assets/overview_images/icons/icon-camera-point.png")
@@ -873,8 +1011,10 @@
})
},
initMap(index){
+ this.isMain = false
if (index === 'tg_main') {
this.bgImageSrc = tg_main
+ this.isMain = true
// this.devListParams.picture = '1'
this.imgSizeOriginal = { width: 2245, height: 1586 }
this.btnNum = 3
@@ -924,50 +1064,77 @@
// 查询并显示设备详情
detailDev(dev, event) {
this.resetDevDetail()
- getDetailDevice(dev.id).then(response => {
- if (response.code === 200) {
- this.dataForm = {
- id: dev.id,
- name: dev.name,
- devcode: dev.devcode,
- typeName: response.data.typeName,
- model: dev.model,
- onlineStatusName: response.data.onlineStatusName,
- position: dev.position,
- installDate: dev.installDate,
- inOutName: response.data.inOutName,
- deviceStatusName: response.data.deviceStatusName
- }
- // 电子围栏设备有开启字段
- if (dev.typeName.indexOf('电子围栏') >= 0) {
- this.isFence = true
- }
- } else {
- this.$message.error(response.message)
- }
- })
if(dev.deviceStatus===1){
- alarmDetailbyCode(dev.devcode).then(response=>{
- if(response.code === 200){
- this.alarmForm = response.data
+ getDetailDevice(dev.id).then(response => {
+ if (response.code === 200) {
+ this.dataForm = {
+ id: dev.id,
+ name: dev.name,
+ devcode: dev.devcode,
+ typeName: response.data.typeName,
+ type: response.data.type,
+ model: dev.model,
+ onlineStatusName: response.data.onlineStatusName,
+ position: dev.position,
+ installDate: dev.installDate,
+ inOutName: response.data.inOutName,
+ deviceStatusName: response.data.deviceStatusName
+ }
+ alarmDetailbyCode(dev.devcode).then(response=>{
+ if(response.code === 200){
+ this.alarmForm = response.data
+ this.showDevDetail = false
+ this.showAlarmDetail = true
+ }
+ })
+ } else {
+ this.$message.error(response.message)
}
})
- this.showDevDetail = false
- this.showAlarmDetail = true
+ if(event.target.id.startsWith('click')){
+ this.$refs['alarm-detail-block'].style.position = 'absolute'
+ this.$refs['alarm-detail-block'].style.top = event.clientY + 'px'
+ this.$refs['alarm-detail-block'].style.left = event.clientX + 'px'
+ return
+ }
// 弹窗显示设备详情
const targetDev = event.currentTarget // 取到点击到的设备图标div
let top = parseInt(targetDev.style.top.substring(0, targetDev.style.top.length - 2))
- top = top + 100
+ //top = top + 100
this.$refs['alarm-detail-block'].style.position = 'absolute'
this.$refs['alarm-detail-block'].style.top = top + 'px'
this.$refs['alarm-detail-block'].style.left = targetDev.style.left
}else{
- this.showDevDetail = true
- this.showAlarmDetail = false
+ getDetailDevice(dev.id).then(response => {
+ if (response.code === 200) {
+ this.dataForm = {
+ id: dev.id,
+ name: dev.name,
+ devcode: dev.devcode,
+ typeName: response.data.typeName,
+ model: dev.model,
+ onlineStatusName: response.data.onlineStatusName,
+ position: dev.position,
+ installDate: dev.installDate,
+ inOutName: response.data.inOutName,
+ deviceStatusName: response.data.deviceStatusName
+ }
+ this.showDevDetail = true
+ this.showAlarmDetail = false
+ } else {
+ this.$message.error(response.message)
+ }
+ })
+ if(event.target.id.startsWith('click')){
+ this.$refs['dev-detail-block'].style.position = 'absolute'
+ this.$refs['dev-detail-block'].style.top = event.clientY + 'px'
+ this.$refs['dev-detail-block'].style.left = event.clientX + 'px'
+ return
+ }
// 弹窗显示设备详情
const targetDev = event.currentTarget // 取到点击到的设备图标div
let top = parseInt(targetDev.style.top.substring(0, targetDev.style.top.length - 2))
- top = top + 100
+ //top = top + 100
this.$refs['dev-detail-block'].style.position = 'absolute'
this.$refs['dev-detail-block'].style.top = top + 'px'
this.$refs['dev-detail-block'].style.left = targetDev.style.left
@@ -1014,6 +1181,20 @@
}
diff --git a/src/views/visitor/visitorCarCheckIn.vue b/src/views/visitor/visitorCarCheckIn.vue
index c8ca1ee..c09abbb 100644
--- a/src/views/visitor/visitorCarCheckIn.vue
+++ b/src/views/visitor/visitorCarCheckIn.vue
@@ -13,7 +13,7 @@
- 读取身份证
+ 读取身份证
@@ -48,7 +48,7 @@
-
+
@@ -68,7 +68,7 @@
@@ -82,6 +82,7 @@
name: 'VisitorCarCheckIn',
data() {
return {
+ canRead: false,
isEditMode: true, // 是否为编辑模式,非编辑模式都为只读
readCard: false, // 是否从读卡器读卡,未从读卡器读卡不能提交,读卡之后不能编辑
checkInCar: true, // 添加车辆还是添加随车人员
@@ -194,6 +195,8 @@
this.readCard = false
},
readIDCard() {
+ this.resetForm()
+ this.canRead = true
const that = this
this.ws = that.$root.ws
if (this.ws === null) {
@@ -214,6 +217,7 @@
this.ws.send('ReadIdCard')
}
this.ws.onmessage = function(receiveMsg) {
+ that.canRead = false
const data = JSON.parse(receiveMsg.data)
if (data !== '' && data.message !== 'fail') {
that.dataForm.idCard = data.IdCardNo
diff --git a/src/api/device.js b/src/api/device.js
index 65d109b..a1c7007 100644
--- a/src/api/device.js
+++ b/src/api/device.js
@@ -50,3 +50,13 @@
params
})
}
+
+export function getDeviceType(areaType) {
+ return request({
+ url: '/device/getDeviceTypeByAreaType',
+ method: 'get',
+ params:{
+ areaType: areaType
+ }
+ })
+}
diff --git a/src/assets/overview_images/tg/green1.png b/src/assets/overview_images/tg/green1.png
new file mode 100644
index 0000000..03c880d
--- /dev/null
+++ b/src/assets/overview_images/tg/green1.png
Binary files differ
diff --git a/src/assets/overview_images/tg/green2.png b/src/assets/overview_images/tg/green2.png
new file mode 100644
index 0000000..27e3dd8
--- /dev/null
+++ b/src/assets/overview_images/tg/green2.png
Binary files differ
diff --git a/src/assets/overview_images/tg/green3.png b/src/assets/overview_images/tg/green3.png
new file mode 100644
index 0000000..74f6080
--- /dev/null
+++ b/src/assets/overview_images/tg/green3.png
Binary files differ
diff --git a/src/assets/overview_images/tg/green4.png b/src/assets/overview_images/tg/green4.png
new file mode 100644
index 0000000..dfdd870
--- /dev/null
+++ b/src/assets/overview_images/tg/green4.png
Binary files differ
diff --git a/src/assets/overview_images/tg/red1.png b/src/assets/overview_images/tg/red1.png
new file mode 100644
index 0000000..ee80b95
--- /dev/null
+++ b/src/assets/overview_images/tg/red1.png
Binary files differ
diff --git a/src/assets/overview_images/tg/red2.png b/src/assets/overview_images/tg/red2.png
new file mode 100644
index 0000000..9fae604
--- /dev/null
+++ b/src/assets/overview_images/tg/red2.png
Binary files differ
diff --git a/src/assets/overview_images/tg/red3.png b/src/assets/overview_images/tg/red3.png
new file mode 100644
index 0000000..7d8bc02
--- /dev/null
+++ b/src/assets/overview_images/tg/red3.png
Binary files differ
diff --git a/src/assets/overview_images/tg/red4.png b/src/assets/overview_images/tg/red4.png
new file mode 100644
index 0000000..2bd0f84
--- /dev/null
+++ b/src/assets/overview_images/tg/red4.png
Binary files differ
diff --git a/src/store/getters.js b/src/store/getters.js
index c33a49d..a28c9f9 100644
--- a/src/store/getters.js
+++ b/src/store/getters.js
@@ -10,6 +10,7 @@
changeFlag: state => state.app.changeFlag, // 切换子系统标志
token: state => state.user.token, // token
name: state => state.user.name, // 姓名
+ id: state => state.user.id, // id
roleList: state => state.user.roleList, // 角色列表
roleNames: state => state.user.roleNames, // 角色名称列表
roleTips: state => state.user.roleTips, // 角色名称列表
diff --git a/src/store/modules/user.js b/src/store/modules/user.js
index 28149ed..e0b64b1 100644
--- a/src/store/modules/user.js
+++ b/src/store/modules/user.js
@@ -5,6 +5,7 @@
state: {
token: getToken(),
name: '', // 姓名
+ id: '',
deptId: '', // 部门编号
deptName: '', // 部门名称
roleList: [], // 角色编号集合
@@ -19,6 +20,9 @@
SET_TOKEN: (state, token) => {
state.token = token
},
+ SET_ID: (state, id) => {
+ state.id = id
+ },
SET_NAME: (state, name) => {
state.name = name
},
@@ -58,6 +62,7 @@
login(userInfo).then(response => {
if (response.code === 200) {
const data = response.data
+ console.log(data)
setToken(data.token)
commit('SET_TOKEN', data.token)
resolve()
@@ -75,6 +80,7 @@
return new Promise((resolve, reject) => {
getInfo().then(response => {
const data = response.data
+ commit('SET_ID', data.id)
if (data.roleList && data.roleList.length > 0) { // 验证返回的roles是否是一个非空数组
commit('SET_ROLELIST', data.roleList)
commit('SET_ROLENAMES', data.roleNames)
diff --git a/src/views/alarm/alarmDetail.vue b/src/views/alarm/alarmDetail.vue
index 63c852a..2c94629 100644
--- a/src/views/alarm/alarmDetail.vue
+++ b/src/views/alarm/alarmDetail.vue
@@ -95,6 +95,7 @@
valid: '', // 报警状态
validStr: '', // 报警状态中文
areaPosition: '', // 区域名称
+ areaType: '',
alarmContent: '', // 报警内容
alarmValue: '', // 报警值
alarmValueStr: '', // 报警值格式化
@@ -130,12 +131,13 @@
alarmCode: response.data.alarmCode,
alarmTime: response.data.alarmTimeFmt,
areaPosition: response.data.areaPosition,
+ areaType: response.data.areaType,
alarmContent: response.data.alarmContent,
alarmValue: response.data.alarmValue,
valid: response.data.valid,
devcode: response.data.devcode,
devName: response.data.devName,
- reason: response.data.reson,
+ reason: response.data.reason,
remark: response.data.remark
}
diff --git a/src/views/alarm/alarmMonitor.vue b/src/views/alarm/alarmMonitor.vue
index fe1f4d7..3fd8173 100644
--- a/src/views/alarm/alarmMonitor.vue
+++ b/src/views/alarm/alarmMonitor.vue
@@ -4,14 +4,15 @@
-
-
+
+
-
-
-
-
-
+
+
+
+
+
+
diff --git a/src/views/alarm/alarmPosition.vue b/src/views/alarm/alarmPosition.vue
index 30804d4..2be4412 100644
--- a/src/views/alarm/alarmPosition.vue
+++ b/src/views/alarm/alarmPosition.vue
@@ -47,6 +47,17 @@
+
+
+
+
+
+
+
+
+
+
+
@@ -67,6 +78,7 @@
return {
title: getProject().title,
bgImageSrc: tg_main,
+ dialogVisible: false,
devListParams: {
picture: '1',
areaTypeId: 1,
@@ -229,6 +241,7 @@
devcode: dev.devcode,
typeName: response.data.typeName,
model: dev.model,
+ type: response.data.type,
onlineStatusName: response.data.onlineStatusName,
position: dev.position,
installDate: dev.installDate,
@@ -245,7 +258,7 @@
this.showDevDetail = true
let top = parseInt(targetDev.style.top.substring(0, targetDev.style.top.length - 2))
- top = top + 100
+ //top = top + 100
this.$refs['dev-detail-block'].style.position = 'absolute'
this.$refs['dev-detail-block'].style.top = top + 'px'
this.$refs['dev-detail-block'].style.left = targetDev.style.left
diff --git a/src/views/ctrl/overview.vue b/src/views/ctrl/overview.vue
index 6dc20d4..62e1105 100644
--- a/src/views/ctrl/overview.vue
+++ b/src/views/ctrl/overview.vue
@@ -13,7 +13,7 @@
@@ -84,6 +84,54 @@
![]()
+

+

+

+

+
+
+
+
![]()
标准数字
-
-
+
+
智能球形
-
-
+
+
标准半球
@@ -251,7 +299,7 @@
报警数值
- {{ alarmForm.alarmValue }}
+ {{ alarmForm.alarmValue }}℃
@@ -260,7 +308,17 @@
-
+
+ 是否确认登出?
+
+
@@ -284,7 +342,9 @@
components: { DeviceDetail },
data() {
return {
+ isMain: true,
showType: false,
+ dialogVisible: false,
wsPath: process.env.BASE_API+'/websocket/',
title: getProject().title,
bgImageSrc: tg_main,
@@ -347,6 +407,7 @@
], // 报警列表显示列
tableShow: true, // 是否显示告警列表
devList: [], // 设备列表(在地图上显示)
+ fenceList: [],
alarmForm: {
id:'',
alarmCode: '',
@@ -412,9 +473,33 @@
handleKeyup(val){ //单击收起摄像头分类
this.showAlarmDetail = false
this.showDevDetail = false
-
+ if(val.target.id==='click1'){
+ for(var i=0;i {
that.clickAlarm(data.deviceId,data.picture)
}
@@ -493,7 +579,6 @@
this.selectDevByType(key,undefined)
},
clickAlarm(val,pic){
- console.log(val)
if(pic==='1'){
this.changeMap('tg_main')
}else if(pic==='2'){
@@ -565,6 +650,7 @@
if (response.code === 200) {
const that = this
this.devList = []
+ this.fenceList = []
response.data.forEach(dev => {
if (dev.x !== '' && dev.y !== '') {
dev.imgUrl = require("../../assets/overview_images/icons/icon-camera-point.png")
@@ -588,9 +674,9 @@
}
}else if(dev.type===2){ //烟感
if(dev.deviceStatus === 0){ //normal
- dev.imgUrl = require("../../assets/overview_images/icons/icon-temperature-green.png")
+ dev.imgUrl = require("../../assets/overview_images/icons/icon-smoking-green.png")
}else{ //alarm
- dev.imgUrl = require("../../assets/overview_images/icons/icon-temperature-checked.png")
+ dev.imgUrl = require("../../assets/overview_images/icons/icon-smoking-checked.png")
}
}else if(dev.type===12){ //声光
if(dev.deviceStatus === 0){ //normal
@@ -598,6 +684,31 @@
}else{ //alarm
dev.imgUrl = require("../../assets/overview_images/icons/icon-sound-checked.png")
}
+ }else if(dev.type===7){
+ var obj = document.getElementById(dev.devcode.toString());
+ if(dev.deviceStatus === 0){ //normal
+ if(dev.devcode.endsWith('1')){
+ obj.setAttribute("src", require("../../assets/overview_images/tg/green1.png"))
+ }else if(dev.devcode.endsWith('2')){
+ obj.setAttribute("src", require("../../assets/overview_images/tg/green2.png"))
+ }else if(dev.devcode.endsWith('3')){
+ obj.setAttribute("src", require("../../assets/overview_images/tg/green3.png"))
+ }else if(dev.devcode.endsWith('4')){
+ obj.setAttribute("src", require("../../assets/overview_images/tg/green4.png"))
+ }
+ }else{
+ if(dev.devcode.endsWith('1')){
+ obj.setAttribute("src", require("../../assets/overview_images/tg/red1.png"))
+ }else if(dev.devcode.endsWith('2')){
+ obj.setAttribute("src", require("../../assets/overview_images/tg/red2.png"))
+ }else if(dev.devcode.endsWith('3')){
+ obj.setAttribute("src", require("../../assets/overview_images/tg/red3.png"))
+ }else if(dev.devcode.endsWith('4')){
+ obj.setAttribute("src", require("../../assets/overview_images/tg/red4.png"))
+ }
+ }
+ that.fenceList.push(dev)
+ return true
}else { //camera
if(dev.deviceStatus === 0){ //normal
dev.imgUrl = require("../../assets/overview_images/icons/icon-camera-point.png")
@@ -638,9 +749,10 @@
})
},
logout() {
- this.$store.dispatch('LogOut').then(() => {
- location.reload() // 为了重新实例化vue-router对象 避免bug
- })
+ this.dialogVisible = false
+ this.$store.dispatch('LogOut').then(() => {
+ location.reload() // 为了重新实例化vue-router对象 避免bug
+ })
},
backToIndex() {
this.$router.push('/ctrl')
@@ -825,6 +937,7 @@
if (response.code === 200) {
const that = this
this.devList = []
+ this.fenceList = []
this.initMap(index)
response.data.forEach(dev => {
if (dev.x !== '' && dev.y !== '') {
@@ -849,9 +962,9 @@
}
}else if(dev.type===2){ //烟感
if(dev.deviceStatus === 0){ //normal
- dev.imgUrl = require("../../assets/overview_images/icons/icon-temperature-green.png")
+ dev.imgUrl = require("../../assets/overview_images/icons/icon-smoking-green.png")
}else{ //alarm
- dev.imgUrl = require("../../assets/overview_images/icons/icon-temperature-checked.png")
+ dev.imgUrl = require("../../assets/overview_images/icons/icon-smoking-checked.png")
}
}else if(dev.type===12){ //声光
if(dev.deviceStatus === 0){ //normal
@@ -859,6 +972,31 @@
}else{ //alarm
dev.imgUrl = require("../../assets/overview_images/icons/icon-sound-checked.png")
}
+ }else if(dev.type===7){
+ var obj = document.getElementById(dev.devcode.toString());
+ if(dev.deviceStatus === 0){ //normal
+ if(dev.devcode.endsWith('1')){
+ obj.setAttribute("src", require("../../assets/overview_images/tg/green1.png"))
+ }else if(dev.devcode.endsWith('2')){
+ obj.setAttribute("src", require("../../assets/overview_images/tg/green2.png"))
+ }else if(dev.devcode.endsWith('3')){
+ obj.setAttribute("src", require("../../assets/overview_images/tg/green3.png"))
+ }else if(dev.devcode.endsWith('4')){
+ obj.setAttribute("src", require("../../assets/overview_images/tg/green4.png"))
+ }
+ }else{
+ if(dev.devcode.endsWith('1')){
+ obj.setAttribute("src", require("../../assets/overview_images/tg/red1.png"))
+ }else if(dev.devcode.endsWith('2')){
+ obj.setAttribute("src", require("../../assets/overview_images/tg/red2.png"))
+ }else if(dev.devcode.endsWith('3')){
+ obj.setAttribute("src", require("../../assets/overview_images/tg/red3.png"))
+ }else if(dev.devcode.endsWith('4')){
+ obj.setAttribute("src", require("../../assets/overview_images/tg/red4.png"))
+ }
+ }
+ that.fenceList.push(dev)
+ return true
}else { //camera
if(dev.deviceStatus === 0){ //normal
dev.imgUrl = require("../../assets/overview_images/icons/icon-camera-point.png")
@@ -873,8 +1011,10 @@
})
},
initMap(index){
+ this.isMain = false
if (index === 'tg_main') {
this.bgImageSrc = tg_main
+ this.isMain = true
// this.devListParams.picture = '1'
this.imgSizeOriginal = { width: 2245, height: 1586 }
this.btnNum = 3
@@ -924,50 +1064,77 @@
// 查询并显示设备详情
detailDev(dev, event) {
this.resetDevDetail()
- getDetailDevice(dev.id).then(response => {
- if (response.code === 200) {
- this.dataForm = {
- id: dev.id,
- name: dev.name,
- devcode: dev.devcode,
- typeName: response.data.typeName,
- model: dev.model,
- onlineStatusName: response.data.onlineStatusName,
- position: dev.position,
- installDate: dev.installDate,
- inOutName: response.data.inOutName,
- deviceStatusName: response.data.deviceStatusName
- }
- // 电子围栏设备有开启字段
- if (dev.typeName.indexOf('电子围栏') >= 0) {
- this.isFence = true
- }
- } else {
- this.$message.error(response.message)
- }
- })
if(dev.deviceStatus===1){
- alarmDetailbyCode(dev.devcode).then(response=>{
- if(response.code === 200){
- this.alarmForm = response.data
+ getDetailDevice(dev.id).then(response => {
+ if (response.code === 200) {
+ this.dataForm = {
+ id: dev.id,
+ name: dev.name,
+ devcode: dev.devcode,
+ typeName: response.data.typeName,
+ type: response.data.type,
+ model: dev.model,
+ onlineStatusName: response.data.onlineStatusName,
+ position: dev.position,
+ installDate: dev.installDate,
+ inOutName: response.data.inOutName,
+ deviceStatusName: response.data.deviceStatusName
+ }
+ alarmDetailbyCode(dev.devcode).then(response=>{
+ if(response.code === 200){
+ this.alarmForm = response.data
+ this.showDevDetail = false
+ this.showAlarmDetail = true
+ }
+ })
+ } else {
+ this.$message.error(response.message)
}
})
- this.showDevDetail = false
- this.showAlarmDetail = true
+ if(event.target.id.startsWith('click')){
+ this.$refs['alarm-detail-block'].style.position = 'absolute'
+ this.$refs['alarm-detail-block'].style.top = event.clientY + 'px'
+ this.$refs['alarm-detail-block'].style.left = event.clientX + 'px'
+ return
+ }
// 弹窗显示设备详情
const targetDev = event.currentTarget // 取到点击到的设备图标div
let top = parseInt(targetDev.style.top.substring(0, targetDev.style.top.length - 2))
- top = top + 100
+ //top = top + 100
this.$refs['alarm-detail-block'].style.position = 'absolute'
this.$refs['alarm-detail-block'].style.top = top + 'px'
this.$refs['alarm-detail-block'].style.left = targetDev.style.left
}else{
- this.showDevDetail = true
- this.showAlarmDetail = false
+ getDetailDevice(dev.id).then(response => {
+ if (response.code === 200) {
+ this.dataForm = {
+ id: dev.id,
+ name: dev.name,
+ devcode: dev.devcode,
+ typeName: response.data.typeName,
+ model: dev.model,
+ onlineStatusName: response.data.onlineStatusName,
+ position: dev.position,
+ installDate: dev.installDate,
+ inOutName: response.data.inOutName,
+ deviceStatusName: response.data.deviceStatusName
+ }
+ this.showDevDetail = true
+ this.showAlarmDetail = false
+ } else {
+ this.$message.error(response.message)
+ }
+ })
+ if(event.target.id.startsWith('click')){
+ this.$refs['dev-detail-block'].style.position = 'absolute'
+ this.$refs['dev-detail-block'].style.top = event.clientY + 'px'
+ this.$refs['dev-detail-block'].style.left = event.clientX + 'px'
+ return
+ }
// 弹窗显示设备详情
const targetDev = event.currentTarget // 取到点击到的设备图标div
let top = parseInt(targetDev.style.top.substring(0, targetDev.style.top.length - 2))
- top = top + 100
+ //top = top + 100
this.$refs['dev-detail-block'].style.position = 'absolute'
this.$refs['dev-detail-block'].style.top = top + 'px'
this.$refs['dev-detail-block'].style.left = targetDev.style.left
@@ -1014,6 +1181,20 @@
}
diff --git a/src/views/visitor/visitorCarCheckIn.vue b/src/views/visitor/visitorCarCheckIn.vue
index c8ca1ee..c09abbb 100644
--- a/src/views/visitor/visitorCarCheckIn.vue
+++ b/src/views/visitor/visitorCarCheckIn.vue
@@ -13,7 +13,7 @@
- 读取身份证
+ 读取身份证
@@ -48,7 +48,7 @@
-
+
@@ -68,7 +68,7 @@
@@ -82,6 +82,7 @@
name: 'VisitorCarCheckIn',
data() {
return {
+ canRead: false,
isEditMode: true, // 是否为编辑模式,非编辑模式都为只读
readCard: false, // 是否从读卡器读卡,未从读卡器读卡不能提交,读卡之后不能编辑
checkInCar: true, // 添加车辆还是添加随车人员
@@ -194,6 +195,8 @@
this.readCard = false
},
readIDCard() {
+ this.resetForm()
+ this.canRead = true
const that = this
this.ws = that.$root.ws
if (this.ws === null) {
@@ -214,6 +217,7 @@
this.ws.send('ReadIdCard')
}
this.ws.onmessage = function(receiveMsg) {
+ that.canRead = false
const data = JSON.parse(receiveMsg.data)
if (data !== '' && data.message !== 'fail') {
that.dataForm.idCard = data.IdCardNo
diff --git a/src/views/visitor/visitorCarDetail.vue b/src/views/visitor/visitorCarDetail.vue
index 2641204..38eceb4 100644
--- a/src/views/visitor/visitorCarDetail.vue
+++ b/src/views/visitor/visitorCarDetail.vue
@@ -45,7 +45,7 @@
-
+
@@ -102,7 +102,7 @@
-
+
@@ -142,7 +142,7 @@
personName: '', // 接访人
beginTime: '', // 授权起始时间
endTime: '', // 授权结束时间
- inTime: '', // 入园时间
+ inTime: '', // 入营时间
outTime: '' // 离开时间
}, // 表单
photo: '', // 图片路径
@@ -212,7 +212,7 @@
personName: '', // 接访人
beginTime: '', // 授权起始时间
endTime: '', // 授权结束时间
- inTime: '', // 入园时间
+ inTime: '', // 入营时间
outTime: '' // 离开时间
}
diff --git a/src/api/device.js b/src/api/device.js
index 65d109b..a1c7007 100644
--- a/src/api/device.js
+++ b/src/api/device.js
@@ -50,3 +50,13 @@
params
})
}
+
+export function getDeviceType(areaType) {
+ return request({
+ url: '/device/getDeviceTypeByAreaType',
+ method: 'get',
+ params:{
+ areaType: areaType
+ }
+ })
+}
diff --git a/src/assets/overview_images/tg/green1.png b/src/assets/overview_images/tg/green1.png
new file mode 100644
index 0000000..03c880d
--- /dev/null
+++ b/src/assets/overview_images/tg/green1.png
Binary files differ
diff --git a/src/assets/overview_images/tg/green2.png b/src/assets/overview_images/tg/green2.png
new file mode 100644
index 0000000..27e3dd8
--- /dev/null
+++ b/src/assets/overview_images/tg/green2.png
Binary files differ
diff --git a/src/assets/overview_images/tg/green3.png b/src/assets/overview_images/tg/green3.png
new file mode 100644
index 0000000..74f6080
--- /dev/null
+++ b/src/assets/overview_images/tg/green3.png
Binary files differ
diff --git a/src/assets/overview_images/tg/green4.png b/src/assets/overview_images/tg/green4.png
new file mode 100644
index 0000000..dfdd870
--- /dev/null
+++ b/src/assets/overview_images/tg/green4.png
Binary files differ
diff --git a/src/assets/overview_images/tg/red1.png b/src/assets/overview_images/tg/red1.png
new file mode 100644
index 0000000..ee80b95
--- /dev/null
+++ b/src/assets/overview_images/tg/red1.png
Binary files differ
diff --git a/src/assets/overview_images/tg/red2.png b/src/assets/overview_images/tg/red2.png
new file mode 100644
index 0000000..9fae604
--- /dev/null
+++ b/src/assets/overview_images/tg/red2.png
Binary files differ
diff --git a/src/assets/overview_images/tg/red3.png b/src/assets/overview_images/tg/red3.png
new file mode 100644
index 0000000..7d8bc02
--- /dev/null
+++ b/src/assets/overview_images/tg/red3.png
Binary files differ
diff --git a/src/assets/overview_images/tg/red4.png b/src/assets/overview_images/tg/red4.png
new file mode 100644
index 0000000..2bd0f84
--- /dev/null
+++ b/src/assets/overview_images/tg/red4.png
Binary files differ
diff --git a/src/store/getters.js b/src/store/getters.js
index c33a49d..a28c9f9 100644
--- a/src/store/getters.js
+++ b/src/store/getters.js
@@ -10,6 +10,7 @@
changeFlag: state => state.app.changeFlag, // 切换子系统标志
token: state => state.user.token, // token
name: state => state.user.name, // 姓名
+ id: state => state.user.id, // id
roleList: state => state.user.roleList, // 角色列表
roleNames: state => state.user.roleNames, // 角色名称列表
roleTips: state => state.user.roleTips, // 角色名称列表
diff --git a/src/store/modules/user.js b/src/store/modules/user.js
index 28149ed..e0b64b1 100644
--- a/src/store/modules/user.js
+++ b/src/store/modules/user.js
@@ -5,6 +5,7 @@
state: {
token: getToken(),
name: '', // 姓名
+ id: '',
deptId: '', // 部门编号
deptName: '', // 部门名称
roleList: [], // 角色编号集合
@@ -19,6 +20,9 @@
SET_TOKEN: (state, token) => {
state.token = token
},
+ SET_ID: (state, id) => {
+ state.id = id
+ },
SET_NAME: (state, name) => {
state.name = name
},
@@ -58,6 +62,7 @@
login(userInfo).then(response => {
if (response.code === 200) {
const data = response.data
+ console.log(data)
setToken(data.token)
commit('SET_TOKEN', data.token)
resolve()
@@ -75,6 +80,7 @@
return new Promise((resolve, reject) => {
getInfo().then(response => {
const data = response.data
+ commit('SET_ID', data.id)
if (data.roleList && data.roleList.length > 0) { // 验证返回的roles是否是一个非空数组
commit('SET_ROLELIST', data.roleList)
commit('SET_ROLENAMES', data.roleNames)
diff --git a/src/views/alarm/alarmDetail.vue b/src/views/alarm/alarmDetail.vue
index 63c852a..2c94629 100644
--- a/src/views/alarm/alarmDetail.vue
+++ b/src/views/alarm/alarmDetail.vue
@@ -95,6 +95,7 @@
valid: '', // 报警状态
validStr: '', // 报警状态中文
areaPosition: '', // 区域名称
+ areaType: '',
alarmContent: '', // 报警内容
alarmValue: '', // 报警值
alarmValueStr: '', // 报警值格式化
@@ -130,12 +131,13 @@
alarmCode: response.data.alarmCode,
alarmTime: response.data.alarmTimeFmt,
areaPosition: response.data.areaPosition,
+ areaType: response.data.areaType,
alarmContent: response.data.alarmContent,
alarmValue: response.data.alarmValue,
valid: response.data.valid,
devcode: response.data.devcode,
devName: response.data.devName,
- reason: response.data.reson,
+ reason: response.data.reason,
remark: response.data.remark
}
diff --git a/src/views/alarm/alarmMonitor.vue b/src/views/alarm/alarmMonitor.vue
index fe1f4d7..3fd8173 100644
--- a/src/views/alarm/alarmMonitor.vue
+++ b/src/views/alarm/alarmMonitor.vue
@@ -4,14 +4,15 @@
-
-
+
+
-
-
-
-
-
+
+
+
+
+
+
diff --git a/src/views/alarm/alarmPosition.vue b/src/views/alarm/alarmPosition.vue
index 30804d4..2be4412 100644
--- a/src/views/alarm/alarmPosition.vue
+++ b/src/views/alarm/alarmPosition.vue
@@ -47,6 +47,17 @@
+
+
+
+
+
+
+
+
+
+
+
@@ -67,6 +78,7 @@
return {
title: getProject().title,
bgImageSrc: tg_main,
+ dialogVisible: false,
devListParams: {
picture: '1',
areaTypeId: 1,
@@ -229,6 +241,7 @@
devcode: dev.devcode,
typeName: response.data.typeName,
model: dev.model,
+ type: response.data.type,
onlineStatusName: response.data.onlineStatusName,
position: dev.position,
installDate: dev.installDate,
@@ -245,7 +258,7 @@
this.showDevDetail = true
let top = parseInt(targetDev.style.top.substring(0, targetDev.style.top.length - 2))
- top = top + 100
+ //top = top + 100
this.$refs['dev-detail-block'].style.position = 'absolute'
this.$refs['dev-detail-block'].style.top = top + 'px'
this.$refs['dev-detail-block'].style.left = targetDev.style.left
diff --git a/src/views/ctrl/overview.vue b/src/views/ctrl/overview.vue
index 6dc20d4..62e1105 100644
--- a/src/views/ctrl/overview.vue
+++ b/src/views/ctrl/overview.vue
@@ -13,7 +13,7 @@
@@ -84,6 +84,54 @@
![]()
+

+

+

+

+
+
+
+
![]()
标准数字
-
-
+
+
智能球形
-
-
+
+
标准半球
@@ -251,7 +299,7 @@
报警数值
- {{ alarmForm.alarmValue }}
+ {{ alarmForm.alarmValue }}℃
@@ -260,7 +308,17 @@
-
+
+ 是否确认登出?
+
+
@@ -284,7 +342,9 @@
components: { DeviceDetail },
data() {
return {
+ isMain: true,
showType: false,
+ dialogVisible: false,
wsPath: process.env.BASE_API+'/websocket/',
title: getProject().title,
bgImageSrc: tg_main,
@@ -347,6 +407,7 @@
], // 报警列表显示列
tableShow: true, // 是否显示告警列表
devList: [], // 设备列表(在地图上显示)
+ fenceList: [],
alarmForm: {
id:'',
alarmCode: '',
@@ -412,9 +473,33 @@
handleKeyup(val){ //单击收起摄像头分类
this.showAlarmDetail = false
this.showDevDetail = false
-
+ if(val.target.id==='click1'){
+ for(var i=0;i {
that.clickAlarm(data.deviceId,data.picture)
}
@@ -493,7 +579,6 @@
this.selectDevByType(key,undefined)
},
clickAlarm(val,pic){
- console.log(val)
if(pic==='1'){
this.changeMap('tg_main')
}else if(pic==='2'){
@@ -565,6 +650,7 @@
if (response.code === 200) {
const that = this
this.devList = []
+ this.fenceList = []
response.data.forEach(dev => {
if (dev.x !== '' && dev.y !== '') {
dev.imgUrl = require("../../assets/overview_images/icons/icon-camera-point.png")
@@ -588,9 +674,9 @@
}
}else if(dev.type===2){ //烟感
if(dev.deviceStatus === 0){ //normal
- dev.imgUrl = require("../../assets/overview_images/icons/icon-temperature-green.png")
+ dev.imgUrl = require("../../assets/overview_images/icons/icon-smoking-green.png")
}else{ //alarm
- dev.imgUrl = require("../../assets/overview_images/icons/icon-temperature-checked.png")
+ dev.imgUrl = require("../../assets/overview_images/icons/icon-smoking-checked.png")
}
}else if(dev.type===12){ //声光
if(dev.deviceStatus === 0){ //normal
@@ -598,6 +684,31 @@
}else{ //alarm
dev.imgUrl = require("../../assets/overview_images/icons/icon-sound-checked.png")
}
+ }else if(dev.type===7){
+ var obj = document.getElementById(dev.devcode.toString());
+ if(dev.deviceStatus === 0){ //normal
+ if(dev.devcode.endsWith('1')){
+ obj.setAttribute("src", require("../../assets/overview_images/tg/green1.png"))
+ }else if(dev.devcode.endsWith('2')){
+ obj.setAttribute("src", require("../../assets/overview_images/tg/green2.png"))
+ }else if(dev.devcode.endsWith('3')){
+ obj.setAttribute("src", require("../../assets/overview_images/tg/green3.png"))
+ }else if(dev.devcode.endsWith('4')){
+ obj.setAttribute("src", require("../../assets/overview_images/tg/green4.png"))
+ }
+ }else{
+ if(dev.devcode.endsWith('1')){
+ obj.setAttribute("src", require("../../assets/overview_images/tg/red1.png"))
+ }else if(dev.devcode.endsWith('2')){
+ obj.setAttribute("src", require("../../assets/overview_images/tg/red2.png"))
+ }else if(dev.devcode.endsWith('3')){
+ obj.setAttribute("src", require("../../assets/overview_images/tg/red3.png"))
+ }else if(dev.devcode.endsWith('4')){
+ obj.setAttribute("src", require("../../assets/overview_images/tg/red4.png"))
+ }
+ }
+ that.fenceList.push(dev)
+ return true
}else { //camera
if(dev.deviceStatus === 0){ //normal
dev.imgUrl = require("../../assets/overview_images/icons/icon-camera-point.png")
@@ -638,9 +749,10 @@
})
},
logout() {
- this.$store.dispatch('LogOut').then(() => {
- location.reload() // 为了重新实例化vue-router对象 避免bug
- })
+ this.dialogVisible = false
+ this.$store.dispatch('LogOut').then(() => {
+ location.reload() // 为了重新实例化vue-router对象 避免bug
+ })
},
backToIndex() {
this.$router.push('/ctrl')
@@ -825,6 +937,7 @@
if (response.code === 200) {
const that = this
this.devList = []
+ this.fenceList = []
this.initMap(index)
response.data.forEach(dev => {
if (dev.x !== '' && dev.y !== '') {
@@ -849,9 +962,9 @@
}
}else if(dev.type===2){ //烟感
if(dev.deviceStatus === 0){ //normal
- dev.imgUrl = require("../../assets/overview_images/icons/icon-temperature-green.png")
+ dev.imgUrl = require("../../assets/overview_images/icons/icon-smoking-green.png")
}else{ //alarm
- dev.imgUrl = require("../../assets/overview_images/icons/icon-temperature-checked.png")
+ dev.imgUrl = require("../../assets/overview_images/icons/icon-smoking-checked.png")
}
}else if(dev.type===12){ //声光
if(dev.deviceStatus === 0){ //normal
@@ -859,6 +972,31 @@
}else{ //alarm
dev.imgUrl = require("../../assets/overview_images/icons/icon-sound-checked.png")
}
+ }else if(dev.type===7){
+ var obj = document.getElementById(dev.devcode.toString());
+ if(dev.deviceStatus === 0){ //normal
+ if(dev.devcode.endsWith('1')){
+ obj.setAttribute("src", require("../../assets/overview_images/tg/green1.png"))
+ }else if(dev.devcode.endsWith('2')){
+ obj.setAttribute("src", require("../../assets/overview_images/tg/green2.png"))
+ }else if(dev.devcode.endsWith('3')){
+ obj.setAttribute("src", require("../../assets/overview_images/tg/green3.png"))
+ }else if(dev.devcode.endsWith('4')){
+ obj.setAttribute("src", require("../../assets/overview_images/tg/green4.png"))
+ }
+ }else{
+ if(dev.devcode.endsWith('1')){
+ obj.setAttribute("src", require("../../assets/overview_images/tg/red1.png"))
+ }else if(dev.devcode.endsWith('2')){
+ obj.setAttribute("src", require("../../assets/overview_images/tg/red2.png"))
+ }else if(dev.devcode.endsWith('3')){
+ obj.setAttribute("src", require("../../assets/overview_images/tg/red3.png"))
+ }else if(dev.devcode.endsWith('4')){
+ obj.setAttribute("src", require("../../assets/overview_images/tg/red4.png"))
+ }
+ }
+ that.fenceList.push(dev)
+ return true
}else { //camera
if(dev.deviceStatus === 0){ //normal
dev.imgUrl = require("../../assets/overview_images/icons/icon-camera-point.png")
@@ -873,8 +1011,10 @@
})
},
initMap(index){
+ this.isMain = false
if (index === 'tg_main') {
this.bgImageSrc = tg_main
+ this.isMain = true
// this.devListParams.picture = '1'
this.imgSizeOriginal = { width: 2245, height: 1586 }
this.btnNum = 3
@@ -924,50 +1064,77 @@
// 查询并显示设备详情
detailDev(dev, event) {
this.resetDevDetail()
- getDetailDevice(dev.id).then(response => {
- if (response.code === 200) {
- this.dataForm = {
- id: dev.id,
- name: dev.name,
- devcode: dev.devcode,
- typeName: response.data.typeName,
- model: dev.model,
- onlineStatusName: response.data.onlineStatusName,
- position: dev.position,
- installDate: dev.installDate,
- inOutName: response.data.inOutName,
- deviceStatusName: response.data.deviceStatusName
- }
- // 电子围栏设备有开启字段
- if (dev.typeName.indexOf('电子围栏') >= 0) {
- this.isFence = true
- }
- } else {
- this.$message.error(response.message)
- }
- })
if(dev.deviceStatus===1){
- alarmDetailbyCode(dev.devcode).then(response=>{
- if(response.code === 200){
- this.alarmForm = response.data
+ getDetailDevice(dev.id).then(response => {
+ if (response.code === 200) {
+ this.dataForm = {
+ id: dev.id,
+ name: dev.name,
+ devcode: dev.devcode,
+ typeName: response.data.typeName,
+ type: response.data.type,
+ model: dev.model,
+ onlineStatusName: response.data.onlineStatusName,
+ position: dev.position,
+ installDate: dev.installDate,
+ inOutName: response.data.inOutName,
+ deviceStatusName: response.data.deviceStatusName
+ }
+ alarmDetailbyCode(dev.devcode).then(response=>{
+ if(response.code === 200){
+ this.alarmForm = response.data
+ this.showDevDetail = false
+ this.showAlarmDetail = true
+ }
+ })
+ } else {
+ this.$message.error(response.message)
}
})
- this.showDevDetail = false
- this.showAlarmDetail = true
+ if(event.target.id.startsWith('click')){
+ this.$refs['alarm-detail-block'].style.position = 'absolute'
+ this.$refs['alarm-detail-block'].style.top = event.clientY + 'px'
+ this.$refs['alarm-detail-block'].style.left = event.clientX + 'px'
+ return
+ }
// 弹窗显示设备详情
const targetDev = event.currentTarget // 取到点击到的设备图标div
let top = parseInt(targetDev.style.top.substring(0, targetDev.style.top.length - 2))
- top = top + 100
+ //top = top + 100
this.$refs['alarm-detail-block'].style.position = 'absolute'
this.$refs['alarm-detail-block'].style.top = top + 'px'
this.$refs['alarm-detail-block'].style.left = targetDev.style.left
}else{
- this.showDevDetail = true
- this.showAlarmDetail = false
+ getDetailDevice(dev.id).then(response => {
+ if (response.code === 200) {
+ this.dataForm = {
+ id: dev.id,
+ name: dev.name,
+ devcode: dev.devcode,
+ typeName: response.data.typeName,
+ model: dev.model,
+ onlineStatusName: response.data.onlineStatusName,
+ position: dev.position,
+ installDate: dev.installDate,
+ inOutName: response.data.inOutName,
+ deviceStatusName: response.data.deviceStatusName
+ }
+ this.showDevDetail = true
+ this.showAlarmDetail = false
+ } else {
+ this.$message.error(response.message)
+ }
+ })
+ if(event.target.id.startsWith('click')){
+ this.$refs['dev-detail-block'].style.position = 'absolute'
+ this.$refs['dev-detail-block'].style.top = event.clientY + 'px'
+ this.$refs['dev-detail-block'].style.left = event.clientX + 'px'
+ return
+ }
// 弹窗显示设备详情
const targetDev = event.currentTarget // 取到点击到的设备图标div
let top = parseInt(targetDev.style.top.substring(0, targetDev.style.top.length - 2))
- top = top + 100
+ //top = top + 100
this.$refs['dev-detail-block'].style.position = 'absolute'
this.$refs['dev-detail-block'].style.top = top + 'px'
this.$refs['dev-detail-block'].style.left = targetDev.style.left
@@ -1014,6 +1181,20 @@
}
diff --git a/src/views/visitor/visitorCarCheckIn.vue b/src/views/visitor/visitorCarCheckIn.vue
index c8ca1ee..c09abbb 100644
--- a/src/views/visitor/visitorCarCheckIn.vue
+++ b/src/views/visitor/visitorCarCheckIn.vue
@@ -13,7 +13,7 @@
- 读取身份证
+ 读取身份证
@@ -48,7 +48,7 @@
-
+
@@ -68,7 +68,7 @@
@@ -82,6 +82,7 @@
name: 'VisitorCarCheckIn',
data() {
return {
+ canRead: false,
isEditMode: true, // 是否为编辑模式,非编辑模式都为只读
readCard: false, // 是否从读卡器读卡,未从读卡器读卡不能提交,读卡之后不能编辑
checkInCar: true, // 添加车辆还是添加随车人员
@@ -194,6 +195,8 @@
this.readCard = false
},
readIDCard() {
+ this.resetForm()
+ this.canRead = true
const that = this
this.ws = that.$root.ws
if (this.ws === null) {
@@ -214,6 +217,7 @@
this.ws.send('ReadIdCard')
}
this.ws.onmessage = function(receiveMsg) {
+ that.canRead = false
const data = JSON.parse(receiveMsg.data)
if (data !== '' && data.message !== 'fail') {
that.dataForm.idCard = data.IdCardNo
diff --git a/src/views/visitor/visitorCarDetail.vue b/src/views/visitor/visitorCarDetail.vue
index 2641204..38eceb4 100644
--- a/src/views/visitor/visitorCarDetail.vue
+++ b/src/views/visitor/visitorCarDetail.vue
@@ -45,7 +45,7 @@
-
+
@@ -102,7 +102,7 @@
-
+
@@ -142,7 +142,7 @@
personName: '', // 接访人
beginTime: '', // 授权起始时间
endTime: '', // 授权结束时间
- inTime: '', // 入园时间
+ inTime: '', // 入营时间
outTime: '' // 离开时间
}, // 表单
photo: '', // 图片路径
@@ -212,7 +212,7 @@
personName: '', // 接访人
beginTime: '', // 授权起始时间
endTime: '', // 授权结束时间
- inTime: '', // 入园时间
+ inTime: '', // 入营时间
outTime: '' // 离开时间
}
diff --git a/src/views/visitor/visitorCheckIn.vue b/src/views/visitor/visitorCheckIn.vue
index f21d440..1aba7cc 100644
--- a/src/views/visitor/visitorCheckIn.vue
+++ b/src/views/visitor/visitorCheckIn.vue
@@ -13,7 +13,7 @@
- 读取身份证
+ 读取身份证
@@ -48,7 +48,7 @@
-
+
@@ -96,6 +96,7 @@
name: 'VisitorCheckIn',
data() {
return {
+ canRead: false,
isEditMode: true, // 是否为编辑模式,非编辑模式都为只读
readCard: false, // 是否从读卡器读卡,未从读卡器读卡不能提交,读卡之后不能编辑
dialogFormVisible: false, // 对话框是否显示
@@ -194,6 +195,8 @@
this.readCard = false
},
readIDCard() {
+ this.resetForm()
+ this.canRead = true
const that = this
this.ws = that.$root.ws
if (this.ws === null) {
@@ -214,6 +217,7 @@
this.ws.send('ReadIdCard')
}
this.ws.onmessage = function(receiveMsg) {
+ that.canRead = false
const data = JSON.parse(receiveMsg.data)
console.log(data)
if (data !== '' && data.message !== 'fail') {
@@ -234,13 +238,12 @@
// 保存数据
saveData: function() {
this.btnLoading = true
-
this.visitorCheckedIn()
},
// 新增数据
visitorCheckedIn: function() {
this.$refs['dataForm'].validate((valid) => {
- if (valid && this.readCard) {
+ if (valid) {
const list = this.$parent.dataForm.visitorBaseDTOList
let isChecked = false
// 遍历父组件的visitorBaseDTOList,检查是否已经登记过
diff --git a/src/api/device.js b/src/api/device.js
index 65d109b..a1c7007 100644
--- a/src/api/device.js
+++ b/src/api/device.js
@@ -50,3 +50,13 @@
params
})
}
+
+export function getDeviceType(areaType) {
+ return request({
+ url: '/device/getDeviceTypeByAreaType',
+ method: 'get',
+ params:{
+ areaType: areaType
+ }
+ })
+}
diff --git a/src/assets/overview_images/tg/green1.png b/src/assets/overview_images/tg/green1.png
new file mode 100644
index 0000000..03c880d
--- /dev/null
+++ b/src/assets/overview_images/tg/green1.png
Binary files differ
diff --git a/src/assets/overview_images/tg/green2.png b/src/assets/overview_images/tg/green2.png
new file mode 100644
index 0000000..27e3dd8
--- /dev/null
+++ b/src/assets/overview_images/tg/green2.png
Binary files differ
diff --git a/src/assets/overview_images/tg/green3.png b/src/assets/overview_images/tg/green3.png
new file mode 100644
index 0000000..74f6080
--- /dev/null
+++ b/src/assets/overview_images/tg/green3.png
Binary files differ
diff --git a/src/assets/overview_images/tg/green4.png b/src/assets/overview_images/tg/green4.png
new file mode 100644
index 0000000..dfdd870
--- /dev/null
+++ b/src/assets/overview_images/tg/green4.png
Binary files differ
diff --git a/src/assets/overview_images/tg/red1.png b/src/assets/overview_images/tg/red1.png
new file mode 100644
index 0000000..ee80b95
--- /dev/null
+++ b/src/assets/overview_images/tg/red1.png
Binary files differ
diff --git a/src/assets/overview_images/tg/red2.png b/src/assets/overview_images/tg/red2.png
new file mode 100644
index 0000000..9fae604
--- /dev/null
+++ b/src/assets/overview_images/tg/red2.png
Binary files differ
diff --git a/src/assets/overview_images/tg/red3.png b/src/assets/overview_images/tg/red3.png
new file mode 100644
index 0000000..7d8bc02
--- /dev/null
+++ b/src/assets/overview_images/tg/red3.png
Binary files differ
diff --git a/src/assets/overview_images/tg/red4.png b/src/assets/overview_images/tg/red4.png
new file mode 100644
index 0000000..2bd0f84
--- /dev/null
+++ b/src/assets/overview_images/tg/red4.png
Binary files differ
diff --git a/src/store/getters.js b/src/store/getters.js
index c33a49d..a28c9f9 100644
--- a/src/store/getters.js
+++ b/src/store/getters.js
@@ -10,6 +10,7 @@
changeFlag: state => state.app.changeFlag, // 切换子系统标志
token: state => state.user.token, // token
name: state => state.user.name, // 姓名
+ id: state => state.user.id, // id
roleList: state => state.user.roleList, // 角色列表
roleNames: state => state.user.roleNames, // 角色名称列表
roleTips: state => state.user.roleTips, // 角色名称列表
diff --git a/src/store/modules/user.js b/src/store/modules/user.js
index 28149ed..e0b64b1 100644
--- a/src/store/modules/user.js
+++ b/src/store/modules/user.js
@@ -5,6 +5,7 @@
state: {
token: getToken(),
name: '', // 姓名
+ id: '',
deptId: '', // 部门编号
deptName: '', // 部门名称
roleList: [], // 角色编号集合
@@ -19,6 +20,9 @@
SET_TOKEN: (state, token) => {
state.token = token
},
+ SET_ID: (state, id) => {
+ state.id = id
+ },
SET_NAME: (state, name) => {
state.name = name
},
@@ -58,6 +62,7 @@
login(userInfo).then(response => {
if (response.code === 200) {
const data = response.data
+ console.log(data)
setToken(data.token)
commit('SET_TOKEN', data.token)
resolve()
@@ -75,6 +80,7 @@
return new Promise((resolve, reject) => {
getInfo().then(response => {
const data = response.data
+ commit('SET_ID', data.id)
if (data.roleList && data.roleList.length > 0) { // 验证返回的roles是否是一个非空数组
commit('SET_ROLELIST', data.roleList)
commit('SET_ROLENAMES', data.roleNames)
diff --git a/src/views/alarm/alarmDetail.vue b/src/views/alarm/alarmDetail.vue
index 63c852a..2c94629 100644
--- a/src/views/alarm/alarmDetail.vue
+++ b/src/views/alarm/alarmDetail.vue
@@ -95,6 +95,7 @@
valid: '', // 报警状态
validStr: '', // 报警状态中文
areaPosition: '', // 区域名称
+ areaType: '',
alarmContent: '', // 报警内容
alarmValue: '', // 报警值
alarmValueStr: '', // 报警值格式化
@@ -130,12 +131,13 @@
alarmCode: response.data.alarmCode,
alarmTime: response.data.alarmTimeFmt,
areaPosition: response.data.areaPosition,
+ areaType: response.data.areaType,
alarmContent: response.data.alarmContent,
alarmValue: response.data.alarmValue,
valid: response.data.valid,
devcode: response.data.devcode,
devName: response.data.devName,
- reason: response.data.reson,
+ reason: response.data.reason,
remark: response.data.remark
}
diff --git a/src/views/alarm/alarmMonitor.vue b/src/views/alarm/alarmMonitor.vue
index fe1f4d7..3fd8173 100644
--- a/src/views/alarm/alarmMonitor.vue
+++ b/src/views/alarm/alarmMonitor.vue
@@ -4,14 +4,15 @@
-
-
+
+
-
-
-
-
-
+
+
+
+
+
+
diff --git a/src/views/alarm/alarmPosition.vue b/src/views/alarm/alarmPosition.vue
index 30804d4..2be4412 100644
--- a/src/views/alarm/alarmPosition.vue
+++ b/src/views/alarm/alarmPosition.vue
@@ -47,6 +47,17 @@
+
+
+
+
+
+
+
+
+
+
+
@@ -67,6 +78,7 @@
return {
title: getProject().title,
bgImageSrc: tg_main,
+ dialogVisible: false,
devListParams: {
picture: '1',
areaTypeId: 1,
@@ -229,6 +241,7 @@
devcode: dev.devcode,
typeName: response.data.typeName,
model: dev.model,
+ type: response.data.type,
onlineStatusName: response.data.onlineStatusName,
position: dev.position,
installDate: dev.installDate,
@@ -245,7 +258,7 @@
this.showDevDetail = true
let top = parseInt(targetDev.style.top.substring(0, targetDev.style.top.length - 2))
- top = top + 100
+ //top = top + 100
this.$refs['dev-detail-block'].style.position = 'absolute'
this.$refs['dev-detail-block'].style.top = top + 'px'
this.$refs['dev-detail-block'].style.left = targetDev.style.left
diff --git a/src/views/ctrl/overview.vue b/src/views/ctrl/overview.vue
index 6dc20d4..62e1105 100644
--- a/src/views/ctrl/overview.vue
+++ b/src/views/ctrl/overview.vue
@@ -13,7 +13,7 @@
@@ -84,6 +84,54 @@
![]()
+

+

+

+

+
+
+
+
![]()
标准数字
-
-
+
+
智能球形
-
-
+
+
标准半球
@@ -251,7 +299,7 @@
报警数值
- {{ alarmForm.alarmValue }}
+ {{ alarmForm.alarmValue }}℃
@@ -260,7 +308,17 @@
-
+
+ 是否确认登出?
+
+
@@ -284,7 +342,9 @@
components: { DeviceDetail },
data() {
return {
+ isMain: true,
showType: false,
+ dialogVisible: false,
wsPath: process.env.BASE_API+'/websocket/',
title: getProject().title,
bgImageSrc: tg_main,
@@ -347,6 +407,7 @@
], // 报警列表显示列
tableShow: true, // 是否显示告警列表
devList: [], // 设备列表(在地图上显示)
+ fenceList: [],
alarmForm: {
id:'',
alarmCode: '',
@@ -412,9 +473,33 @@
handleKeyup(val){ //单击收起摄像头分类
this.showAlarmDetail = false
this.showDevDetail = false
-
+ if(val.target.id==='click1'){
+ for(var i=0;i {
that.clickAlarm(data.deviceId,data.picture)
}
@@ -493,7 +579,6 @@
this.selectDevByType(key,undefined)
},
clickAlarm(val,pic){
- console.log(val)
if(pic==='1'){
this.changeMap('tg_main')
}else if(pic==='2'){
@@ -565,6 +650,7 @@
if (response.code === 200) {
const that = this
this.devList = []
+ this.fenceList = []
response.data.forEach(dev => {
if (dev.x !== '' && dev.y !== '') {
dev.imgUrl = require("../../assets/overview_images/icons/icon-camera-point.png")
@@ -588,9 +674,9 @@
}
}else if(dev.type===2){ //烟感
if(dev.deviceStatus === 0){ //normal
- dev.imgUrl = require("../../assets/overview_images/icons/icon-temperature-green.png")
+ dev.imgUrl = require("../../assets/overview_images/icons/icon-smoking-green.png")
}else{ //alarm
- dev.imgUrl = require("../../assets/overview_images/icons/icon-temperature-checked.png")
+ dev.imgUrl = require("../../assets/overview_images/icons/icon-smoking-checked.png")
}
}else if(dev.type===12){ //声光
if(dev.deviceStatus === 0){ //normal
@@ -598,6 +684,31 @@
}else{ //alarm
dev.imgUrl = require("../../assets/overview_images/icons/icon-sound-checked.png")
}
+ }else if(dev.type===7){
+ var obj = document.getElementById(dev.devcode.toString());
+ if(dev.deviceStatus === 0){ //normal
+ if(dev.devcode.endsWith('1')){
+ obj.setAttribute("src", require("../../assets/overview_images/tg/green1.png"))
+ }else if(dev.devcode.endsWith('2')){
+ obj.setAttribute("src", require("../../assets/overview_images/tg/green2.png"))
+ }else if(dev.devcode.endsWith('3')){
+ obj.setAttribute("src", require("../../assets/overview_images/tg/green3.png"))
+ }else if(dev.devcode.endsWith('4')){
+ obj.setAttribute("src", require("../../assets/overview_images/tg/green4.png"))
+ }
+ }else{
+ if(dev.devcode.endsWith('1')){
+ obj.setAttribute("src", require("../../assets/overview_images/tg/red1.png"))
+ }else if(dev.devcode.endsWith('2')){
+ obj.setAttribute("src", require("../../assets/overview_images/tg/red2.png"))
+ }else if(dev.devcode.endsWith('3')){
+ obj.setAttribute("src", require("../../assets/overview_images/tg/red3.png"))
+ }else if(dev.devcode.endsWith('4')){
+ obj.setAttribute("src", require("../../assets/overview_images/tg/red4.png"))
+ }
+ }
+ that.fenceList.push(dev)
+ return true
}else { //camera
if(dev.deviceStatus === 0){ //normal
dev.imgUrl = require("../../assets/overview_images/icons/icon-camera-point.png")
@@ -638,9 +749,10 @@
})
},
logout() {
- this.$store.dispatch('LogOut').then(() => {
- location.reload() // 为了重新实例化vue-router对象 避免bug
- })
+ this.dialogVisible = false
+ this.$store.dispatch('LogOut').then(() => {
+ location.reload() // 为了重新实例化vue-router对象 避免bug
+ })
},
backToIndex() {
this.$router.push('/ctrl')
@@ -825,6 +937,7 @@
if (response.code === 200) {
const that = this
this.devList = []
+ this.fenceList = []
this.initMap(index)
response.data.forEach(dev => {
if (dev.x !== '' && dev.y !== '') {
@@ -849,9 +962,9 @@
}
}else if(dev.type===2){ //烟感
if(dev.deviceStatus === 0){ //normal
- dev.imgUrl = require("../../assets/overview_images/icons/icon-temperature-green.png")
+ dev.imgUrl = require("../../assets/overview_images/icons/icon-smoking-green.png")
}else{ //alarm
- dev.imgUrl = require("../../assets/overview_images/icons/icon-temperature-checked.png")
+ dev.imgUrl = require("../../assets/overview_images/icons/icon-smoking-checked.png")
}
}else if(dev.type===12){ //声光
if(dev.deviceStatus === 0){ //normal
@@ -859,6 +972,31 @@
}else{ //alarm
dev.imgUrl = require("../../assets/overview_images/icons/icon-sound-checked.png")
}
+ }else if(dev.type===7){
+ var obj = document.getElementById(dev.devcode.toString());
+ if(dev.deviceStatus === 0){ //normal
+ if(dev.devcode.endsWith('1')){
+ obj.setAttribute("src", require("../../assets/overview_images/tg/green1.png"))
+ }else if(dev.devcode.endsWith('2')){
+ obj.setAttribute("src", require("../../assets/overview_images/tg/green2.png"))
+ }else if(dev.devcode.endsWith('3')){
+ obj.setAttribute("src", require("../../assets/overview_images/tg/green3.png"))
+ }else if(dev.devcode.endsWith('4')){
+ obj.setAttribute("src", require("../../assets/overview_images/tg/green4.png"))
+ }
+ }else{
+ if(dev.devcode.endsWith('1')){
+ obj.setAttribute("src", require("../../assets/overview_images/tg/red1.png"))
+ }else if(dev.devcode.endsWith('2')){
+ obj.setAttribute("src", require("../../assets/overview_images/tg/red2.png"))
+ }else if(dev.devcode.endsWith('3')){
+ obj.setAttribute("src", require("../../assets/overview_images/tg/red3.png"))
+ }else if(dev.devcode.endsWith('4')){
+ obj.setAttribute("src", require("../../assets/overview_images/tg/red4.png"))
+ }
+ }
+ that.fenceList.push(dev)
+ return true
}else { //camera
if(dev.deviceStatus === 0){ //normal
dev.imgUrl = require("../../assets/overview_images/icons/icon-camera-point.png")
@@ -873,8 +1011,10 @@
})
},
initMap(index){
+ this.isMain = false
if (index === 'tg_main') {
this.bgImageSrc = tg_main
+ this.isMain = true
// this.devListParams.picture = '1'
this.imgSizeOriginal = { width: 2245, height: 1586 }
this.btnNum = 3
@@ -924,50 +1064,77 @@
// 查询并显示设备详情
detailDev(dev, event) {
this.resetDevDetail()
- getDetailDevice(dev.id).then(response => {
- if (response.code === 200) {
- this.dataForm = {
- id: dev.id,
- name: dev.name,
- devcode: dev.devcode,
- typeName: response.data.typeName,
- model: dev.model,
- onlineStatusName: response.data.onlineStatusName,
- position: dev.position,
- installDate: dev.installDate,
- inOutName: response.data.inOutName,
- deviceStatusName: response.data.deviceStatusName
- }
- // 电子围栏设备有开启字段
- if (dev.typeName.indexOf('电子围栏') >= 0) {
- this.isFence = true
- }
- } else {
- this.$message.error(response.message)
- }
- })
if(dev.deviceStatus===1){
- alarmDetailbyCode(dev.devcode).then(response=>{
- if(response.code === 200){
- this.alarmForm = response.data
+ getDetailDevice(dev.id).then(response => {
+ if (response.code === 200) {
+ this.dataForm = {
+ id: dev.id,
+ name: dev.name,
+ devcode: dev.devcode,
+ typeName: response.data.typeName,
+ type: response.data.type,
+ model: dev.model,
+ onlineStatusName: response.data.onlineStatusName,
+ position: dev.position,
+ installDate: dev.installDate,
+ inOutName: response.data.inOutName,
+ deviceStatusName: response.data.deviceStatusName
+ }
+ alarmDetailbyCode(dev.devcode).then(response=>{
+ if(response.code === 200){
+ this.alarmForm = response.data
+ this.showDevDetail = false
+ this.showAlarmDetail = true
+ }
+ })
+ } else {
+ this.$message.error(response.message)
}
})
- this.showDevDetail = false
- this.showAlarmDetail = true
+ if(event.target.id.startsWith('click')){
+ this.$refs['alarm-detail-block'].style.position = 'absolute'
+ this.$refs['alarm-detail-block'].style.top = event.clientY + 'px'
+ this.$refs['alarm-detail-block'].style.left = event.clientX + 'px'
+ return
+ }
// 弹窗显示设备详情
const targetDev = event.currentTarget // 取到点击到的设备图标div
let top = parseInt(targetDev.style.top.substring(0, targetDev.style.top.length - 2))
- top = top + 100
+ //top = top + 100
this.$refs['alarm-detail-block'].style.position = 'absolute'
this.$refs['alarm-detail-block'].style.top = top + 'px'
this.$refs['alarm-detail-block'].style.left = targetDev.style.left
}else{
- this.showDevDetail = true
- this.showAlarmDetail = false
+ getDetailDevice(dev.id).then(response => {
+ if (response.code === 200) {
+ this.dataForm = {
+ id: dev.id,
+ name: dev.name,
+ devcode: dev.devcode,
+ typeName: response.data.typeName,
+ model: dev.model,
+ onlineStatusName: response.data.onlineStatusName,
+ position: dev.position,
+ installDate: dev.installDate,
+ inOutName: response.data.inOutName,
+ deviceStatusName: response.data.deviceStatusName
+ }
+ this.showDevDetail = true
+ this.showAlarmDetail = false
+ } else {
+ this.$message.error(response.message)
+ }
+ })
+ if(event.target.id.startsWith('click')){
+ this.$refs['dev-detail-block'].style.position = 'absolute'
+ this.$refs['dev-detail-block'].style.top = event.clientY + 'px'
+ this.$refs['dev-detail-block'].style.left = event.clientX + 'px'
+ return
+ }
// 弹窗显示设备详情
const targetDev = event.currentTarget // 取到点击到的设备图标div
let top = parseInt(targetDev.style.top.substring(0, targetDev.style.top.length - 2))
- top = top + 100
+ //top = top + 100
this.$refs['dev-detail-block'].style.position = 'absolute'
this.$refs['dev-detail-block'].style.top = top + 'px'
this.$refs['dev-detail-block'].style.left = targetDev.style.left
@@ -1014,6 +1181,20 @@
}
diff --git a/src/views/visitor/visitorCarCheckIn.vue b/src/views/visitor/visitorCarCheckIn.vue
index c8ca1ee..c09abbb 100644
--- a/src/views/visitor/visitorCarCheckIn.vue
+++ b/src/views/visitor/visitorCarCheckIn.vue
@@ -13,7 +13,7 @@
- 读取身份证
+ 读取身份证
@@ -48,7 +48,7 @@
-
+
@@ -68,7 +68,7 @@
@@ -82,6 +82,7 @@
name: 'VisitorCarCheckIn',
data() {
return {
+ canRead: false,
isEditMode: true, // 是否为编辑模式,非编辑模式都为只读
readCard: false, // 是否从读卡器读卡,未从读卡器读卡不能提交,读卡之后不能编辑
checkInCar: true, // 添加车辆还是添加随车人员
@@ -194,6 +195,8 @@
this.readCard = false
},
readIDCard() {
+ this.resetForm()
+ this.canRead = true
const that = this
this.ws = that.$root.ws
if (this.ws === null) {
@@ -214,6 +217,7 @@
this.ws.send('ReadIdCard')
}
this.ws.onmessage = function(receiveMsg) {
+ that.canRead = false
const data = JSON.parse(receiveMsg.data)
if (data !== '' && data.message !== 'fail') {
that.dataForm.idCard = data.IdCardNo
diff --git a/src/views/visitor/visitorCarDetail.vue b/src/views/visitor/visitorCarDetail.vue
index 2641204..38eceb4 100644
--- a/src/views/visitor/visitorCarDetail.vue
+++ b/src/views/visitor/visitorCarDetail.vue
@@ -45,7 +45,7 @@
-
+
@@ -102,7 +102,7 @@
-
+
@@ -142,7 +142,7 @@
personName: '', // 接访人
beginTime: '', // 授权起始时间
endTime: '', // 授权结束时间
- inTime: '', // 入园时间
+ inTime: '', // 入营时间
outTime: '' // 离开时间
}, // 表单
photo: '', // 图片路径
@@ -212,7 +212,7 @@
personName: '', // 接访人
beginTime: '', // 授权起始时间
endTime: '', // 授权结束时间
- inTime: '', // 入园时间
+ inTime: '', // 入营时间
outTime: '' // 离开时间
}
diff --git a/src/views/visitor/visitorCheckIn.vue b/src/views/visitor/visitorCheckIn.vue
index f21d440..1aba7cc 100644
--- a/src/views/visitor/visitorCheckIn.vue
+++ b/src/views/visitor/visitorCheckIn.vue
@@ -13,7 +13,7 @@
- 读取身份证
+ 读取身份证
@@ -48,7 +48,7 @@
-
+
@@ -96,6 +96,7 @@
name: 'VisitorCheckIn',
data() {
return {
+ canRead: false,
isEditMode: true, // 是否为编辑模式,非编辑模式都为只读
readCard: false, // 是否从读卡器读卡,未从读卡器读卡不能提交,读卡之后不能编辑
dialogFormVisible: false, // 对话框是否显示
@@ -194,6 +195,8 @@
this.readCard = false
},
readIDCard() {
+ this.resetForm()
+ this.canRead = true
const that = this
this.ws = that.$root.ws
if (this.ws === null) {
@@ -214,6 +217,7 @@
this.ws.send('ReadIdCard')
}
this.ws.onmessage = function(receiveMsg) {
+ that.canRead = false
const data = JSON.parse(receiveMsg.data)
console.log(data)
if (data !== '' && data.message !== 'fail') {
@@ -234,13 +238,12 @@
// 保存数据
saveData: function() {
this.btnLoading = true
-
this.visitorCheckedIn()
},
// 新增数据
visitorCheckedIn: function() {
this.$refs['dataForm'].validate((valid) => {
- if (valid && this.readCard) {
+ if (valid) {
const list = this.$parent.dataForm.visitorBaseDTOList
let isChecked = false
// 遍历父组件的visitorBaseDTOList,检查是否已经登记过
diff --git a/src/views/visitor/visitorDetail.vue b/src/views/visitor/visitorDetail.vue
index a66cdf5..54d3fee 100644
--- a/src/views/visitor/visitorDetail.vue
+++ b/src/views/visitor/visitorDetail.vue
@@ -45,7 +45,7 @@
-
+
@@ -94,7 +94,7 @@
-
+
@@ -134,7 +134,7 @@
personName: '', // 接访人
beginTime: '', // 授权起始时间
endTime: '', // 授权结束时间
- inTime: '', // 入园时间
+ inTime: '', // 入营时间
outTime: '' // 离开时间
}, // 表单
photo: '', // 图片路径
@@ -203,7 +203,7 @@
personName: '', // 接访人
beginTime: '', // 授权起始时间
endTime: '', // 授权结束时间
- inTime: '', // 入园时间
+ inTime: '', // 入营时间
outTime: '' // 离开时间
}
diff --git a/src/api/device.js b/src/api/device.js
index 65d109b..a1c7007 100644
--- a/src/api/device.js
+++ b/src/api/device.js
@@ -50,3 +50,13 @@
params
})
}
+
+export function getDeviceType(areaType) {
+ return request({
+ url: '/device/getDeviceTypeByAreaType',
+ method: 'get',
+ params:{
+ areaType: areaType
+ }
+ })
+}
diff --git a/src/assets/overview_images/tg/green1.png b/src/assets/overview_images/tg/green1.png
new file mode 100644
index 0000000..03c880d
--- /dev/null
+++ b/src/assets/overview_images/tg/green1.png
Binary files differ
diff --git a/src/assets/overview_images/tg/green2.png b/src/assets/overview_images/tg/green2.png
new file mode 100644
index 0000000..27e3dd8
--- /dev/null
+++ b/src/assets/overview_images/tg/green2.png
Binary files differ
diff --git a/src/assets/overview_images/tg/green3.png b/src/assets/overview_images/tg/green3.png
new file mode 100644
index 0000000..74f6080
--- /dev/null
+++ b/src/assets/overview_images/tg/green3.png
Binary files differ
diff --git a/src/assets/overview_images/tg/green4.png b/src/assets/overview_images/tg/green4.png
new file mode 100644
index 0000000..dfdd870
--- /dev/null
+++ b/src/assets/overview_images/tg/green4.png
Binary files differ
diff --git a/src/assets/overview_images/tg/red1.png b/src/assets/overview_images/tg/red1.png
new file mode 100644
index 0000000..ee80b95
--- /dev/null
+++ b/src/assets/overview_images/tg/red1.png
Binary files differ
diff --git a/src/assets/overview_images/tg/red2.png b/src/assets/overview_images/tg/red2.png
new file mode 100644
index 0000000..9fae604
--- /dev/null
+++ b/src/assets/overview_images/tg/red2.png
Binary files differ
diff --git a/src/assets/overview_images/tg/red3.png b/src/assets/overview_images/tg/red3.png
new file mode 100644
index 0000000..7d8bc02
--- /dev/null
+++ b/src/assets/overview_images/tg/red3.png
Binary files differ
diff --git a/src/assets/overview_images/tg/red4.png b/src/assets/overview_images/tg/red4.png
new file mode 100644
index 0000000..2bd0f84
--- /dev/null
+++ b/src/assets/overview_images/tg/red4.png
Binary files differ
diff --git a/src/store/getters.js b/src/store/getters.js
index c33a49d..a28c9f9 100644
--- a/src/store/getters.js
+++ b/src/store/getters.js
@@ -10,6 +10,7 @@
changeFlag: state => state.app.changeFlag, // 切换子系统标志
token: state => state.user.token, // token
name: state => state.user.name, // 姓名
+ id: state => state.user.id, // id
roleList: state => state.user.roleList, // 角色列表
roleNames: state => state.user.roleNames, // 角色名称列表
roleTips: state => state.user.roleTips, // 角色名称列表
diff --git a/src/store/modules/user.js b/src/store/modules/user.js
index 28149ed..e0b64b1 100644
--- a/src/store/modules/user.js
+++ b/src/store/modules/user.js
@@ -5,6 +5,7 @@
state: {
token: getToken(),
name: '', // 姓名
+ id: '',
deptId: '', // 部门编号
deptName: '', // 部门名称
roleList: [], // 角色编号集合
@@ -19,6 +20,9 @@
SET_TOKEN: (state, token) => {
state.token = token
},
+ SET_ID: (state, id) => {
+ state.id = id
+ },
SET_NAME: (state, name) => {
state.name = name
},
@@ -58,6 +62,7 @@
login(userInfo).then(response => {
if (response.code === 200) {
const data = response.data
+ console.log(data)
setToken(data.token)
commit('SET_TOKEN', data.token)
resolve()
@@ -75,6 +80,7 @@
return new Promise((resolve, reject) => {
getInfo().then(response => {
const data = response.data
+ commit('SET_ID', data.id)
if (data.roleList && data.roleList.length > 0) { // 验证返回的roles是否是一个非空数组
commit('SET_ROLELIST', data.roleList)
commit('SET_ROLENAMES', data.roleNames)
diff --git a/src/views/alarm/alarmDetail.vue b/src/views/alarm/alarmDetail.vue
index 63c852a..2c94629 100644
--- a/src/views/alarm/alarmDetail.vue
+++ b/src/views/alarm/alarmDetail.vue
@@ -95,6 +95,7 @@
valid: '', // 报警状态
validStr: '', // 报警状态中文
areaPosition: '', // 区域名称
+ areaType: '',
alarmContent: '', // 报警内容
alarmValue: '', // 报警值
alarmValueStr: '', // 报警值格式化
@@ -130,12 +131,13 @@
alarmCode: response.data.alarmCode,
alarmTime: response.data.alarmTimeFmt,
areaPosition: response.data.areaPosition,
+ areaType: response.data.areaType,
alarmContent: response.data.alarmContent,
alarmValue: response.data.alarmValue,
valid: response.data.valid,
devcode: response.data.devcode,
devName: response.data.devName,
- reason: response.data.reson,
+ reason: response.data.reason,
remark: response.data.remark
}
diff --git a/src/views/alarm/alarmMonitor.vue b/src/views/alarm/alarmMonitor.vue
index fe1f4d7..3fd8173 100644
--- a/src/views/alarm/alarmMonitor.vue
+++ b/src/views/alarm/alarmMonitor.vue
@@ -4,14 +4,15 @@
-
-
+
+
-
-
-
-
-
+
+
+
+
+
+
diff --git a/src/views/alarm/alarmPosition.vue b/src/views/alarm/alarmPosition.vue
index 30804d4..2be4412 100644
--- a/src/views/alarm/alarmPosition.vue
+++ b/src/views/alarm/alarmPosition.vue
@@ -47,6 +47,17 @@
+
+
+
+
+
+
+
+
+
+
+
@@ -67,6 +78,7 @@
return {
title: getProject().title,
bgImageSrc: tg_main,
+ dialogVisible: false,
devListParams: {
picture: '1',
areaTypeId: 1,
@@ -229,6 +241,7 @@
devcode: dev.devcode,
typeName: response.data.typeName,
model: dev.model,
+ type: response.data.type,
onlineStatusName: response.data.onlineStatusName,
position: dev.position,
installDate: dev.installDate,
@@ -245,7 +258,7 @@
this.showDevDetail = true
let top = parseInt(targetDev.style.top.substring(0, targetDev.style.top.length - 2))
- top = top + 100
+ //top = top + 100
this.$refs['dev-detail-block'].style.position = 'absolute'
this.$refs['dev-detail-block'].style.top = top + 'px'
this.$refs['dev-detail-block'].style.left = targetDev.style.left
diff --git a/src/views/ctrl/overview.vue b/src/views/ctrl/overview.vue
index 6dc20d4..62e1105 100644
--- a/src/views/ctrl/overview.vue
+++ b/src/views/ctrl/overview.vue
@@ -13,7 +13,7 @@
@@ -84,6 +84,54 @@
![]()
+

+

+

+

+
+
+
+
![]()
标准数字
-
-
+
+
智能球形
-
-
+
+
标准半球
@@ -251,7 +299,7 @@
报警数值
- {{ alarmForm.alarmValue }}
+ {{ alarmForm.alarmValue }}℃
@@ -260,7 +308,17 @@
-
+
+ 是否确认登出?
+
+
@@ -284,7 +342,9 @@
components: { DeviceDetail },
data() {
return {
+ isMain: true,
showType: false,
+ dialogVisible: false,
wsPath: process.env.BASE_API+'/websocket/',
title: getProject().title,
bgImageSrc: tg_main,
@@ -347,6 +407,7 @@
], // 报警列表显示列
tableShow: true, // 是否显示告警列表
devList: [], // 设备列表(在地图上显示)
+ fenceList: [],
alarmForm: {
id:'',
alarmCode: '',
@@ -412,9 +473,33 @@
handleKeyup(val){ //单击收起摄像头分类
this.showAlarmDetail = false
this.showDevDetail = false
-
+ if(val.target.id==='click1'){
+ for(var i=0;i {
that.clickAlarm(data.deviceId,data.picture)
}
@@ -493,7 +579,6 @@
this.selectDevByType(key,undefined)
},
clickAlarm(val,pic){
- console.log(val)
if(pic==='1'){
this.changeMap('tg_main')
}else if(pic==='2'){
@@ -565,6 +650,7 @@
if (response.code === 200) {
const that = this
this.devList = []
+ this.fenceList = []
response.data.forEach(dev => {
if (dev.x !== '' && dev.y !== '') {
dev.imgUrl = require("../../assets/overview_images/icons/icon-camera-point.png")
@@ -588,9 +674,9 @@
}
}else if(dev.type===2){ //烟感
if(dev.deviceStatus === 0){ //normal
- dev.imgUrl = require("../../assets/overview_images/icons/icon-temperature-green.png")
+ dev.imgUrl = require("../../assets/overview_images/icons/icon-smoking-green.png")
}else{ //alarm
- dev.imgUrl = require("../../assets/overview_images/icons/icon-temperature-checked.png")
+ dev.imgUrl = require("../../assets/overview_images/icons/icon-smoking-checked.png")
}
}else if(dev.type===12){ //声光
if(dev.deviceStatus === 0){ //normal
@@ -598,6 +684,31 @@
}else{ //alarm
dev.imgUrl = require("../../assets/overview_images/icons/icon-sound-checked.png")
}
+ }else if(dev.type===7){
+ var obj = document.getElementById(dev.devcode.toString());
+ if(dev.deviceStatus === 0){ //normal
+ if(dev.devcode.endsWith('1')){
+ obj.setAttribute("src", require("../../assets/overview_images/tg/green1.png"))
+ }else if(dev.devcode.endsWith('2')){
+ obj.setAttribute("src", require("../../assets/overview_images/tg/green2.png"))
+ }else if(dev.devcode.endsWith('3')){
+ obj.setAttribute("src", require("../../assets/overview_images/tg/green3.png"))
+ }else if(dev.devcode.endsWith('4')){
+ obj.setAttribute("src", require("../../assets/overview_images/tg/green4.png"))
+ }
+ }else{
+ if(dev.devcode.endsWith('1')){
+ obj.setAttribute("src", require("../../assets/overview_images/tg/red1.png"))
+ }else if(dev.devcode.endsWith('2')){
+ obj.setAttribute("src", require("../../assets/overview_images/tg/red2.png"))
+ }else if(dev.devcode.endsWith('3')){
+ obj.setAttribute("src", require("../../assets/overview_images/tg/red3.png"))
+ }else if(dev.devcode.endsWith('4')){
+ obj.setAttribute("src", require("../../assets/overview_images/tg/red4.png"))
+ }
+ }
+ that.fenceList.push(dev)
+ return true
}else { //camera
if(dev.deviceStatus === 0){ //normal
dev.imgUrl = require("../../assets/overview_images/icons/icon-camera-point.png")
@@ -638,9 +749,10 @@
})
},
logout() {
- this.$store.dispatch('LogOut').then(() => {
- location.reload() // 为了重新实例化vue-router对象 避免bug
- })
+ this.dialogVisible = false
+ this.$store.dispatch('LogOut').then(() => {
+ location.reload() // 为了重新实例化vue-router对象 避免bug
+ })
},
backToIndex() {
this.$router.push('/ctrl')
@@ -825,6 +937,7 @@
if (response.code === 200) {
const that = this
this.devList = []
+ this.fenceList = []
this.initMap(index)
response.data.forEach(dev => {
if (dev.x !== '' && dev.y !== '') {
@@ -849,9 +962,9 @@
}
}else if(dev.type===2){ //烟感
if(dev.deviceStatus === 0){ //normal
- dev.imgUrl = require("../../assets/overview_images/icons/icon-temperature-green.png")
+ dev.imgUrl = require("../../assets/overview_images/icons/icon-smoking-green.png")
}else{ //alarm
- dev.imgUrl = require("../../assets/overview_images/icons/icon-temperature-checked.png")
+ dev.imgUrl = require("../../assets/overview_images/icons/icon-smoking-checked.png")
}
}else if(dev.type===12){ //声光
if(dev.deviceStatus === 0){ //normal
@@ -859,6 +972,31 @@
}else{ //alarm
dev.imgUrl = require("../../assets/overview_images/icons/icon-sound-checked.png")
}
+ }else if(dev.type===7){
+ var obj = document.getElementById(dev.devcode.toString());
+ if(dev.deviceStatus === 0){ //normal
+ if(dev.devcode.endsWith('1')){
+ obj.setAttribute("src", require("../../assets/overview_images/tg/green1.png"))
+ }else if(dev.devcode.endsWith('2')){
+ obj.setAttribute("src", require("../../assets/overview_images/tg/green2.png"))
+ }else if(dev.devcode.endsWith('3')){
+ obj.setAttribute("src", require("../../assets/overview_images/tg/green3.png"))
+ }else if(dev.devcode.endsWith('4')){
+ obj.setAttribute("src", require("../../assets/overview_images/tg/green4.png"))
+ }
+ }else{
+ if(dev.devcode.endsWith('1')){
+ obj.setAttribute("src", require("../../assets/overview_images/tg/red1.png"))
+ }else if(dev.devcode.endsWith('2')){
+ obj.setAttribute("src", require("../../assets/overview_images/tg/red2.png"))
+ }else if(dev.devcode.endsWith('3')){
+ obj.setAttribute("src", require("../../assets/overview_images/tg/red3.png"))
+ }else if(dev.devcode.endsWith('4')){
+ obj.setAttribute("src", require("../../assets/overview_images/tg/red4.png"))
+ }
+ }
+ that.fenceList.push(dev)
+ return true
}else { //camera
if(dev.deviceStatus === 0){ //normal
dev.imgUrl = require("../../assets/overview_images/icons/icon-camera-point.png")
@@ -873,8 +1011,10 @@
})
},
initMap(index){
+ this.isMain = false
if (index === 'tg_main') {
this.bgImageSrc = tg_main
+ this.isMain = true
// this.devListParams.picture = '1'
this.imgSizeOriginal = { width: 2245, height: 1586 }
this.btnNum = 3
@@ -924,50 +1064,77 @@
// 查询并显示设备详情
detailDev(dev, event) {
this.resetDevDetail()
- getDetailDevice(dev.id).then(response => {
- if (response.code === 200) {
- this.dataForm = {
- id: dev.id,
- name: dev.name,
- devcode: dev.devcode,
- typeName: response.data.typeName,
- model: dev.model,
- onlineStatusName: response.data.onlineStatusName,
- position: dev.position,
- installDate: dev.installDate,
- inOutName: response.data.inOutName,
- deviceStatusName: response.data.deviceStatusName
- }
- // 电子围栏设备有开启字段
- if (dev.typeName.indexOf('电子围栏') >= 0) {
- this.isFence = true
- }
- } else {
- this.$message.error(response.message)
- }
- })
if(dev.deviceStatus===1){
- alarmDetailbyCode(dev.devcode).then(response=>{
- if(response.code === 200){
- this.alarmForm = response.data
+ getDetailDevice(dev.id).then(response => {
+ if (response.code === 200) {
+ this.dataForm = {
+ id: dev.id,
+ name: dev.name,
+ devcode: dev.devcode,
+ typeName: response.data.typeName,
+ type: response.data.type,
+ model: dev.model,
+ onlineStatusName: response.data.onlineStatusName,
+ position: dev.position,
+ installDate: dev.installDate,
+ inOutName: response.data.inOutName,
+ deviceStatusName: response.data.deviceStatusName
+ }
+ alarmDetailbyCode(dev.devcode).then(response=>{
+ if(response.code === 200){
+ this.alarmForm = response.data
+ this.showDevDetail = false
+ this.showAlarmDetail = true
+ }
+ })
+ } else {
+ this.$message.error(response.message)
}
})
- this.showDevDetail = false
- this.showAlarmDetail = true
+ if(event.target.id.startsWith('click')){
+ this.$refs['alarm-detail-block'].style.position = 'absolute'
+ this.$refs['alarm-detail-block'].style.top = event.clientY + 'px'
+ this.$refs['alarm-detail-block'].style.left = event.clientX + 'px'
+ return
+ }
// 弹窗显示设备详情
const targetDev = event.currentTarget // 取到点击到的设备图标div
let top = parseInt(targetDev.style.top.substring(0, targetDev.style.top.length - 2))
- top = top + 100
+ //top = top + 100
this.$refs['alarm-detail-block'].style.position = 'absolute'
this.$refs['alarm-detail-block'].style.top = top + 'px'
this.$refs['alarm-detail-block'].style.left = targetDev.style.left
}else{
- this.showDevDetail = true
- this.showAlarmDetail = false
+ getDetailDevice(dev.id).then(response => {
+ if (response.code === 200) {
+ this.dataForm = {
+ id: dev.id,
+ name: dev.name,
+ devcode: dev.devcode,
+ typeName: response.data.typeName,
+ model: dev.model,
+ onlineStatusName: response.data.onlineStatusName,
+ position: dev.position,
+ installDate: dev.installDate,
+ inOutName: response.data.inOutName,
+ deviceStatusName: response.data.deviceStatusName
+ }
+ this.showDevDetail = true
+ this.showAlarmDetail = false
+ } else {
+ this.$message.error(response.message)
+ }
+ })
+ if(event.target.id.startsWith('click')){
+ this.$refs['dev-detail-block'].style.position = 'absolute'
+ this.$refs['dev-detail-block'].style.top = event.clientY + 'px'
+ this.$refs['dev-detail-block'].style.left = event.clientX + 'px'
+ return
+ }
// 弹窗显示设备详情
const targetDev = event.currentTarget // 取到点击到的设备图标div
let top = parseInt(targetDev.style.top.substring(0, targetDev.style.top.length - 2))
- top = top + 100
+ //top = top + 100
this.$refs['dev-detail-block'].style.position = 'absolute'
this.$refs['dev-detail-block'].style.top = top + 'px'
this.$refs['dev-detail-block'].style.left = targetDev.style.left
@@ -1014,6 +1181,20 @@
}
diff --git a/src/views/visitor/visitorCarCheckIn.vue b/src/views/visitor/visitorCarCheckIn.vue
index c8ca1ee..c09abbb 100644
--- a/src/views/visitor/visitorCarCheckIn.vue
+++ b/src/views/visitor/visitorCarCheckIn.vue
@@ -13,7 +13,7 @@
- 读取身份证
+ 读取身份证
@@ -48,7 +48,7 @@
-
+
@@ -68,7 +68,7 @@
@@ -82,6 +82,7 @@
name: 'VisitorCarCheckIn',
data() {
return {
+ canRead: false,
isEditMode: true, // 是否为编辑模式,非编辑模式都为只读
readCard: false, // 是否从读卡器读卡,未从读卡器读卡不能提交,读卡之后不能编辑
checkInCar: true, // 添加车辆还是添加随车人员
@@ -194,6 +195,8 @@
this.readCard = false
},
readIDCard() {
+ this.resetForm()
+ this.canRead = true
const that = this
this.ws = that.$root.ws
if (this.ws === null) {
@@ -214,6 +217,7 @@
this.ws.send('ReadIdCard')
}
this.ws.onmessage = function(receiveMsg) {
+ that.canRead = false
const data = JSON.parse(receiveMsg.data)
if (data !== '' && data.message !== 'fail') {
that.dataForm.idCard = data.IdCardNo
diff --git a/src/views/visitor/visitorCarDetail.vue b/src/views/visitor/visitorCarDetail.vue
index 2641204..38eceb4 100644
--- a/src/views/visitor/visitorCarDetail.vue
+++ b/src/views/visitor/visitorCarDetail.vue
@@ -45,7 +45,7 @@
-
+
@@ -102,7 +102,7 @@
-
+
@@ -142,7 +142,7 @@
personName: '', // 接访人
beginTime: '', // 授权起始时间
endTime: '', // 授权结束时间
- inTime: '', // 入园时间
+ inTime: '', // 入营时间
outTime: '' // 离开时间
}, // 表单
photo: '', // 图片路径
@@ -212,7 +212,7 @@
personName: '', // 接访人
beginTime: '', // 授权起始时间
endTime: '', // 授权结束时间
- inTime: '', // 入园时间
+ inTime: '', // 入营时间
outTime: '' // 离开时间
}
diff --git a/src/views/visitor/visitorCheckIn.vue b/src/views/visitor/visitorCheckIn.vue
index f21d440..1aba7cc 100644
--- a/src/views/visitor/visitorCheckIn.vue
+++ b/src/views/visitor/visitorCheckIn.vue
@@ -13,7 +13,7 @@
- 读取身份证
+ 读取身份证
@@ -48,7 +48,7 @@
-
+
@@ -96,6 +96,7 @@
name: 'VisitorCheckIn',
data() {
return {
+ canRead: false,
isEditMode: true, // 是否为编辑模式,非编辑模式都为只读
readCard: false, // 是否从读卡器读卡,未从读卡器读卡不能提交,读卡之后不能编辑
dialogFormVisible: false, // 对话框是否显示
@@ -194,6 +195,8 @@
this.readCard = false
},
readIDCard() {
+ this.resetForm()
+ this.canRead = true
const that = this
this.ws = that.$root.ws
if (this.ws === null) {
@@ -214,6 +217,7 @@
this.ws.send('ReadIdCard')
}
this.ws.onmessage = function(receiveMsg) {
+ that.canRead = false
const data = JSON.parse(receiveMsg.data)
console.log(data)
if (data !== '' && data.message !== 'fail') {
@@ -234,13 +238,12 @@
// 保存数据
saveData: function() {
this.btnLoading = true
-
this.visitorCheckedIn()
},
// 新增数据
visitorCheckedIn: function() {
this.$refs['dataForm'].validate((valid) => {
- if (valid && this.readCard) {
+ if (valid) {
const list = this.$parent.dataForm.visitorBaseDTOList
let isChecked = false
// 遍历父组件的visitorBaseDTOList,检查是否已经登记过
diff --git a/src/views/visitor/visitorDetail.vue b/src/views/visitor/visitorDetail.vue
index a66cdf5..54d3fee 100644
--- a/src/views/visitor/visitorDetail.vue
+++ b/src/views/visitor/visitorDetail.vue
@@ -45,7 +45,7 @@
-
+
@@ -94,7 +94,7 @@
-
+
@@ -134,7 +134,7 @@
personName: '', // 接访人
beginTime: '', // 授权起始时间
endTime: '', // 授权结束时间
- inTime: '', // 入园时间
+ inTime: '', // 入营时间
outTime: '' // 离开时间
}, // 表单
photo: '', // 图片路径
@@ -203,7 +203,7 @@
personName: '', // 接访人
beginTime: '', // 授权起始时间
endTime: '', // 授权结束时间
- inTime: '', // 入园时间
+ inTime: '', // 入营时间
outTime: '' // 离开时间
}
diff --git a/src/views/visitor/visitorTodayList.vue b/src/views/visitor/visitorTodayList.vue
index 1bde7e2..4d42186 100644
--- a/src/views/visitor/visitorTodayList.vue
+++ b/src/views/visitor/visitorTodayList.vue
@@ -226,7 +226,6 @@
getVisitorList(this.listQuery).then(response => {
if (response.code === 200) {
this.list = response.data.rows
- this.list = [{id:'111',name:'1111',deptname:'sss',visitTime:'saaaaddddaaaaaaa',outTime:'saaaaaddddaaaaaa'}]
this.total = parseInt(response.data.total)
} else {
this.$message.error(response.message)
diff --git a/src/api/device.js b/src/api/device.js
index 65d109b..a1c7007 100644
--- a/src/api/device.js
+++ b/src/api/device.js
@@ -50,3 +50,13 @@
params
})
}
+
+export function getDeviceType(areaType) {
+ return request({
+ url: '/device/getDeviceTypeByAreaType',
+ method: 'get',
+ params:{
+ areaType: areaType
+ }
+ })
+}
diff --git a/src/assets/overview_images/tg/green1.png b/src/assets/overview_images/tg/green1.png
new file mode 100644
index 0000000..03c880d
--- /dev/null
+++ b/src/assets/overview_images/tg/green1.png
Binary files differ
diff --git a/src/assets/overview_images/tg/green2.png b/src/assets/overview_images/tg/green2.png
new file mode 100644
index 0000000..27e3dd8
--- /dev/null
+++ b/src/assets/overview_images/tg/green2.png
Binary files differ
diff --git a/src/assets/overview_images/tg/green3.png b/src/assets/overview_images/tg/green3.png
new file mode 100644
index 0000000..74f6080
--- /dev/null
+++ b/src/assets/overview_images/tg/green3.png
Binary files differ
diff --git a/src/assets/overview_images/tg/green4.png b/src/assets/overview_images/tg/green4.png
new file mode 100644
index 0000000..dfdd870
--- /dev/null
+++ b/src/assets/overview_images/tg/green4.png
Binary files differ
diff --git a/src/assets/overview_images/tg/red1.png b/src/assets/overview_images/tg/red1.png
new file mode 100644
index 0000000..ee80b95
--- /dev/null
+++ b/src/assets/overview_images/tg/red1.png
Binary files differ
diff --git a/src/assets/overview_images/tg/red2.png b/src/assets/overview_images/tg/red2.png
new file mode 100644
index 0000000..9fae604
--- /dev/null
+++ b/src/assets/overview_images/tg/red2.png
Binary files differ
diff --git a/src/assets/overview_images/tg/red3.png b/src/assets/overview_images/tg/red3.png
new file mode 100644
index 0000000..7d8bc02
--- /dev/null
+++ b/src/assets/overview_images/tg/red3.png
Binary files differ
diff --git a/src/assets/overview_images/tg/red4.png b/src/assets/overview_images/tg/red4.png
new file mode 100644
index 0000000..2bd0f84
--- /dev/null
+++ b/src/assets/overview_images/tg/red4.png
Binary files differ
diff --git a/src/store/getters.js b/src/store/getters.js
index c33a49d..a28c9f9 100644
--- a/src/store/getters.js
+++ b/src/store/getters.js
@@ -10,6 +10,7 @@
changeFlag: state => state.app.changeFlag, // 切换子系统标志
token: state => state.user.token, // token
name: state => state.user.name, // 姓名
+ id: state => state.user.id, // id
roleList: state => state.user.roleList, // 角色列表
roleNames: state => state.user.roleNames, // 角色名称列表
roleTips: state => state.user.roleTips, // 角色名称列表
diff --git a/src/store/modules/user.js b/src/store/modules/user.js
index 28149ed..e0b64b1 100644
--- a/src/store/modules/user.js
+++ b/src/store/modules/user.js
@@ -5,6 +5,7 @@
state: {
token: getToken(),
name: '', // 姓名
+ id: '',
deptId: '', // 部门编号
deptName: '', // 部门名称
roleList: [], // 角色编号集合
@@ -19,6 +20,9 @@
SET_TOKEN: (state, token) => {
state.token = token
},
+ SET_ID: (state, id) => {
+ state.id = id
+ },
SET_NAME: (state, name) => {
state.name = name
},
@@ -58,6 +62,7 @@
login(userInfo).then(response => {
if (response.code === 200) {
const data = response.data
+ console.log(data)
setToken(data.token)
commit('SET_TOKEN', data.token)
resolve()
@@ -75,6 +80,7 @@
return new Promise((resolve, reject) => {
getInfo().then(response => {
const data = response.data
+ commit('SET_ID', data.id)
if (data.roleList && data.roleList.length > 0) { // 验证返回的roles是否是一个非空数组
commit('SET_ROLELIST', data.roleList)
commit('SET_ROLENAMES', data.roleNames)
diff --git a/src/views/alarm/alarmDetail.vue b/src/views/alarm/alarmDetail.vue
index 63c852a..2c94629 100644
--- a/src/views/alarm/alarmDetail.vue
+++ b/src/views/alarm/alarmDetail.vue
@@ -95,6 +95,7 @@
valid: '', // 报警状态
validStr: '', // 报警状态中文
areaPosition: '', // 区域名称
+ areaType: '',
alarmContent: '', // 报警内容
alarmValue: '', // 报警值
alarmValueStr: '', // 报警值格式化
@@ -130,12 +131,13 @@
alarmCode: response.data.alarmCode,
alarmTime: response.data.alarmTimeFmt,
areaPosition: response.data.areaPosition,
+ areaType: response.data.areaType,
alarmContent: response.data.alarmContent,
alarmValue: response.data.alarmValue,
valid: response.data.valid,
devcode: response.data.devcode,
devName: response.data.devName,
- reason: response.data.reson,
+ reason: response.data.reason,
remark: response.data.remark
}
diff --git a/src/views/alarm/alarmMonitor.vue b/src/views/alarm/alarmMonitor.vue
index fe1f4d7..3fd8173 100644
--- a/src/views/alarm/alarmMonitor.vue
+++ b/src/views/alarm/alarmMonitor.vue
@@ -4,14 +4,15 @@
-
-
+
+
-
-
-
-
-
+
+
+
+
+
+
diff --git a/src/views/alarm/alarmPosition.vue b/src/views/alarm/alarmPosition.vue
index 30804d4..2be4412 100644
--- a/src/views/alarm/alarmPosition.vue
+++ b/src/views/alarm/alarmPosition.vue
@@ -47,6 +47,17 @@
+
+
+
+
+
+
+
+
+
+
+
@@ -67,6 +78,7 @@
return {
title: getProject().title,
bgImageSrc: tg_main,
+ dialogVisible: false,
devListParams: {
picture: '1',
areaTypeId: 1,
@@ -229,6 +241,7 @@
devcode: dev.devcode,
typeName: response.data.typeName,
model: dev.model,
+ type: response.data.type,
onlineStatusName: response.data.onlineStatusName,
position: dev.position,
installDate: dev.installDate,
@@ -245,7 +258,7 @@
this.showDevDetail = true
let top = parseInt(targetDev.style.top.substring(0, targetDev.style.top.length - 2))
- top = top + 100
+ //top = top + 100
this.$refs['dev-detail-block'].style.position = 'absolute'
this.$refs['dev-detail-block'].style.top = top + 'px'
this.$refs['dev-detail-block'].style.left = targetDev.style.left
diff --git a/src/views/ctrl/overview.vue b/src/views/ctrl/overview.vue
index 6dc20d4..62e1105 100644
--- a/src/views/ctrl/overview.vue
+++ b/src/views/ctrl/overview.vue
@@ -13,7 +13,7 @@
@@ -84,6 +84,54 @@
![]()
+

+

+

+

+
+
+
+
![]()
标准数字
-
-
+
+
智能球形
-
-
+
+
标准半球
@@ -251,7 +299,7 @@
报警数值
- {{ alarmForm.alarmValue }}
+ {{ alarmForm.alarmValue }}℃
@@ -260,7 +308,17 @@
-
+
+ 是否确认登出?
+
+
@@ -284,7 +342,9 @@
components: { DeviceDetail },
data() {
return {
+ isMain: true,
showType: false,
+ dialogVisible: false,
wsPath: process.env.BASE_API+'/websocket/',
title: getProject().title,
bgImageSrc: tg_main,
@@ -347,6 +407,7 @@
], // 报警列表显示列
tableShow: true, // 是否显示告警列表
devList: [], // 设备列表(在地图上显示)
+ fenceList: [],
alarmForm: {
id:'',
alarmCode: '',
@@ -412,9 +473,33 @@
handleKeyup(val){ //单击收起摄像头分类
this.showAlarmDetail = false
this.showDevDetail = false
-
+ if(val.target.id==='click1'){
+ for(var i=0;i {
that.clickAlarm(data.deviceId,data.picture)
}
@@ -493,7 +579,6 @@
this.selectDevByType(key,undefined)
},
clickAlarm(val,pic){
- console.log(val)
if(pic==='1'){
this.changeMap('tg_main')
}else if(pic==='2'){
@@ -565,6 +650,7 @@
if (response.code === 200) {
const that = this
this.devList = []
+ this.fenceList = []
response.data.forEach(dev => {
if (dev.x !== '' && dev.y !== '') {
dev.imgUrl = require("../../assets/overview_images/icons/icon-camera-point.png")
@@ -588,9 +674,9 @@
}
}else if(dev.type===2){ //烟感
if(dev.deviceStatus === 0){ //normal
- dev.imgUrl = require("../../assets/overview_images/icons/icon-temperature-green.png")
+ dev.imgUrl = require("../../assets/overview_images/icons/icon-smoking-green.png")
}else{ //alarm
- dev.imgUrl = require("../../assets/overview_images/icons/icon-temperature-checked.png")
+ dev.imgUrl = require("../../assets/overview_images/icons/icon-smoking-checked.png")
}
}else if(dev.type===12){ //声光
if(dev.deviceStatus === 0){ //normal
@@ -598,6 +684,31 @@
}else{ //alarm
dev.imgUrl = require("../../assets/overview_images/icons/icon-sound-checked.png")
}
+ }else if(dev.type===7){
+ var obj = document.getElementById(dev.devcode.toString());
+ if(dev.deviceStatus === 0){ //normal
+ if(dev.devcode.endsWith('1')){
+ obj.setAttribute("src", require("../../assets/overview_images/tg/green1.png"))
+ }else if(dev.devcode.endsWith('2')){
+ obj.setAttribute("src", require("../../assets/overview_images/tg/green2.png"))
+ }else if(dev.devcode.endsWith('3')){
+ obj.setAttribute("src", require("../../assets/overview_images/tg/green3.png"))
+ }else if(dev.devcode.endsWith('4')){
+ obj.setAttribute("src", require("../../assets/overview_images/tg/green4.png"))
+ }
+ }else{
+ if(dev.devcode.endsWith('1')){
+ obj.setAttribute("src", require("../../assets/overview_images/tg/red1.png"))
+ }else if(dev.devcode.endsWith('2')){
+ obj.setAttribute("src", require("../../assets/overview_images/tg/red2.png"))
+ }else if(dev.devcode.endsWith('3')){
+ obj.setAttribute("src", require("../../assets/overview_images/tg/red3.png"))
+ }else if(dev.devcode.endsWith('4')){
+ obj.setAttribute("src", require("../../assets/overview_images/tg/red4.png"))
+ }
+ }
+ that.fenceList.push(dev)
+ return true
}else { //camera
if(dev.deviceStatus === 0){ //normal
dev.imgUrl = require("../../assets/overview_images/icons/icon-camera-point.png")
@@ -638,9 +749,10 @@
})
},
logout() {
- this.$store.dispatch('LogOut').then(() => {
- location.reload() // 为了重新实例化vue-router对象 避免bug
- })
+ this.dialogVisible = false
+ this.$store.dispatch('LogOut').then(() => {
+ location.reload() // 为了重新实例化vue-router对象 避免bug
+ })
},
backToIndex() {
this.$router.push('/ctrl')
@@ -825,6 +937,7 @@
if (response.code === 200) {
const that = this
this.devList = []
+ this.fenceList = []
this.initMap(index)
response.data.forEach(dev => {
if (dev.x !== '' && dev.y !== '') {
@@ -849,9 +962,9 @@
}
}else if(dev.type===2){ //烟感
if(dev.deviceStatus === 0){ //normal
- dev.imgUrl = require("../../assets/overview_images/icons/icon-temperature-green.png")
+ dev.imgUrl = require("../../assets/overview_images/icons/icon-smoking-green.png")
}else{ //alarm
- dev.imgUrl = require("../../assets/overview_images/icons/icon-temperature-checked.png")
+ dev.imgUrl = require("../../assets/overview_images/icons/icon-smoking-checked.png")
}
}else if(dev.type===12){ //声光
if(dev.deviceStatus === 0){ //normal
@@ -859,6 +972,31 @@
}else{ //alarm
dev.imgUrl = require("../../assets/overview_images/icons/icon-sound-checked.png")
}
+ }else if(dev.type===7){
+ var obj = document.getElementById(dev.devcode.toString());
+ if(dev.deviceStatus === 0){ //normal
+ if(dev.devcode.endsWith('1')){
+ obj.setAttribute("src", require("../../assets/overview_images/tg/green1.png"))
+ }else if(dev.devcode.endsWith('2')){
+ obj.setAttribute("src", require("../../assets/overview_images/tg/green2.png"))
+ }else if(dev.devcode.endsWith('3')){
+ obj.setAttribute("src", require("../../assets/overview_images/tg/green3.png"))
+ }else if(dev.devcode.endsWith('4')){
+ obj.setAttribute("src", require("../../assets/overview_images/tg/green4.png"))
+ }
+ }else{
+ if(dev.devcode.endsWith('1')){
+ obj.setAttribute("src", require("../../assets/overview_images/tg/red1.png"))
+ }else if(dev.devcode.endsWith('2')){
+ obj.setAttribute("src", require("../../assets/overview_images/tg/red2.png"))
+ }else if(dev.devcode.endsWith('3')){
+ obj.setAttribute("src", require("../../assets/overview_images/tg/red3.png"))
+ }else if(dev.devcode.endsWith('4')){
+ obj.setAttribute("src", require("../../assets/overview_images/tg/red4.png"))
+ }
+ }
+ that.fenceList.push(dev)
+ return true
}else { //camera
if(dev.deviceStatus === 0){ //normal
dev.imgUrl = require("../../assets/overview_images/icons/icon-camera-point.png")
@@ -873,8 +1011,10 @@
})
},
initMap(index){
+ this.isMain = false
if (index === 'tg_main') {
this.bgImageSrc = tg_main
+ this.isMain = true
// this.devListParams.picture = '1'
this.imgSizeOriginal = { width: 2245, height: 1586 }
this.btnNum = 3
@@ -924,50 +1064,77 @@
// 查询并显示设备详情
detailDev(dev, event) {
this.resetDevDetail()
- getDetailDevice(dev.id).then(response => {
- if (response.code === 200) {
- this.dataForm = {
- id: dev.id,
- name: dev.name,
- devcode: dev.devcode,
- typeName: response.data.typeName,
- model: dev.model,
- onlineStatusName: response.data.onlineStatusName,
- position: dev.position,
- installDate: dev.installDate,
- inOutName: response.data.inOutName,
- deviceStatusName: response.data.deviceStatusName
- }
- // 电子围栏设备有开启字段
- if (dev.typeName.indexOf('电子围栏') >= 0) {
- this.isFence = true
- }
- } else {
- this.$message.error(response.message)
- }
- })
if(dev.deviceStatus===1){
- alarmDetailbyCode(dev.devcode).then(response=>{
- if(response.code === 200){
- this.alarmForm = response.data
+ getDetailDevice(dev.id).then(response => {
+ if (response.code === 200) {
+ this.dataForm = {
+ id: dev.id,
+ name: dev.name,
+ devcode: dev.devcode,
+ typeName: response.data.typeName,
+ type: response.data.type,
+ model: dev.model,
+ onlineStatusName: response.data.onlineStatusName,
+ position: dev.position,
+ installDate: dev.installDate,
+ inOutName: response.data.inOutName,
+ deviceStatusName: response.data.deviceStatusName
+ }
+ alarmDetailbyCode(dev.devcode).then(response=>{
+ if(response.code === 200){
+ this.alarmForm = response.data
+ this.showDevDetail = false
+ this.showAlarmDetail = true
+ }
+ })
+ } else {
+ this.$message.error(response.message)
}
})
- this.showDevDetail = false
- this.showAlarmDetail = true
+ if(event.target.id.startsWith('click')){
+ this.$refs['alarm-detail-block'].style.position = 'absolute'
+ this.$refs['alarm-detail-block'].style.top = event.clientY + 'px'
+ this.$refs['alarm-detail-block'].style.left = event.clientX + 'px'
+ return
+ }
// 弹窗显示设备详情
const targetDev = event.currentTarget // 取到点击到的设备图标div
let top = parseInt(targetDev.style.top.substring(0, targetDev.style.top.length - 2))
- top = top + 100
+ //top = top + 100
this.$refs['alarm-detail-block'].style.position = 'absolute'
this.$refs['alarm-detail-block'].style.top = top + 'px'
this.$refs['alarm-detail-block'].style.left = targetDev.style.left
}else{
- this.showDevDetail = true
- this.showAlarmDetail = false
+ getDetailDevice(dev.id).then(response => {
+ if (response.code === 200) {
+ this.dataForm = {
+ id: dev.id,
+ name: dev.name,
+ devcode: dev.devcode,
+ typeName: response.data.typeName,
+ model: dev.model,
+ onlineStatusName: response.data.onlineStatusName,
+ position: dev.position,
+ installDate: dev.installDate,
+ inOutName: response.data.inOutName,
+ deviceStatusName: response.data.deviceStatusName
+ }
+ this.showDevDetail = true
+ this.showAlarmDetail = false
+ } else {
+ this.$message.error(response.message)
+ }
+ })
+ if(event.target.id.startsWith('click')){
+ this.$refs['dev-detail-block'].style.position = 'absolute'
+ this.$refs['dev-detail-block'].style.top = event.clientY + 'px'
+ this.$refs['dev-detail-block'].style.left = event.clientX + 'px'
+ return
+ }
// 弹窗显示设备详情
const targetDev = event.currentTarget // 取到点击到的设备图标div
let top = parseInt(targetDev.style.top.substring(0, targetDev.style.top.length - 2))
- top = top + 100
+ //top = top + 100
this.$refs['dev-detail-block'].style.position = 'absolute'
this.$refs['dev-detail-block'].style.top = top + 'px'
this.$refs['dev-detail-block'].style.left = targetDev.style.left
@@ -1014,6 +1181,20 @@
}
diff --git a/src/views/visitor/visitorCarCheckIn.vue b/src/views/visitor/visitorCarCheckIn.vue
index c8ca1ee..c09abbb 100644
--- a/src/views/visitor/visitorCarCheckIn.vue
+++ b/src/views/visitor/visitorCarCheckIn.vue
@@ -13,7 +13,7 @@
- 读取身份证
+ 读取身份证
@@ -48,7 +48,7 @@
-
+
@@ -68,7 +68,7 @@
@@ -82,6 +82,7 @@
name: 'VisitorCarCheckIn',
data() {
return {
+ canRead: false,
isEditMode: true, // 是否为编辑模式,非编辑模式都为只读
readCard: false, // 是否从读卡器读卡,未从读卡器读卡不能提交,读卡之后不能编辑
checkInCar: true, // 添加车辆还是添加随车人员
@@ -194,6 +195,8 @@
this.readCard = false
},
readIDCard() {
+ this.resetForm()
+ this.canRead = true
const that = this
this.ws = that.$root.ws
if (this.ws === null) {
@@ -214,6 +217,7 @@
this.ws.send('ReadIdCard')
}
this.ws.onmessage = function(receiveMsg) {
+ that.canRead = false
const data = JSON.parse(receiveMsg.data)
if (data !== '' && data.message !== 'fail') {
that.dataForm.idCard = data.IdCardNo
diff --git a/src/views/visitor/visitorCarDetail.vue b/src/views/visitor/visitorCarDetail.vue
index 2641204..38eceb4 100644
--- a/src/views/visitor/visitorCarDetail.vue
+++ b/src/views/visitor/visitorCarDetail.vue
@@ -45,7 +45,7 @@
-
+
@@ -102,7 +102,7 @@
-
+
@@ -142,7 +142,7 @@
personName: '', // 接访人
beginTime: '', // 授权起始时间
endTime: '', // 授权结束时间
- inTime: '', // 入园时间
+ inTime: '', // 入营时间
outTime: '' // 离开时间
}, // 表单
photo: '', // 图片路径
@@ -212,7 +212,7 @@
personName: '', // 接访人
beginTime: '', // 授权起始时间
endTime: '', // 授权结束时间
- inTime: '', // 入园时间
+ inTime: '', // 入营时间
outTime: '' // 离开时间
}
diff --git a/src/views/visitor/visitorCheckIn.vue b/src/views/visitor/visitorCheckIn.vue
index f21d440..1aba7cc 100644
--- a/src/views/visitor/visitorCheckIn.vue
+++ b/src/views/visitor/visitorCheckIn.vue
@@ -13,7 +13,7 @@
- 读取身份证
+ 读取身份证
@@ -48,7 +48,7 @@
-
+
@@ -96,6 +96,7 @@
name: 'VisitorCheckIn',
data() {
return {
+ canRead: false,
isEditMode: true, // 是否为编辑模式,非编辑模式都为只读
readCard: false, // 是否从读卡器读卡,未从读卡器读卡不能提交,读卡之后不能编辑
dialogFormVisible: false, // 对话框是否显示
@@ -194,6 +195,8 @@
this.readCard = false
},
readIDCard() {
+ this.resetForm()
+ this.canRead = true
const that = this
this.ws = that.$root.ws
if (this.ws === null) {
@@ -214,6 +217,7 @@
this.ws.send('ReadIdCard')
}
this.ws.onmessage = function(receiveMsg) {
+ that.canRead = false
const data = JSON.parse(receiveMsg.data)
console.log(data)
if (data !== '' && data.message !== 'fail') {
@@ -234,13 +238,12 @@
// 保存数据
saveData: function() {
this.btnLoading = true
-
this.visitorCheckedIn()
},
// 新增数据
visitorCheckedIn: function() {
this.$refs['dataForm'].validate((valid) => {
- if (valid && this.readCard) {
+ if (valid) {
const list = this.$parent.dataForm.visitorBaseDTOList
let isChecked = false
// 遍历父组件的visitorBaseDTOList,检查是否已经登记过
diff --git a/src/views/visitor/visitorDetail.vue b/src/views/visitor/visitorDetail.vue
index a66cdf5..54d3fee 100644
--- a/src/views/visitor/visitorDetail.vue
+++ b/src/views/visitor/visitorDetail.vue
@@ -45,7 +45,7 @@
-
+
@@ -94,7 +94,7 @@
-
+
@@ -134,7 +134,7 @@
personName: '', // 接访人
beginTime: '', // 授权起始时间
endTime: '', // 授权结束时间
- inTime: '', // 入园时间
+ inTime: '', // 入营时间
outTime: '' // 离开时间
}, // 表单
photo: '', // 图片路径
@@ -203,7 +203,7 @@
personName: '', // 接访人
beginTime: '', // 授权起始时间
endTime: '', // 授权结束时间
- inTime: '', // 入园时间
+ inTime: '', // 入营时间
outTime: '' // 离开时间
}
diff --git a/src/views/visitor/visitorTodayList.vue b/src/views/visitor/visitorTodayList.vue
index 1bde7e2..4d42186 100644
--- a/src/views/visitor/visitorTodayList.vue
+++ b/src/views/visitor/visitorTodayList.vue
@@ -226,7 +226,6 @@
getVisitorList(this.listQuery).then(response => {
if (response.code === 200) {
this.list = response.data.rows
- this.list = [{id:'111',name:'1111',deptname:'sss',visitTime:'saaaaddddaaaaaaa',outTime:'saaaaaddddaaaaaa'}]
this.total = parseInt(response.data.total)
} else {
this.$message.error(response.message)
diff --git a/static/webCtrl/hk/demo_embedded_for_iframe.html b/static/webCtrl/hk/demo_embedded_for_iframe.html
index 112068e..8d9eb32 100644
--- a/static/webCtrl/hk/demo_embedded_for_iframe.html
+++ b/static/webCtrl/hk/demo_embedded_for_iframe.html
@@ -13,7 +13,7 @@
margin: 0;
}
.playWnd {
- margin: 10px 0 0 20px;
+ margin: 0px 0 0 100px;
width: 1px;
height: 1px;
border: 1px solid white;