From 8bdc5825f7ea8fcc5059d3fd77859ecb0b4e3963 Mon Sep 17 00:00:00 2001
From: Administrator <admin>
Date: Tue, 29 Jun 2021 17:30:45 +0800
Subject: [PATCH] 新增设备信息管理页面，并提供curd 操作
---
src/views/equipmentInfo/equipmentInfo.vue | 569 ++++++++++++++++++++++
src/api/equipmentInfo/equipmentInfo.js | 71 ++
src/router/views/index.js | 860 +++++++++++++++++----------------
3 files changed, 1,077 insertions(+), 423 deletions(-)
diff --git a/src/api/equipmentInfo/equipmentInfo.js b/src/api/equipmentInfo/equipmentInfo.js
new file mode 100644
index 0000000..46e583d
--- /dev/null
+++ b/src/api/equipmentInfo/equipmentInfo.js
@@ -0,0 +1,71 @@
+import request from '@/router/axios';
+
+export const getList = (current, size, params, pid) => {
+ return request({
+ url: '/api/blade-jfpts/equipmentInfo/selectEquipmentInfoDeptPages',
+ method: 'get',
+ params: {
+ ...params,
+ current,
+ size,
+ pid
+ }
+ })
+}
+
+
+export const remove = (ids) => {
+ return request({
+ url: '/api/blade-jfpts/equipmentInfo/delete',
+ method: 'post',
+ params: {
+ ids,
+ }
+ })
+}
+
+export const add = (row) => {
+ return request({
+ url: '/api/blade-jfpts/equipmentInfo/submit',
+ method: 'post',
+ data: row
+ })
+}
+
+export const update = (row) => {
+ return request({
+ url: '/api/blade-jfpts/equipmentInfo/submit',
+ method: 'post',
+ data: row
+ })
+}
+
+export const getclient = (id) => {
+ return request({
+ url: '/api/blade-jfpts/equipmentInfo/detail',
+ method: 'get',
+ params: {
+ id
+ }
+ })
+}
+
+export const getDeptLazyTree = (parentId) => {
+ return request({
+ url: '/api/blade-system/dept/lazy-trees',
+ method: 'get',
+ params: {
+ parentId
+ }
+ })
+}
+
+export const getDeptTree = (tenantId) => {
+ return request({
+ url: '/api/blade-system/dept/tree',
+ method: 'get',
+ params: {
+ tenantId,
+ }
+ })
+}
\ No newline at end of file
diff --git a/src/router/views/index.js b/src/router/views/index.js
index 4ce4845..5f743da 100644
--- a/src/router/views/index.js
+++ b/src/router/views/index.js
@@ -1,435 +1,449 @@
import Layout from '@/page/index/'
export default [{
- path: '/wel',
- component: Layout,
- redirect: '/wel/index',
- children: [{
- path: 'index',
- name: '首页',
- meta: {
- i18n: 'dashboard'
- },
- component: () =>
- import( /* webpackChunkName: "views" */ '@/views/dataL/homeL')
- }]
-},
+ path: '/wel',
+ component: Layout,
+ redirect: '/wel/index',
+ children: [{
+ path: 'index',
+ name: '首页',
+ meta: {
+ i18n: 'dashboard'
+ },
+ component: () =>
+ import ( /* webpackChunkName: "views" */ '@/views/dataL/homeL')
+ }]
+ },
-// {
-// path: '/wel',
-// component: Layout,
-// redirect: '/wel/index',
-// children: [{
-// path: 'index',
-// name: '首页',
-// meta: {
-// i18n: 'dashboard'
-// },
-// component: () =>
-// import ( /* webpackChunkName: "views" */ '@/views/home/home')
-// }, {
-// path: 'dashboard',
-// name: '控制台',
-// meta: {
-// i18n: 'dashboard',
-// menu: false,
-// },
-// component: () =>
-// import ( /* webpackChunkName: "views" */ '@/views/wel/dashboard')
-// }]
-// },
-{
- path: '/distribution',
- component: Layout,
- redirect: '/distribution/index',
- children: [{
- path: 'index',
- name: '警情分发处置',
- meta: {
- i18n: 'distribution'
- },
- component: () =>
- import( /* webpackChunkName: "views" */ '@/views/distribution/index')
- }]
-},
-{
- path: '/test',
- component: Layout,
- redirect: '/test/index',
- children: [{
- path: 'index',
- name: '测试页',
- meta: {
- i18n: 'test'
- },
- component: () =>
- import( /* webpackChunkName: "views" */ '@/views/util/test')
- }]
-}, {
- path: '/dict-horizontal',
- component: Layout,
- redirect: '/dict-horizontal/index',
- children: [{
- path: 'index',
- name: '字典管理',
- meta: {
- i18n: 'dict'
- },
- component: () =>
- import( /* webpackChunkName: "views" */ '@/views/util/demo/dict-horizontal')
- }]
-}, {
- path: '/dict-vertical',
- component: Layout,
- redirect: '/dict-vertical/index',
- children: [{
- path: 'index',
- name: '字典管理',
- meta: {
- i18n: 'dict'
- },
- component: () =>
- import( /* webpackChunkName: "views" */ '@/views/util/demo/dict-vertical')
- }]
-}, {
- path: '/info',
- component: Layout,
- redirect: '/info/index',
- children: [{
- path: 'index',
- name: '个人信息',
- meta: {
- i18n: 'info'
- },
- component: () =>
- import( /* webpackChunkName: "views" */ '@/views/system/userinfo')
- }]
-},
-{
- path: '/real',
- component: Layout,
- redirect: '/real/video',
- children: [{
- path: 'video',
- name: '视频',
- meta: {
- i18n: 'real'
- },
- component: () =>
- import( /* webpackChunkName: "views" */ '@/views/Video/video')
+ // {
+ // path: '/wel',
+ // component: Layout,
+ // redirect: '/wel/index',
+ // children: [{
+ // path: 'index',
+ // name: '首页',
+ // meta: {
+ // i18n: 'dashboard'
+ // },
+ // component: () =>
+ // import ( /* webpackChunkName: "views" */ '@/views/home/home')
+ // }, {
+ // path: 'dashboard',
+ // name: '控制台',
+ // meta: {
+ // i18n: 'dashboard',
+ // menu: false,
+ // },
+ // component: () =>
+ // import ( /* webpackChunkName: "views" */ '@/views/wel/dashboard')
+ // }]
+ // },
+ {
+ path: '/distribution',
+ component: Layout,
+ redirect: '/distribution/index',
+ children: [{
+ path: 'index',
+ name: '警情分发处置',
+ meta: {
+ i18n: 'distribution'
+ },
+ component: () =>
+ import ( /* webpackChunkName: "views" */ '@/views/distribution/index')
+ }]
+ },
+ {
+ path: '/test',
+ component: Layout,
+ redirect: '/test/index',
+ children: [{
+ path: 'index',
+ name: '测试页',
+ meta: {
+ i18n: 'test'
+ },
+ component: () =>
+ import ( /* webpackChunkName: "views" */ '@/views/util/test')
+ }]
}, {
- path: 'history/:historyId',
- name: '设备历史',
- meta: {
- i18n: 'real'
- },
- component: () =>
- import( /* webpackChunkName: "views" */ '@/views/realTimePolice/realHistory')
- }]
-},
-{
- path: '/welcomeData',
- component: Layout,
- redirect: '/welcomeData/data',
- children: [{
- path: 'data',
- name: '数据模式',
- meta: {
- i18n: 'data'
- },
- component: () =>
- import( /* webpackChunkName: "views" */ '@/views/supervisoryConsole/data')
+ path: '/dict-horizontal',
+ component: Layout,
+ redirect: '/dict-horizontal/index',
+ children: [{
+ path: 'index',
+ name: '字典管理',
+ meta: {
+ i18n: 'dict'
+ },
+ component: () =>
+ import ( /* webpackChunkName: "views" */ '@/views/util/demo/dict-horizontal')
+ }]
}, {
- path: 'map',
- name: '地图模式',
- meta: {
- i18n: 'map'
- },
- component: () =>
- import( /* webpackChunkName: "views" */ '@/views/supervisoryConsole/map')
+ path: '/dict-vertical',
+ component: Layout,
+ redirect: '/dict-vertical/index',
+ children: [{
+ path: 'index',
+ name: '字典管理',
+ meta: {
+ i18n: 'dict'
+ },
+ component: () =>
+ import ( /* webpackChunkName: "views" */ '@/views/util/demo/dict-vertical')
+ }]
}, {
- path: 'card',
- name: '卡片模式',
- meta: {
- i18n: 'card'
- },
- component: () =>
- import( /* webpackChunkName: "views" */ '@/views/supervisoryConsole/card')
- }]
-},
+ path: '/info',
+ component: Layout,
+ redirect: '/info/index',
+ children: [{
+ path: 'index',
+ name: '个人信息',
+ meta: {
+ i18n: 'info'
+ },
+ component: () =>
+ import ( /* webpackChunkName: "views" */ '@/views/system/userinfo')
+ }]
+ },
+ {
+ path: '/real',
+ component: Layout,
+ redirect: '/real/video',
+ children: [{
+ path: 'video',
+ name: '视频',
+ meta: {
+ i18n: 'real'
+ },
+ component: () =>
+ import ( /* webpackChunkName: "views" */ '@/views/Video/video')
+ }, {
+ path: 'history/:historyId',
+ name: '设备历史',
+ meta: {
+ i18n: 'real'
+ },
+ component: () =>
+ import ( /* webpackChunkName: "views" */ '@/views/realTimePolice/realHistory')
+ }]
+ },
+ {
+ path: '/welcomeData',
+ component: Layout,
+ redirect: '/welcomeData/data',
+ children: [{
+ path: 'data',
+ name: '数据模式',
+ meta: {
+ i18n: 'data'
+ },
+ component: () =>
+ import ( /* webpackChunkName: "views" */ '@/views/supervisoryConsole/data')
+ }, {
+ path: 'map',
+ name: '地图模式',
+ meta: {
+ i18n: 'map'
+ },
+ component: () =>
+ import ( /* webpackChunkName: "views" */ '@/views/supervisoryConsole/map')
+ }, {
+ path: 'card',
+ name: '卡片模式',
+ meta: {
+ i18n: 'card'
+ },
+ component: () =>
+ import ( /* webpackChunkName: "views" */ '@/views/supervisoryConsole/card')
+ }]
+ },
-{
- path: '/work/process/leave',
- component: Layout,
- redirect: '/work/process/leave/form',
- children: [{
- path: 'form/:processDefinitionId',
- name: '请假流程',
- meta: {
- i18n: 'work'
- },
- component: () =>
- import( /* webpackChunkName: "views" */ '@/views/work/process/leave/form')
- }, {
- path: 'handle/:taskId/:processInstanceId/:businessId',
- name: '处理请假流程',
- meta: {
- i18n: 'work'
- },
- component: () =>
- import( /* webpackChunkName: "views" */ '@/views/work/process/leave/handle')
- }, {
- path: 'detail/:processInstanceId/:businessId',
- name: '请假流程详情',
- meta: {
- i18n: 'work'
- },
- component: () =>
- import( /* webpackChunkName: "views" */ '@/views/work/process/leave/detail')
- }]
-},
-{
- path: '/realTimePolice',
- component: Layout,
- redirect: '/realTimePolice/index',
- children: [{
- path: 'index',
- name: '实时报警',
- meta: {
- i18n: 'real'
- },
- component: () =>
- import( /* webpackChunkName: "views" */ '@/views/realTimePolice/real')
- }]
-},
-{
- path: '/home',
- component: Layout,
- redirect: '/home/index',
- children: [{
- path: 'index',
- name: '研判洞察',
- meta: {
- i18n: 'home'
- },
- component: () =>
- import( /* webpackChunkName: "views" */ '@/views/home/home')
- }]
-},
-{
- path: '/attendance',
- component: Layout,
- redirect: '/attendance/attendance',
- children: [{
- path: 'index',
- name: '考勤管理',
- meta: {
- i18n: 'attendance'
- },
- component: () =>
- import( /* webpackChunkName: "views" */ '@/views/attendance/attendance')
- }]
-},
-{
- path: '/clientManagement',
- component: Layout,
- redirect: '/clientManagement/clientManagement',
- children: [{
+ {
+ path: '/work/process/leave',
+ component: Layout,
+ redirect: '/work/process/leave/form',
+ children: [{
+ path: 'form/:processDefinitionId',
+ name: '请假流程',
+ meta: {
+ i18n: 'work'
+ },
+ component: () =>
+ import ( /* webpackChunkName: "views" */ '@/views/work/process/leave/form')
+ }, {
+ path: 'handle/:taskId/:processInstanceId/:businessId',
+ name: '处理请假流程',
+ meta: {
+ i18n: 'work'
+ },
+ component: () =>
+ import ( /* webpackChunkName: "views" */ '@/views/work/process/leave/handle')
+ }, {
+ path: 'detail/:processInstanceId/:businessId',
+ name: '请假流程详情',
+ meta: {
+ i18n: 'work'
+ },
+ component: () =>
+ import ( /* webpackChunkName: "views" */ '@/views/work/process/leave/detail')
+ }]
+ },
+ {
+ path: '/realTimePolice',
+ component: Layout,
+ redirect: '/realTimePolice/index',
+ children: [{
+ path: 'index',
+ name: '实时报警',
+ meta: {
+ i18n: 'real'
+ },
+ component: () =>
+ import ( /* webpackChunkName: "views" */ '@/views/realTimePolice/real')
+ }]
+ },
+ {
+ path: '/home',
+ component: Layout,
+ redirect: '/home/index',
+ children: [{
+ path: 'index',
+ name: '研判洞察',
+ meta: {
+ i18n: 'home'
+ },
+ component: () =>
+ import ( /* webpackChunkName: "views" */ '@/views/home/home')
+ }]
+ },
+ {
+ path: '/attendance',
+ component: Layout,
+ redirect: '/attendance/attendance',
+ children: [{
+ path: 'index',
+ name: '考勤管理',
+ meta: {
+ i18n: 'attendance'
+ },
+ component: () =>
+ import ( /* webpackChunkName: "views" */ '@/views/attendance/attendance')
+ }]
+ },
+ {
+ path: '/clientManagement',
+ component: Layout,
+ redirect: '/clientManagement/clientManagement',
+ children: [{
- path: 'index',
- name: '设备管理',
- meta: {
- i18n: 'clientManagement'
- },
- component: () =>
- import( /* webpackChunkName: "views" */ '@/views/clientManagement/clientManagement')
- }]
-},
-{
- path: '/suser',
- component: Layout,
- redirect: '/suser',
- children: [{
- path: 'index',
- name: '客户管理',
- meta: {
- i18n: 'suser'
- },
- component: () =>
- import( /* webpackChunkName: "views" */ '@/views/system/cs')
- }]
-}, {
- path: '/policeTracking',
- component: Layout,
- redirect: '/policeTracking/track',
- children: [{
- path: 'track',
- name: '警情追踪',
- meta: {
- i18n: 'track'
- },
- component: () =>
- import( /* webpackChunkName: "views" */ '@/views/policeTracking/policeTracking')
- }]
-}, {
- path: '/healthcode',
- component: Layout,
- redirect: '/healthcode/healthcodePage',
- children: [{
- path: 'healthcodePage',
- name: '健康码',
- meta: {
- i18n: 'healthcode'
- },
- component: () =>
- import( /* webpackChunkName: "views" */ '@/views/healthcode/healthcode')
- }]
-}, {
- path: '/animalHeat',
- component: Layout,
- redirect: '/animalHeat/animalHeatPage',
- children: [{
- path: 'animalHeatPage',
- name: '体温检测',
- meta: {
- i18n: 'animalHeat'
- },
- component: () =>
- import( /* webpackChunkName: "views" */ '@/views/animalHeat/animalHeat')
- }]
-}, {
- path: '/alarm',
- component: Layout,
- redirect: '/alarm/alarmPage',
- children: [{
- path: 'alarmPage',
- name: '实时警情',
- meta: {
- i18n: 'alarm'
- },
- component: () =>
- import( /* webpackChunkName: "views" */ '@/views/alarm/alarm')
- }]
-}, {
- path: '/parcel',
- component: Layout,
- redirect: '/parcel/index',
- children: [{
- path: 'index',
- name: '安检包裹',
- meta: {
- i18n: 'parcel'
- },
- component: () =>
- import( /* webpackChunkName: "views" */ '@/views/parcel/parcel')
- }]
-}, {
- path: '/parcelKind',
- component: Layout,
- redirect: '/parcelKind/index',
- children: [{
- path: 'index',
- name: '违禁品',
- meta: {
- i18n: 'parcelKind'
- },
- component: () =>
- import( /* webpackChunkName: "views" */ '@/views/parcel/parcelKind')
- }]
-}, {
- path: '/dataL',
- component: Layout,
- redirect: '/dataL/dataL',
- children: [{
- path: 'dataL',
- name: '详情页',
- meta: {
- i18n: 'dataL'
- },
- component: () =>
- import( /* webpackChunkName: "views" */ '@/views/dataL/dataL')
- }]
-},{//路由占位
- path: '/dataL',
- redirect: '/dataL/hFive',
- component: Layout,
- children: [{
- path: 'hFive',
- name: '提交激活路口',
- meta: {
- i18n: 'dataL'
- },
- component: () =>
- import( /* webpackChunkName: "views" */ '@/views/dataL/hFive')
- }]
-},
-{
- path: '/patrolManagement',
- redirect: '/policeInformationDistribution/patrolManagement',
- component: Layout,
- children: [{
- path: 'patrolManagement',
- name: '巡逻管理',
- meta: {
- i18n: 'policeInformationDistribution'
- },
- component: () =>
- import( /* webpackChunkName: "views" */ '@/views/policeInformationDistribution/patrolManagement')
- }]
-},{
- path: '/policeInformationDistribution',
- redirect: '/policeInformationDistribution/policeManagementTeam',
- component: Layout,
- children: [{
- path: 'policeManagementTeam',
- name: '处警队伍管理',
- meta: {
- i18n: 'policeInformationDistribution'
- },
- component: () =>
- import( /* webpackChunkName: "views" */ '@/views/policeInformationDistribution/policeManagementTeam')
- }]
-},{
- path: '/report',
- redirect: '/report/reportConfiguration',
- component: Layout,
- children: [{
- path: 'reportConfiguration',
- name: '报表配置',
- meta: {
- i18n: 'report'
- },
- component: () =>
- import( /* webpackChunkName: "views" */ '@/views/report/reportConfiguration')
- }]
-},{
- path: '/report',
- redirect: '/report/announcementReport',
- component: Layout,
- children: [{
- path: 'announcementReport',
- name: '公告报表',
- meta: {
- i18n: 'report'
- },
- component: () =>
- import( /* webpackChunkName: "views" */ '@/views/report/announcementReport')
- }]
-},
-{
- path: '/real-popup',
- redirect: '/real-popup/kongbai',
- component: Layout,
- children: [{
- path: 'kongbai',
- name: '首页',
- meta: {
- i18n: 'report'
- },
- component: () =>
- import( /* webpackChunkName: "views" */ '@/components/real-popup/kongbai')
- }]
-},
+ path: 'index',
+ name: '设备管理',
+ meta: {
+ i18n: 'clientManagement'
+ },
+ component: () =>
+ import ( /* webpackChunkName: "views" */ '@/views/clientManagement/clientManagement')
+ }]
+ },
+ {
+ path: '/equipmentInfo',
+ component: Layout,
+ redirect: '/equipmentInfo/equipmentInfo',
+ children: [{
+ path: 'index',
+ name: '设备管理',
+ meta: {
+ i18n: 'equipmentInfo'
+ },
+ component: () =>
+ import ( /* webpackChunkName: "views" */ '@/views/equipmentInfo/equipmentInfo')
+ }]
+ },
+ {
+ path: '/suser',
+ component: Layout,
+ redirect: '/suser',
+ children: [{
+ path: 'index',
+ name: '客户管理',
+ meta: {
+ i18n: 'suser'
+ },
+ component: () =>
+ import ( /* webpackChunkName: "views" */ '@/views/system/cs')
+ }]
+ }, {
+ path: '/policeTracking',
+ component: Layout,
+ redirect: '/policeTracking/track',
+ children: [{
+ path: 'track',
+ name: '警情追踪',
+ meta: {
+ i18n: 'track'
+ },
+ component: () =>
+ import ( /* webpackChunkName: "views" */ '@/views/policeTracking/policeTracking')
+ }]
+ }, {
+ path: '/healthcode',
+ component: Layout,
+ redirect: '/healthcode/healthcodePage',
+ children: [{
+ path: 'healthcodePage',
+ name: '健康码',
+ meta: {
+ i18n: 'healthcode'
+ },
+ component: () =>
+ import ( /* webpackChunkName: "views" */ '@/views/healthcode/healthcode')
+ }]
+ }, {
+ path: '/animalHeat',
+ component: Layout,
+ redirect: '/animalHeat/animalHeatPage',
+ children: [{
+ path: 'animalHeatPage',
+ name: '体温检测',
+ meta: {
+ i18n: 'animalHeat'
+ },
+ component: () =>
+ import ( /* webpackChunkName: "views" */ '@/views/animalHeat/animalHeat')
+ }]
+ }, {
+ path: '/alarm',
+ component: Layout,
+ redirect: '/alarm/alarmPage',
+ children: [{
+ path: 'alarmPage',
+ name: '实时警情',
+ meta: {
+ i18n: 'alarm'
+ },
+ component: () =>
+ import ( /* webpackChunkName: "views" */ '@/views/alarm/alarm')
+ }]
+ }, {
+ path: '/parcel',
+ component: Layout,
+ redirect: '/parcel/index',
+ children: [{
+ path: 'index',
+ name: '安检包裹',
+ meta: {
+ i18n: 'parcel'
+ },
+ component: () =>
+ import ( /* webpackChunkName: "views" */ '@/views/parcel/parcel')
+ }]
+ }, {
+ path: '/parcelKind',
+ component: Layout,
+ redirect: '/parcelKind/index',
+ children: [{
+ path: 'index',
+ name: '违禁品',
+ meta: {
+ i18n: 'parcelKind'
+ },
+ component: () =>
+ import ( /* webpackChunkName: "views" */ '@/views/parcel/parcelKind')
+ }]
+ }, {
+ path: '/dataL',
+ component: Layout,
+ redirect: '/dataL/dataL',
+ children: [{
+ path: 'dataL',
+ name: '详情页',
+ meta: {
+ i18n: 'dataL'
+ },
+ component: () =>
+ import ( /* webpackChunkName: "views" */ '@/views/dataL/dataL')
+ }]
+ }, { //路由占位
+ path: '/dataL',
+ redirect: '/dataL/hFive',
+ component: Layout,
+ children: [{
+ path: 'hFive',
+ name: '提交激活路口',
+ meta: {
+ i18n: 'dataL'
+ },
+ component: () =>
+ import ( /* webpackChunkName: "views" */ '@/views/dataL/hFive')
+ }]
+ },
+ {
+ path: '/patrolManagement',
+ redirect: '/policeInformationDistribution/patrolManagement',
+ component: Layout,
+ children: [{
+ path: 'patrolManagement',
+ name: '巡逻管理',
+ meta: {
+ i18n: 'policeInformationDistribution'
+ },
+ component: () =>
+ import ( /* webpackChunkName: "views" */ '@/views/policeInformationDistribution/patrolManagement')
+ }]
+ }, {
+ path: '/policeInformationDistribution',
+ redirect: '/policeInformationDistribution/policeManagementTeam',
+ component: Layout,
+ children: [{
+ path: 'policeManagementTeam',
+ name: '处警队伍管理',
+ meta: {
+ i18n: 'policeInformationDistribution'
+ },
+ component: () =>
+ import ( /* webpackChunkName: "views" */ '@/views/policeInformationDistribution/policeManagementTeam')
+ }]
+ }, {
+ path: '/report',
+ redirect: '/report/reportConfiguration',
+ component: Layout,
+ children: [{
+ path: 'reportConfiguration',
+ name: '报表配置',
+ meta: {
+ i18n: 'report'
+ },
+ component: () =>
+ import ( /* webpackChunkName: "views" */ '@/views/report/reportConfiguration')
+ }]
+ }, {
+ path: '/report',
+ redirect: '/report/announcementReport',
+ component: Layout,
+ children: [{
+ path: 'announcementReport',
+ name: '公告报表',
+ meta: {
+ i18n: 'report'
+ },
+ component: () =>
+ import ( /* webpackChunkName: "views" */ '@/views/report/announcementReport')
+ }]
+ },
+ {
+ path: '/real-popup',
+ redirect: '/real-popup/kongbai',
+ component: Layout,
+ children: [{
+ path: 'kongbai',
+ name: '首页',
+ meta: {
+ i18n: 'report'
+ },
+ component: () =>
+ import ( /* webpackChunkName: "views" */ '@/components/real-popup/kongbai')
+ }]
+ },
diff --git a/src/views/equipmentInfo/equipmentInfo.vue b/src/views/equipmentInfo/equipmentInfo.vue
new file mode 100644
index 0000000..be01b8b
--- /dev/null
+++ b/src/views/equipmentInfo/equipmentInfo.vue
@@ -0,0 +1,569 @@
+<template>
+ <el-row>
+ <el-col :span="3">
+ <basic-container>
+ <avue-tree :option="treeOption" :data="treeData" @node-click="nodeClick"/>
+ </basic-container>
+ </el-col>
+ <el-col :span="21">
+ <basic-container>
+ <avue-crud :option="option"
+ :table-loading="loading"
+ :data="data"
+ :page.sync="page"
+ ref="crud"
+ @row-del="rowDel"
+ v-model="form"
+ :permission="permissionList"
+ @row-update="rowUpdate"
+ @row-save="rowSave"
+ :row-style="rowStyle"
+ @contextmenu.prevent.native=""
+ @row-contextmenu="rightClick"
+ row-class-name="tabFontSize"
+ :before-open="beforeOpen"
+ @search-change="searchChange"
+ @search-reset="searchReset"
+ @selection-change="selectionChange"
+ @current-change="currentChange"
+ @size-change="sizeChange"
+ @refresh-change="refreshChange"
+ @on-load="onLoad"
+ @row-click="rowClick">
+
+ <template slot="menuLeft">
+ <el-button type="danger"
+ size="mini"
+ icon="el-icon-delete"
+ plain
+ v-if="permission.clientManagement_delete"
+ @click="handleDelete">删 除
+ </el-button>
+
+ </template>
+
+
+ </avue-crud>
+
+ </basic-container>
+ </el-col>
+ </el-row>
+</template>
+
+<script>
+ import {getList, remove, update, add, getclient, updates,getDeptLazyTree,getBaTree} from "@/api/equipmentInfo/equipmentInfo";
+ // import {getDeptTree} from "@/api/system/dept";
+ import {mapGetters} from "vuex";
+ import axios from "axios";
+ import Legend from '../../components/liu-legend/Legend'
+ import AvueMap from "avue-plugin-map";
+ import website from '@/config/website';
+
+ export default {
+ components:{
+ Legend,
+ },
+ created() {
+ //this.payWin();
+ },
+ data() {
+ return {
+ dataLIU:{
+ color:"#DFDFDF"
+ },
+ form: {},
+ query: {},
+ showMap: false,
+ selectRow:null,
+ initFlag: true,
+ loading: true,
+ menuVisible:false,
+ isEdit:false,
+ page: {
+ pageSize: 10,
+ currentPage: 1,
+ total: 0
+ },
+ dialogTableVisible: false,
+ realjf: false,
+ gridData: null,
+ selectionList: [],
+ treeDeptId: '',
+ treeData: [],
+ treeOption: {
+ nodeKey: 'id',
+ lazy: true,
+ treeLoad: function (node, resolve) {
+ const parentId = (node.level === 0) ? 0 : node.data.id;
+ getDeptLazyTree(parentId).then(res => {
+ resolve(res.data.data.map(item => {
+ return {
+ ...item,
+ leaf: !item.hasChildren
+ }
+ }))
+ });
+ },
+ addBtn: false,
+ menu: false,
+ size: 'small',
+ props: {
+ labelText: '标题',
+ label: 'title',
+ value: 'value',
+ children: 'children'
+ }
+ },
+ option: {
+ height: 'auto',
+ indexLabel: '序号',
+ calcHeight: 54,
+ labelWidth: '125',
+ dialogWidth: 1150,
+ menuWidth: 250,
+ align:"center",
+ size: "mini",
+ tip: false,
+ searchShow: true,
+ searchMenuSpan: 4,
+ searchSpan: 4,
+ border: false,
+ stripe:true,
+ index: true,
+ viewBtn: true,
+ selection: true,
+ dialogClickModal: false,
+ indexFixed:false,
+ column: [
+ {
+ label: "设备名称",
+ width: 200,
+ prop: "name",
+ searchPlaceholder: "设备名称",
+ search: true,
+ sortable:true,
+ rules: [{
+ required: true,
+ message: "请输入设备名称",
+ trigger: "blur"
+ }],
+ },
+ {
+ label: "设备类型",
+ prop: "type",
+ width: 130,
+ rules: [
+ {
+ required: true,
+ message: "请输入设备类型",
+ trigger: "click"
+ }
+ ]
+ },
+ {
+ label: "使用方",
+ prop: "deptName",
+ display: false
+ },
+ {
+ label: "使用方",
+ prop: "deptId",
+ width: 200,
+ type: "cascader",
+ dicUrl: "/api/blade-system/dept/trees",
+ dicData: [],
+ checkStrictly:true,
+ hide:true,
+ props: {
+ label: "title"
+ },
+ rules: [
+ {
+ required: true,
+ message: "请选择使用方",
+ trigger: "click"
+ }
+ ]
+ },
+ {
+ label: "序列号",
+ prop: "serialNumber",
+ search:true,
+ addDisplay: true,
+ editDisplay: true,
+ viewDisplay: true,
+ rules: [{
+ required: true,
+ message: "请输入序列号",
+ trigger: "blur"
+ }],
+ },{
+ label: "省份",
+ prop: "province",
+ search: true,
+ searchSpan: 3,
+ labelWidth: '115',
+ searchLabelWidth: 45,
+ placeholder: "省份",
+ type: "select",
+ props: {
+ label: "name",
+ value: "code"
+ },
+ cascaderItem: ["city", "district"],
+ dicUrl: "/api/blade-system/region/select",
+ // span: 8,
+ className: "city1",
+ // hide: true,
+ addDisplay: true,
+ editDisplay: true,
+ viewDisplay: true,
+ },
+ {
+ label: "地市",
+ prop: "city",
+ type: "select",
+ searchPlaceholder: "地市",
+ placeholder: "地市",
+ searchLabelWidth: 1,
+ searchSpan: 2,
+ search: true,
+ props: {
+ label: "name",
+ value: "code"
+ },
+ dicUrl: "/api/blade-system/region/select?code={{key}}",
+ // span: 2,
+ labelWidth: "0",
+ className: "city2",
+ // hide: true,
+ addDisplay: true,
+ editDisplay: true,
+ viewDisplay: true,
+ },
+ {
+ label: "区县",
+ searchSpan: 2,
+ searchLabelWidth: 1,
+ searchPlaceholder: "区县",
+ placeholder: "区县",
+ search: true,
+ prop: "district",
+ type: "select",
+ props: {
+ label: "name",
+ value: "code"
+ },
+ dicUrl: "/api/blade-system/region/select?code={{key}}",
+ // span: 2,
+ labelWidth: "0",
+ className: "city3",
+ // hide: true,
+ addDisplay: true,
+ editDisplay: true,
+ viewDisplay: true,
+ },
+ {
+ label: "地址",
+ prop: "street",
+ labelWidth:235,
+ searchSpan:10,
+ },
+ {
+ label: null,
+ prop: "map",
+ labelWidth: "0",
+ searchSpan:0,
+ maxlength:0,
+ hide: true,
+ viewDisplay: false,
+ span: 2,
+ component: "AvueMap"
+ },
+ {
+ label: "备注",
+ prop: "remark",
+ addDisplay: true,
+ editDisplay: true,
+ viewDisplay: true,
+ hide: true,
+ rules: [{
+ required: false,
+ message: "请输入备注",
+ trigger: "blur"
+ }],
+ }
+ ]
+ },
+ data: []
+ };
+ },
+ watch: {
+ "form.map": {
+ // form是表单或者表格绑定的数据集，v-model='form'
+ handler(val) {
+ if (val) {
+ var that = this;
+ //地址截取，从县/区开始截取,并且取从县区第一个出现的位置开始
+ var address = val.formattedAddress.toString();
+ if(address.search("县") != -1){
+ this.form.street = address.substring(address.indexOf("县")+1,address.length);
+ }
+ if(address.search("区") != -1){
+ this.form.street = address.substring(address.indexOf("区")+1,address.length);
+ }
+ }
+ },
+ immediate: true,
+ }
+ },
+ computed: {
+ ...mapGetters(["permission"]),
+ permissionList() {
+ return {
+ addBtn: this.vaildData(this.permission.clientManagement_add, false),
+ viewBtn: this.vaildData(this.permission.clientManagement_view, false),
+ delBtn: this.vaildData(this.permission.clientManagement_delete, false),
+ editBtn: this.vaildData(this.permission.clientManagement_edit, false)
+ };
+ },
+ ids() {
+ let ids = [];
+ this.selectionList.forEach(ele => {
+ ids.push(ele.id);
+ });
+ return ids.join(",");
+ }
+ },
+ mounted(){
+ // 租户模式默认加载管理组数据
+ // var that = this;
+ //that.tenantId = website.tenantId;
+ },
+ methods: {
+
+ handleClick(row) {
+ this.form = row;
+ this.dialogTableVisible = true;
+ this.realjf = true;
+ },
+ nodeClick(data) {
+ this.treeDeptId = data.id;
+ this.page.currentPage = 1;
+ this.onLoad(this.page);
+ },
+ rowSave(row, done, loading) {
+ row.deptId = row.deptId.join(",");
+ add(row).then(() => {
+ this.onLoad(this.page);
+ this.$message({
+ type: "success",
+ message: "操作成功!"
+ });
+ done();
+ }, error => {
+ window.console.log(error);
+ loading();
+ });
+ },
+ rowUpdate(row, index, done, loading) {
+ if(Array.isArray(row.deptId)){
+ row.deptId = row.deptId.join(",");
+ }
+ update(row).then(() => {
+ // this.initFlag = false;
+ this.onLoad(this.page);
+ this.$message({
+ type: "success",
+ message: "操作成功!"
+ });
+ done();
+ }, error => {
+ window.console.log(error);
+ loading();
+ });
+ },
+ updateDtype(row){
+ row.dtype = "0";
+ update(row).then(() => {
+ // this.initFlag = false;
+ this.onLoad(this.page);
+ this.$message({
+ type: "success",
+ message: "操作成功!"
+ });
+ this.onLoad(this.page);
+ }, error => {
+ window.console.log(error);
+ });
+ },
+ rowDel(row) {
+ this.$confirm("确定将选择数据删除?", {
+ confirmButtonText: "确定",
+ cancelButtonText: "取消",
+ type: "warning"
+ })
+ .then(() => {
+ return remove(row.id);
+ })
+ .then(() => {
+ this.onLoad(this.page);
+ this.$message({
+ type: "success",
+ message: "操作成功!"
+ });
+ });
+ },
+ searchReset() {
+ this.treeDeptId = "";
+ this.query = {};
+ this.onLoad(this.page);
+ },
+ searchChange(params, done) {
+ console.log(params,done)
+ this.query = params;
+ this.page.currentPage = 1;
+ this.onLoad(this.page, params);
+ done();
+ },
+ selectionChange(list) {
+ this.selectionList = list;
+ },
+ selectionClear() {
+ this.selectionList = [];
+ this.$refs.crud.toggleSelection();
+ },
+ handleDelete() {
+ if (this.selectionList.length === 0) {
+ this.$message.warning("请选择至少一条数据");
+ return;
+ }
+ this.$confirm("确定将选择数据删除?", {
+ confirmButtonText: "确定",
+ cancelButtonText: "取消",
+ type: "warning"
+ })
+ .then(() => {
+ return remove(this.ids);
+ })
+ .then(() => {
+ this.onLoad(this.page);
+ this.$message({
+ type: "success",
+ message: "操作成功!"
+ });
+ this.$refs.crud.toggleSelection();
+ });
+ },
+ beforeOpen(done, type) {
+ if (["edit", "view"].includes(type)) {
+ getclient(this.form.id).then(res => {
+ this.form = res.data.data;
+ this.isEdit=true;
+ });
+ }
+ if (["add"].includes(type)) {
+ this.isEdit=false;
+ }
+ // this.initFlag = true;
+ done();
+ },
+ currentChange(currentPage) {
+ this.page.currentPage = currentPage;
+ },
+ sizeChange(pageSize) {
+ this.page.pageSize = pageSize;
+ },
+ refreshChange() {
+ this.onLoad(this.page, this.query);
+ },
+ onLoad(page, params = {}) {
+ const {releaseTimeRange} = this.query;
+ let values = {
+ ...params,
+ };
+ if (releaseTimeRange) {
+ values = {
+ ...params,
+ beginTime: releaseTimeRange[0],
+ endTime: releaseTimeRange[1],
+ ...this.query
+ };
+ values.releaseTimeRange = null;
+ } else {
+ values = {
+ ...params,
+ ...this.query
+ };
+ }
+
+ this.loading = true;
+ getList(page.currentPage, page.pageSize, values, this.treeDeptId).then(res => {
+ const data = res.data.data;
+ this.page.total = data.total;
+
+ var Dqdate = new Date().getTime();
+
+ for (var i = 0; i < data.records.length; i++) {
+ var date = new Date(data.records[i].heartbeat).getTime();
+ if(data.records[i].dtype==1){
+ data.records[i].dxzt = 1;
+ }
+ if(data.records[i].dtype==2){
+ data.records[i].dxzt = 2;
+ }
+ if(data.records[i].dtype==3){
+ data.records[i].dxzt = 3;
+ }
+ if(data.records[i].dtype=="" || data.records[i].dtype==0){
+ data.records[i].dxzt = 0;
+ }
+ }
+
+ this.data = data.records;
+ this.loading = false;
+ this.selectionClear();
+ });
+ }, rowStyle({row, column, rowIndex}) {
+
+ if(row.dtype!=null && row.dtype!=""){
+ if(row.dtype=='2'){
+ return {
+ color: "#F34A4A"
+ };
+ }
+ }
+ },
+ handleManage(row) {
+ this.form;
+ this.dialogTableVisible = true;
+ },rightClick(row, event) {
+ this.selectRow = row;
+ this.menuVisible = false; // 先把模态框关死，目的是 第二次或者第n次右键鼠标的时候 它默认的是true
+ this.menuVisible = true; // 显示模态窗口，跳出自定义菜单栏
+ var menu = document.querySelector('#menu');
+ this.styleMenu(menu);
+ },
+ foo() {
+ // 取消鼠标监听事件 菜单栏
+ this.menuVisible = false;
+ document.removeEventListener('click', this.foo); // 要及时关掉监听，不关掉的是一个坑，不信你试试，虽然前台显示的时候没有啥毛病，加一个alert你就知道了
+ },
+ styleMenu(menu) {
+ let cha = document.body.clientHeight - event.clientY
+ //console.log(document.body.clientHeight,event.clientY,cha)
+ // 防止菜单太靠底，根据可视高度调整菜单出现位置
+ if (cha < 150) {
+ menu.style.top = event.clientY -120 - (100) + 'px'
+ } else {
+ menu.style.top = event.clientY -10 - (100) + 'px'
+ }
+ menu.style.left = event.clientX + 10 - (60) + 'px'
+ document.addEventListener('click', this.foo); // 给整个document新增监听鼠标事件，点击任何位置执行foo方法
+ }
+ }
+ };
+</script>
+
+<style lang="scss" scoped>
+</style>
--
Gitblit v1.9.3