diff --git a/src/api/device copy/device.js b/src/api/device copy/device.js new file mode 100644 index 0000000..72677ee --- /dev/null +++ b/src/api/device copy/device.js @@ -0,0 +1,15 @@ +import request from '@/utils/request' +// eslint-disable-next-line no-unused-vars +import qs from 'qs' + +// 获取设备列表 +export function getInfoPage(data) { + return request({ url: '/yInfo/getInfoPage', method: 'GET', params: data }) +} + + +// 单条获取设备 +export function getInfoById(data) { + return request({ url: '/yInfo/getInfoById', method: 'GET', params: data }) +} + diff --git a/src/api/device/device.js b/src/api/device/device.js index 1ba19aa..3f6bcda 100644 --- a/src/api/device/device.js +++ b/src/api/device/device.js @@ -62,6 +62,13 @@ export function sysDisArm(data) { return request({ url: '/device/sysDisArm', method: 'GET', params: data }) } +// 获取设备状态数量 +export function getStatusCount(data) { + return request({ url: '/device/getStatusCount', method: 'GET', params: data }) +} + + + /******************************************************************************************************************************************** */ diff --git a/src/views/baojingchaxun/baojingchaxunList.vue b/src/views/baojingchaxun/baojingchaxunList.vue index 6c0feaa..d1eedaa 100644 --- a/src/views/baojingchaxun/baojingchaxunList.vue +++ b/src/views/baojingchaxun/baojingchaxunList.vue @@ -221,6 +221,9 @@ export default { this.getList() }, handleReset() { + this.listQuery.name = null + this.listQuery.startTime = null + this.listQuery.endTime = null // this.listQuery = { // params: { // manufacturerName: '', diff --git a/src/views/echarts/components/PieChartrenyuan.vue b/src/views/echarts/components/PieChartrenyuan.vue index 02b4ea7..16fb118 100644 --- a/src/views/echarts/components/PieChartrenyuan.vue +++ b/src/views/echarts/components/PieChartrenyuan.vue @@ -113,12 +113,12 @@ export default { containLabel: true, }, tooltip: { - show: false, + show: true, trigger: 'item', - formatter: '{b} : {c} ' + unit + ' ({d}%)', - // formatter: '{a}
{b} : {c} ({d}%)' + formatter: '{b} : {c} ' + ' ({d}%)', }, - legend: {show: false, + legend: { + show: false, // right: '10', bottom: '0', data: legend, // ['Industries', 'Technology', 'Forex', 'Gold', 'Forecasts'] diff --git a/src/views/echarts/components/PieChartrenyuanb.vue b/src/views/echarts/components/PieChartrenyuanb.vue index d579028..9713537 100644 --- a/src/views/echarts/components/PieChartrenyuanb.vue +++ b/src/views/echarts/components/PieChartrenyuanb.vue @@ -113,12 +113,12 @@ export default { containLabel: true, }, tooltip: { - show: false, + show: true, trigger: 'item', - formatter: '{b} : {c} ' + unit + ' ({d}%)', - // formatter: '{a}
{b} : {c} ({d}%)' + formatter: '{b} : {c} ' + ' ({d}%)', }, - legend: {show: false, + legend: { + show: true, // right: '10', bottom: '0', data: legend, // ['Industries', 'Technology', 'Forex', 'Gold', 'Forecasts'] diff --git a/src/views/index.vue b/src/views/index.vue index 1f0675e..6453e55 100644 --- a/src/views/index.vue +++ b/src/views/index.vue @@ -109,8 +109,10 @@
-
正常:36
-
离线:16
+
正常:{{ statusDataSp.online }}
+
离线:{{ statusDataSp.offline == null ? 0 : statusDataSp.offline + }} +
@@ -147,9 +149,10 @@
-
正常:26
-
离线:12
-
报警:11
+
正常:{{ statusDataWl.online }}
+
离线:{{ statusDataWl.offline == null ? 0 : statusDataWl.offline + }}
+
@@ -170,6 +173,8 @@ import * as echarts from "echarts"; import PieChartrenyuan from '@/views/echarts/components/PieChartrenyuan' import HomeMap from '@/views/dashboard/components/HomeMap' import { getCallPolicePage } from '@/api/callPolice/callPolice' +import { getInfoPage } from '@/api/yInfo/yInfo' +import { getStatusCount } from '@/api/device/device' import { init } from 'events'; // 1.1入侵报警饼图 const ruqinbaojing_Chart = { @@ -196,7 +201,7 @@ const ruqinbaojing_Chart = { const shipinjiankong_Chart = { // seriesName: '视频监控', unit: '次', - color: ['#fe7f02', '#049f51', '#fdc004'], + color: ['#fe7f02', '#049f51'], Data: { seriesData: [ { value: 39, name: '正常' }, @@ -222,19 +227,18 @@ const menjinguanli_Chart = { '#C1232B'], Data: { seriesData: [ - { value: 28, name: '正常' }, - { value: 22, name: '离线' }, - { value: 18, name: '报警' } + { value: 38, name: '正常' }, + { value: 15, name: '离线' }, + { value: 12, name: '报警' } ] }, label: { normal: { position: 'inner', - show: false + show: false, + layoutAnimation: false } }, - - // radius: ['50%', '55%'] } // 1.4电子围栏饼图 const dianziweilan_Chart = { @@ -303,24 +307,48 @@ export default { dianziweilan_Chart: dianziweilan_Chart, dianzixungeng_Chart: dianzixungeng_Chart, token: '', - Datalista: [ - { title: '您有新任务了', createTime: '2023-05-23' }, - { title: '您有新任务了', createTime: '2023-05-23' }, - { title: '您有新任务了', createTime: '2023-05-23' }, - { title: '您有新任务了', createTime: '2023-05-23' }, - { title: '您有新任务了', createTime: '2023-05-23' }, - ], + statusDataSp: {}, + statusDataWl: {}, + Datalista: [], Datalist: [], } }, methods: { init() { + getStatusCount({ deviceType: 1 }).then(res => { + this.statusDataSp = res.data + this.shipinjiankong_Chart.Data.seriesData = [] + var offline = this.statusDataSp.offline == null ? 0 : this.statusDataSp.offline + var online = this.statusDataSp.online == null ? 0 : this.statusDataSp.online + var obj = { name: '正常', value: online } + var obj1 = { name: '离线', value: offline } + this.shipinjiankong_Chart.Data.seriesData.push(obj) + this.shipinjiankong_Chart.Data.seriesData.push(obj1) + }) + getStatusCount({ deviceType: 2 }).then(res => { + this.statusDataWl = res.data + this.dianziweilan_Chart.Data.seriesData = [] + var offline = this.statusDataWl.offline == null ? 0 : this.statusDataWl.offline + var online = this.statusDataWl.online == null ? 0 : this.statusDataWl.online + var obj = { name: '正常', value: online } + var obj1 = { name: '离线', value: offline } + this.dianziweilan_Chart.Data.seriesData.push(obj) + this.dianziweilan_Chart.Data.seriesData.push(obj1) + }) getCallPolicePage({ current: 1, size: 5 }).then((res) => { console.log(res) if (res.code == 200) { this.Datalist = res.data.records } else { - this.list = [] + this.Datalist = [] + } + }) + getInfoPage({ current: 1, size: 5 }).then((res) => { + this.listLoading = false + if (res.code == 200) { + this.Datalista = res.data.records + } else { + this.Datalista = [] } }) }, @@ -329,6 +357,11 @@ export default { path: '/baojingchaxun/baojingchaxunList', }) }, + toMoreb() { + this.$router.push({ + path: '/xiaoxi/xiaoxiList', + }) + }, getMessage() { this.$notify({ @@ -340,11 +373,12 @@ export default { message: "
" + "新的报警待处理
", position: 'bottom-right', onClick: () => { - alert("这是一条新订单") + this.$router.push({ + path: '/xiaoxi/xiaoxiList', + }) + // alert("这是一条新订单") // this.playText('你有一条报警信息未读') // this.getServicePageLists() - - }, duration: 3000, }) diff --git a/src/views/monitor/videos/index.vue b/src/views/monitor/videos/index.vue index 5217d3e..d1b9220 100644 --- a/src/views/monitor/videos/index.vue +++ b/src/views/monitor/videos/index.vue @@ -7,7 +7,7 @@
- + @@ -80,35 +80,29 @@
-
+ +
-

开门

- - +
- -
-
- - - + + -->
@@ -135,17 +129,14 @@
- -
视频监控
+ +
视频监控
- -
门禁管理
+ +
门禁管理
- -
电子围栏
+ +
电子围栏
@@ -154,26 +145,26 @@
- -
+ +

正常

- - 216 - + {{ + statusData.online }}
- -
+ +

离线

- 23 + {{ + statusData.offline == null ? 0 : statusData.offline }}
- +
@@ -216,8 +207,9 @@ import Pagination from '@/components/pagination' import pageye from '@/components/pagination/pageye' import ButtonBar from '@/components/ButtonBar' -import { getOtherList, sysArm, sysDisArm, getWareHouseList } from '@/api/device/device' +import { getOtherList, sysArm, sysDisArm, getWareHouseList, getStatusCount } from '@/api/device/device' import { getVedioPcRecById, getVedioPcLiveById } from '@/api/deviceImage/deviceImage' +import { getCounty } from '@/api/Common/areaPicker' // import baojingchaxunAdd from './baojingchaxunAdd' // import baojingchaxunInfo from './baojingchaxunInfo' // import req from '@/api/baojingchaxun/baojingchaxun' @@ -237,6 +229,7 @@ export default { btnShipinjiankong: [], btnMenjinguanli: [], btnDianziweilan: [], + statusData: {}, btndisabled: false, zc_list: [], dzwl_list: [], @@ -282,16 +275,7 @@ export default { ], supplierType_list: [{ dictValue: '一层', dictKey: '1' }], - Datalista: [ - { xiaoqu: '和平家园小区南门出口', tuUrl: './image/ren1.jpg', weizhi: '南门出口', createTime: '2023-05-03', createTime2: '18:26:38', shijian: '社区户主', name: '李明华' }, - { xiaoqu: '和平家园小区东门出口', tuUrl: './image/ren2.jpg', weizhi: '东门出口', createTime: '2023-05-08', createTime2: '18:26:38', shijian: '社区户主', name: '李明华' }, - { xiaoqu: '和平家园小区西门出口', tuUrl: './image/ren1.jpg', weizhi: '西门出口', createTime: '2023-05-12', createTime2: '19:32:38', shijian: '社区户主', name: '李明华' }, - { xiaoqu: '和平家园小区东门出口', tuUrl: './image/ren2.jpg', weizhi: '东门出口', createTime: '2023-05-23', createTime2: '18:26:38', shijian: '社区户主', name: '李明华' }, - { xiaoqu: '和平家园小区南门出口', tuUrl: './image/ren1.jpg', weizhi: '南门出口', createTime: '2023-05-03', createTime2: '18:26:38', shijian: '社区户主', name: '李明华' }, - { xiaoqu: '和平家园小区东门出口', tuUrl: './image/ren2.jpg', weizhi: '东门出口', createTime: '2023-05-08', createTime2: '18:26:38', shijian: '社区户主', name: '李明华' }, - { xiaoqu: '和平家园小区西门出口', tuUrl: './image/ren1.jpg', weizhi: '西门出口', createTime: '2023-05-12', createTime2: '19:32:38', shijian: '社区户主', name: '李明华' }, - { xiaoqu: '和平家园小区东门出口', tuUrl: './image/ren2.jpg', weizhi: '东门出口', createTime: '2023-05-23', createTime2: '18:26:38', shijian: '社区户主', name: '李明华' }, - ], + Datalista: [], dialogImage: false, dialogImageJK: false, dialogImageJKRec: false, @@ -451,6 +435,9 @@ export default { openruqinbaojing() { this.showRuqinbaojing = !this.showRuqinbaojing }, + abc() { + alert(1) + }, openshipinjiankong() { this.showShipinjiankong = !this.showShipinjiankong }, @@ -601,24 +588,26 @@ export default { } }, init() { - getWareHouseList().then(res => { - console.log(res) - if (res.code == 200) { - this.ckList = res.data - } - }) getOtherList({ type: 1 }).then((res) => { if (res.code == 200) { this.zc_list = res.data } }) - getOtherList({ type: 2 }).then((res) => { if (res.code == 200) { this.dzwl_list = res.data } console.log(this.dzwl_list) }) + getStatusCount({ deviceType: null, statusType: null }).then(res => { + this.statusData = res.data + }) + getWareHouseList().then(res => { + console.log(res) + if (res.code == 200) { + this.ckList = res.data + } + }) }, // 序号 indexMethod(index) { diff --git a/src/views/shebeirizhi/shebeirizhiList.vue b/src/views/shebeirizhi/shebeirizhiList.vue index 45f3dd2..67b21c6 100644 --- a/src/views/shebeirizhi/shebeirizhiList.vue +++ b/src/views/shebeirizhi/shebeirizhiList.vue @@ -1,7 +1,7 @@ - + diff --git a/src/views/xiaoxi/xiaoxiList.vue b/src/views/xiaoxi/xiaoxiList.vue index b589d1f..532ddd3 100644 --- a/src/views/xiaoxi/xiaoxiList.vue +++ b/src/views/xiaoxi/xiaoxiList.vue @@ -1,28 +1,28 @@ diff --git a/src/views/zhiwujiance/zhiwujianceInfo.vue b/src/views/zhiwujiance/zhiwujianceInfo.vue index 7148539..04621b6 100644 --- a/src/views/zhiwujiance/zhiwujianceInfo.vue +++ b/src/views/zhiwujiance/zhiwujianceInfo.vue @@ -68,11 +68,11 @@ - 拍照图片 + 拍照图片{{ infoForm.imgAfter }} - + @@ -93,6 +93,8 @@ export default { // tableKey: 0, // index: 0, viewTitle: '', + // fileUrl: 'http://8.130.39.13:7003/upload/monitor/', + fileUrl: 'http://huirong.ybkjyl.com/imagesDownload/', supplierType_list: [ { title: '摄像头', id: '1' }, ], @@ -127,6 +129,7 @@ export default { }) this.viewTitle = '质物台账详情' getDeviceImageById({ id: row.id }).then(resp => { + console.log('resp', resp) this.infoForm = { cangkuname: '仓库1', huohao: '1025632', ren: 'sun', tel: '138330025635', bianma: '02124623', name: '矿泉水', num: '500', weizhi: '仓库1F3', diff --git a/src/views/zhiwujiance/zhiwujianceList.vue b/src/views/zhiwujiance/zhiwujianceList.vue index 85e7614..f8fa3e8 100644 --- a/src/views/zhiwujiance/zhiwujianceList.vue +++ b/src/views/zhiwujiance/zhiwujianceList.vue @@ -182,8 +182,8 @@ export default { data() { return { // imgUrl: 'http://huirong.ybkjyl.com/1.png', - // fileUrl: 'http://huirong.ybkjyl.com/imagesDownload/', - fileUrl: 'http://8.130.39.13:7003/upload/monitor/', + fileUrl: 'http://huirong.ybkjyl.com/imagesDownload/', + // fileUrl: 'http://8.130.39.13:7003/upload/monitor/', wanhao_Chart: wanhao_Chart, // 1.1 weixiu_Chart: weixiu_Chart, sunhai_Chart: sunhai_Chart, @@ -361,6 +361,7 @@ export default { this.getList() }, handleReset() { + this.listQuery.ckId = null }, // 打开添加对话框 toAdd() {