网络安全

.env.development

@@ -5,7 +5,7 @@ VUE_APP_TITLE = 若依管理系统
 ENV = 'development'
 
 # 若依管理系统/开发环境
-VUE_APP_BASE_API = 'http://localhost:9027'
+VUE_APP_BASE_API = 'http://localhost:9035'
 # VUE_APP_BASE_API = 'https://vue.ruoyi.vip/prod-api'
 
 # 路由懒加载

src/api/tcZz/networkSecurity/DataSourceTj.js

@@ -1,6 +1,6 @@
 import request from '@/utils/request'
 
-// 查询数据来源统计tc_sjlytj 列表
+// 查询数据来源统计列表
 export function listDataSourceTj(query) {
   return request({
     url: '/tcZz/networkSecurity/DataSourceTj/list',
@@ -9,7 +9,7 @@ export function listDataSourceTj(query) {
   })
 }
 
-// 查询数据来源统计tc_sjlytj 详细
+// 查询数据来源统计详细
 export function getDataSourceTj(id) {
   return request({
     url: '/tcZz/networkSecurity/DataSourceTj/' + id,
@@ -17,7 +17,7 @@ export function getDataSourceTj(id) {
   })
 }
 
-// 新增数据来源统计tc_sjlytj 
+// 新增数据来源统计
 export function addDataSourceTj(data) {
   return request({
     url: '/tcZz/networkSecurity/DataSourceTj',
@@ -26,7 +26,7 @@ export function addDataSourceTj(data) {
   })
 }
 
-// 修改数据来源统计tc_sjlytj 
+// 修改数据来源统计
 export function updateDataSourceTj(data) {
   return request({
     url: '/tcZz/networkSecurity/DataSourceTj',
@@ -35,7 +35,7 @@ export function updateDataSourceTj(data) {
   })
 }
 
-// 删除数据来源统计tc_sjlytj 
+// 删除数据来源统计
 export function delDataSourceTj(id) {
   return request({
     url: '/tcZz/networkSecurity/DataSourceTj/' + id,

src/api/tcZz/networkSecurity/aqyh.js

@@ -0,0 +1,44 @@
+import request from '@/utils/request'
+
+// 查询安全隐患 tc_aqyh列表
+export function listAqyh(query) {
+  return request({
+    url: '/tcZz/networkSecurity/aqyh/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询安全隐患 tc_aqyh详细
+export function getAqyh(id) {
+  return request({
+    url: '/tcZz/networkSecurity/aqyh/' + id,
+    method: 'get'
+  })
+}
+
+// 新增安全隐患 tc_aqyh
+export function addAqyh(data) {
+  return request({
+    url: '/tcZz/networkSecurity/aqyh',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改安全隐患 tc_aqyh
+export function updateAqyh(data) {
+  return request({
+    url: '/tcZz/networkSecurity/aqyh',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除安全隐患 tc_aqyh
+export function delAqyh(id) {
+  return request({
+    url: '/tcZz/networkSecurity/aqyh/' + id,
+    method: 'delete'
+  })
+}

src/api/tcZz/networkSecurity/bmtb.js

@@ -0,0 +1,44 @@
+import request from '@/utils/request'
+
+// 查询部门通报列表
+export function listBmtb(query) {
+  return request({
+    url: '/tcZz/networkSecurity/bmtb/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询部门通报详细
+export function getBmtb(id) {
+  return request({
+    url: '/tcZz/networkSecurity/bmtb/' + id,
+    method: 'get'
+  })
+}
+
+// 新增部门通报
+export function addBmtb(data) {
+  return request({
+    url: '/tcZz/networkSecurity/bmtb',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改部门通报
+export function updateBmtb(data) {
+  return request({
+    url: '/tcZz/networkSecurity/bmtb',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除部门通报
+export function delBmtb(id) {
+  return request({
+    url: '/tcZz/networkSecurity/bmtb/' + id,
+    method: 'delete'
+  })
+}

src/api/tcZz/networkSecurity/cybersecurity.js

@@ -0,0 +1,44 @@
+import request from '@/utils/request'
+
+// 查询网络监测列表
+export function listCybersecurity(query) {
+  return request({
+    url: '/tcZz/networkSecurity/cybersecurity/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询网络监测详细
+export function getCybersecurity(id) {
+  return request({
+    url: '/tcZz/networkSecurity/cybersecurity/' + id,
+    method: 'get'
+  })
+}
+
+// 新增网络监测
+export function addCybersecurity(data) {
+  return request({
+    url: '/tcZz/networkSecurity/cybersecurity',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改网络监测
+export function updateCybersecurity(data) {
+  return request({
+    url: '/tcZz/networkSecurity/cybersecurity',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除网络监测
+export function delCybersecurity(id) {
+  return request({
+    url: '/tcZz/networkSecurity/cybersecurity/' + id,
+    method: 'delete'
+  })
+}

src/api/tcZz/networkSecurity/dbdw.js

@@ -0,0 +1,44 @@
+import request from '@/utils/request'
+
+// 查询等保单位列表
+export function listDbdw(query) {
+  return request({
+    url: '/tcZz/networkSecurity/dbdw/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询等保单位详细
+export function getDbdw(id) {
+  return request({
+    url: '/tcZz/networkSecurity/dbdw/' + id,
+    method: 'get'
+  })
+}
+
+// 新增等保单位
+export function addDbdw(data) {
+  return request({
+    url: '/tcZz/networkSecurity/dbdw',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改等保单位
+export function updateDbdw(data) {
+  return request({
+    url: '/tcZz/networkSecurity/dbdw',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除等保单位
+export function delDbdw(id) {
+  return request({
+    url: '/tcZz/networkSecurity/dbdw/' + id,
+    method: 'delete'
+  })
+}

src/api/tcZz/networkSecurity/dbxt.js

@@ -0,0 +1,44 @@
+import request from '@/utils/request'
+
+// 查询等保系统列表
+export function listDbxt(query) {
+  return request({
+    url: '/tcZz/networkSecurity/dbxt/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询等保系统详细
+export function getDbxt(id) {
+  return request({
+    url: '/tcZz/networkSecurity/dbxt/' + id,
+    method: 'get'
+  })
+}
+
+// 新增等保系统
+export function addDbxt(data) {
+  return request({
+    url: '/tcZz/networkSecurity/dbxt',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改等保系统
+export function updateDbxt(data) {
+  return request({
+    url: '/tcZz/networkSecurity/dbxt',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除等保系统
+export function delDbxt(id) {
+  return request({
+    url: '/tcZz/networkSecurity/dbxt/' + id,
+    method: 'delete'
+  })
+}

src/api/tcZz/networkSecurity/fbqk.js

@@ -0,0 +1,44 @@
+import request from '@/utils/request'
+
+// 查询分布情况 tc_fbqk列表
+export function listFbqk(query) {
+  return request({
+    url: '/tcZz/networkSecurity/fbqk/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询分布情况 tc_fbqk详细
+export function getFbqk(id) {
+  return request({
+    url: '/tcZz/networkSecurity/fbqk/' + id,
+    method: 'get'
+  })
+}
+
+// 新增分布情况 tc_fbqk
+export function addFbqk(data) {
+  return request({
+    url: '/tcZz/networkSecurity/fbqk',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改分布情况 tc_fbqk
+export function updateFbqk(data) {
+  return request({
+    url: '/tcZz/networkSecurity/fbqk',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除分布情况 tc_fbqk
+export function delFbqk(id) {
+  return request({
+    url: '/tcZz/networkSecurity/fbqk/' + id,
+    method: 'delete'
+  })
+}

src/api/tcZz/networkSecurity/idcdw.js

@@ -0,0 +1,44 @@
+import request from '@/utils/request'
+
+// 查询 IDC单位列表
+export function listIdcdw(query) {
+  return request({
+    url: '/tcZz/networkSecurity/idcdw/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询 IDC单位详细
+export function getIdcdw(id) {
+  return request({
+    url: '/tcZz/networkSecurity/idcdw/' + id,
+    method: 'get'
+  })
+}
+
+// 新增 IDC单位
+export function addIdcdw(data) {
+  return request({
+    url: '/tcZz/networkSecurity/idcdw',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改 IDC单位
+export function updateIdcdw(data) {
+  return request({
+    url: '/tcZz/networkSecurity/idcdw',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除 IDC单位
+export function delIdcdw(id) {
+  return request({
+    url: '/tcZz/networkSecurity/idcdw/' + id,
+    method: 'delete'
+  })
+}

src/api/tcZz/networkSecurity/jgdw.js

@@ -0,0 +1,44 @@
+import request from '@/utils/request'
+
+// 查询监管单位列表
+export function listJgdw(query) {
+  return request({
+    url: '/tcZz/networkSecurity/jgdw/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询监管单位详细
+export function getJgdw(id) {
+  return request({
+    url: '/tcZz/networkSecurity/jgdw/' + id,
+    method: 'get'
+  })
+}
+
+// 新增监管单位
+export function addJgdw(data) {
+  return request({
+    url: '/tcZz/networkSecurity/jgdw',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改监管单位
+export function updateJgdw(data) {
+  return request({
+    url: '/tcZz/networkSecurity/jgdw',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除监管单位
+export function delJgdw(id) {
+  return request({
+    url: '/tcZz/networkSecurity/jgdw/' + id,
+    method: 'delete'
+  })
+}

src/api/tcZz/networkSecurity/map.js

@@ -0,0 +1,44 @@
+import request from '@/utils/request'
+
+// 查询地图统计列表
+export function listMap(query) {
+  return request({
+    url: '/tcZz/networkSecurity/map/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询地图统计详细
+export function getMap(id) {
+  return request({
+    url: '/tcZz/networkSecurity/map/' + id,
+    method: 'get'
+  })
+}
+
+// 新增地图统计
+export function addMap(data) {
+  return request({
+    url: '/tcZz/networkSecurity/map',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改地图统计
+export function updateMap(data) {
+  return request({
+    url: '/tcZz/networkSecurity/map',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除地图统计
+export function delMap(id) {
+  return request({
+    url: '/tcZz/networkSecurity/map/' + id,
+    method: 'delete'
+  })
+}

src/api/tcZz/networkSecurity/ryz.js

@@ -0,0 +1,44 @@
+import request from '@/utils/request'
+
+// 查询硬探针、软探针列表
+export function listRyz(query) {
+  return request({
+    url: '/tcZz/networkSecurity/ryz/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询硬探针、软探针详细
+export function getRyz(id) {
+  return request({
+    url: '/tcZz/networkSecurity/ryz/' + id,
+    method: 'get'
+  })
+}
+
+// 新增硬探针、软探针
+export function addRyz(data) {
+  return request({
+    url: '/tcZz/networkSecurity/ryz',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改硬探针、软探针
+export function updateRyz(data) {
+  return request({
+    url: '/tcZz/networkSecurity/ryz',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除硬探针、软探针
+export function delRyz(id) {
+  return request({
+    url: '/tcZz/networkSecurity/ryz/' + id,
+    method: 'delete'
+  })
+}

src/api/tcZz/networkSecurity/sdtb.js

@@ -0,0 +1,44 @@
+import request from '@/utils/request'
+
+// 查询属地通报列表
+export function listSdtb(query) {
+  return request({
+    url: '/tcZz/networkSecurity/sdtb/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询属地通报详细
+export function getSdtb(id) {
+  return request({
+    url: '/tcZz/networkSecurity/sdtb/' + id,
+    method: 'get'
+  })
+}
+
+// 新增属地通报
+export function addSdtb(data) {
+  return request({
+    url: '/tcZz/networkSecurity/sdtb',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改属地通报
+export function updateSdtb(data) {
+  return request({
+    url: '/tcZz/networkSecurity/sdtb',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除属地通报
+export function delSdtb(id) {
+  return request({
+    url: '/tcZz/networkSecurity/sdtb/' + id,
+    method: 'delete'
+  })
+}

src/api/tcZz/networkSecurity/tbcz.js

@@ -0,0 +1,44 @@
+import request from '@/utils/request'
+
+// 查询通报处置列表
+export function listTbcz(query) {
+  return request({
+    url: '/tcZz/networkSecurity/tbcz/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询通报处置详细
+export function getTbcz(id) {
+  return request({
+    url: '/tcZz/networkSecurity/tbcz/' + id,
+    method: 'get'
+  })
+}
+
+// 新增通报处置
+export function addTbcz(data) {
+  return request({
+    url: '/tcZz/networkSecurity/tbcz',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改通报处置
+export function updateTbcz(data) {
+  return request({
+    url: '/tcZz/networkSecurity/tbcz',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除通报处置
+export function delTbcz(id) {
+  return request({
+    url: '/tcZz/networkSecurity/tbcz/' + id,
+    method: 'delete'
+  })
+}

src/api/tcZz/networkSecurity/tbwc.js

@@ -0,0 +1,44 @@
+import request from '@/utils/request'
+
+// 查询通报完成情况列表
+export function listTbwc(query) {
+  return request({
+    url: '/tcZz/networkSecurity/tbwc/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询通报完成情况详细
+export function getTbwc(id) {
+  return request({
+    url: '/tcZz/networkSecurity/tbwc/' + id,
+    method: 'get'
+  })
+}
+
+// 新增通报完成情况
+export function addTbwc(data) {
+  return request({
+    url: '/tcZz/networkSecurity/tbwc',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改通报完成情况
+export function updateTbwc(data) {
+  return request({
+    url: '/tcZz/networkSecurity/tbwc',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除通报完成情况
+export function delTbwc(id) {
+  return request({
+    url: '/tcZz/networkSecurity/tbwc/' + id,
+    method: 'delete'
+  })
+}

src/api/tcZz/networkSecurity/top5.js

@@ -0,0 +1,44 @@
+import request from '@/utils/request'
+
+// 查询受攻击IPTOP5列表
+export function listTop5(query) {
+  return request({
+    url: '/tcZz/networkSecurity/top5/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询受攻击IPTOP5详细
+export function getTop5(id) {
+  return request({
+    url: '/tcZz/networkSecurity/top5/' + id,
+    method: 'get'
+  })
+}
+
+// 新增受攻击IPTOP5
+export function addTop5(data) {
+  return request({
+    url: '/tcZz/networkSecurity/top5',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改受攻击IPTOP5
+export function updateTop5(data) {
+  return request({
+    url: '/tcZz/networkSecurity/top5',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除受攻击IPTOP5
+export function delTop5(id) {
+  return request({
+    url: '/tcZz/networkSecurity/top5/' + id,
+    method: 'delete'
+  })
+}

src/api/tcZz/networkSecurity/wljgtj.js

@@ -0,0 +1,44 @@
+import request from '@/utils/request'
+
+// 查询网络监测统计列表
+export function listWljgtj(query) {
+  return request({
+    url: '/tcZz/networkSecurity/wljgtj/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询网络监测统计详细
+export function getWljgtj(id) {
+  return request({
+    url: '/tcZz/networkSecurity/wljgtj/' + id,
+    method: 'get'
+  })
+}
+
+// 新增网络监测统计
+export function addWljgtj(data) {
+  return request({
+    url: '/tcZz/networkSecurity/wljgtj',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改网络监测统计
+export function updateWljgtj(data) {
+  return request({
+    url: '/tcZz/networkSecurity/wljgtj',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除网络监测统计
+export function delWljgtj(id) {
+  return request({
+    url: '/tcZz/networkSecurity/wljgtj/' + id,
+    method: 'delete'
+  })
+}

src/api/tcZz/networkSecurity/xtjc.js

@@ -0,0 +1,44 @@
+import request from '@/utils/request'
+
+// 查询系统监测列表
+export function listXtjc(query) {
+  return request({
+    url: '/tcZz/networkSecurity/xtjc/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询系统监测详细
+export function getXtjc(id) {
+  return request({
+    url: '/tcZz/networkSecurity/xtjc/' + id,
+    method: 'get'
+  })
+}
+
+// 新增系统监测
+export function addXtjc(data) {
+  return request({
+    url: '/tcZz/networkSecurity/xtjc',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改系统监测
+export function updateXtjc(data) {
+  return request({
+    url: '/tcZz/networkSecurity/xtjc',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除系统监测
+export function delXtjc(id) {
+  return request({
+    url: '/tcZz/networkSecurity/xtjc/' + id,
+    method: 'delete'
+  })
+}

src/api/tcZz/networkSecurity/zfwz.js

@@ -0,0 +1,44 @@
+import request from '@/utils/request'
+
+// 查询政府网站列表
+export function listZfwz(query) {
+  return request({
+    url: '/tcZz/networkSecurity/zfwz/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询政府网站详细
+export function getZfwz(id) {
+  return request({
+    url: '/tcZz/networkSecurity/zfwz/' + id,
+    method: 'get'
+  })
+}
+
+// 新增政府网站
+export function addZfwz(data) {
+  return request({
+    url: '/tcZz/networkSecurity/zfwz',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改政府网站
+export function updateZfwz(data) {
+  return request({
+    url: '/tcZz/networkSecurity/zfwz',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除政府网站
+export function delZfwz(id) {
+  return request({
+    url: '/tcZz/networkSecurity/zfwz/' + id,
+    method: 'delete'
+  })
+}

src/api/tcZz/networkSecurity/zxyh.js

@@ -0,0 +1,44 @@
+import request from '@/utils/request'
+
+// 查询最新隐患列表
+export function listZxyh(query) {
+  return request({
+    url: '/tcZz/networkSecurity/zxyh/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询最新隐患详细
+export function getZxyh(id) {
+  return request({
+    url: '/tcZz/networkSecurity/zxyh/' + id,
+    method: 'get'
+  })
+}
+
+// 新增最新隐患
+export function addZxyh(data) {
+  return request({
+    url: '/tcZz/networkSecurity/zxyh',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改最新隐患
+export function updateZxyh(data) {
+  return request({
+    url: '/tcZz/networkSecurity/zxyh',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除最新隐患
+export function delZxyh(id) {
+  return request({
+    url: '/tcZz/networkSecurity/zxyh/' + id,
+    method: 'delete'
+  })
+}

src/api/tcZz/sdtb.js

@@ -0,0 +1,44 @@
+import request from '@/utils/request'
+
+// 查询属地通报列表
+export function listSdtb(query) {
+  return request({
+    url: '/tcZz/sdtb/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询属地通报详细
+export function getSdtb(id) {
+  return request({
+    url: '/tcZz/sdtb/' + id,
+    method: 'get'
+  })
+}
+
+// 新增属地通报
+export function addSdtb(data) {
+  return request({
+    url: '/tcZz/sdtb',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改属地通报
+export function updateSdtb(data) {
+  return request({
+    url: '/tcZz/sdtb',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除属地通报
+export function delSdtb(id) {
+  return request({
+    url: '/tcZz/sdtb/' + id,
+    method: 'delete'
+  })
+}

src/views/tcZz/networkSecurity/DataSourceTj/index.vue

@@ -1,402 +1,450 @@
 <template>
   <div class="container-main" ref="main">
-    <div class="search-hearder" ref="topSearch">
-      <el-form
-        :model="queryParams"
-        ref="queryForm"
-        :inline="true"
-        v-show="showSearch"
-        label-width="auto"
-      >
-        <el-form-item label="云端监测(G)" prop="lable1">
-          <el-input
-            v-model="queryParams.lable1"
-            placeholder="请输入云端监测(G)"
-            clearable
-            size="small"
-            @keyup.enter.native="handleQuery"
-          />
-        </el-form-item>
-        <el-form-item label="云端监测(G)总量" prop="lable1Sum">
-          <el-input
-            v-model="queryParams.lable1Sum"
-            placeholder="请输入云端监测(G)总量"
-            clearable
-            size="small"
-            @keyup.enter.native="handleQuery"
-          />
-        </el-form-item>
-        <el-form-item>
-          <el-button
-            type="primary"
-            icon="el-icon-search"
-            size="mini"
-            @click="handleQuery"
-            >搜索</el-button
-          >
-          <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
-            >重置</el-button
-          >
-        </el-form-item>
-      </el-form>
+  <div class="search-hearder" ref="topSearch">
+    <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="auto">
+                  <el-form-item label="${comment}" prop="id">
+                    <el-input
+                        v-model="queryParams.id"
+                        placeholder="请输入${comment}"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="云端监测(G)" prop="lable1">
+                    <el-input
+                        v-model="queryParams.lable1"
+                        placeholder="请输入云端监测(G)"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="云端监测(G)总量" prop="lable1Sum">
+                    <el-input
+                        v-model="queryParams.lable1Sum"
+                        placeholder="请输入云端监测(G)总量"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="APT(M)" prop="lable2">
+                    <el-input
+                        v-model="queryParams.lable2"
+                        placeholder="请输入APT(M)"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="APT(M) 总量" prop="lable2Sum">
+                    <el-input
+                        v-model="queryParams.lable2Sum"
+                        placeholder="请输入APT(M) 总量"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="创建者" prop="createBy">
+                    <el-input
+                        v-model="queryParams.createBy"
+                        placeholder="请输入创建者"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="创建时间">
+                    <el-date-picker
+                        v-model="daterangeCreateTime"
+                        size="small"
+                        style="width: 240px"
+                        value-format="yyyy-MM-dd"
+                        type="daterange"
+                        range-separator="-"
+                        start-placeholder="开始日期"
+                        end-placeholder="结束日期"
+                    ></el-date-picker>
+                  </el-form-item>
+                  <el-form-item label="更新者" prop="updateBy">
+                    <el-input
+                        v-model="queryParams.updateBy"
+                        placeholder="请输入更新者"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="更新时间">
+                    <el-date-picker
+                        v-model="daterangeUpdateTime"
+                        size="small"
+                        style="width: 240px"
+                        value-format="yyyy-MM-dd"
+                        type="daterange"
+                        range-separator="-"
+                        start-placeholder="开始日期"
+                        end-placeholder="结束日期"
+                    ></el-date-picker>
+                  </el-form-item>
+                  <el-form-item label="备注" prop="remark">
+                    <el-input
+                        v-model="queryParams.remark"
+                        placeholder="请输入备注"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+      <el-form-item>
+        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
     </div>
     <div class="layui-table-tool" ref="tableTool">
       <el-button
         type="primary"
         size="mini"
         @click="handleAdd()"
-        v-hasPermi="['tcZz/networkSecurity:DataSourceTj:add']"
+         v-hasPermi="['tcZz/networkSecurity:DataSourceTj:add']"
         >新增</el-button
       >
       <el-button
-        type="success"
-        size="mini"
-        :disabled="single"
-        @click="handleUpdate"
-        v-hasPermi="['tcZz/networkSecurity:DataSourceTj:edit']"
-        >修改</el-button
-      >
-      <el-button
-        type="danger"
-        size="mini"
-        :disabled="multiple"
-        @click="handleDelete"
-        v-hasPermi="['tcZz/networkSecurity:DataSourceTj:remove']"
-        >删除</el-button
-      >
+            type="success"
+            size="mini"
+            :disabled="single"
+            @click="handleUpdate"
+            v-hasPermi="['tcZz/networkSecurity:DataSourceTj:edit']"
+        >修改</el-button>
+         <el-button
+            type="danger"
+            size="mini"
+            :disabled="multiple"
+            @click="handleDelete"
+            v-hasPermi="['tcZz/networkSecurity:DataSourceTj:remove']"
+        >删除</el-button>
       <el-button
         type="warning"
         size="mini"
         :loading="exportLoading"
         @click="handleExport"
-        v-hasPermi="['tcZz/networkSecurity:DataSourceTj:export']"
+         v-hasPermi="['tcZz/networkSecurity:DataSourceTj:export']"
         >导出</el-button
       >
     </div>
-    <el-table
-      v-loading="loading"
-      :data="DataSourceTjList"
-      @selection-change="handleSelectionChange"
-    >
+    <el-table v-loading="loading" :data="DataSourceTjList"  @selection-change="handleSelectionChange">
       <el-table-column type="selection" width="55" align="center" />
-      <el-table-column label="${comment}" align="center" prop="id" />
-      <el-table-column label="云端监测(G)" align="center" prop="lable1" />
-      <el-table-column
-        label="云端监测(G)总量"
-        align="center"
-        prop="lable1Sum"
-      />
-      <el-table-column label="APT(M)" align="center" prop="lable2" />
-      <el-table-column label="APT(M) 总量" align="center" prop="lable2Sum" />
-      <el-table-column
-        label="操作"
-        align="center"
-        class-name="small-padding fixed-width"
-        width="200"
-        fixed="right"
-      >
+              <el-table-column label="${comment}" align="center" prop="id" />
+              <el-table-column label="云端监测(G)" align="center" prop="lable1" />
+              <el-table-column label="云端监测(G)总量" align="center" prop="lable1Sum" />
+              <el-table-column label="APT(M)" align="center" prop="lable2" />
+              <el-table-column label="APT(M) 总量" align="center" prop="lable2Sum" />
+      <el-table-column label="操作" align="center"  class-name="small-padding fixed-width" width="200"  fixed="right">
         <template slot-scope="scope">
           <el-button
-            size="mini"
-            @click="handleInfo(scope.row)"
-            v-hasPermi="['tcZz/networkSecurity:DataSourceTj:list']"
+              size="mini"
+              @click="handleInfo(scope.row)"
+              v-hasPermi="['tcZz/networkSecurity:DataSourceTj:list']"
           >
             查看
           </el-button>
           <el-button
             type="success"
             size="mini"
-            @click="handleUpdate(scope.row)"
-            v-hasPermi="['tcZz/networkSecurity:DataSourceTj:edit']"
-            >修改</el-button
-          >
+              @click="handleUpdate(scope.row)"
+              v-hasPermi="['tcZz/networkSecurity:DataSourceTj:edit']"
+          >修改</el-button>
           <el-button
-            size="mini"
+              size="mini"
             type="danger"
-            @click="handleDelete(scope.row)"
-            v-hasPermi="['tcZz/networkSecurity:DataSourceTj:remove']"
-            >删除</el-button
-          >
+              @click="handleDelete(scope.row)"
+              v-hasPermi="['tcZz/networkSecurity:DataSourceTj:remove']"
+          >删除</el-button>
         </template>
       </el-table-column>
     </el-table>
 
     <pagination
-      v-show="total > 0"
-      :total="total"
-      :page.sync="queryParams.pageNum"
-      :limit.sync="queryParams.pageSize"
-      @pagination="getList"
+        v-show="total>0"
+        :total="total"
+        :page.sync="queryParams.pageNum"
+        :limit.sync="queryParams.pageSize"
+        @pagination="getList"
     />
 
-    <!-- 添加或修改数据来源统计tc_sjlytj 对话框 -->
-    <el-dialog
-      :visible.sync="open"
-      width="500px"
-      append-to-body
-      custom-class="dialog-box"
-    >
-      <div slot="title" class="dialog-title">{{ title }}</div>
-      <el-form
-        ref="form"
-        :model="form"
-        :rules="rules"
-        label-width="auto"
-        class="dialog-from"
-      >
-        <el-form-item label="云端监测(G)" prop="lable1">
-          <el-input v-model="form.lable1" placeholder="请输入云端监测(G)" />
-        </el-form-item>
-        <el-form-item label="云端监测(G)总量" prop="lable1Sum">
-          <el-input
-            v-model="form.lable1Sum"
-            placeholder="请输入云端监测(G)总量"
-          />
-        </el-form-item>
-        <el-form-item label="APT(M)" prop="lable2">
-          <el-input v-model="form.lable2" placeholder="请输入APT(M)" />
-        </el-form-item>
-        <el-form-item label="APT(M) 总量" prop="lable2Sum">
-          <el-input v-model="form.lable2Sum" placeholder="请输入APT(M) 总量" />
-        </el-form-item>
+    <!-- 添加或修改数据来源统计对话框 -->
+    <el-dialog  :visible.sync="open" width="500px" append-to-body custom-class="dialog-box">
+     <div slot="title" class="dialog-title">{{ title }}</div>
+      <el-form ref="form" :model="form" :rules="rules" label-width="auto" class="dialog-from">
+                        <el-form-item label="云端监测(G)" prop="lable1">
+                          <el-input v-model="form.lable1" placeholder="请输入云端监测(G)" />
+                        </el-form-item>
+                        <el-form-item label="云端监测(G)总量" prop="lable1Sum">
+                          <el-input v-model="form.lable1Sum" placeholder="请输入云端监测(G)总量" />
+                        </el-form-item>
+                        <el-form-item label="APT(M)" prop="lable2">
+                          <el-input v-model="form.lable2" placeholder="请输入APT(M)" />
+                        </el-form-item>
+                        <el-form-item label="APT(M) 总量" prop="lable2Sum">
+                          <el-input v-model="form.lable2Sum" placeholder="请输入APT(M) 总量" />
+                        </el-form-item>
+                        <el-form-item label="备注" prop="remark">
+                          <el-input v-model="form.remark" placeholder="请输入备注" />
+                        </el-form-item>
       </el-form>
       <div slot="footer" class="dialog-footer">
         <el-button type="primary" @click="submitForm">确 定</el-button>
         <el-button @click="cancel">取 消</el-button>
       </div>
     </el-dialog>
-    <!--查看数据来源统计tc_sjlytj 详情页-->
+    <!--查看数据来源统计详情页-->
     <el-dialog
-      :visible.sync="infoOpen"
-      width="90%"
-      append-to-body
-      :close-on-click-modal="false"
-      :destroy-on-close="true"
-      custom-class="dialog-box"
+        :visible.sync="infoOpen"
+        width="90%"
+        append-to-body
+        :close-on-click-modal="false"
+        :destroy-on-close="true"
+           custom-class="dialog-box"
     >
-      <div slot="title" class="dialog-title">{{ infoTitle }}</div>
 
-      <el-descriptions
-        title="数据来源统计tc_sjlytj "
-        :column="2"
-        border
-        labelClassName="desLable"
-      >
-        <el-descriptions-item label="云端监测(G)">{{
-          form.lable1
-        }}</el-descriptions-item>
-
-        <el-descriptions-item label="云端监测(G)总量">{{
-          form.lable1Sum
-        }}</el-descriptions-item>
-
-        <el-descriptions-item label="APT(M)">{{
-          form.lable2
-        }}</el-descriptions-item>
-
-        <el-descriptions-item label="APT(M) 总量">{{
-          form.lable2Sum
-        }}</el-descriptions-item>
-      </el-descriptions>
+     <div slot="title" class="dialog-title">{{ infoTitle }}</div>
+
+        <el-descriptions title="数据来源统计"  :column="2" border labelClassName="desLable">
+                      <el-descriptions-item label="云端监测(G)">{{ form.lable1 }}</el-descriptions-item>
+
+                      <el-descriptions-item label="云端监测(G)总量">{{ form.lable1Sum }}</el-descriptions-item>
+
+                      <el-descriptions-item label="APT(M)">{{ form.lable2 }}</el-descriptions-item>
+
+                      <el-descriptions-item label="APT(M) 总量">{{ form.lable2Sum }}</el-descriptions-item>
+
+                      <el-descriptions-item label="备注">{{ form.remark }}</el-descriptions-item>
+
+        </el-descriptions>
+   
     </el-dialog>
   </div>
 </template>
 
 <script>
-import {
-  listDataSourceTj,
-  getDataSourceTj,
-  delDataSourceTj,
-  addDataSourceTj,
-  updateDataSourceTj,
-  exportDataSourceTj,
-} from "@/api/tcZz/networkSecurity/DataSourceTj";
-export default {
-  name: "DataSourceTj",
-  //注释字典
-  data() {
-    return {
-      tableHeigth: 0,
-      //查看详情
-      infoOpen: false,
-      //详情标题
-      infoTitle: "",
-      // 遮罩层
-      loading: true,
-      // 导出遮罩层
-      exportLoading: false,
-      // 选中数组
-      ids: [],
-      // 非单个禁用
-      single: true,
-      // 非多个禁用
-      multiple: true,
-      // 显示搜索条件
-      showSearch: true,
-      // 总条数
-      total: 0,
-      // 数据来源统计tc_sjlytj 表格数据
-      DataSourceTjList: [],
-      // 弹出层标题
-      title: "",
-      // 是否显示弹出层
-      open: false,
-      // 查询参数
-      queryParams: {
-        pageNum: 1,
-        pageSize: 20,
-        lable1: null,
-
-        lable1Sum: null,
-      },
-      // 表单参数
-      form: {},
-      // 表单校验
-      rules: {},
-    };
-  },
-  created() {
-    this.getList();
-  },
-  methods: {
-    /** 查询数据来源统计tc_sjlytj 列表 */
-    getList() {
-      this.loading = true;
-      listDataSourceTj(this.queryParams).then((response) => {
-        this.DataSourceTjList = response.rows;
-        this.total = response.total;
-        this.loading = false;
-      });
-    },
-    // 取消按钮
-    cancel() {
-      this.open = false;
-      this.reset();
-    },
-    // 表单重置
-    reset() {
-      this.form = {
-        id: null,
+  import { listDataSourceTj, getDataSourceTj, delDataSourceTj, addDataSourceTj, updateDataSourceTj, exportDataSourceTj } from "@/api/tcZz/networkSecurity/DataSourceTj";
+  export default {
+    name: "DataSourceTj",
+    //注释字典
+    data() {
+      return {
+        tableHeigth: 0,
+        //查看详情
+        infoOpen:false,
+        //详情标题
+        infoTitle:'',
+        // 遮罩层
+        loading: true,
+        // 导出遮罩层
+        exportLoading: false,
+        // 选中数组
+        ids: [],
+        // 非单个禁用
+        single: true,
+        // 非多个禁用
+        multiple: true,
+        // 显示搜索条件
+        showSearch: true,
+        // 总条数
+        total: 0,
+        // 数据来源统计表格数据
+              DataSourceTjList: [],
+        // 弹出层标题
+        title: "",
+        // 是否显示弹出层
+        open: false,
+                // 备注时间范围
+                daterangeCreateTime: [],
+                // 备注时间范围
+                daterangeUpdateTime: [],
+        // 查询参数
+        queryParams: {
+          pageNum: 1,
+          pageSize: 10,
+                        id: null,
+
+                        lable1: null,
 
-        lable1: null,
+                        lable1Sum: null,
 
-        lable1Sum: null,
+                        lable2: null,
 
-        lable2: null,
+                        lable2Sum: null,
 
-        lable2Sum: null,
+                        createBy: null,
 
-        createBy: null,
+                        createTime: null,
 
-        createTime: null,
+                        updateBy: null,
 
-        updateBy: null,
+                        updateTime: null,
 
-        updateTime: null,
+                        remark: null,
 
-        remark: null,
+        },
+        // 表单参数
+        form: {},
+        // 表单校验
+        rules: {
+        }
       };
-      this.resetForm("form");
     },
-    /** 搜索按钮操作 */
-    handleQuery() {
-      this.queryParams.pageNum = 1;
+    created() {
+
       this.getList();
+
     },
-    /** 重置按钮操作 */
-    resetQuery() {
-      this.resetForm("queryForm");
-      this.handleQuery();
-    },
-    // 多选框选中数据
-    handleSelectionChange(selection) {
-      this.ids = selection.map((item) => item.id);
-      this.single = selection.length !== 1;
-      this.multiple = !selection.length;
-    },
-    /**查看按钮操作 */
-    handleInfo(row) {
-      this.reset();
-      const id = row.id || this.ids;
-      getDataSourceTj(id).then((response) => {
-        this.form = response.data;
-        this.infoOpen = true;
-        this.infoTitle = "查看数据来源统计tc_sjlytj 详情";
-      });
-    },
-    /** 新增按钮操作 */
-    handleAdd() {
-      this.reset();
-      this.open = true;
-      this.title = "添加数据来源统计tc_sjlytj ";
-    },
-    /** 修改按钮操作 */
-    handleUpdate(row) {
-      this.reset();
-      const id = row.id || this.ids;
-      getDataSourceTj(id).then((response) => {
-        this.form = response.data;
+    methods: {
+      /** 查询数据来源统计列表 */
+      getList() {
+        this.loading = true;
+                this.queryParams.params = {};
+                if (null != this.daterangeCreateTime && '' != this.daterangeCreateTime) {
+                  this.queryParams.params["beginCreateTime"] = this.daterangeCreateTime[0];
+                  this.queryParams.params["endCreateTime"] = this.daterangeCreateTime[1];
+                }
+                if (null != this.daterangeUpdateTime && '' != this.daterangeUpdateTime) {
+                  this.queryParams.params["beginUpdateTime"] = this.daterangeUpdateTime[0];
+                  this.queryParams.params["endUpdateTime"] = this.daterangeUpdateTime[1];
+                }
+        listDataSourceTj(this.queryParams).then(response => {
+          this.DataSourceTjList = response.rows;
+          this.total = response.total;
+          this.loading = false;
+        });
+      },
+      // 取消按钮
+      cancel() {
+        this.open = false;
+        this.reset();
+      },
+      // 表单重置
+      reset() {
+        this.form = {
+                        id: null,
+
+                        lable1: null,
+
+                        lable1Sum: null,
+
+                        lable2: null,
+
+                        lable2Sum: null,
+
+                        createBy: null,
+
+                        createTime: null,
+
+                        updateBy: null,
+
+                        updateTime: null,
+
+                        remark: null,
+
+        };
+        this.resetForm("form");
+      },
+      /** 搜索按钮操作 */
+      handleQuery() {
+        this.queryParams.pageNum = 1;
+        this.getList();
+      },
+      /** 重置按钮操作 */
+      resetQuery() {
+                this.daterangeCreateTime = [];
+                this.daterangeUpdateTime = [];
+        this.resetForm("queryForm");
+        this.handleQuery();
+      },
+      // 多选框选中数据
+      handleSelectionChange(selection) {
+        this.ids = selection.map(item => item.id)
+        this.single = selection.length!==1
+        this.multiple = !selection.length
+      },
+      /**查看按钮操作 */
+      handleInfo(row){
+        this.reset();
+        const id = row.id || this.ids
+        getDataSourceTj(id).then(response => {
+          this.form = response.data;
+          this.infoOpen = true;
+          this.infoTitle = "查看数据来源统计详情"
+        });
+      },
+      /** 新增按钮操作 */
+      handleAdd() {
+        this.reset();
         this.open = true;
-        this.title = "修改数据来源统计tc_sjlytj ";
-      });
-    },
-    /** 提交按钮 */
-    submitForm() {
-      this.$refs["form"].validate((valid) => {
-        if (valid) {
-          if (this.form.id != null) {
-            updateDataSourceTj(this.form).then((response) => {
-              this.$modal.msgSuccess("修改成功");
-              this.open = false;
-              this.getList();
-            });
-          } else {
-            addDataSourceTj(this.form).then((response) => {
-              this.$modal.msgSuccess("新增成功");
-              this.open = false;
-              this.getList();
-            });
+        this.title = "添加数据来源统计";
+      },
+      /** 修改按钮操作 */
+      handleUpdate(row) {
+        this.reset();
+        const id = row.id || this.ids
+        getDataSourceTj(id).then(response => {
+          this.form = response.data;
+          this.open = true;
+          this.title = "修改数据来源统计";
+        });
+      },
+      /** 提交按钮 */
+      submitForm() {
+        this.$refs["form"].validate(valid => {
+          if (valid) {
+            if (this.form.id != null) {
+              updateDataSourceTj(this.form).then(response => {
+                this.$modal.msgSuccess("修改成功");
+                this.open = false;
+                this.getList();
+              });
+            } else {
+              addDataSourceTj(this.form).then(response => {
+                this.$modal.msgSuccess("新增成功");
+                this.open = false;
+                this.getList();
+              });
+            }
           }
-        }
-      });
-    },
-    /** 删除按钮操作 */
-    handleDelete(row) {
-      const ids = row.id || this.ids;
-      this.$confirm('是否确认删除编号为"' + ids + '"的数据项?', "警告", {
-        confirmButtonText: "确定",
-        cancelButtonText: "取消",
-        type: "warning",
-      })
-        .then(function () {
+        });
+      },
+      /** 删除按钮操作 */
+      handleDelete(row) {
+        const ids = row.id || this.ids;
+        this.$confirm('是否确认删除编号为"' + ids + '"的数据项?', "警告", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(function() {
           return delDataSourceTj(ids);
-        })
-        .then(() => {
+        }).then(() => {
           this.getList();
           this.msgSuccess("删除成功");
-        })
-        .catch(() => {});
-    },
-    /** 导出按钮操作 */
-    handleExport() {
-      const queryParams = this.queryParams;
-      this.$confirm("是否确认导出所有数据来源统计tc_sjlytj 数据项?", "警告", {
-        confirmButtonText: "确定",
-        cancelButtonText: "取消",
-        type: "warning",
-      })
-        .then(() => {
-          this.download(
-            "/tcZz/networkSecurity/DataSourceTj/export",
-            {
-              ...this.queryParams,
-            },
-            "数据来源统计tc_sjlytj _" + new Date().getTime() + ".xlsx"
-          );
+        }).catch(() => {});
+      },
+      /** 导出按钮操作 */
+      handleExport() {
+        const queryParams = this.queryParams;
+        this.$confirm('是否确认导出所有数据来源统计数据项?', "警告", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(() => {
+          this.download('/tcZz/networkSecurity/DataSourceTj/export', {
+            ...this.queryParams
+          }, '数据来源统计_'+ new Date().getTime() +'.xlsx')
           this.exportLoading = false;
-        })
-        .catch(() => {});
-    },
-  },
-};
+        }).catch(() => {});
+      }
+    }
+  }
+
 </script>

src/views/tcZz/networkSecurity/aqyh/index.vue

@@ -0,0 +1,412 @@
+<template>
+  <div class="container-main" ref="main">
+  <div class="search-hearder" ref="topSearch">
+    <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="auto">
+                  <el-form-item label="${comment}" prop="id">
+                    <el-input
+                        v-model="queryParams.id"
+                        placeholder="请输入${comment}"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="隐患名称" prop="yhName">
+                    <el-input
+                        v-model="queryParams.yhName"
+                        placeholder="请输入隐患名称"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="隐患数量" prop="yhCount">
+                    <el-input
+                        v-model="queryParams.yhCount"
+                        placeholder="请输入隐患数量"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="创建者" prop="createBy">
+                    <el-input
+                        v-model="queryParams.createBy"
+                        placeholder="请输入创建者"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="创建时间">
+                    <el-date-picker
+                        v-model="daterangeCreateTime"
+                        size="small"
+                        style="width: 240px"
+                        value-format="yyyy-MM-dd"
+                        type="daterange"
+                        range-separator="-"
+                        start-placeholder="开始日期"
+                        end-placeholder="结束日期"
+                    ></el-date-picker>
+                  </el-form-item>
+                  <el-form-item label="更新者" prop="updateBy">
+                    <el-input
+                        v-model="queryParams.updateBy"
+                        placeholder="请输入更新者"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="更新时间">
+                    <el-date-picker
+                        v-model="daterangeUpdateTime"
+                        size="small"
+                        style="width: 240px"
+                        value-format="yyyy-MM-dd"
+                        type="daterange"
+                        range-separator="-"
+                        start-placeholder="开始日期"
+                        end-placeholder="结束日期"
+                    ></el-date-picker>
+                  </el-form-item>
+                  <el-form-item label="备注" prop="remark">
+                    <el-input
+                        v-model="queryParams.remark"
+                        placeholder="请输入备注"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+      <el-form-item>
+        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+    </div>
+    <div class="layui-table-tool" ref="tableTool">
+      <el-button
+        type="primary"
+        size="mini"
+        @click="handleAdd()"
+         v-hasPermi="['tcZz/networkSecurity:aqyh:add']"
+        >新增</el-button
+      >
+      <el-button
+            type="success"
+            size="mini"
+            :disabled="single"
+            @click="handleUpdate"
+            v-hasPermi="['tcZz/networkSecurity:aqyh:edit']"
+        >修改</el-button>
+         <el-button
+            type="danger"
+            size="mini"
+            :disabled="multiple"
+            @click="handleDelete"
+            v-hasPermi="['tcZz/networkSecurity:aqyh:remove']"
+        >删除</el-button>
+      <el-button
+        type="warning"
+        size="mini"
+        :loading="exportLoading"
+        @click="handleExport"
+         v-hasPermi="['tcZz/networkSecurity:aqyh:export']"
+        >导出</el-button
+      >
+    </div>
+    <el-table v-loading="loading" :data="aqyhList"  @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="55" align="center" />
+              <el-table-column label="${comment}" align="center" prop="id" />
+              <el-table-column label="隐患名称" align="center" prop="yhName" />
+              <el-table-column label="隐患数量" align="center" prop="yhCount" />
+      <el-table-column label="操作" align="center"  class-name="small-padding fixed-width" width="200"  fixed="right">
+        <template slot-scope="scope">
+          <el-button
+              size="mini"
+              @click="handleInfo(scope.row)"
+              v-hasPermi="['tcZz/networkSecurity:aqyh:list']"
+          >
+            查看
+          </el-button>
+          <el-button
+            type="success"
+            size="mini"
+              @click="handleUpdate(scope.row)"
+              v-hasPermi="['tcZz/networkSecurity:aqyh:edit']"
+          >修改</el-button>
+          <el-button
+              size="mini"
+            type="danger"
+              @click="handleDelete(scope.row)"
+              v-hasPermi="['tcZz/networkSecurity:aqyh:remove']"
+          >删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <pagination
+        v-show="total>0"
+        :total="total"
+        :page.sync="queryParams.pageNum"
+        :limit.sync="queryParams.pageSize"
+        @pagination="getList"
+    />
+
+    <!-- 添加或修改安全隐患 tc_aqyh对话框 -->
+    <el-dialog  :visible.sync="open" width="500px" append-to-body custom-class="dialog-box">
+     <div slot="title" class="dialog-title">{{ title }}</div>
+      <el-form ref="form" :model="form" :rules="rules" label-width="auto" class="dialog-from">
+                        <el-form-item label="隐患名称" prop="yhName">
+                          <el-input v-model="form.yhName" placeholder="请输入隐患名称" />
+                        </el-form-item>
+                        <el-form-item label="隐患数量" prop="yhCount">
+                          <el-input v-model="form.yhCount" placeholder="请输入隐患数量" />
+                        </el-form-item>
+                        <el-form-item label="备注" prop="remark">
+                          <el-input v-model="form.remark" placeholder="请输入备注" />
+                        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitForm">确 定</el-button>
+        <el-button @click="cancel">取 消</el-button>
+      </div>
+    </el-dialog>
+    <!--查看安全隐患 tc_aqyh详情页-->
+    <el-dialog
+        :visible.sync="infoOpen"
+        width="90%"
+        append-to-body
+        :close-on-click-modal="false"
+        :destroy-on-close="true"
+           custom-class="dialog-box"
+    >
+
+     <div slot="title" class="dialog-title">{{ infoTitle }}</div>
+
+        <el-descriptions title="安全隐患 tc_aqyh"  :column="2" border labelClassName="desLable">
+                      <el-descriptions-item label="隐患名称">{{ form.yhName }}</el-descriptions-item>
+
+                      <el-descriptions-item label="隐患数量">{{ form.yhCount }}</el-descriptions-item>
+
+                      <el-descriptions-item label="备注">{{ form.remark }}</el-descriptions-item>
+
+        </el-descriptions>
+   
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+  import { listAqyh, getAqyh, delAqyh, addAqyh, updateAqyh, exportAqyh } from "@/api/tcZz/networkSecurity/aqyh";
+  export default {
+    name: "Aqyh",
+    //注释字典
+    data() {
+      return {
+        tableHeigth: 0,
+        //查看详情
+        infoOpen:false,
+        //详情标题
+        infoTitle:'',
+        // 遮罩层
+        loading: true,
+        // 导出遮罩层
+        exportLoading: false,
+        // 选中数组
+        ids: [],
+        // 非单个禁用
+        single: true,
+        // 非多个禁用
+        multiple: true,
+        // 显示搜索条件
+        showSearch: true,
+        // 总条数
+        total: 0,
+        // 安全隐患 tc_aqyh表格数据
+              aqyhList: [],
+        // 弹出层标题
+        title: "",
+        // 是否显示弹出层
+        open: false,
+                // 备注时间范围
+                daterangeCreateTime: [],
+                // 备注时间范围
+                daterangeUpdateTime: [],
+        // 查询参数
+        queryParams: {
+          pageNum: 1,
+          pageSize: 10,
+                        id: null,
+
+                        yhName: null,
+
+                        yhCount: null,
+
+                        createBy: null,
+
+                        createTime: null,
+
+                        updateBy: null,
+
+                        updateTime: null,
+
+                        remark: null,
+
+        },
+        // 表单参数
+        form: {},
+        // 表单校验
+        rules: {
+        }
+      };
+    },
+    created() {
+
+      this.getList();
+
+    },
+    methods: {
+      /** 查询安全隐患 tc_aqyh列表 */
+      getList() {
+        this.loading = true;
+                this.queryParams.params = {};
+                if (null != this.daterangeCreateTime && '' != this.daterangeCreateTime) {
+                  this.queryParams.params["beginCreateTime"] = this.daterangeCreateTime[0];
+                  this.queryParams.params["endCreateTime"] = this.daterangeCreateTime[1];
+                }
+                if (null != this.daterangeUpdateTime && '' != this.daterangeUpdateTime) {
+                  this.queryParams.params["beginUpdateTime"] = this.daterangeUpdateTime[0];
+                  this.queryParams.params["endUpdateTime"] = this.daterangeUpdateTime[1];
+                }
+        listAqyh(this.queryParams).then(response => {
+          this.aqyhList = response.rows;
+          this.total = response.total;
+          this.loading = false;
+        });
+      },
+      // 取消按钮
+      cancel() {
+        this.open = false;
+        this.reset();
+      },
+      // 表单重置
+      reset() {
+        this.form = {
+                        id: null,
+
+                        yhName: null,
+
+                        yhCount: null,
+
+                        createBy: null,
+
+                        createTime: null,
+
+                        updateBy: null,
+
+                        updateTime: null,
+
+                        remark: null,
+
+        };
+        this.resetForm("form");
+      },
+      /** 搜索按钮操作 */
+      handleQuery() {
+        this.queryParams.pageNum = 1;
+        this.getList();
+      },
+      /** 重置按钮操作 */
+      resetQuery() {
+                this.daterangeCreateTime = [];
+                this.daterangeUpdateTime = [];
+        this.resetForm("queryForm");
+        this.handleQuery();
+      },
+      // 多选框选中数据
+      handleSelectionChange(selection) {
+        this.ids = selection.map(item => item.id)
+        this.single = selection.length!==1
+        this.multiple = !selection.length
+      },
+      /**查看按钮操作 */
+      handleInfo(row){
+        this.reset();
+        const id = row.id || this.ids
+        getAqyh(id).then(response => {
+          this.form = response.data;
+          this.infoOpen = true;
+          this.infoTitle = "查看安全隐患 tc_aqyh详情"
+        });
+      },
+      /** 新增按钮操作 */
+      handleAdd() {
+        this.reset();
+        this.open = true;
+        this.title = "添加安全隐患 tc_aqyh";
+      },
+      /** 修改按钮操作 */
+      handleUpdate(row) {
+        this.reset();
+        const id = row.id || this.ids
+        getAqyh(id).then(response => {
+          this.form = response.data;
+          this.open = true;
+          this.title = "修改安全隐患 tc_aqyh";
+        });
+      },
+      /** 提交按钮 */
+      submitForm() {
+        this.$refs["form"].validate(valid => {
+          if (valid) {
+            if (this.form.id != null) {
+              updateAqyh(this.form).then(response => {
+                this.$modal.msgSuccess("修改成功");
+                this.open = false;
+                this.getList();
+              });
+            } else {
+              addAqyh(this.form).then(response => {
+                this.$modal.msgSuccess("新增成功");
+                this.open = false;
+                this.getList();
+              });
+            }
+          }
+        });
+      },
+      /** 删除按钮操作 */
+      handleDelete(row) {
+        const ids = row.id || this.ids;
+        this.$confirm('是否确认删除编号为"' + ids + '"的数据项?', "警告", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(function() {
+          return delAqyh(ids);
+        }).then(() => {
+          this.getList();
+          this.msgSuccess("删除成功");
+        }).catch(() => {});
+      },
+      /** 导出按钮操作 */
+      handleExport() {
+        const queryParams = this.queryParams;
+        this.$confirm('是否确认导出所有安全隐患 tc_aqyh数据项?', "警告", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(() => {
+          this.download('/tcZz/networkSecurity/aqyh/export', {
+            ...this.queryParams
+          }, '安全隐患 tc_aqyh_'+ new Date().getTime() +'.xlsx')
+          this.exportLoading = false;
+        }).catch(() => {});
+      }
+    }
+  }
+
+</script>

src/views/tcZz/networkSecurity/bmtb/index.vue

@@ -0,0 +1,463 @@
+<template>
+  <div class="container-main" ref="main">
+  <div class="search-hearder" ref="topSearch">
+    <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="auto">
+                  <el-form-item label="${comment}" prop="id">
+                    <el-input
+                        v-model="queryParams.id"
+                        placeholder="请输入${comment}"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="启用/禁用" prop="isStatus">
+                    <el-select v-model="queryParams.isStatus" placeholder="请选择启用/禁用" clearable size="small">
+                      <el-option
+                          v-for="dict in dict.type.tc_start"
+                          :key="dict.value"
+                          :label="dict.label"
+                          :value="dict.value"
+                      />
+                    </el-select>
+                  </el-form-item>
+                  <el-form-item label="部门名称" prop="depName">
+                    <el-input
+                        v-model="queryParams.depName"
+                        placeholder="请输入部门名称"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="文件名称" prop="fileName">
+                    <el-input
+                        v-model="queryParams.fileName"
+                        placeholder="请输入文件名称"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="文件路径(完整路径)" prop="fileUrl">
+                    <el-input
+                        v-model="queryParams.fileUrl"
+                        placeholder="请输入文件路径(完整路径)"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="创建者" prop="createBy">
+                    <el-input
+                        v-model="queryParams.createBy"
+                        placeholder="请输入创建者"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="创建时间">
+                    <el-date-picker
+                        v-model="daterangeCreateTime"
+                        size="small"
+                        style="width: 240px"
+                        value-format="yyyy-MM-dd"
+                        type="daterange"
+                        range-separator="-"
+                        start-placeholder="开始日期"
+                        end-placeholder="结束日期"
+                    ></el-date-picker>
+                  </el-form-item>
+                  <el-form-item label="更新者" prop="updateBy">
+                    <el-input
+                        v-model="queryParams.updateBy"
+                        placeholder="请输入更新者"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="更新时间">
+                    <el-date-picker
+                        v-model="daterangeUpdateTime"
+                        size="small"
+                        style="width: 240px"
+                        value-format="yyyy-MM-dd"
+                        type="daterange"
+                        range-separator="-"
+                        start-placeholder="开始日期"
+                        end-placeholder="结束日期"
+                    ></el-date-picker>
+                  </el-form-item>
+                  <el-form-item label="备注" prop="remark">
+                    <el-input
+                        v-model="queryParams.remark"
+                        placeholder="请输入备注"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+      <el-form-item>
+        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+    </div>
+    <div class="layui-table-tool" ref="tableTool">
+      <el-button
+        type="primary"
+        size="mini"
+        @click="handleAdd()"
+         v-hasPermi="['tcZz/networkSecurity:bmtb:add']"
+        >新增</el-button
+      >
+      <el-button
+            type="success"
+            size="mini"
+            :disabled="single"
+            @click="handleUpdate"
+            v-hasPermi="['tcZz/networkSecurity:bmtb:edit']"
+        >修改</el-button>
+         <el-button
+            type="danger"
+            size="mini"
+            :disabled="multiple"
+            @click="handleDelete"
+            v-hasPermi="['tcZz/networkSecurity:bmtb:remove']"
+        >删除</el-button>
+      <el-button
+        type="warning"
+        size="mini"
+        :loading="exportLoading"
+        @click="handleExport"
+         v-hasPermi="['tcZz/networkSecurity:bmtb:export']"
+        >导出</el-button
+      >
+    </div>
+    <el-table v-loading="loading" :data="bmtbList"  @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="55" align="center" />
+              <el-table-column label="${comment}" align="center" prop="id" />
+              <el-table-column label="启用/禁用" align="center" prop="isStatus">
+                <template slot-scope="scope">
+                  <dict-tag :options="dict.type.tc_start" :value="scope.row.isStatus"/>
+                </template>
+              </el-table-column>
+              <el-table-column label="部门名称" align="center" prop="depName" />
+              <el-table-column label="文件名称" align="center" prop="fileName" />
+              <el-table-column label="文件路径(完整路径)" align="center" prop="fileUrl" />
+      <el-table-column label="操作" align="center"  class-name="small-padding fixed-width" width="200"  fixed="right">
+        <template slot-scope="scope">
+          <el-button
+              size="mini"
+              @click="handleInfo(scope.row)"
+              v-hasPermi="['tcZz/networkSecurity:bmtb:list']"
+          >
+            查看
+          </el-button>
+          <el-button
+            type="success"
+            size="mini"
+              @click="handleUpdate(scope.row)"
+              v-hasPermi="['tcZz/networkSecurity:bmtb:edit']"
+          >修改</el-button>
+          <el-button
+              size="mini"
+            type="danger"
+              @click="handleDelete(scope.row)"
+              v-hasPermi="['tcZz/networkSecurity:bmtb:remove']"
+          >删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <pagination
+        v-show="total>0"
+        :total="total"
+        :page.sync="queryParams.pageNum"
+        :limit.sync="queryParams.pageSize"
+        @pagination="getList"
+    />
+
+    <!-- 添加或修改部门通报对话框 -->
+    <el-dialog  :visible.sync="open" width="500px" append-to-body custom-class="dialog-box">
+     <div slot="title" class="dialog-title">{{ title }}</div>
+      <el-form ref="form" :model="form" :rules="rules" label-width="auto" class="dialog-from">
+                        <el-form-item label="启用/禁用" prop="isStatus">
+                          <el-select v-model="form.isStatus" placeholder="请选择启用/禁用">
+                            <el-option
+                                v-for="dict in dict.type.tc_start"
+                                :key="dict.value"
+                                :label="dict.label"
+:value="parseInt(dict.value)"
+                            ></el-option>
+                          </el-select>
+                        </el-form-item>
+                        <el-form-item label="部门名称" prop="depName">
+                          <el-input v-model="form.depName" placeholder="请输入部门名称" />
+                        </el-form-item>
+                        <el-form-item label="文件名称" prop="fileName">
+                          <el-input v-model="form.fileName" placeholder="请输入文件名称" />
+                        </el-form-item>
+                        <el-form-item label="文件路径(完整路径)" prop="fileUrl">
+                          <el-input v-model="form.fileUrl" placeholder="请输入文件路径(完整路径)" />
+                        </el-form-item>
+                        <el-form-item label="备注" prop="remark">
+                          <el-input v-model="form.remark" placeholder="请输入备注" />
+                        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitForm">确 定</el-button>
+        <el-button @click="cancel">取 消</el-button>
+      </div>
+    </el-dialog>
+    <!--查看部门通报详情页-->
+    <el-dialog
+        :visible.sync="infoOpen"
+        width="90%"
+        append-to-body
+        :close-on-click-modal="false"
+        :destroy-on-close="true"
+           custom-class="dialog-box"
+    >
+
+     <div slot="title" class="dialog-title">{{ infoTitle }}</div>
+
+        <el-descriptions title="部门通报"  :column="2" border labelClassName="desLable">
+                      <el-descriptions-item label="启用/禁用">{{ form.isStatus }}</el-descriptions-item>
+
+                      <el-descriptions-item label="部门名称">{{ form.depName }}</el-descriptions-item>
+
+                      <el-descriptions-item label="文件名称">{{ form.fileName }}</el-descriptions-item>
+
+                      <el-descriptions-item label="文件路径(完整路径)">{{ form.fileUrl }}</el-descriptions-item>
+
+                      <el-descriptions-item label="备注">{{ form.remark }}</el-descriptions-item>
+
+        </el-descriptions>
+   
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+  import { listBmtb, getBmtb, delBmtb, addBmtb, updateBmtb, exportBmtb } from "@/api/tcZz/networkSecurity/bmtb";
+  export default {
+    name: "Bmtb",
+    //注释字典
+              dicts: ['tc_start'],
+    data() {
+      return {
+        tableHeigth: 0,
+        //查看详情
+        infoOpen:false,
+        //详情标题
+        infoTitle:'',
+        // 遮罩层
+        loading: true,
+        // 导出遮罩层
+        exportLoading: false,
+        // 选中数组
+        ids: [],
+        // 非单个禁用
+        single: true,
+        // 非多个禁用
+        multiple: true,
+        // 显示搜索条件
+        showSearch: true,
+        // 总条数
+        total: 0,
+        // 部门通报表格数据
+              bmtbList: [],
+        // 弹出层标题
+        title: "",
+        // 是否显示弹出层
+        open: false,
+                // 备注时间范围
+                daterangeCreateTime: [],
+                // 备注时间范围
+                daterangeUpdateTime: [],
+        // 查询参数
+        queryParams: {
+          pageNum: 1,
+          pageSize: 10,
+                        id: null,
+
+                        isStatus: null,
+
+                        depName: null,
+
+                        fileName: null,
+
+                        fileUrl: null,
+
+                        createBy: null,
+
+                        createTime: null,
+
+                        updateBy: null,
+
+                        updateTime: null,
+
+                        remark: null,
+
+        },
+        // 表单参数
+        form: {},
+        // 表单校验
+        rules: {
+        }
+      };
+    },
+    created() {
+
+      this.getList();
+
+    },
+    methods: {
+      /** 查询部门通报列表 */
+      getList() {
+        this.loading = true;
+                this.queryParams.params = {};
+                if (null != this.daterangeCreateTime && '' != this.daterangeCreateTime) {
+                  this.queryParams.params["beginCreateTime"] = this.daterangeCreateTime[0];
+                  this.queryParams.params["endCreateTime"] = this.daterangeCreateTime[1];
+                }
+                if (null != this.daterangeUpdateTime && '' != this.daterangeUpdateTime) {
+                  this.queryParams.params["beginUpdateTime"] = this.daterangeUpdateTime[0];
+                  this.queryParams.params["endUpdateTime"] = this.daterangeUpdateTime[1];
+                }
+        listBmtb(this.queryParams).then(response => {
+          this.bmtbList = response.rows;
+          this.total = response.total;
+          this.loading = false;
+        });
+      },
+      // 取消按钮
+      cancel() {
+        this.open = false;
+        this.reset();
+      },
+      // 表单重置
+      reset() {
+        this.form = {
+                        id: null,
+
+                        isStatus: null,
+
+                        depName: null,
+
+                        fileName: null,
+
+                        fileUrl: null,
+
+                        createBy: null,
+
+                        createTime: null,
+
+                        updateBy: null,
+
+                        updateTime: null,
+
+                        remark: null,
+
+        };
+        this.resetForm("form");
+      },
+      /** 搜索按钮操作 */
+      handleQuery() {
+        this.queryParams.pageNum = 1;
+        this.getList();
+      },
+      /** 重置按钮操作 */
+      resetQuery() {
+                this.daterangeCreateTime = [];
+                this.daterangeUpdateTime = [];
+        this.resetForm("queryForm");
+        this.handleQuery();
+      },
+      // 多选框选中数据
+      handleSelectionChange(selection) {
+        this.ids = selection.map(item => item.id)
+        this.single = selection.length!==1
+        this.multiple = !selection.length
+      },
+      /**查看按钮操作 */
+      handleInfo(row){
+        this.reset();
+        const id = row.id || this.ids
+        getBmtb(id).then(response => {
+          this.form = response.data;
+          this.infoOpen = true;
+          this.infoTitle = "查看部门通报详情"
+        });
+      },
+      /** 新增按钮操作 */
+      handleAdd() {
+        this.reset();
+        this.open = true;
+        this.title = "添加部门通报";
+      },
+      /** 修改按钮操作 */
+      handleUpdate(row) {
+        this.reset();
+        const id = row.id || this.ids
+        getBmtb(id).then(response => {
+          this.form = response.data;
+          this.open = true;
+          this.title = "修改部门通报";
+        });
+      },
+      /** 提交按钮 */
+      submitForm() {
+        this.$refs["form"].validate(valid => {
+          if (valid) {
+            if (this.form.id != null) {
+              updateBmtb(this.form).then(response => {
+                this.$modal.msgSuccess("修改成功");
+                this.open = false;
+                this.getList();
+              });
+            } else {
+              addBmtb(this.form).then(response => {
+                this.$modal.msgSuccess("新增成功");
+                this.open = false;
+                this.getList();
+              });
+            }
+          }
+        });
+      },
+      /** 删除按钮操作 */
+      handleDelete(row) {
+        const ids = row.id || this.ids;
+        this.$confirm('是否确认删除编号为"' + ids + '"的数据项?', "警告", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(function() {
+          return delBmtb(ids);
+        }).then(() => {
+          this.getList();
+          this.msgSuccess("删除成功");
+        }).catch(() => {});
+      },
+      /** 导出按钮操作 */
+      handleExport() {
+        const queryParams = this.queryParams;
+        this.$confirm('是否确认导出所有部门通报数据项?', "警告", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(() => {
+          this.download('/tcZz/networkSecurity/bmtb/export', {
+            ...this.queryParams
+          }, '部门通报_'+ new Date().getTime() +'.xlsx')
+          this.exportLoading = false;
+        }).catch(() => {});
+      }
+    }
+  }
+
+</script>

src/views/tcZz/networkSecurity/cybersecurity/index.vue

@@ -0,0 +1,631 @@
+<template>
+  <div class="container-main" ref="main">
+  <div class="search-hearder" ref="topSearch">
+    <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="auto">
+                  <el-form-item label="${comment}" prop="id">
+                    <el-input
+                        v-model="queryParams.id"
+                        placeholder="请输入${comment}"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="区域" prop="areaId">
+                    <el-select v-model="queryParams.areaId" placeholder="请选择区域" clearable size="small">
+                      <el-option
+                          v-for="dict in dict.type.tc_area"
+                          :key="dict.value"
+                          :label="dict.label"
+                          :value="dict.value"
+                      />
+                    </el-select>
+                  </el-form-item>
+                  <el-form-item label="启用/禁用" prop="isStatus">
+                    <el-select v-model="queryParams.isStatus" placeholder="请选择启用/禁用" clearable size="small">
+                      <el-option
+                          v-for="dict in dict.type.tc_start"
+                          :key="dict.value"
+                          :label="dict.label"
+                          :value="dict.value"
+                      />
+                    </el-select>
+                  </el-form-item>
+                  <el-form-item label="攻击发起时间">
+                    <el-date-picker
+                        v-model="daterangeStartTime"
+                        size="small"
+                        style="width: 240px"
+                        value-format="yyyy-MM-dd"
+                        type="daterange"
+                        range-separator="-"
+                        start-placeholder="开始日期"
+                        end-placeholder="结束日期"
+                    ></el-date-picker>
+                  </el-form-item>
+                  <el-form-item label="攻击源IP" prop="attackyIp">
+                    <el-input
+                        v-model="queryParams.attackyIp"
+                        placeholder="请输入攻击源IP"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="攻击源IP区域" prop="attackIpArea">
+                    <el-input
+                        v-model="queryParams.attackIpArea"
+                        placeholder="请输入攻击源IP区域"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="受攻击IP" prop="sAttackIp">
+                    <el-input
+                        v-model="queryParams.sAttackIp"
+                        placeholder="请输入受攻击IP"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="受攻击IP区域" prop="sAttackIpArea">
+                    <el-input
+                        v-model="queryParams.sAttackIpArea"
+                        placeholder="请输入受攻击IP区域"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="网站安全等级" prop="netLevel">
+                    <el-input
+                        v-model="queryParams.netLevel"
+                        placeholder="请输入网站安全等级"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="所属单位" prop="affUnit">
+                    <el-input
+                        v-model="queryParams.affUnit"
+                        placeholder="请输入所属单位"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="联系电话" prop="linkTel">
+                    <el-input
+                        v-model="queryParams.linkTel"
+                        placeholder="请输入联系电话"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="联系人" prop="linkMan">
+                    <el-input
+                        v-model="queryParams.linkMan"
+                        placeholder="请输入联系人"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="创建者" prop="createBy">
+                    <el-input
+                        v-model="queryParams.createBy"
+                        placeholder="请输入创建者"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="创建时间">
+                    <el-date-picker
+                        v-model="daterangeCreateTime"
+                        size="small"
+                        style="width: 240px"
+                        value-format="yyyy-MM-dd"
+                        type="daterange"
+                        range-separator="-"
+                        start-placeholder="开始日期"
+                        end-placeholder="结束日期"
+                    ></el-date-picker>
+                  </el-form-item>
+                  <el-form-item label="更新者" prop="updateBy">
+                    <el-input
+                        v-model="queryParams.updateBy"
+                        placeholder="请输入更新者"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="更新时间">
+                    <el-date-picker
+                        v-model="daterangeUpdateTime"
+                        size="small"
+                        style="width: 240px"
+                        value-format="yyyy-MM-dd"
+                        type="daterange"
+                        range-separator="-"
+                        start-placeholder="开始日期"
+                        end-placeholder="结束日期"
+                    ></el-date-picker>
+                  </el-form-item>
+                  <el-form-item label="备注" prop="remark">
+                    <el-input
+                        v-model="queryParams.remark"
+                        placeholder="请输入备注"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+      <el-form-item>
+        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+    </div>
+    <div class="layui-table-tool" ref="tableTool">
+      <el-button
+        type="primary"
+        size="mini"
+        @click="handleAdd()"
+         v-hasPermi="['tcZz/networkSecurity:cybersecurity:add']"
+        >新增</el-button
+      >
+      <el-button
+            type="success"
+            size="mini"
+            :disabled="single"
+            @click="handleUpdate"
+            v-hasPermi="['tcZz/networkSecurity:cybersecurity:edit']"
+        >修改</el-button>
+         <el-button
+            type="danger"
+            size="mini"
+            :disabled="multiple"
+            @click="handleDelete"
+            v-hasPermi="['tcZz/networkSecurity:cybersecurity:remove']"
+        >删除</el-button>
+      <el-button
+        type="warning"
+        size="mini"
+        :loading="exportLoading"
+        @click="handleExport"
+         v-hasPermi="['tcZz/networkSecurity:cybersecurity:export']"
+        >导出</el-button
+      >
+    </div>
+    <el-table v-loading="loading" :data="cybersecurityList"  @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="55" align="center" />
+              <el-table-column label="${comment}" align="center" prop="id" />
+              <el-table-column label="区域" align="center" prop="areaId">
+                <template slot-scope="scope">
+                  <dict-tag :options="dict.type.tc_area" :value="scope.row.areaId"/>
+                </template>
+              </el-table-column>
+              <el-table-column label="启用/禁用" align="center" prop="isStatus">
+                <template slot-scope="scope">
+                  <dict-tag :options="dict.type.tc_start" :value="scope.row.isStatus"/>
+                </template>
+              </el-table-column>
+              <el-table-column label="攻击源IP" align="center" prop="attackyIp" />
+              <el-table-column label="攻击类型" align="center" prop="attackType" />
+              <el-table-column label="受攻击IP" align="center" prop="sAttackIp" />
+              <el-table-column label="网站安全等级" align="center" prop="netLevel" />
+              <el-table-column label="联系人" align="center" prop="linkMan" />
+      <el-table-column label="操作" align="center"  class-name="small-padding fixed-width" width="200"  fixed="right">
+        <template slot-scope="scope">
+          <el-button
+              size="mini"
+              @click="handleInfo(scope.row)"
+              v-hasPermi="['tcZz/networkSecurity:cybersecurity:list']"
+          >
+            查看
+          </el-button>
+          <el-button
+            type="success"
+            size="mini"
+              @click="handleUpdate(scope.row)"
+              v-hasPermi="['tcZz/networkSecurity:cybersecurity:edit']"
+          >修改</el-button>
+          <el-button
+              size="mini"
+            type="danger"
+              @click="handleDelete(scope.row)"
+              v-hasPermi="['tcZz/networkSecurity:cybersecurity:remove']"
+          >删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <pagination
+        v-show="total>0"
+        :total="total"
+        :page.sync="queryParams.pageNum"
+        :limit.sync="queryParams.pageSize"
+        @pagination="getList"
+    />
+
+    <!-- 添加或修改网络监测对话框 -->
+    <el-dialog  :visible.sync="open" width="500px" append-to-body custom-class="dialog-box">
+     <div slot="title" class="dialog-title">{{ title }}</div>
+      <el-form ref="form" :model="form" :rules="rules" label-width="auto" class="dialog-from">
+                        <el-form-item label="区域" prop="areaId">
+                          <el-select v-model="form.areaId" placeholder="请选择区域">
+                            <el-option
+                                v-for="dict in dict.type.tc_area"
+                                :key="dict.value"
+                                :label="dict.label"
+:value="dict.value"
+                            ></el-option>
+                          </el-select>
+                        </el-form-item>
+                        <el-form-item label="启用/禁用" prop="isStatus">
+                          <el-select v-model="form.isStatus" placeholder="请选择启用/禁用">
+                            <el-option
+                                v-for="dict in dict.type.tc_start"
+                                :key="dict.value"
+                                :label="dict.label"
+:value="parseInt(dict.value)"
+                            ></el-option>
+                          </el-select>
+                        </el-form-item>
+                        <el-form-item label="攻击发起时间" prop="startTime">
+                          <el-date-picker clearable size="small"
+                                          v-model="form.startTime"
+                                          type="date"
+                                          value-format="yyyy-MM-dd"
+                                          placeholder="选择攻击发起时间">
+                          </el-date-picker>
+                        </el-form-item>
+                        <el-form-item label="攻击源IP" prop="attackyIp">
+                          <el-input v-model="form.attackyIp" placeholder="请输入攻击源IP" />
+                        </el-form-item>
+                        <el-form-item label="攻击源IP区域" prop="attackIpArea">
+                          <el-input v-model="form.attackIpArea" placeholder="请输入攻击源IP区域" />
+                        </el-form-item>
+                        <el-form-item label="受攻击IP" prop="sAttackIp">
+                          <el-input v-model="form.sAttackIp" placeholder="请输入受攻击IP" />
+                        </el-form-item>
+                        <el-form-item label="受攻击IP区域" prop="sAttackIpArea">
+                          <el-input v-model="form.sAttackIpArea" placeholder="请输入受攻击IP区域" />
+                        </el-form-item>
+                        <el-form-item label="网站安全等级" prop="netLevel">
+                          <el-input v-model="form.netLevel" placeholder="请输入网站安全等级" />
+                        </el-form-item>
+                        <el-form-item label="所属单位" prop="affUnit">
+                          <el-input v-model="form.affUnit" placeholder="请输入所属单位" />
+                        </el-form-item>
+                        <el-form-item label="联系电话" prop="linkTel">
+                          <el-input v-model="form.linkTel" placeholder="请输入联系电话" />
+                        </el-form-item>
+                        <el-form-item label="联系人" prop="linkMan">
+                          <el-input v-model="form.linkMan" placeholder="请输入联系人" />
+                        </el-form-item>
+                        <el-form-item label="备注" prop="remark">
+                          <el-input v-model="form.remark" placeholder="请输入备注" />
+                        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitForm">确 定</el-button>
+        <el-button @click="cancel">取 消</el-button>
+      </div>
+    </el-dialog>
+    <!--查看网络监测详情页-->
+    <el-dialog
+        :visible.sync="infoOpen"
+        width="90%"
+        append-to-body
+        :close-on-click-modal="false"
+        :destroy-on-close="true"
+           custom-class="dialog-box"
+    >
+
+     <div slot="title" class="dialog-title">{{ infoTitle }}</div>
+
+        <el-descriptions title="网络监测"  :column="2" border labelClassName="desLable">
+                      <el-descriptions-item label="区域">{{ form.areaId }}</el-descriptions-item>
+
+                      <el-descriptions-item label="启用/禁用">{{ form.isStatus }}</el-descriptions-item>
+
+                      <el-descriptions-item label="攻击发起时间">{{ form.startTime }}</el-descriptions-item>
+
+                      <el-descriptions-item label="攻击源IP">{{ form.attackyIp }}</el-descriptions-item>
+
+                      <el-descriptions-item label="攻击类型">{{ form.attackType }}</el-descriptions-item>
+
+                      <el-descriptions-item label="攻击源IP区域">{{ form.attackIpArea }}</el-descriptions-item>
+
+                      <el-descriptions-item label="受攻击目标类型">{{ form.type }}</el-descriptions-item>
+
+                      <el-descriptions-item label="受攻击IP">{{ form.sAttackIp }}</el-descriptions-item>
+
+                      <el-descriptions-item label="受攻击IP区域">{{ form.sAttackIpArea }}</el-descriptions-item>
+
+                      <el-descriptions-item label="网站安全等级">{{ form.netLevel }}</el-descriptions-item>
+
+                      <el-descriptions-item label="所属单位">{{ form.affUnit }}</el-descriptions-item>
+
+                      <el-descriptions-item label="联系电话">{{ form.linkTel }}</el-descriptions-item>
+
+                      <el-descriptions-item label="联系人">{{ form.linkMan }}</el-descriptions-item>
+
+                      <el-descriptions-item label="备注">{{ form.remark }}</el-descriptions-item>
+
+        </el-descriptions>
+   
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+  import { listCybersecurity, getCybersecurity, delCybersecurity, addCybersecurity, updateCybersecurity, exportCybersecurity } from "@/api/tcZz/networkSecurity/cybersecurity";
+  export default {
+    name: "Cybersecurity",
+    //注释字典
+              dicts: ['tc_area', 'tc_start'],
+    data() {
+      return {
+        tableHeigth: 0,
+        //查看详情
+        infoOpen:false,
+        //详情标题
+        infoTitle:'',
+        // 遮罩层
+        loading: true,
+        // 导出遮罩层
+        exportLoading: false,
+        // 选中数组
+        ids: [],
+        // 非单个禁用
+        single: true,
+        // 非多个禁用
+        multiple: true,
+        // 显示搜索条件
+        showSearch: true,
+        // 总条数
+        total: 0,
+        // 网络监测表格数据
+              cybersecurityList: [],
+        // 弹出层标题
+        title: "",
+        // 是否显示弹出层
+        open: false,
+                // 备注时间范围
+                daterangeStartTime: [],
+                // 备注时间范围
+                daterangeCreateTime: [],
+                // 备注时间范围
+                daterangeUpdateTime: [],
+        // 查询参数
+        queryParams: {
+          pageNum: 1,
+          pageSize: 10,
+                        id: null,
+
+                        areaId: null,
+
+                        isStatus: null,
+
+                        startTime: null,
+
+                        attackyIp: null,
+
+                        attackType: null,
+
+                        attackIpArea: null,
+
+                        type: null,
+
+                        sAttackIp: null,
+
+                        sAttackIpArea: null,
+
+                        netLevel: null,
+
+                        affUnit: null,
+
+                        linkTel: null,
+
+                        linkMan: null,
+
+                        createBy: null,
+
+                        createTime: null,
+
+                        updateBy: null,
+
+                        updateTime: null,
+
+                        remark: null,
+
+        },
+        // 表单参数
+        form: {},
+        // 表单校验
+        rules: {
+        }
+      };
+    },
+    created() {
+
+      this.getList();
+
+    },
+    methods: {
+      /** 查询网络监测列表 */
+      getList() {
+        this.loading = true;
+                this.queryParams.params = {};
+                if (null != this.daterangeStartTime && '' != this.daterangeStartTime) {
+                  this.queryParams.params["beginStartTime"] = this.daterangeStartTime[0];
+                  this.queryParams.params["endStartTime"] = this.daterangeStartTime[1];
+                }
+                if (null != this.daterangeCreateTime && '' != this.daterangeCreateTime) {
+                  this.queryParams.params["beginCreateTime"] = this.daterangeCreateTime[0];
+                  this.queryParams.params["endCreateTime"] = this.daterangeCreateTime[1];
+                }
+                if (null != this.daterangeUpdateTime && '' != this.daterangeUpdateTime) {
+                  this.queryParams.params["beginUpdateTime"] = this.daterangeUpdateTime[0];
+                  this.queryParams.params["endUpdateTime"] = this.daterangeUpdateTime[1];
+                }
+        listCybersecurity(this.queryParams).then(response => {
+          this.cybersecurityList = response.rows;
+          this.total = response.total;
+          this.loading = false;
+        });
+      },
+      // 取消按钮
+      cancel() {
+        this.open = false;
+        this.reset();
+      },
+      // 表单重置
+      reset() {
+        this.form = {
+                        id: null,
+
+                        areaId: null,
+
+                        isStatus: null,
+
+                        startTime: null,
+
+                        attackyIp: null,
+
+                        attackType: null,
+
+                        attackIpArea: null,
+
+                        type: null,
+
+                        sAttackIp: null,
+
+                        sAttackIpArea: null,
+
+                        netLevel: null,
+
+                        affUnit: null,
+
+                        linkTel: null,
+
+                        linkMan: null,
+
+                        createBy: null,
+
+                        createTime: null,
+
+                        updateBy: null,
+
+                        updateTime: null,
+
+                        remark: null,
+
+        };
+        this.resetForm("form");
+      },
+      /** 搜索按钮操作 */
+      handleQuery() {
+        this.queryParams.pageNum = 1;
+        this.getList();
+      },
+      /** 重置按钮操作 */
+      resetQuery() {
+                this.daterangeStartTime = [];
+                this.daterangeCreateTime = [];
+                this.daterangeUpdateTime = [];
+        this.resetForm("queryForm");
+        this.handleQuery();
+      },
+      // 多选框选中数据
+      handleSelectionChange(selection) {
+        this.ids = selection.map(item => item.id)
+        this.single = selection.length!==1
+        this.multiple = !selection.length
+      },
+      /**查看按钮操作 */
+      handleInfo(row){
+        this.reset();
+        const id = row.id || this.ids
+        getCybersecurity(id).then(response => {
+          this.form = response.data;
+          this.infoOpen = true;
+          this.infoTitle = "查看网络监测详情"
+        });
+      },
+      /** 新增按钮操作 */
+      handleAdd() {
+        this.reset();
+        this.open = true;
+        this.title = "添加网络监测";
+      },
+      /** 修改按钮操作 */
+      handleUpdate(row) {
+        this.reset();
+        const id = row.id || this.ids
+        getCybersecurity(id).then(response => {
+          this.form = response.data;
+          this.open = true;
+          this.title = "修改网络监测";
+        });
+      },
+      /** 提交按钮 */
+      submitForm() {
+        this.$refs["form"].validate(valid => {
+          if (valid) {
+            if (this.form.id != null) {
+              updateCybersecurity(this.form).then(response => {
+                this.$modal.msgSuccess("修改成功");
+                this.open = false;
+                this.getList();
+              });
+            } else {
+              addCybersecurity(this.form).then(response => {
+                this.$modal.msgSuccess("新增成功");
+                this.open = false;
+                this.getList();
+              });
+            }
+          }
+        });
+      },
+      /** 删除按钮操作 */
+      handleDelete(row) {
+        const ids = row.id || this.ids;
+        this.$confirm('是否确认删除编号为"' + ids + '"的数据项?', "警告", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(function() {
+          return delCybersecurity(ids);
+        }).then(() => {
+          this.getList();
+          this.msgSuccess("删除成功");
+        }).catch(() => {});
+      },
+      /** 导出按钮操作 */
+      handleExport() {
+        const queryParams = this.queryParams;
+        this.$confirm('是否确认导出所有网络监测数据项?', "警告", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(() => {
+          this.download('/tcZz/networkSecurity/cybersecurity/export', {
+            ...this.queryParams
+          }, '网络监测_'+ new Date().getTime() +'.xlsx')
+          this.exportLoading = false;
+        }).catch(() => {});
+      }
+    }
+  }
+
+</script>

src/views/tcZz/networkSecurity/dbdw/index.vue

@@ -0,0 +1,664 @@
+<template>
+  <div class="container-main" ref="main">
+  <div class="search-hearder" ref="topSearch">
+    <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="auto">
+                  <el-form-item label="${comment}" prop="id">
+                    <el-input
+                        v-model="queryParams.id"
+                        placeholder="请输入${comment}"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="区域" prop="areaId">
+                    <el-select v-model="queryParams.areaId" placeholder="请选择区域" clearable size="small">
+                      <el-option
+                          v-for="dict in dict.type.tc_area"
+                          :key="dict.value"
+                          :label="dict.label"
+                          :value="dict.value"
+                      />
+                    </el-select>
+                  </el-form-item>
+                  <el-form-item label="单位名称" prop="unitName">
+                    <el-input
+                        v-model="queryParams.unitName"
+                        placeholder="请输入单位名称"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="邮政编码" prop="postalCode">
+                    <el-input
+                        v-model="queryParams.postalCode"
+                        placeholder="请输入邮政编码"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="单位地址—省" prop="addressProvince">
+                    <el-input
+                        v-model="queryParams.addressProvince"
+                        placeholder="请输入单位地址—省"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="单位地址—市" prop="addressCity">
+                    <el-input
+                        v-model="queryParams.addressCity"
+                        placeholder="请输入单位地址—市"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="单位地址—区/县" prop="addressCounty">
+                    <el-input
+                        v-model="queryParams.addressCounty"
+                        placeholder="请输入单位地址—区/县"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="单位地址" prop="unitAddress">
+                    <el-input
+                        v-model="queryParams.unitAddress"
+                        placeholder="请输入单位地址"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="行政区域代码" prop="countyCode">
+                    <el-input
+                        v-model="queryParams.countyCode"
+                        placeholder="请输入行政区域代码"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="隶属关系" prop="lsGx">
+                    <el-input
+                        v-model="queryParams.lsGx"
+                        placeholder="请输入隶属关系"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="单位责任人—姓名" prop="fzrName">
+                    <el-input
+                        v-model="queryParams.fzrName"
+                        placeholder="请输入单位责任人—姓名"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="单位责任人—职务" prop="fzrDuty">
+                    <el-input
+                        v-model="queryParams.fzrDuty"
+                        placeholder="请输入单位责任人—职务"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="单位责任人—办公电话" prop="fzrTel">
+                    <el-input
+                        v-model="queryParams.fzrTel"
+                        placeholder="请输入单位责任人—办公电话"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="单位责任人—电子邮件" prop="fzrEmail">
+                    <el-input
+                        v-model="queryParams.fzrEmail"
+                        placeholder="请输入单位责任人—电子邮件"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="启用/禁用" prop="isStatus">
+                    <el-select v-model="queryParams.isStatus" placeholder="请选择启用/禁用" clearable size="small">
+                      <el-option
+                          v-for="dict in dict.type.tc_start"
+                          :key="dict.value"
+                          :label="dict.label"
+                          :value="dict.value"
+                      />
+                    </el-select>
+                  </el-form-item>
+                  <el-form-item label="创建者" prop="createBy">
+                    <el-input
+                        v-model="queryParams.createBy"
+                        placeholder="请输入创建者"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="创建时间">
+                    <el-date-picker
+                        v-model="daterangeCreateTime"
+                        size="small"
+                        style="width: 240px"
+                        value-format="yyyy-MM-dd"
+                        type="daterange"
+                        range-separator="-"
+                        start-placeholder="开始日期"
+                        end-placeholder="结束日期"
+                    ></el-date-picker>
+                  </el-form-item>
+                  <el-form-item label="更新者" prop="updateBy">
+                    <el-input
+                        v-model="queryParams.updateBy"
+                        placeholder="请输入更新者"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="更新时间">
+                    <el-date-picker
+                        v-model="daterangeUpdateTime"
+                        size="small"
+                        style="width: 240px"
+                        value-format="yyyy-MM-dd"
+                        type="daterange"
+                        range-separator="-"
+                        start-placeholder="开始日期"
+                        end-placeholder="结束日期"
+                    ></el-date-picker>
+                  </el-form-item>
+                  <el-form-item label="备注" prop="remark">
+                    <el-input
+                        v-model="queryParams.remark"
+                        placeholder="请输入备注"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+      <el-form-item>
+        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+    </div>
+    <div class="layui-table-tool" ref="tableTool">
+      <el-button
+        type="primary"
+        size="mini"
+        @click="handleAdd()"
+         v-hasPermi="['tcZz/networkSecurity:dbdw:add']"
+        >新增</el-button
+      >
+      <el-button
+            type="success"
+            size="mini"
+            :disabled="single"
+            @click="handleUpdate"
+            v-hasPermi="['tcZz/networkSecurity:dbdw:edit']"
+        >修改</el-button>
+         <el-button
+            type="danger"
+            size="mini"
+            :disabled="multiple"
+            @click="handleDelete"
+            v-hasPermi="['tcZz/networkSecurity:dbdw:remove']"
+        >删除</el-button>
+      <el-button
+        type="warning"
+        size="mini"
+        :loading="exportLoading"
+        @click="handleExport"
+         v-hasPermi="['tcZz/networkSecurity:dbdw:export']"
+        >导出</el-button
+      >
+    </div>
+    <el-table v-loading="loading" :data="dbdwList"  @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="55" align="center" />
+              <el-table-column label="${comment}" align="center" prop="id" />
+              <el-table-column label="区域" align="center" prop="areaId">
+                <template slot-scope="scope">
+                  <dict-tag :options="dict.type.tc_area" :value="scope.row.areaId"/>
+                </template>
+              </el-table-column>
+              <el-table-column label="单位名称" align="center" prop="unitName" />
+              <el-table-column label="邮政编码" align="center" prop="postalCode" />
+              <el-table-column label="单位地址" align="center" prop="unitAddress" />
+              <el-table-column label="行政区域代码" align="center" prop="countyCode" />
+      <el-table-column label="操作" align="center"  class-name="small-padding fixed-width" width="200"  fixed="right">
+        <template slot-scope="scope">
+          <el-button
+              size="mini"
+              @click="handleInfo(scope.row)"
+              v-hasPermi="['tcZz/networkSecurity:dbdw:list']"
+          >
+            查看
+          </el-button>
+          <el-button
+            type="success"
+            size="mini"
+              @click="handleUpdate(scope.row)"
+              v-hasPermi="['tcZz/networkSecurity:dbdw:edit']"
+          >修改</el-button>
+          <el-button
+              size="mini"
+            type="danger"
+              @click="handleDelete(scope.row)"
+              v-hasPermi="['tcZz/networkSecurity:dbdw:remove']"
+          >删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <pagination
+        v-show="total>0"
+        :total="total"
+        :page.sync="queryParams.pageNum"
+        :limit.sync="queryParams.pageSize"
+        @pagination="getList"
+    />
+
+    <!-- 添加或修改等保单位对话框 -->
+    <el-dialog  :visible.sync="open" width="500px" append-to-body custom-class="dialog-box">
+     <div slot="title" class="dialog-title">{{ title }}</div>
+      <el-form ref="form" :model="form" :rules="rules" label-width="auto" class="dialog-from">
+                        <el-form-item label="区域" prop="areaId">
+                          <el-select v-model="form.areaId" placeholder="请选择区域">
+                            <el-option
+                                v-for="dict in dict.type.tc_area"
+                                :key="dict.value"
+                                :label="dict.label"
+:value="dict.value"
+                            ></el-option>
+                          </el-select>
+                        </el-form-item>
+                        <el-form-item label="单位名称" prop="unitName">
+                          <el-input v-model="form.unitName" placeholder="请输入单位名称" />
+                        </el-form-item>
+                        <el-form-item label="邮政编码" prop="postalCode">
+                          <el-input v-model="form.postalCode" placeholder="请输入邮政编码" />
+                        </el-form-item>
+                        <el-form-item label="单位地址—省" prop="addressProvince">
+                          <el-input v-model="form.addressProvince" placeholder="请输入单位地址—省" />
+                        </el-form-item>
+                        <el-form-item label="单位地址—市" prop="addressCity">
+                          <el-input v-model="form.addressCity" placeholder="请输入单位地址—市" />
+                        </el-form-item>
+                        <el-form-item label="单位地址—区/县" prop="addressCounty">
+                          <el-input v-model="form.addressCounty" placeholder="请输入单位地址—区/县" />
+                        </el-form-item>
+                        <el-form-item label="单位地址" prop="unitAddress">
+                          <el-input v-model="form.unitAddress" placeholder="请输入单位地址" />
+                        </el-form-item>
+                        <el-form-item label="行政区域代码" prop="countyCode">
+                          <el-input v-model="form.countyCode" placeholder="请输入行政区域代码" />
+                        </el-form-item>
+                        <el-form-item label="隶属关系" prop="lsGx">
+                          <el-input v-model="form.lsGx" placeholder="请输入隶属关系" />
+                        </el-form-item>
+                        <el-form-item label="单位责任人—姓名" prop="fzrName">
+                          <el-input v-model="form.fzrName" placeholder="请输入单位责任人—姓名" />
+                        </el-form-item>
+                        <el-form-item label="单位责任人—职务" prop="fzrDuty">
+                          <el-input v-model="form.fzrDuty" placeholder="请输入单位责任人—职务" />
+                        </el-form-item>
+                        <el-form-item label="单位责任人—办公电话" prop="fzrTel">
+                          <el-input v-model="form.fzrTel" placeholder="请输入单位责任人—办公电话" />
+                        </el-form-item>
+                        <el-form-item label="单位责任人—电子邮件" prop="fzrEmail">
+                          <el-input v-model="form.fzrEmail" placeholder="请输入单位责任人—电子邮件" />
+                        </el-form-item>
+                        <el-form-item label="启用/禁用" prop="isStatus">
+                          <el-select v-model="form.isStatus" placeholder="请选择启用/禁用">
+                            <el-option
+                                v-for="dict in dict.type.tc_start"
+                                :key="dict.value"
+                                :label="dict.label"
+:value="parseInt(dict.value)"
+                            ></el-option>
+                          </el-select>
+                        </el-form-item>
+                        <el-form-item label="备注" prop="remark">
+                          <el-input v-model="form.remark" placeholder="请输入备注" />
+                        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitForm">确 定</el-button>
+        <el-button @click="cancel">取 消</el-button>
+      </div>
+    </el-dialog>
+    <!--查看等保单位详情页-->
+    <el-dialog
+        :visible.sync="infoOpen"
+        width="90%"
+        append-to-body
+        :close-on-click-modal="false"
+        :destroy-on-close="true"
+           custom-class="dialog-box"
+    >
+
+     <div slot="title" class="dialog-title">{{ infoTitle }}</div>
+
+        <el-descriptions title="等保单位"  :column="2" border labelClassName="desLable">
+                      <el-descriptions-item label="区域">{{ form.areaId }}</el-descriptions-item>
+
+                      <el-descriptions-item label="单位名称">{{ form.unitName }}</el-descriptions-item>
+
+                      <el-descriptions-item label="邮政编码">{{ form.postalCode }}</el-descriptions-item>
+
+                      <el-descriptions-item label="单位地址—省">{{ form.addressProvince }}</el-descriptions-item>
+
+                      <el-descriptions-item label="单位地址—市">{{ form.addressCity }}</el-descriptions-item>
+
+                      <el-descriptions-item label="单位地址—区/县">{{ form.addressCounty }}</el-descriptions-item>
+
+                      <el-descriptions-item label="单位地址">{{ form.unitAddress }}</el-descriptions-item>
+
+                      <el-descriptions-item label="行政区域代码">{{ form.countyCode }}</el-descriptions-item>
+
+                      <el-descriptions-item label="隶属关系">{{ form.lsGx }}</el-descriptions-item>
+
+                      <el-descriptions-item label="单位类型">{{ form.unitType }}</el-descriptions-item>
+
+                      <el-descriptions-item label="行业类型">{{ form.industryType }}</el-descriptions-item>
+
+                      <el-descriptions-item label="单位责任人—姓名">{{ form.fzrName }}</el-descriptions-item>
+
+                      <el-descriptions-item label="单位责任人—职务">{{ form.fzrDuty }}</el-descriptions-item>
+
+                      <el-descriptions-item label="单位责任人—办公电话">{{ form.fzrTel }}</el-descriptions-item>
+
+                      <el-descriptions-item label="单位责任人—电子邮件">{{ form.fzrEmail }}</el-descriptions-item>
+
+                      <el-descriptions-item label="启用/禁用">{{ form.isStatus }}</el-descriptions-item>
+
+                      <el-descriptions-item label="备注">{{ form.remark }}</el-descriptions-item>
+
+        </el-descriptions>
+   
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+  import { listDbdw, getDbdw, delDbdw, addDbdw, updateDbdw, exportDbdw } from "@/api/tcZz/networkSecurity/dbdw";
+  export default {
+    name: "Dbdw",
+    //注释字典
+              dicts: ['tc_area', 'tc_start'],
+    data() {
+      return {
+        tableHeigth: 0,
+        //查看详情
+        infoOpen:false,
+        //详情标题
+        infoTitle:'',
+        // 遮罩层
+        loading: true,
+        // 导出遮罩层
+        exportLoading: false,
+        // 选中数组
+        ids: [],
+        // 非单个禁用
+        single: true,
+        // 非多个禁用
+        multiple: true,
+        // 显示搜索条件
+        showSearch: true,
+        // 总条数
+        total: 0,
+        // 等保单位表格数据
+              dbdwList: [],
+        // 弹出层标题
+        title: "",
+        // 是否显示弹出层
+        open: false,
+                // 备注时间范围
+                daterangeCreateTime: [],
+                // 备注时间范围
+                daterangeUpdateTime: [],
+        // 查询参数
+        queryParams: {
+          pageNum: 1,
+          pageSize: 10,
+                        id: null,
+
+                        areaId: null,
+
+                        unitName: null,
+
+                        postalCode: null,
+
+                        addressProvince: null,
+
+                        addressCity: null,
+
+                        addressCounty: null,
+
+                        unitAddress: null,
+
+                        countyCode: null,
+
+                        lsGx: null,
+
+                        unitType: null,
+
+                        industryType: null,
+
+                        fzrName: null,
+
+                        fzrDuty: null,
+
+                        fzrTel: null,
+
+                        fzrEmail: null,
+
+                        isStatus: null,
+
+                        createBy: null,
+
+                        createTime: null,
+
+                        updateBy: null,
+
+                        updateTime: null,
+
+                        remark: null,
+
+        },
+        // 表单参数
+        form: {},
+        // 表单校验
+        rules: {
+        }
+      };
+    },
+    created() {
+
+      this.getList();
+
+    },
+    methods: {
+      /** 查询等保单位列表 */
+      getList() {
+        this.loading = true;
+                this.queryParams.params = {};
+                if (null != this.daterangeCreateTime && '' != this.daterangeCreateTime) {
+                  this.queryParams.params["beginCreateTime"] = this.daterangeCreateTime[0];
+                  this.queryParams.params["endCreateTime"] = this.daterangeCreateTime[1];
+                }
+                if (null != this.daterangeUpdateTime && '' != this.daterangeUpdateTime) {
+                  this.queryParams.params["beginUpdateTime"] = this.daterangeUpdateTime[0];
+                  this.queryParams.params["endUpdateTime"] = this.daterangeUpdateTime[1];
+                }
+        listDbdw(this.queryParams).then(response => {
+          this.dbdwList = response.rows;
+          this.total = response.total;
+          this.loading = false;
+        });
+      },
+      // 取消按钮
+      cancel() {
+        this.open = false;
+        this.reset();
+      },
+      // 表单重置
+      reset() {
+        this.form = {
+                        id: null,
+
+                        areaId: null,
+
+                        unitName: null,
+
+                        postalCode: null,
+
+                        addressProvince: null,
+
+                        addressCity: null,
+
+                        addressCounty: null,
+
+                        unitAddress: null,
+
+                        countyCode: null,
+
+                        lsGx: null,
+
+                        unitType: null,
+
+                        industryType: null,
+
+                        fzrName: null,
+
+                        fzrDuty: null,
+
+                        fzrTel: null,
+
+                        fzrEmail: null,
+
+                        isStatus: null,
+
+                        createBy: null,
+
+                        createTime: null,
+
+                        updateBy: null,
+
+                        updateTime: null,
+
+                        remark: null,
+
+        };
+        this.resetForm("form");
+      },
+      /** 搜索按钮操作 */
+      handleQuery() {
+        this.queryParams.pageNum = 1;
+        this.getList();
+      },
+      /** 重置按钮操作 */
+      resetQuery() {
+                this.daterangeCreateTime = [];
+                this.daterangeUpdateTime = [];
+        this.resetForm("queryForm");
+        this.handleQuery();
+      },
+      // 多选框选中数据
+      handleSelectionChange(selection) {
+        this.ids = selection.map(item => item.id)
+        this.single = selection.length!==1
+        this.multiple = !selection.length
+      },
+      /**查看按钮操作 */
+      handleInfo(row){
+        this.reset();
+        const id = row.id || this.ids
+        getDbdw(id).then(response => {
+          this.form = response.data;
+          this.infoOpen = true;
+          this.infoTitle = "查看等保单位详情"
+        });
+      },
+      /** 新增按钮操作 */
+      handleAdd() {
+        this.reset();
+        this.open = true;
+        this.title = "添加等保单位";
+      },
+      /** 修改按钮操作 */
+      handleUpdate(row) {
+        this.reset();
+        const id = row.id || this.ids
+        getDbdw(id).then(response => {
+          this.form = response.data;
+          this.open = true;
+          this.title = "修改等保单位";
+        });
+      },
+      /** 提交按钮 */
+      submitForm() {
+        this.$refs["form"].validate(valid => {
+          if (valid) {
+            if (this.form.id != null) {
+              updateDbdw(this.form).then(response => {
+                this.$modal.msgSuccess("修改成功");
+                this.open = false;
+                this.getList();
+              });
+            } else {
+              addDbdw(this.form).then(response => {
+                this.$modal.msgSuccess("新增成功");
+                this.open = false;
+                this.getList();
+              });
+            }
+          }
+        });
+      },
+      /** 删除按钮操作 */
+      handleDelete(row) {
+        const ids = row.id || this.ids;
+        this.$confirm('是否确认删除编号为"' + ids + '"的数据项?', "警告", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(function() {
+          return delDbdw(ids);
+        }).then(() => {
+          this.getList();
+          this.msgSuccess("删除成功");
+        }).catch(() => {});
+      },
+      /** 导出按钮操作 */
+      handleExport() {
+        const queryParams = this.queryParams;
+        this.$confirm('是否确认导出所有等保单位数据项?', "警告", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(() => {
+          this.download('/tcZz/networkSecurity/dbdw/export', {
+            ...this.queryParams
+          }, '等保单位_'+ new Date().getTime() +'.xlsx')
+          this.exportLoading = false;
+        }).catch(() => {});
+      }
+    }
+  }
+
+</script>

src/views/tcZz/networkSecurity/dbxt/index.vue

@@ -0,0 +1,742 @@
+<template>
+  <div class="container-main" ref="main">
+  <div class="search-hearder" ref="topSearch">
+    <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="auto">
+                  <el-form-item label="${comment}" prop="id">
+                    <el-input
+                        v-model="queryParams.id"
+                        placeholder="请输入${comment}"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="区域" prop="areaId">
+                    <el-select v-model="queryParams.areaId" placeholder="请选择区域" clearable size="small">
+                      <el-option
+                          v-for="dict in dict.type.tc_area"
+                          :key="dict.value"
+                          :label="dict.label"
+                          :value="dict.value"
+                      />
+                    </el-select>
+                  </el-form-item>
+                  <el-form-item label="系统名称" prop="systemName">
+                    <el-input
+                        v-model="queryParams.systemName"
+                        placeholder="请输入系统名称"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="备案编号" prop="beianNum">
+                    <el-input
+                        v-model="queryParams.beianNum"
+                        placeholder="请输入备案编号"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="信息系统安全保护等级" prop="safetyLevel">
+                    <el-input
+                        v-model="queryParams.safetyLevel"
+                        placeholder="请输入信息系统安全保护等级"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="单位名称" prop="unitName">
+                    <el-input
+                        v-model="queryParams.unitName"
+                        placeholder="请输入单位名称"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="服务范围" prop="serviceArea">
+                    <el-input
+                        v-model="queryParams.serviceArea"
+                        placeholder="请输入服务范围"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="服务对象" prop="serviceObj">
+                    <el-input
+                        v-model="queryParams.serviceObj"
+                        placeholder="请输入服务对象"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="覆盖范围" prop="coverageArea">
+                    <el-input
+                        v-model="queryParams.coverageArea"
+                        placeholder="请输入覆盖范围"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="网络性质" prop="networkProperty">
+                    <el-input
+                        v-model="queryParams.networkProperty"
+                        placeholder="请输入网络性质"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="系统互联情况" prop="systemHlql">
+                    <el-input
+                        v-model="queryParams.systemHlql"
+                        placeholder="请输入系统互联情况"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="投入运行使用日期" prop="startTime">
+                    <el-date-picker clearable size="small"
+                                    v-model="queryParams.startTime"
+                                    type="date"
+                                    value-format="yyyy-MM-dd"
+                                    placeholder="选择投入运行使用日期">
+                    </el-date-picker>
+                  </el-form-item>
+                  <el-form-item label="系统是否分级" prop="isLevel">
+                    <el-input
+                        v-model="queryParams.isLevel"
+                        placeholder="请输入系统是否分级"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="系统定级时间" prop="systemDjtime">
+                    <el-date-picker clearable size="small"
+                                    v-model="queryParams.systemDjtime"
+                                    type="date"
+                                    value-format="yyyy-MM-dd"
+                                    placeholder="选择系统定级时间">
+                    </el-date-picker>
+                  </el-form-item>
+                  <el-form-item label="专家评审情况" prop="psQk">
+                    <el-input
+                        v-model="queryParams.psQk"
+                        placeholder="请输入专家评审情况"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="是否有主管部门" prop="isHavedep">
+                    <el-input
+                        v-model="queryParams.isHavedep"
+                        placeholder="请输入是否有主管部门"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="系统定级报告" prop="systemDjbg">
+                    <el-input
+                        v-model="queryParams.systemDjbg"
+                        placeholder="请输入系统定级报告"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="系统状态" prop="systemState">
+                    <el-input
+                        v-model="queryParams.systemState"
+                        placeholder="请输入系统状态"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="启用/禁用" prop="isStatus">
+                    <el-select v-model="queryParams.isStatus" placeholder="请选择启用/禁用" clearable size="small">
+                      <el-option
+                          v-for="dict in dict.type.tc_start"
+                          :key="dict.value"
+                          :label="dict.label"
+                          :value="dict.value"
+                      />
+                    </el-select>
+                  </el-form-item>
+                  <el-form-item label="创建者" prop="createBy">
+                    <el-input
+                        v-model="queryParams.createBy"
+                        placeholder="请输入创建者"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="创建时间">
+                    <el-date-picker
+                        v-model="daterangeCreateTime"
+                        size="small"
+                        style="width: 240px"
+                        value-format="yyyy-MM-dd"
+                        type="daterange"
+                        range-separator="-"
+                        start-placeholder="开始日期"
+                        end-placeholder="结束日期"
+                    ></el-date-picker>
+                  </el-form-item>
+                  <el-form-item label="更新者" prop="updateBy">
+                    <el-input
+                        v-model="queryParams.updateBy"
+                        placeholder="请输入更新者"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="更新时间">
+                    <el-date-picker
+                        v-model="daterangeUpdateTime"
+                        size="small"
+                        style="width: 240px"
+                        value-format="yyyy-MM-dd"
+                        type="daterange"
+                        range-separator="-"
+                        start-placeholder="开始日期"
+                        end-placeholder="结束日期"
+                    ></el-date-picker>
+                  </el-form-item>
+                  <el-form-item label="备注" prop="remark">
+                    <el-input
+                        v-model="queryParams.remark"
+                        placeholder="请输入备注"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+      <el-form-item>
+        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+    </div>
+    <div class="layui-table-tool" ref="tableTool">
+      <el-button
+        type="primary"
+        size="mini"
+        @click="handleAdd()"
+         v-hasPermi="['tcZz/networkSecurity:dbxt:add']"
+        >新增</el-button
+      >
+      <el-button
+            type="success"
+            size="mini"
+            :disabled="single"
+            @click="handleUpdate"
+            v-hasPermi="['tcZz/networkSecurity:dbxt:edit']"
+        >修改</el-button>
+         <el-button
+            type="danger"
+            size="mini"
+            :disabled="multiple"
+            @click="handleDelete"
+            v-hasPermi="['tcZz/networkSecurity:dbxt:remove']"
+        >删除</el-button>
+      <el-button
+        type="warning"
+        size="mini"
+        :loading="exportLoading"
+        @click="handleExport"
+         v-hasPermi="['tcZz/networkSecurity:dbxt:export']"
+        >导出</el-button
+      >
+    </div>
+    <el-table v-loading="loading" :data="dbxtList"  @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="55" align="center" />
+              <el-table-column label="${comment}" align="center" prop="id" />
+              <el-table-column label="区域" align="center" prop="areaId">
+                <template slot-scope="scope">
+                  <dict-tag :options="dict.type.tc_area" :value="scope.row.areaId"/>
+                </template>
+              </el-table-column>
+              <el-table-column label="系统名称" align="center" prop="systemName" />
+              <el-table-column label="备案编号" align="center" prop="beianNum" />
+              <el-table-column label="信息系统安全保护等级" align="center" prop="safetyLevel" />
+              <el-table-column label="启用/禁用" align="center" prop="isStatus">
+                <template slot-scope="scope">
+                  <dict-tag :options="dict.type.tc_start" :value="scope.row.isStatus"/>
+                </template>
+              </el-table-column>
+      <el-table-column label="操作" align="center"  class-name="small-padding fixed-width" width="200"  fixed="right">
+        <template slot-scope="scope">
+          <el-button
+              size="mini"
+              @click="handleInfo(scope.row)"
+              v-hasPermi="['tcZz/networkSecurity:dbxt:list']"
+          >
+            查看
+          </el-button>
+          <el-button
+            type="success"
+            size="mini"
+              @click="handleUpdate(scope.row)"
+              v-hasPermi="['tcZz/networkSecurity:dbxt:edit']"
+          >修改</el-button>
+          <el-button
+              size="mini"
+            type="danger"
+              @click="handleDelete(scope.row)"
+              v-hasPermi="['tcZz/networkSecurity:dbxt:remove']"
+          >删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <pagination
+        v-show="total>0"
+        :total="total"
+        :page.sync="queryParams.pageNum"
+        :limit.sync="queryParams.pageSize"
+        @pagination="getList"
+    />
+
+    <!-- 添加或修改等保系统对话框 -->
+    <el-dialog  :visible.sync="open" width="500px" append-to-body custom-class="dialog-box">
+     <div slot="title" class="dialog-title">{{ title }}</div>
+      <el-form ref="form" :model="form" :rules="rules" label-width="auto" class="dialog-from">
+                        <el-form-item label="区域" prop="areaId">
+                          <el-select v-model="form.areaId" placeholder="请选择区域">
+                            <el-option
+                                v-for="dict in dict.type.tc_area"
+                                :key="dict.value"
+                                :label="dict.label"
+:value="dict.value"
+                            ></el-option>
+                          </el-select>
+                        </el-form-item>
+                        <el-form-item label="系统名称" prop="systemName">
+                          <el-input v-model="form.systemName" placeholder="请输入系统名称" />
+                        </el-form-item>
+                        <el-form-item label="备案编号" prop="beianNum">
+                          <el-input v-model="form.beianNum" placeholder="请输入备案编号" />
+                        </el-form-item>
+                        <el-form-item label="信息系统安全保护等级" prop="safetyLevel">
+                          <el-input v-model="form.safetyLevel" placeholder="请输入信息系统安全保护等级" />
+                        </el-form-item>
+                        <el-form-item label="单位名称" prop="unitName">
+                          <el-input v-model="form.unitName" placeholder="请输入单位名称" />
+                        </el-form-item>
+                        <el-form-item label="服务范围" prop="serviceArea">
+                          <el-input v-model="form.serviceArea" placeholder="请输入服务范围" />
+                        </el-form-item>
+                        <el-form-item label="服务对象" prop="serviceObj">
+                          <el-input v-model="form.serviceObj" placeholder="请输入服务对象" />
+                        </el-form-item>
+                        <el-form-item label="覆盖范围" prop="coverageArea">
+                          <el-input v-model="form.coverageArea" placeholder="请输入覆盖范围" />
+                        </el-form-item>
+                        <el-form-item label="网络性质" prop="networkProperty">
+                          <el-input v-model="form.networkProperty" placeholder="请输入网络性质" />
+                        </el-form-item>
+                        <el-form-item label="系统互联情况" prop="systemHlql">
+                          <el-input v-model="form.systemHlql" placeholder="请输入系统互联情况" />
+                        </el-form-item>
+                        <el-form-item label="投入运行使用日期" prop="startTime">
+                          <el-date-picker clearable size="small"
+                                          v-model="form.startTime"
+                                          type="date"
+                                          value-format="yyyy-MM-dd"
+                                          placeholder="选择投入运行使用日期">
+                          </el-date-picker>
+                        </el-form-item>
+                        <el-form-item label="系统是否分级" prop="isLevel">
+                          <el-input v-model="form.isLevel" placeholder="请输入系统是否分级" />
+                        </el-form-item>
+                        <el-form-item label="系统定级时间" prop="systemDjtime">
+                          <el-date-picker clearable size="small"
+                                          v-model="form.systemDjtime"
+                                          type="date"
+                                          value-format="yyyy-MM-dd"
+                                          placeholder="选择系统定级时间">
+                          </el-date-picker>
+                        </el-form-item>
+                        <el-form-item label="专家评审情况" prop="psQk">
+                          <el-input v-model="form.psQk" placeholder="请输入专家评审情况" />
+                        </el-form-item>
+                        <el-form-item label="是否有主管部门" prop="isHavedep">
+                          <el-input v-model="form.isHavedep" placeholder="请输入是否有主管部门" />
+                        </el-form-item>
+                        <el-form-item label="系统定级报告" prop="systemDjbg">
+                          <el-input v-model="form.systemDjbg" placeholder="请输入系统定级报告" />
+                        </el-form-item>
+                        <el-form-item label="系统状态" prop="systemState">
+                          <el-input v-model="form.systemState" placeholder="请输入系统状态" />
+                        </el-form-item>
+                        <el-form-item label="启用/禁用" prop="isStatus">
+                          <el-select v-model="form.isStatus" placeholder="请选择启用/禁用">
+                            <el-option
+                                v-for="dict in dict.type.tc_start"
+                                :key="dict.value"
+                                :label="dict.label"
+:value="parseInt(dict.value)"
+                            ></el-option>
+                          </el-select>
+                        </el-form-item>
+                        <el-form-item label="备注" prop="remark">
+                          <el-input v-model="form.remark" placeholder="请输入备注" />
+                        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitForm">确 定</el-button>
+        <el-button @click="cancel">取 消</el-button>
+      </div>
+    </el-dialog>
+    <!--查看等保系统详情页-->
+    <el-dialog
+        :visible.sync="infoOpen"
+        width="90%"
+        append-to-body
+        :close-on-click-modal="false"
+        :destroy-on-close="true"
+           custom-class="dialog-box"
+    >
+
+     <div slot="title" class="dialog-title">{{ infoTitle }}</div>
+
+        <el-descriptions title="等保系统"  :column="2" border labelClassName="desLable">
+                      <el-descriptions-item label="区域">{{ form.areaId }}</el-descriptions-item>
+
+                      <el-descriptions-item label="系统名称">{{ form.systemName }}</el-descriptions-item>
+
+                      <el-descriptions-item label="备案编号">{{ form.beianNum }}</el-descriptions-item>
+
+                      <el-descriptions-item label="信息系统安全保护等级">{{ form.safetyLevel }}</el-descriptions-item>
+
+                      <el-descriptions-item label="单位名称">{{ form.unitName }}</el-descriptions-item>
+
+                      <el-descriptions-item label="业务类型">{{ form.businessType }}</el-descriptions-item>
+
+                      <el-descriptions-item label="服务范围">{{ form.serviceArea }}</el-descriptions-item>
+
+                      <el-descriptions-item label="服务对象">{{ form.serviceObj }}</el-descriptions-item>
+
+                      <el-descriptions-item label="覆盖范围">{{ form.coverageArea }}</el-descriptions-item>
+
+                      <el-descriptions-item label="网络性质">{{ form.networkProperty }}</el-descriptions-item>
+
+                      <el-descriptions-item label="系统互联情况">{{ form.systemHlql }}</el-descriptions-item>
+
+                      <el-descriptions-item label="投入运行使用日期">{{ form.startTime }}</el-descriptions-item>
+
+                      <el-descriptions-item label="系统是否分级">{{ form.isLevel }}</el-descriptions-item>
+
+                      <el-descriptions-item label="系统定级时间">{{ form.systemDjtime }}</el-descriptions-item>
+
+                      <el-descriptions-item label="专家评审情况">{{ form.psQk }}</el-descriptions-item>
+
+                      <el-descriptions-item label="是否有主管部门">{{ form.isHavedep }}</el-descriptions-item>
+
+                      <el-descriptions-item label="系统定级报告">{{ form.systemDjbg }}</el-descriptions-item>
+
+                      <el-descriptions-item label="系统状态">{{ form.systemState }}</el-descriptions-item>
+
+                      <el-descriptions-item label="启用/禁用">{{ form.isStatus }}</el-descriptions-item>
+
+                      <el-descriptions-item label="备注">{{ form.remark }}</el-descriptions-item>
+
+        </el-descriptions>
+   
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+  import { listDbxt, getDbxt, delDbxt, addDbxt, updateDbxt, exportDbxt } from "@/api/tcZz/networkSecurity/dbxt";
+  export default {
+    name: "Dbxt",
+    //注释字典
+              dicts: ['tc_area', 'tc_start'],
+    data() {
+      return {
+        tableHeigth: 0,
+        //查看详情
+        infoOpen:false,
+        //详情标题
+        infoTitle:'',
+        // 遮罩层
+        loading: true,
+        // 导出遮罩层
+        exportLoading: false,
+        // 选中数组
+        ids: [],
+        // 非单个禁用
+        single: true,
+        // 非多个禁用
+        multiple: true,
+        // 显示搜索条件
+        showSearch: true,
+        // 总条数
+        total: 0,
+        // 等保系统表格数据
+              dbxtList: [],
+        // 弹出层标题
+        title: "",
+        // 是否显示弹出层
+        open: false,
+                // 备注时间范围
+                daterangeCreateTime: [],
+                // 备注时间范围
+                daterangeUpdateTime: [],
+        // 查询参数
+        queryParams: {
+          pageNum: 1,
+          pageSize: 10,
+                        id: null,
+
+                        areaId: null,
+
+                        systemName: null,
+
+                        beianNum: null,
+
+                        safetyLevel: null,
+
+                        unitName: null,
+
+                        businessType: null,
+
+                        serviceArea: null,
+
+                        serviceObj: null,
+
+                        coverageArea: null,
+
+                        networkProperty: null,
+
+                        systemHlql: null,
+
+                        startTime: null,
+
+                        isLevel: null,
+
+                        systemDjtime: null,
+
+                        psQk: null,
+
+                        isHavedep: null,
+
+                        systemDjbg: null,
+
+                        systemState: null,
+
+                        isStatus: null,
+
+                        createBy: null,
+
+                        createTime: null,
+
+                        updateBy: null,
+
+                        updateTime: null,
+
+                        remark: null,
+
+        },
+        // 表单参数
+        form: {},
+        // 表单校验
+        rules: {
+        }
+      };
+    },
+    created() {
+
+      this.getList();
+
+    },
+    methods: {
+      /** 查询等保系统列表 */
+      getList() {
+        this.loading = true;
+                this.queryParams.params = {};
+                if (null != this.daterangeCreateTime && '' != this.daterangeCreateTime) {
+                  this.queryParams.params["beginCreateTime"] = this.daterangeCreateTime[0];
+                  this.queryParams.params["endCreateTime"] = this.daterangeCreateTime[1];
+                }
+                if (null != this.daterangeUpdateTime && '' != this.daterangeUpdateTime) {
+                  this.queryParams.params["beginUpdateTime"] = this.daterangeUpdateTime[0];
+                  this.queryParams.params["endUpdateTime"] = this.daterangeUpdateTime[1];
+                }
+        listDbxt(this.queryParams).then(response => {
+          this.dbxtList = response.rows;
+          this.total = response.total;
+          this.loading = false;
+        });
+      },
+      // 取消按钮
+      cancel() {
+        this.open = false;
+        this.reset();
+      },
+      // 表单重置
+      reset() {
+        this.form = {
+                        id: null,
+
+                        areaId: null,
+
+                        systemName: null,
+
+                        beianNum: null,
+
+                        safetyLevel: null,
+
+                        unitName: null,
+
+                        businessType: null,
+
+                        serviceArea: null,
+
+                        serviceObj: null,
+
+                        coverageArea: null,
+
+                        networkProperty: null,
+
+                        systemHlql: null,
+
+                        startTime: null,
+
+                        isLevel: null,
+
+                        systemDjtime: null,
+
+                        psQk: null,
+
+                        isHavedep: null,
+
+                        systemDjbg: null,
+
+                        systemState: null,
+
+                        isStatus: null,
+
+                        createBy: null,
+
+                        createTime: null,
+
+                        updateBy: null,
+
+                        updateTime: null,
+
+                        remark: null,
+
+        };
+        this.resetForm("form");
+      },
+      /** 搜索按钮操作 */
+      handleQuery() {
+        this.queryParams.pageNum = 1;
+        this.getList();
+      },
+      /** 重置按钮操作 */
+      resetQuery() {
+                this.daterangeCreateTime = [];
+                this.daterangeUpdateTime = [];
+        this.resetForm("queryForm");
+        this.handleQuery();
+      },
+      // 多选框选中数据
+      handleSelectionChange(selection) {
+        this.ids = selection.map(item => item.id)
+        this.single = selection.length!==1
+        this.multiple = !selection.length
+      },
+      /**查看按钮操作 */
+      handleInfo(row){
+        this.reset();
+        const id = row.id || this.ids
+        getDbxt(id).then(response => {
+          this.form = response.data;
+          this.infoOpen = true;
+          this.infoTitle = "查看等保系统详情"
+        });
+      },
+      /** 新增按钮操作 */
+      handleAdd() {
+        this.reset();
+        this.open = true;
+        this.title = "添加等保系统";
+      },
+      /** 修改按钮操作 */
+      handleUpdate(row) {
+        this.reset();
+        const id = row.id || this.ids
+        getDbxt(id).then(response => {
+          this.form = response.data;
+          this.open = true;
+          this.title = "修改等保系统";
+        });
+      },
+      /** 提交按钮 */
+      submitForm() {
+        this.$refs["form"].validate(valid => {
+          if (valid) {
+            if (this.form.id != null) {
+              updateDbxt(this.form).then(response => {
+                this.$modal.msgSuccess("修改成功");
+                this.open = false;
+                this.getList();
+              });
+            } else {
+              addDbxt(this.form).then(response => {
+                this.$modal.msgSuccess("新增成功");
+                this.open = false;
+                this.getList();
+              });
+            }
+          }
+        });
+      },
+      /** 删除按钮操作 */
+      handleDelete(row) {
+        const ids = row.id || this.ids;
+        this.$confirm('是否确认删除编号为"' + ids + '"的数据项?', "警告", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(function() {
+          return delDbxt(ids);
+        }).then(() => {
+          this.getList();
+          this.msgSuccess("删除成功");
+        }).catch(() => {});
+      },
+      /** 导出按钮操作 */
+      handleExport() {
+        const queryParams = this.queryParams;
+        this.$confirm('是否确认导出所有等保系统数据项?', "警告", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(() => {
+          this.download('/tcZz/networkSecurity/dbxt/export', {
+            ...this.queryParams
+          }, '等保系统_'+ new Date().getTime() +'.xlsx')
+          this.exportLoading = false;
+        }).catch(() => {});
+      }
+    }
+  }
+
+</script>

src/views/tcZz/networkSecurity/fbqk/index.vue

@@ -0,0 +1,413 @@
+<template>
+  <div class="container-main" ref="main">
+  <div class="search-hearder" ref="topSearch">
+    <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="auto">
+                  <el-form-item label="${comment}" prop="id">
+                    <el-input
+                        v-model="queryParams.id"
+                        placeholder="请输入${comment}"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="名称" prop="cityName">
+                    <el-input
+                        v-model="queryParams.cityName"
+                        placeholder="请输入名称"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="占比" prop="zb">
+                    <el-input
+                        v-model="queryParams.zb"
+                        placeholder="请输入占比"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="创建者" prop="createBy">
+                    <el-input
+                        v-model="queryParams.createBy"
+                        placeholder="请输入创建者"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="创建时间">
+                    <el-date-picker
+                        v-model="daterangeCreateTime"
+                        size="small"
+                        style="width: 240px"
+                        value-format="yyyy-MM-dd"
+                        type="daterange"
+                        range-separator="-"
+                        start-placeholder="开始日期"
+                        end-placeholder="结束日期"
+                    ></el-date-picker>
+                  </el-form-item>
+                  <el-form-item label="更新者" prop="updateBy">
+                    <el-input
+                        v-model="queryParams.updateBy"
+                        placeholder="请输入更新者"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="更新时间">
+                    <el-date-picker
+                        v-model="daterangeUpdateTime"
+                        size="small"
+                        style="width: 240px"
+                        value-format="yyyy-MM-dd"
+                        type="daterange"
+                        range-separator="-"
+                        start-placeholder="开始日期"
+                        end-placeholder="结束日期"
+                    ></el-date-picker>
+                  </el-form-item>
+                  <el-form-item label="备注" prop="remark">
+                    <el-input
+                        v-model="queryParams.remark"
+                        placeholder="请输入备注"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+      <el-form-item>
+        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+    </div>
+    <div class="layui-table-tool" ref="tableTool">
+      <el-button
+        type="primary"
+        size="mini"
+        @click="handleAdd()"
+         v-hasPermi="['tcZz/networkSecurity:fbqk:add']"
+        >新增</el-button
+      >
+      <el-button
+            type="success"
+            size="mini"
+            :disabled="single"
+            @click="handleUpdate"
+            v-hasPermi="['tcZz/networkSecurity:fbqk:edit']"
+        >修改</el-button>
+         <el-button
+            type="danger"
+            size="mini"
+            :disabled="multiple"
+            @click="handleDelete"
+            v-hasPermi="['tcZz/networkSecurity:fbqk:remove']"
+        >删除</el-button>
+      <el-button
+        type="warning"
+        size="mini"
+        :loading="exportLoading"
+        @click="handleExport"
+         v-hasPermi="['tcZz/networkSecurity:fbqk:export']"
+        >导出</el-button
+      >
+    </div>
+    <el-table v-loading="loading" :data="fbqkList"  @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="55" align="center" />
+              <el-table-column label="${comment}" align="center" prop="id" />
+              <el-table-column label="名称" align="center" prop="cityName" />
+              <el-table-column label="占比" align="center" prop="zb" />
+              <el-table-column label="备注" align="center" prop="remark" />
+      <el-table-column label="操作" align="center"  class-name="small-padding fixed-width" width="200"  fixed="right">
+        <template slot-scope="scope">
+          <el-button
+              size="mini"
+              @click="handleInfo(scope.row)"
+              v-hasPermi="['tcZz/networkSecurity:fbqk:list']"
+          >
+            查看
+          </el-button>
+          <el-button
+            type="success"
+            size="mini"
+              @click="handleUpdate(scope.row)"
+              v-hasPermi="['tcZz/networkSecurity:fbqk:edit']"
+          >修改</el-button>
+          <el-button
+              size="mini"
+            type="danger"
+              @click="handleDelete(scope.row)"
+              v-hasPermi="['tcZz/networkSecurity:fbqk:remove']"
+          >删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <pagination
+        v-show="total>0"
+        :total="total"
+        :page.sync="queryParams.pageNum"
+        :limit.sync="queryParams.pageSize"
+        @pagination="getList"
+    />
+
+    <!-- 添加或修改分布情况 tc_fbqk对话框 -->
+    <el-dialog  :visible.sync="open" width="500px" append-to-body custom-class="dialog-box">
+     <div slot="title" class="dialog-title">{{ title }}</div>
+      <el-form ref="form" :model="form" :rules="rules" label-width="auto" class="dialog-from">
+                        <el-form-item label="名称" prop="cityName">
+                          <el-input v-model="form.cityName" placeholder="请输入名称" />
+                        </el-form-item>
+                        <el-form-item label="占比" prop="zb">
+                          <el-input v-model="form.zb" placeholder="请输入占比" />
+                        </el-form-item>
+                        <el-form-item label="备注" prop="remark">
+                          <el-input v-model="form.remark" placeholder="请输入备注" />
+                        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitForm">确 定</el-button>
+        <el-button @click="cancel">取 消</el-button>
+      </div>
+    </el-dialog>
+    <!--查看分布情况 tc_fbqk详情页-->
+    <el-dialog
+        :visible.sync="infoOpen"
+        width="90%"
+        append-to-body
+        :close-on-click-modal="false"
+        :destroy-on-close="true"
+           custom-class="dialog-box"
+    >
+
+     <div slot="title" class="dialog-title">{{ infoTitle }}</div>
+
+        <el-descriptions title="分布情况 tc_fbqk"  :column="2" border labelClassName="desLable">
+                      <el-descriptions-item label="名称">{{ form.cityName }}</el-descriptions-item>
+
+                      <el-descriptions-item label="占比">{{ form.zb }}</el-descriptions-item>
+
+                      <el-descriptions-item label="备注">{{ form.remark }}</el-descriptions-item>
+
+        </el-descriptions>
+   
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+  import { listFbqk, getFbqk, delFbqk, addFbqk, updateFbqk, exportFbqk } from "@/api/tcZz/networkSecurity/fbqk";
+  export default {
+    name: "Fbqk",
+    //注释字典
+    data() {
+      return {
+        tableHeigth: 0,
+        //查看详情
+        infoOpen:false,
+        //详情标题
+        infoTitle:'',
+        // 遮罩层
+        loading: true,
+        // 导出遮罩层
+        exportLoading: false,
+        // 选中数组
+        ids: [],
+        // 非单个禁用
+        single: true,
+        // 非多个禁用
+        multiple: true,
+        // 显示搜索条件
+        showSearch: true,
+        // 总条数
+        total: 0,
+        // 分布情况 tc_fbqk表格数据
+              fbqkList: [],
+        // 弹出层标题
+        title: "",
+        // 是否显示弹出层
+        open: false,
+                // 备注时间范围
+                daterangeCreateTime: [],
+                // 备注时间范围
+                daterangeUpdateTime: [],
+        // 查询参数
+        queryParams: {
+          pageNum: 1,
+          pageSize: 10,
+                        id: null,
+
+                        cityName: null,
+
+                        zb: null,
+
+                        createBy: null,
+
+                        createTime: null,
+
+                        updateBy: null,
+
+                        updateTime: null,
+
+                        remark: null,
+
+        },
+        // 表单参数
+        form: {},
+        // 表单校验
+        rules: {
+        }
+      };
+    },
+    created() {
+
+      this.getList();
+
+    },
+    methods: {
+      /** 查询分布情况 tc_fbqk列表 */
+      getList() {
+        this.loading = true;
+                this.queryParams.params = {};
+                if (null != this.daterangeCreateTime && '' != this.daterangeCreateTime) {
+                  this.queryParams.params["beginCreateTime"] = this.daterangeCreateTime[0];
+                  this.queryParams.params["endCreateTime"] = this.daterangeCreateTime[1];
+                }
+                if (null != this.daterangeUpdateTime && '' != this.daterangeUpdateTime) {
+                  this.queryParams.params["beginUpdateTime"] = this.daterangeUpdateTime[0];
+                  this.queryParams.params["endUpdateTime"] = this.daterangeUpdateTime[1];
+                }
+        listFbqk(this.queryParams).then(response => {
+          this.fbqkList = response.rows;
+          this.total = response.total;
+          this.loading = false;
+        });
+      },
+      // 取消按钮
+      cancel() {
+        this.open = false;
+        this.reset();
+      },
+      // 表单重置
+      reset() {
+        this.form = {
+                        id: null,
+
+                        cityName: null,
+
+                        zb: null,
+
+                        createBy: null,
+
+                        createTime: null,
+
+                        updateBy: null,
+
+                        updateTime: null,
+
+                        remark: null,
+
+        };
+        this.resetForm("form");
+      },
+      /** 搜索按钮操作 */
+      handleQuery() {
+        this.queryParams.pageNum = 1;
+        this.getList();
+      },
+      /** 重置按钮操作 */
+      resetQuery() {
+                this.daterangeCreateTime = [];
+                this.daterangeUpdateTime = [];
+        this.resetForm("queryForm");
+        this.handleQuery();
+      },
+      // 多选框选中数据
+      handleSelectionChange(selection) {
+        this.ids = selection.map(item => item.id)
+        this.single = selection.length!==1
+        this.multiple = !selection.length
+      },
+      /**查看按钮操作 */
+      handleInfo(row){
+        this.reset();
+        const id = row.id || this.ids
+        getFbqk(id).then(response => {
+          this.form = response.data;
+          this.infoOpen = true;
+          this.infoTitle = "查看分布情况 tc_fbqk详情"
+        });
+      },
+      /** 新增按钮操作 */
+      handleAdd() {
+        this.reset();
+        this.open = true;
+        this.title = "添加分布情况 tc_fbqk";
+      },
+      /** 修改按钮操作 */
+      handleUpdate(row) {
+        this.reset();
+        const id = row.id || this.ids
+        getFbqk(id).then(response => {
+          this.form = response.data;
+          this.open = true;
+          this.title = "修改分布情况 tc_fbqk";
+        });
+      },
+      /** 提交按钮 */
+      submitForm() {
+        this.$refs["form"].validate(valid => {
+          if (valid) {
+            if (this.form.id != null) {
+              updateFbqk(this.form).then(response => {
+                this.$modal.msgSuccess("修改成功");
+                this.open = false;
+                this.getList();
+              });
+            } else {
+              addFbqk(this.form).then(response => {
+                this.$modal.msgSuccess("新增成功");
+                this.open = false;
+                this.getList();
+              });
+            }
+          }
+        });
+      },
+      /** 删除按钮操作 */
+      handleDelete(row) {
+        const ids = row.id || this.ids;
+        this.$confirm('是否确认删除编号为"' + ids + '"的数据项?', "警告", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(function() {
+          return delFbqk(ids);
+        }).then(() => {
+          this.getList();
+          this.msgSuccess("删除成功");
+        }).catch(() => {});
+      },
+      /** 导出按钮操作 */
+      handleExport() {
+        const queryParams = this.queryParams;
+        this.$confirm('是否确认导出所有分布情况 tc_fbqk数据项?', "警告", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(() => {
+          this.download('/tcZz/networkSecurity/fbqk/export', {
+            ...this.queryParams
+          }, '分布情况 tc_fbqk_'+ new Date().getTime() +'.xlsx')
+          this.exportLoading = false;
+        }).catch(() => {});
+      }
+    }
+  }
+
+</script>

src/views/tcZz/networkSecurity/idcdw/index.vue

@@ -0,0 +1,475 @@
+<template>
+  <div class="container-main" ref="main">
+  <div class="search-hearder" ref="topSearch">
+    <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="auto">
+                  <el-form-item label="${comment}" prop="id">
+                    <el-input
+                        v-model="queryParams.id"
+                        placeholder="请输入${comment}"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="区域" prop="areaId">
+                    <el-select v-model="queryParams.areaId" placeholder="请选择区域" clearable size="small">
+                      <el-option
+                          v-for="dict in dict.type.tc_area"
+                          :key="dict.value"
+                          :label="dict.label"
+                          :value="dict.value"
+                      />
+                    </el-select>
+                  </el-form-item>
+                  <el-form-item label="启用/禁用" prop="isStatus">
+                    <el-select v-model="queryParams.isStatus" placeholder="请选择启用/禁用" clearable size="small">
+                      <el-option
+                          v-for="dict in dict.type.tc_start"
+                          :key="dict.value"
+                          :label="dict.label"
+                          :value="dict.value"
+                      />
+                    </el-select>
+                  </el-form-item>
+                  <el-form-item label="lDC名称" prop="ldcName">
+                    <el-input
+                        v-model="queryParams.ldcName"
+                        placeholder="请输入lDC名称"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="iP段信息" prop="ipData">
+                    <el-input
+                        v-model="queryParams.ipData"
+                        placeholder="请输入iP段信息"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="创建者" prop="createBy">
+                    <el-input
+                        v-model="queryParams.createBy"
+                        placeholder="请输入创建者"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="创建时间">
+                    <el-date-picker
+                        v-model="daterangeCreateTime"
+                        size="small"
+                        style="width: 240px"
+                        value-format="yyyy-MM-dd"
+                        type="daterange"
+                        range-separator="-"
+                        start-placeholder="开始日期"
+                        end-placeholder="结束日期"
+                    ></el-date-picker>
+                  </el-form-item>
+                  <el-form-item label="更新者" prop="updateBy">
+                    <el-input
+                        v-model="queryParams.updateBy"
+                        placeholder="请输入更新者"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="更新时间">
+                    <el-date-picker
+                        v-model="daterangeUpdateTime"
+                        size="small"
+                        style="width: 240px"
+                        value-format="yyyy-MM-dd"
+                        type="daterange"
+                        range-separator="-"
+                        start-placeholder="开始日期"
+                        end-placeholder="结束日期"
+                    ></el-date-picker>
+                  </el-form-item>
+                  <el-form-item label="备注" prop="remark">
+                    <el-input
+                        v-model="queryParams.remark"
+                        placeholder="请输入备注"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+      <el-form-item>
+        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+    </div>
+    <div class="layui-table-tool" ref="tableTool">
+      <el-button
+        type="primary"
+        size="mini"
+        @click="handleAdd()"
+         v-hasPermi="['tcZz/networkSecurity:idcdw:add']"
+        >新增</el-button
+      >
+      <el-button
+            type="success"
+            size="mini"
+            :disabled="single"
+            @click="handleUpdate"
+            v-hasPermi="['tcZz/networkSecurity:idcdw:edit']"
+        >修改</el-button>
+         <el-button
+            type="danger"
+            size="mini"
+            :disabled="multiple"
+            @click="handleDelete"
+            v-hasPermi="['tcZz/networkSecurity:idcdw:remove']"
+        >删除</el-button>
+      <el-button
+        type="warning"
+        size="mini"
+        :loading="exportLoading"
+        @click="handleExport"
+         v-hasPermi="['tcZz/networkSecurity:idcdw:export']"
+        >导出</el-button
+      >
+    </div>
+    <el-table v-loading="loading" :data="idcdwList"  @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="55" align="center" />
+              <el-table-column label="${comment}" align="center" prop="id" />
+              <el-table-column label="区域" align="center" prop="areaId">
+                <template slot-scope="scope">
+                  <dict-tag :options="dict.type.tc_area" :value="scope.row.areaId"/>
+                </template>
+              </el-table-column>
+              <el-table-column label="启用/禁用" align="center" prop="isStatus">
+                <template slot-scope="scope">
+                  <dict-tag :options="dict.type.tc_start" :value="scope.row.isStatus"/>
+                </template>
+              </el-table-column>
+              <el-table-column label="lDC名称" align="center" prop="ldcName" />
+              <el-table-column label="iP段信息" align="center" prop="ipData" />
+      <el-table-column label="操作" align="center"  class-name="small-padding fixed-width" width="200"  fixed="right">
+        <template slot-scope="scope">
+          <el-button
+              size="mini"
+              @click="handleInfo(scope.row)"
+              v-hasPermi="['tcZz/networkSecurity:idcdw:list']"
+          >
+            查看
+          </el-button>
+          <el-button
+            type="success"
+            size="mini"
+              @click="handleUpdate(scope.row)"
+              v-hasPermi="['tcZz/networkSecurity:idcdw:edit']"
+          >修改</el-button>
+          <el-button
+              size="mini"
+            type="danger"
+              @click="handleDelete(scope.row)"
+              v-hasPermi="['tcZz/networkSecurity:idcdw:remove']"
+          >删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <pagination
+        v-show="total>0"
+        :total="total"
+        :page.sync="queryParams.pageNum"
+        :limit.sync="queryParams.pageSize"
+        @pagination="getList"
+    />
+
+    <!-- 添加或修改 IDC单位对话框 -->
+    <el-dialog  :visible.sync="open" width="500px" append-to-body custom-class="dialog-box">
+     <div slot="title" class="dialog-title">{{ title }}</div>
+      <el-form ref="form" :model="form" :rules="rules" label-width="auto" class="dialog-from">
+                        <el-form-item label="区域" prop="areaId">
+                          <el-select v-model="form.areaId" placeholder="请选择区域">
+                            <el-option
+                                v-for="dict in dict.type.tc_area"
+                                :key="dict.value"
+                                :label="dict.label"
+:value="dict.value"
+                            ></el-option>
+                          </el-select>
+                        </el-form-item>
+                        <el-form-item label="启用/禁用" prop="isStatus">
+                          <el-select v-model="form.isStatus" placeholder="请选择启用/禁用">
+                            <el-option
+                                v-for="dict in dict.type.tc_start"
+                                :key="dict.value"
+                                :label="dict.label"
+:value="parseInt(dict.value)"
+                            ></el-option>
+                          </el-select>
+                        </el-form-item>
+                        <el-form-item label="lDC名称" prop="ldcName">
+                          <el-input v-model="form.ldcName" placeholder="请输入lDC名称" />
+                        </el-form-item>
+                        <el-form-item label="iP段信息" prop="ipData">
+                          <el-input v-model="form.ipData" placeholder="请输入iP段信息" />
+                        </el-form-item>
+                        <el-form-item label="备注" prop="remark">
+                          <el-input v-model="form.remark" placeholder="请输入备注" />
+                        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitForm">确 定</el-button>
+        <el-button @click="cancel">取 消</el-button>
+      </div>
+    </el-dialog>
+    <!--查看 IDC单位详情页-->
+    <el-dialog
+        :visible.sync="infoOpen"
+        width="90%"
+        append-to-body
+        :close-on-click-modal="false"
+        :destroy-on-close="true"
+           custom-class="dialog-box"
+    >
+
+     <div slot="title" class="dialog-title">{{ infoTitle }}</div>
+
+        <el-descriptions title=" IDC单位"  :column="2" border labelClassName="desLable">
+                      <el-descriptions-item label="区域">{{ form.areaId }}</el-descriptions-item>
+
+                      <el-descriptions-item label="启用/禁用">{{ form.isStatus }}</el-descriptions-item>
+
+                      <el-descriptions-item label="lDC名称">{{ form.ldcName }}</el-descriptions-item>
+
+                      <el-descriptions-item label="iP段信息">{{ form.ipData }}</el-descriptions-item>
+
+                      <el-descriptions-item label="备注">{{ form.remark }}</el-descriptions-item>
+
+        </el-descriptions>
+   
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+  import { listIdcdw, getIdcdw, delIdcdw, addIdcdw, updateIdcdw, exportIdcdw } from "@/api/tcZz/networkSecurity/idcdw";
+  export default {
+    name: "Idcdw",
+    //注释字典
+              dicts: ['tc_area', 'tc_start'],
+    data() {
+      return {
+        tableHeigth: 0,
+        //查看详情
+        infoOpen:false,
+        //详情标题
+        infoTitle:'',
+        // 遮罩层
+        loading: true,
+        // 导出遮罩层
+        exportLoading: false,
+        // 选中数组
+        ids: [],
+        // 非单个禁用
+        single: true,
+        // 非多个禁用
+        multiple: true,
+        // 显示搜索条件
+        showSearch: true,
+        // 总条数
+        total: 0,
+        //  IDC单位表格数据
+              idcdwList: [],
+        // 弹出层标题
+        title: "",
+        // 是否显示弹出层
+        open: false,
+                // 备注时间范围
+                daterangeCreateTime: [],
+                // 备注时间范围
+                daterangeUpdateTime: [],
+        // 查询参数
+        queryParams: {
+          pageNum: 1,
+          pageSize: 10,
+                        id: null,
+
+                        areaId: null,
+
+                        isStatus: null,
+
+                        ldcName: null,
+
+                        ipData: null,
+
+                        createBy: null,
+
+                        createTime: null,
+
+                        updateBy: null,
+
+                        updateTime: null,
+
+                        remark: null,
+
+        },
+        // 表单参数
+        form: {},
+        // 表单校验
+        rules: {
+        }
+      };
+    },
+    created() {
+
+      this.getList();
+
+    },
+    methods: {
+      /** 查询 IDC单位列表 */
+      getList() {
+        this.loading = true;
+                this.queryParams.params = {};
+                if (null != this.daterangeCreateTime && '' != this.daterangeCreateTime) {
+                  this.queryParams.params["beginCreateTime"] = this.daterangeCreateTime[0];
+                  this.queryParams.params["endCreateTime"] = this.daterangeCreateTime[1];
+                }
+                if (null != this.daterangeUpdateTime && '' != this.daterangeUpdateTime) {
+                  this.queryParams.params["beginUpdateTime"] = this.daterangeUpdateTime[0];
+                  this.queryParams.params["endUpdateTime"] = this.daterangeUpdateTime[1];
+                }
+        listIdcdw(this.queryParams).then(response => {
+          this.idcdwList = response.rows;
+          this.total = response.total;
+          this.loading = false;
+        });
+      },
+      // 取消按钮
+      cancel() {
+        this.open = false;
+        this.reset();
+      },
+      // 表单重置
+      reset() {
+        this.form = {
+                        id: null,
+
+                        areaId: null,
+
+                        isStatus: null,
+
+                        ldcName: null,
+
+                        ipData: null,
+
+                        createBy: null,
+
+                        createTime: null,
+
+                        updateBy: null,
+
+                        updateTime: null,
+
+                        remark: null,
+
+        };
+        this.resetForm("form");
+      },
+      /** 搜索按钮操作 */
+      handleQuery() {
+        this.queryParams.pageNum = 1;
+        this.getList();
+      },
+      /** 重置按钮操作 */
+      resetQuery() {
+                this.daterangeCreateTime = [];
+                this.daterangeUpdateTime = [];
+        this.resetForm("queryForm");
+        this.handleQuery();
+      },
+      // 多选框选中数据
+      handleSelectionChange(selection) {
+        this.ids = selection.map(item => item.id)
+        this.single = selection.length!==1
+        this.multiple = !selection.length
+      },
+      /**查看按钮操作 */
+      handleInfo(row){
+        this.reset();
+        const id = row.id || this.ids
+        getIdcdw(id).then(response => {
+          this.form = response.data;
+          this.infoOpen = true;
+          this.infoTitle = "查看 IDC单位详情"
+        });
+      },
+      /** 新增按钮操作 */
+      handleAdd() {
+        this.reset();
+        this.open = true;
+        this.title = "添加 IDC单位";
+      },
+      /** 修改按钮操作 */
+      handleUpdate(row) {
+        this.reset();
+        const id = row.id || this.ids
+        getIdcdw(id).then(response => {
+          this.form = response.data;
+          this.open = true;
+          this.title = "修改 IDC单位";
+        });
+      },
+      /** 提交按钮 */
+      submitForm() {
+        this.$refs["form"].validate(valid => {
+          if (valid) {
+            if (this.form.id != null) {
+              updateIdcdw(this.form).then(response => {
+                this.$modal.msgSuccess("修改成功");
+                this.open = false;
+                this.getList();
+              });
+            } else {
+              addIdcdw(this.form).then(response => {
+                this.$modal.msgSuccess("新增成功");
+                this.open = false;
+                this.getList();
+              });
+            }
+          }
+        });
+      },
+      /** 删除按钮操作 */
+      handleDelete(row) {
+        const ids = row.id || this.ids;
+        this.$confirm('是否确认删除编号为"' + ids + '"的数据项?', "警告", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(function() {
+          return delIdcdw(ids);
+        }).then(() => {
+          this.getList();
+          this.msgSuccess("删除成功");
+        }).catch(() => {});
+      },
+      /** 导出按钮操作 */
+      handleExport() {
+        const queryParams = this.queryParams;
+        this.$confirm('是否确认导出所有 IDC单位数据项?', "警告", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(() => {
+          this.download('/tcZz/networkSecurity/idcdw/export', {
+            ...this.queryParams
+          }, ' IDC单位_'+ new Date().getTime() +'.xlsx')
+          this.exportLoading = false;
+        }).catch(() => {});
+      }
+    }
+  }
+
+</script>

src/views/tcZz/networkSecurity/jgdw/index.vue

@@ -0,0 +1,579 @@
+<template>
+  <div class="container-main" ref="main">
+  <div class="search-hearder" ref="topSearch">
+    <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="auto">
+                  <el-form-item label="${comment}" prop="id">
+                    <el-input
+                        v-model="queryParams.id"
+                        placeholder="请输入${comment}"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="区域" prop="areaId">
+                    <el-select v-model="queryParams.areaId" placeholder="请选择区域" clearable size="small">
+                      <el-option
+                          v-for="dict in dict.type.tc_area"
+                          :key="dict.value"
+                          :label="dict.label"
+                          :value="dict.value"
+                      />
+                    </el-select>
+                  </el-form-item>
+                  <el-form-item label="启用/禁用" prop="isStatus">
+                    <el-select v-model="queryParams.isStatus" placeholder="请选择启用/禁用" clearable size="small">
+                      <el-option
+                          v-for="dict in dict.type.tc_start"
+                          :key="dict.value"
+                          :label="dict.label"
+                          :value="dict.value"
+                      />
+                    </el-select>
+                  </el-form-item>
+                  <el-form-item label="单位名称" prop="unitName">
+                    <el-input
+                        v-model="queryParams.unitName"
+                        placeholder="请输入单位名称"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="网站/系统名称" prop="systemName">
+                    <el-input
+                        v-model="queryParams.systemName"
+                        placeholder="请输入网站/系统名称"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="网站地址" prop="systemUrl">
+                    <el-input
+                        v-model="queryParams.systemUrl"
+                        placeholder="请输入网站地址"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="IP地址" prop="sysyemIp">
+                    <el-input
+                        v-model="queryParams.sysyemIp"
+                        placeholder="请输入IP地址"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="是否关注重点" prop="isFocus">
+                    <el-input
+                        v-model="queryParams.isFocus"
+                        placeholder="请输入是否关注重点"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="等保级别" prop="level">
+                    <el-input
+                        v-model="queryParams.level"
+                        placeholder="请输入等保级别"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="记录类型" prop="type">
+                    <el-select v-model="queryParams.type" placeholder="请选择记录类型" clearable size="small">
+                      <el-option
+                          v-for="dict in dict.type.tc_jslx"
+                          :key="dict.value"
+                          :label="dict.label"
+                          :value="dict.value"
+                      />
+                    </el-select>
+                  </el-form-item>
+                  <el-form-item label="创建者" prop="createBy">
+                    <el-input
+                        v-model="queryParams.createBy"
+                        placeholder="请输入创建者"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="创建时间">
+                    <el-date-picker
+                        v-model="daterangeCreateTime"
+                        size="small"
+                        style="width: 240px"
+                        value-format="yyyy-MM-dd"
+                        type="daterange"
+                        range-separator="-"
+                        start-placeholder="开始日期"
+                        end-placeholder="结束日期"
+                    ></el-date-picker>
+                  </el-form-item>
+                  <el-form-item label="更新者" prop="updateBy">
+                    <el-input
+                        v-model="queryParams.updateBy"
+                        placeholder="请输入更新者"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="更新时间">
+                    <el-date-picker
+                        v-model="daterangeUpdateTime"
+                        size="small"
+                        style="width: 240px"
+                        value-format="yyyy-MM-dd"
+                        type="daterange"
+                        range-separator="-"
+                        start-placeholder="开始日期"
+                        end-placeholder="结束日期"
+                    ></el-date-picker>
+                  </el-form-item>
+                  <el-form-item label="备注" prop="remark">
+                    <el-input
+                        v-model="queryParams.remark"
+                        placeholder="请输入备注"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+      <el-form-item>
+        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+    </div>
+    <div class="layui-table-tool" ref="tableTool">
+      <el-button
+        type="primary"
+        size="mini"
+        @click="handleAdd()"
+         v-hasPermi="['tcZz/networkSecurity:jgdw:add']"
+        >新增</el-button
+      >
+      <el-button
+            type="success"
+            size="mini"
+            :disabled="single"
+            @click="handleUpdate"
+            v-hasPermi="['tcZz/networkSecurity:jgdw:edit']"
+        >修改</el-button>
+         <el-button
+            type="danger"
+            size="mini"
+            :disabled="multiple"
+            @click="handleDelete"
+            v-hasPermi="['tcZz/networkSecurity:jgdw:remove']"
+        >删除</el-button>
+      <el-button
+        type="warning"
+        size="mini"
+        :loading="exportLoading"
+        @click="handleExport"
+         v-hasPermi="['tcZz/networkSecurity:jgdw:export']"
+        >导出</el-button
+      >
+    </div>
+    <el-table v-loading="loading" :data="jgdwList"  @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="55" align="center" />
+              <el-table-column label="${comment}" align="center" prop="id" />
+              <el-table-column label="区域" align="center" prop="areaId">
+                <template slot-scope="scope">
+                  <dict-tag :options="dict.type.tc_area" :value="scope.row.areaId"/>
+                </template>
+              </el-table-column>
+              <el-table-column label="启用/禁用" align="center" prop="isStatus">
+                <template slot-scope="scope">
+                  <dict-tag :options="dict.type.tc_start" :value="scope.row.isStatus"/>
+                </template>
+              </el-table-column>
+              <el-table-column label="单位名称" align="center" prop="unitName" />
+              <el-table-column label="网站/系统名称" align="center" prop="systemName" />
+              <el-table-column label="是否关注重点" align="center" prop="isFocus" />
+              <el-table-column label="记录类型" align="center" prop="type">
+                <template slot-scope="scope">
+                  <dict-tag :options="dict.type.tc_jslx" :value="scope.row.type"/>
+                </template>
+              </el-table-column>
+      <el-table-column label="操作" align="center"  class-name="small-padding fixed-width" width="200"  fixed="right">
+        <template slot-scope="scope">
+          <el-button
+              size="mini"
+              @click="handleInfo(scope.row)"
+              v-hasPermi="['tcZz/networkSecurity:jgdw:list']"
+          >
+            查看
+          </el-button>
+          <el-button
+            type="success"
+            size="mini"
+              @click="handleUpdate(scope.row)"
+              v-hasPermi="['tcZz/networkSecurity:jgdw:edit']"
+          >修改</el-button>
+          <el-button
+              size="mini"
+            type="danger"
+              @click="handleDelete(scope.row)"
+              v-hasPermi="['tcZz/networkSecurity:jgdw:remove']"
+          >删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <pagination
+        v-show="total>0"
+        :total="total"
+        :page.sync="queryParams.pageNum"
+        :limit.sync="queryParams.pageSize"
+        @pagination="getList"
+    />
+
+    <!-- 添加或修改监管单位对话框 -->
+    <el-dialog  :visible.sync="open" width="500px" append-to-body custom-class="dialog-box">
+     <div slot="title" class="dialog-title">{{ title }}</div>
+      <el-form ref="form" :model="form" :rules="rules" label-width="auto" class="dialog-from">
+                        <el-form-item label="区域" prop="areaId">
+                          <el-select v-model="form.areaId" placeholder="请选择区域">
+                            <el-option
+                                v-for="dict in dict.type.tc_area"
+                                :key="dict.value"
+                                :label="dict.label"
+:value="dict.value"
+                            ></el-option>
+                          </el-select>
+                        </el-form-item>
+                        <el-form-item label="启用/禁用" prop="isStatus">
+                          <el-select v-model="form.isStatus" placeholder="请选择启用/禁用">
+                            <el-option
+                                v-for="dict in dict.type.tc_start"
+                                :key="dict.value"
+                                :label="dict.label"
+:value="parseInt(dict.value)"
+                            ></el-option>
+                          </el-select>
+                        </el-form-item>
+                        <el-form-item label="单位名称" prop="unitName">
+                          <el-input v-model="form.unitName" placeholder="请输入单位名称" />
+                        </el-form-item>
+                        <el-form-item label="网站/系统名称" prop="systemName">
+                          <el-input v-model="form.systemName" placeholder="请输入网站/系统名称" />
+                        </el-form-item>
+                        <el-form-item label="网站地址" prop="systemUrl">
+                          <el-input v-model="form.systemUrl" placeholder="请输入网站地址" />
+                        </el-form-item>
+                        <el-form-item label="IP地址" prop="sysyemIp">
+                          <el-input v-model="form.sysyemIp" placeholder="请输入IP地址" />
+                        </el-form-item>
+                        <el-form-item label="是否关注重点" prop="isFocus">
+                          <el-input v-model="form.isFocus" placeholder="请输入是否关注重点" />
+                        </el-form-item>
+                        <el-form-item label="等保级别" prop="level">
+                          <el-input v-model="form.level" placeholder="请输入等保级别" />
+                        </el-form-item>
+                        <el-form-item label="记录类型" prop="type">
+                          <el-select v-model="form.type" placeholder="请选择记录类型">
+                            <el-option
+                                v-for="dict in dict.type.tc_jslx"
+                                :key="dict.value"
+                                :label="dict.label"
+:value="parseInt(dict.value)"
+                            ></el-option>
+                          </el-select>
+                        </el-form-item>
+                        <el-form-item label="备注" prop="remark">
+                          <el-input v-model="form.remark" placeholder="请输入备注" />
+                        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitForm">确 定</el-button>
+        <el-button @click="cancel">取 消</el-button>
+      </div>
+    </el-dialog>
+    <!--查看监管单位详情页-->
+    <el-dialog
+        :visible.sync="infoOpen"
+        width="90%"
+        append-to-body
+        :close-on-click-modal="false"
+        :destroy-on-close="true"
+           custom-class="dialog-box"
+    >
+
+     <div slot="title" class="dialog-title">{{ infoTitle }}</div>
+
+        <el-descriptions title="监管单位"  :column="2" border labelClassName="desLable">
+                      <el-descriptions-item label="区域">{{ form.areaId }}</el-descriptions-item>
+
+                      <el-descriptions-item label="启用/禁用">{{ form.isStatus }}</el-descriptions-item>
+
+                      <el-descriptions-item label="单位名称">{{ form.unitName }}</el-descriptions-item>
+
+                      <el-descriptions-item label="网站/系统名称">{{ form.systemName }}</el-descriptions-item>
+
+                      <el-descriptions-item label="网站地址">{{ form.systemUrl }}</el-descriptions-item>
+
+                      <el-descriptions-item label="IP地址">{{ form.sysyemIp }}</el-descriptions-item>
+
+                      <el-descriptions-item label="是否关注重点">{{ form.isFocus }}</el-descriptions-item>
+
+                      <el-descriptions-item label="等保级别">{{ form.level }}</el-descriptions-item>
+
+                      <el-descriptions-item label="记录类型">{{ form.type }}</el-descriptions-item>
+
+                      <el-descriptions-item label="备注">{{ form.remark }}</el-descriptions-item>
+
+        </el-descriptions>
+   
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+  import { listJgdw, getJgdw, delJgdw, addJgdw, updateJgdw, exportJgdw } from "@/api/tcZz/networkSecurity/jgdw";
+  export default {
+    name: "Jgdw",
+    //注释字典
+              dicts: ['tc_area', 'tc_start', 'tc_jslx'],
+    data() {
+      return {
+        tableHeigth: 0,
+        //查看详情
+        infoOpen:false,
+        //详情标题
+        infoTitle:'',
+        // 遮罩层
+        loading: true,
+        // 导出遮罩层
+        exportLoading: false,
+        // 选中数组
+        ids: [],
+        // 非单个禁用
+        single: true,
+        // 非多个禁用
+        multiple: true,
+        // 显示搜索条件
+        showSearch: true,
+        // 总条数
+        total: 0,
+        // 监管单位表格数据
+              jgdwList: [],
+        // 弹出层标题
+        title: "",
+        // 是否显示弹出层
+        open: false,
+                // 备注时间范围
+                daterangeCreateTime: [],
+                // 备注时间范围
+                daterangeUpdateTime: [],
+        // 查询参数
+        queryParams: {
+          pageNum: 1,
+          pageSize: 10,
+                        id: null,
+
+                        areaId: null,
+
+                        isStatus: null,
+
+                        unitName: null,
+
+                        systemName: null,
+
+                        systemUrl: null,
+
+                        sysyemIp: null,
+
+                        isFocus: null,
+
+                        level: null,
+
+                        type: null,
+
+                        createBy: null,
+
+                        createTime: null,
+
+                        updateBy: null,
+
+                        updateTime: null,
+
+                        remark: null,
+
+        },
+        // 表单参数
+        form: {},
+        // 表单校验
+        rules: {
+        }
+      };
+    },
+    created() {
+
+      this.getList();
+
+    },
+    methods: {
+      /** 查询监管单位列表 */
+      getList() {
+        this.loading = true;
+                this.queryParams.params = {};
+                if (null != this.daterangeCreateTime && '' != this.daterangeCreateTime) {
+                  this.queryParams.params["beginCreateTime"] = this.daterangeCreateTime[0];
+                  this.queryParams.params["endCreateTime"] = this.daterangeCreateTime[1];
+                }
+                if (null != this.daterangeUpdateTime && '' != this.daterangeUpdateTime) {
+                  this.queryParams.params["beginUpdateTime"] = this.daterangeUpdateTime[0];
+                  this.queryParams.params["endUpdateTime"] = this.daterangeUpdateTime[1];
+                }
+        listJgdw(this.queryParams).then(response => {
+          this.jgdwList = response.rows;
+          this.total = response.total;
+          this.loading = false;
+        });
+      },
+      // 取消按钮
+      cancel() {
+        this.open = false;
+        this.reset();
+      },
+      // 表单重置
+      reset() {
+        this.form = {
+                        id: null,
+
+                        areaId: null,
+
+                        isStatus: null,
+
+                        unitName: null,
+
+                        systemName: null,
+
+                        systemUrl: null,
+
+                        sysyemIp: null,
+
+                        isFocus: null,
+
+                        level: null,
+
+                        type: null,
+
+                        createBy: null,
+
+                        createTime: null,
+
+                        updateBy: null,
+
+                        updateTime: null,
+
+                        remark: null,
+
+        };
+        this.resetForm("form");
+      },
+      /** 搜索按钮操作 */
+      handleQuery() {
+        this.queryParams.pageNum = 1;
+        this.getList();
+      },
+      /** 重置按钮操作 */
+      resetQuery() {
+                this.daterangeCreateTime = [];
+                this.daterangeUpdateTime = [];
+        this.resetForm("queryForm");
+        this.handleQuery();
+      },
+      // 多选框选中数据
+      handleSelectionChange(selection) {
+        this.ids = selection.map(item => item.id)
+        this.single = selection.length!==1
+        this.multiple = !selection.length
+      },
+      /**查看按钮操作 */
+      handleInfo(row){
+        this.reset();
+        const id = row.id || this.ids
+        getJgdw(id).then(response => {
+          this.form = response.data;
+          this.infoOpen = true;
+          this.infoTitle = "查看监管单位详情"
+        });
+      },
+      /** 新增按钮操作 */
+      handleAdd() {
+        this.reset();
+        this.open = true;
+        this.title = "添加监管单位";
+      },
+      /** 修改按钮操作 */
+      handleUpdate(row) {
+        this.reset();
+        const id = row.id || this.ids
+        getJgdw(id).then(response => {
+          this.form = response.data;
+          this.open = true;
+          this.title = "修改监管单位";
+        });
+      },
+      /** 提交按钮 */
+      submitForm() {
+        this.$refs["form"].validate(valid => {
+          if (valid) {
+            if (this.form.id != null) {
+              updateJgdw(this.form).then(response => {
+                this.$modal.msgSuccess("修改成功");
+                this.open = false;
+                this.getList();
+              });
+            } else {
+              addJgdw(this.form).then(response => {
+                this.$modal.msgSuccess("新增成功");
+                this.open = false;
+                this.getList();
+              });
+            }
+          }
+        });
+      },
+      /** 删除按钮操作 */
+      handleDelete(row) {
+        const ids = row.id || this.ids;
+        this.$confirm('是否确认删除编号为"' + ids + '"的数据项?', "警告", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(function() {
+          return delJgdw(ids);
+        }).then(() => {
+          this.getList();
+          this.msgSuccess("删除成功");
+        }).catch(() => {});
+      },
+      /** 导出按钮操作 */
+      handleExport() {
+        const queryParams = this.queryParams;
+        this.$confirm('是否确认导出所有监管单位数据项?', "警告", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(() => {
+          this.download('/tcZz/networkSecurity/jgdw/export', {
+            ...this.queryParams
+          }, '监管单位_'+ new Date().getTime() +'.xlsx')
+          this.exportLoading = false;
+        }).catch(() => {});
+      }
+    }
+  }
+
+</script>

src/views/tcZz/networkSecurity/map/index.vue

@@ -0,0 +1,456 @@
+<template>
+  <div class="container-main" ref="main">
+  <div class="search-hearder" ref="topSearch">
+    <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="auto">
+                  <el-form-item label="${comment}" prop="id">
+                    <el-input
+                        v-model="queryParams.id"
+                        placeholder="请输入${comment}"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="名称" prop="name">
+                    <el-input
+                        v-model="queryParams.name"
+                        placeholder="请输入名称"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="数量" prop="count">
+                    <el-input
+                        v-model="queryParams.count"
+                        placeholder="请输入数量"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="1.国际
+2.国内
+" prop="type">
+                    <el-select v-model="queryParams.type" placeholder="请选择1.国际
+2.国内
+" clearable size="small">
+                      <el-option
+                          v-for="dict in dict.type.tc_dttjlx"
+                          :key="dict.value"
+                          :label="dict.label"
+                          :value="dict.value"
+                      />
+                    </el-select>
+                  </el-form-item>
+                  <el-form-item label="创建者" prop="createBy">
+                    <el-input
+                        v-model="queryParams.createBy"
+                        placeholder="请输入创建者"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="创建时间">
+                    <el-date-picker
+                        v-model="daterangeCreateTime"
+                        size="small"
+                        style="width: 240px"
+                        value-format="yyyy-MM-dd"
+                        type="daterange"
+                        range-separator="-"
+                        start-placeholder="开始日期"
+                        end-placeholder="结束日期"
+                    ></el-date-picker>
+                  </el-form-item>
+                  <el-form-item label="更新者" prop="updateBy">
+                    <el-input
+                        v-model="queryParams.updateBy"
+                        placeholder="请输入更新者"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="更新时间">
+                    <el-date-picker
+                        v-model="daterangeUpdateTime"
+                        size="small"
+                        style="width: 240px"
+                        value-format="yyyy-MM-dd"
+                        type="daterange"
+                        range-separator="-"
+                        start-placeholder="开始日期"
+                        end-placeholder="结束日期"
+                    ></el-date-picker>
+                  </el-form-item>
+                  <el-form-item label="备注" prop="remark">
+                    <el-input
+                        v-model="queryParams.remark"
+                        placeholder="请输入备注"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+      <el-form-item>
+        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+    </div>
+    <div class="layui-table-tool" ref="tableTool">
+      <el-button
+        type="primary"
+        size="mini"
+        @click="handleAdd()"
+         v-hasPermi="['tcZz/networkSecurity:map:add']"
+        >新增</el-button
+      >
+      <el-button
+            type="success"
+            size="mini"
+            :disabled="single"
+            @click="handleUpdate"
+            v-hasPermi="['tcZz/networkSecurity:map:edit']"
+        >修改</el-button>
+         <el-button
+            type="danger"
+            size="mini"
+            :disabled="multiple"
+            @click="handleDelete"
+            v-hasPermi="['tcZz/networkSecurity:map:remove']"
+        >删除</el-button>
+      <el-button
+        type="warning"
+        size="mini"
+        :loading="exportLoading"
+        @click="handleExport"
+         v-hasPermi="['tcZz/networkSecurity:map:export']"
+        >导出</el-button
+      >
+    </div>
+    <el-table v-loading="loading" :data="mapList"  @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="55" align="center" />
+              <el-table-column label="${comment}" align="center" prop="id" />
+              <el-table-column label="名称" align="center" prop="name" />
+              <el-table-column label="数量" align="center" prop="count" />
+              <el-table-column label="1.国际
+2.国内
+" align="center" prop="type">
+                <template slot-scope="scope">
+                  <dict-tag :options="dict.type.tc_dttjlx" :value="scope.row.type"/>
+                </template>
+              </el-table-column>
+      <el-table-column label="操作" align="center"  class-name="small-padding fixed-width" width="200"  fixed="right">
+        <template slot-scope="scope">
+          <el-button
+              size="mini"
+              @click="handleInfo(scope.row)"
+              v-hasPermi="['tcZz/networkSecurity:map:list']"
+          >
+            查看
+          </el-button>
+          <el-button
+            type="success"
+            size="mini"
+              @click="handleUpdate(scope.row)"
+              v-hasPermi="['tcZz/networkSecurity:map:edit']"
+          >修改</el-button>
+          <el-button
+              size="mini"
+            type="danger"
+              @click="handleDelete(scope.row)"
+              v-hasPermi="['tcZz/networkSecurity:map:remove']"
+          >删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <pagination
+        v-show="total>0"
+        :total="total"
+        :page.sync="queryParams.pageNum"
+        :limit.sync="queryParams.pageSize"
+        @pagination="getList"
+    />
+
+    <!-- 添加或修改地图统计对话框 -->
+    <el-dialog  :visible.sync="open" width="500px" append-to-body custom-class="dialog-box">
+     <div slot="title" class="dialog-title">{{ title }}</div>
+      <el-form ref="form" :model="form" :rules="rules" label-width="auto" class="dialog-from">
+                        <el-form-item label="名称" prop="name">
+                          <el-input v-model="form.name" placeholder="请输入名称" />
+                        </el-form-item>
+                        <el-form-item label="数量" prop="count">
+                          <el-input v-model="form.count" placeholder="请输入数量" />
+                        </el-form-item>
+                        <el-form-item label="1.国际
+2.国内
+" prop="type">
+                          <el-select v-model="form.type" placeholder="请选择1.国际
+2.国内
+">
+                            <el-option
+                                v-for="dict in dict.type.tc_dttjlx"
+                                :key="dict.value"
+                                :label="dict.label"
+:value="parseInt(dict.value)"
+                            ></el-option>
+                          </el-select>
+                        </el-form-item>
+                        <el-form-item label="备注" prop="remark">
+                          <el-input v-model="form.remark" placeholder="请输入备注" />
+                        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitForm">确 定</el-button>
+        <el-button @click="cancel">取 消</el-button>
+      </div>
+    </el-dialog>
+    <!--查看地图统计详情页-->
+    <el-dialog
+        :visible.sync="infoOpen"
+        width="90%"
+        append-to-body
+        :close-on-click-modal="false"
+        :destroy-on-close="true"
+           custom-class="dialog-box"
+    >
+
+     <div slot="title" class="dialog-title">{{ infoTitle }}</div>
+
+        <el-descriptions title="地图统计"  :column="2" border labelClassName="desLable">
+                      <el-descriptions-item label="名称">{{ form.name }}</el-descriptions-item>
+
+                      <el-descriptions-item label="数量">{{ form.count }}</el-descriptions-item>
+
+                      <el-descriptions-item label="1.国际
+2.国内
+">{{ form.type }}</el-descriptions-item>
+
+                      <el-descriptions-item label="备注">{{ form.remark }}</el-descriptions-item>
+
+        </el-descriptions>
+   
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+  import { listMap, getMap, delMap, addMap, updateMap, exportMap } from "@/api/tcZz/networkSecurity/map";
+  export default {
+    name: "Map",
+    //注释字典
+              dicts: ['tc_dttjlx'],
+    data() {
+      return {
+        tableHeigth: 0,
+        //查看详情
+        infoOpen:false,
+        //详情标题
+        infoTitle:'',
+        // 遮罩层
+        loading: true,
+        // 导出遮罩层
+        exportLoading: false,
+        // 选中数组
+        ids: [],
+        // 非单个禁用
+        single: true,
+        // 非多个禁用
+        multiple: true,
+        // 显示搜索条件
+        showSearch: true,
+        // 总条数
+        total: 0,
+        // 地图统计表格数据
+              mapList: [],
+        // 弹出层标题
+        title: "",
+        // 是否显示弹出层
+        open: false,
+                // 备注时间范围
+                daterangeCreateTime: [],
+                // 备注时间范围
+                daterangeUpdateTime: [],
+        // 查询参数
+        queryParams: {
+          pageNum: 1,
+          pageSize: 10,
+                        id: null,
+
+                        name: null,
+
+                        count: null,
+
+                        type: null,
+
+                        createBy: null,
+
+                        createTime: null,
+
+                        updateBy: null,
+
+                        updateTime: null,
+
+                        remark: null,
+
+        },
+        // 表单参数
+        form: {},
+        // 表单校验
+        rules: {
+        }
+      };
+    },
+    created() {
+
+      this.getList();
+
+    },
+    methods: {
+      /** 查询地图统计列表 */
+      getList() {
+        this.loading = true;
+                this.queryParams.params = {};
+                if (null != this.daterangeCreateTime && '' != this.daterangeCreateTime) {
+                  this.queryParams.params["beginCreateTime"] = this.daterangeCreateTime[0];
+                  this.queryParams.params["endCreateTime"] = this.daterangeCreateTime[1];
+                }
+                if (null != this.daterangeUpdateTime && '' != this.daterangeUpdateTime) {
+                  this.queryParams.params["beginUpdateTime"] = this.daterangeUpdateTime[0];
+                  this.queryParams.params["endUpdateTime"] = this.daterangeUpdateTime[1];
+                }
+        listMap(this.queryParams).then(response => {
+          this.mapList = response.rows;
+          this.total = response.total;
+          this.loading = false;
+        });
+      },
+      // 取消按钮
+      cancel() {
+        this.open = false;
+        this.reset();
+      },
+      // 表单重置
+      reset() {
+        this.form = {
+                        id: null,
+
+                        name: null,
+
+                        count: null,
+
+                        type: null,
+
+                        createBy: null,
+
+                        createTime: null,
+
+                        updateBy: null,
+
+                        updateTime: null,
+
+                        remark: null,
+
+        };
+        this.resetForm("form");
+      },
+      /** 搜索按钮操作 */
+      handleQuery() {
+        this.queryParams.pageNum = 1;
+        this.getList();
+      },
+      /** 重置按钮操作 */
+      resetQuery() {
+                this.daterangeCreateTime = [];
+                this.daterangeUpdateTime = [];
+        this.resetForm("queryForm");
+        this.handleQuery();
+      },
+      // 多选框选中数据
+      handleSelectionChange(selection) {
+        this.ids = selection.map(item => item.id)
+        this.single = selection.length!==1
+        this.multiple = !selection.length
+      },
+      /**查看按钮操作 */
+      handleInfo(row){
+        this.reset();
+        const id = row.id || this.ids
+        getMap(id).then(response => {
+          this.form = response.data;
+          this.infoOpen = true;
+          this.infoTitle = "查看地图统计详情"
+        });
+      },
+      /** 新增按钮操作 */
+      handleAdd() {
+        this.reset();
+        this.open = true;
+        this.title = "添加地图统计";
+      },
+      /** 修改按钮操作 */
+      handleUpdate(row) {
+        this.reset();
+        const id = row.id || this.ids
+        getMap(id).then(response => {
+          this.form = response.data;
+          this.open = true;
+          this.title = "修改地图统计";
+        });
+      },
+      /** 提交按钮 */
+      submitForm() {
+        this.$refs["form"].validate(valid => {
+          if (valid) {
+            if (this.form.id != null) {
+              updateMap(this.form).then(response => {
+                this.$modal.msgSuccess("修改成功");
+                this.open = false;
+                this.getList();
+              });
+            } else {
+              addMap(this.form).then(response => {
+                this.$modal.msgSuccess("新增成功");
+                this.open = false;
+                this.getList();
+              });
+            }
+          }
+        });
+      },
+      /** 删除按钮操作 */
+      handleDelete(row) {
+        const ids = row.id || this.ids;
+        this.$confirm('是否确认删除编号为"' + ids + '"的数据项?', "警告", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(function() {
+          return delMap(ids);
+        }).then(() => {
+          this.getList();
+          this.msgSuccess("删除成功");
+        }).catch(() => {});
+      },
+      /** 导出按钮操作 */
+      handleExport() {
+        const queryParams = this.queryParams;
+        this.$confirm('是否确认导出所有地图统计数据项?', "警告", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(() => {
+          this.download('/tcZz/networkSecurity/map/export', {
+            ...this.queryParams
+          }, '地图统计_'+ new Date().getTime() +'.xlsx')
+          this.exportLoading = false;
+        }).catch(() => {});
+      }
+    }
+  }
+
+</script>

src/views/tcZz/networkSecurity/ryz/index.vue

@@ -0,0 +1,561 @@
+<template>
+  <div class="container-main" ref="main">
+  <div class="search-hearder" ref="topSearch">
+    <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="auto">
+                  <el-form-item label="${comment}" prop="id">
+                    <el-input
+                        v-model="queryParams.id"
+                        placeholder="请输入${comment}"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="区域" prop="areaId">
+                    <el-select v-model="queryParams.areaId" placeholder="请选择区域" clearable size="small">
+                      <el-option
+                          v-for="dict in dict.type.tc_area"
+                          :key="dict.value"
+                          :label="dict.label"
+                          :value="dict.value"
+                      />
+                    </el-select>
+                  </el-form-item>
+                  <el-form-item label="类型" prop="type">
+                    <el-select v-model="queryParams.type" placeholder="请选择类型" clearable size="small">
+                      <el-option
+                          v-for="dict in dict.type.tc_yrtzlx"
+                          :key="dict.value"
+                          :label="dict.label"
+                          :value="dict.value"
+                      />
+                    </el-select>
+                  </el-form-item>
+                  <el-form-item label="启用/禁用" prop="isStatus">
+                    <el-select v-model="queryParams.isStatus" placeholder="请选择启用/禁用" clearable size="small">
+                      <el-option
+                          v-for="dict in dict.type.tc_start"
+                          :key="dict.value"
+                          :label="dict.label"
+                          :value="dict.value"
+                      />
+                    </el-select>
+                  </el-form-item>
+                  <el-form-item label="资产名称" prop="zcName">
+                    <el-input
+                        v-model="queryParams.zcName"
+                        placeholder="请输入资产名称"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="所属单位" prop="affUnit">
+                    <el-input
+                        v-model="queryParams.affUnit"
+                        placeholder="请输入所属单位"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="IP地址" prop="sysyemIp">
+                    <el-input
+                        v-model="queryParams.sysyemIp"
+                        placeholder="请输入IP地址"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="操作系统" prop="os">
+                    <el-input
+                        v-model="queryParams.os"
+                        placeholder="请输入操作系统"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="版本" prop="versions">
+                    <el-input
+                        v-model="queryParams.versions"
+                        placeholder="请输入版本"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="创建者" prop="createBy">
+                    <el-input
+                        v-model="queryParams.createBy"
+                        placeholder="请输入创建者"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="创建时间">
+                    <el-date-picker
+                        v-model="daterangeCreateTime"
+                        size="small"
+                        style="width: 240px"
+                        value-format="yyyy-MM-dd"
+                        type="daterange"
+                        range-separator="-"
+                        start-placeholder="开始日期"
+                        end-placeholder="结束日期"
+                    ></el-date-picker>
+                  </el-form-item>
+                  <el-form-item label="更新者" prop="updateBy">
+                    <el-input
+                        v-model="queryParams.updateBy"
+                        placeholder="请输入更新者"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="更新时间">
+                    <el-date-picker
+                        v-model="daterangeUpdateTime"
+                        size="small"
+                        style="width: 240px"
+                        value-format="yyyy-MM-dd"
+                        type="daterange"
+                        range-separator="-"
+                        start-placeholder="开始日期"
+                        end-placeholder="结束日期"
+                    ></el-date-picker>
+                  </el-form-item>
+                  <el-form-item label="备注" prop="remark">
+                    <el-input
+                        v-model="queryParams.remark"
+                        placeholder="请输入备注"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+      <el-form-item>
+        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+    </div>
+    <div class="layui-table-tool" ref="tableTool">
+      <el-button
+        type="primary"
+        size="mini"
+        @click="handleAdd()"
+         v-hasPermi="['tcZz/networkSecurity:ryz:add']"
+        >新增</el-button
+      >
+      <el-button
+            type="success"
+            size="mini"
+            :disabled="single"
+            @click="handleUpdate"
+            v-hasPermi="['tcZz/networkSecurity:ryz:edit']"
+        >修改</el-button>
+         <el-button
+            type="danger"
+            size="mini"
+            :disabled="multiple"
+            @click="handleDelete"
+            v-hasPermi="['tcZz/networkSecurity:ryz:remove']"
+        >删除</el-button>
+      <el-button
+        type="warning"
+        size="mini"
+        :loading="exportLoading"
+        @click="handleExport"
+         v-hasPermi="['tcZz/networkSecurity:ryz:export']"
+        >导出</el-button
+      >
+    </div>
+    <el-table v-loading="loading" :data="ryzList"  @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="55" align="center" />
+              <el-table-column label="${comment}" align="center" prop="id" />
+              <el-table-column label="区域" align="center" prop="areaId">
+                <template slot-scope="scope">
+                  <dict-tag :options="dict.type.tc_area" :value="scope.row.areaId"/>
+                </template>
+              </el-table-column>
+              <el-table-column label="类型" align="center" prop="type">
+                <template slot-scope="scope">
+                  <dict-tag :options="dict.type.tc_yrtzlx" :value="scope.row.type"/>
+                </template>
+              </el-table-column>
+              <el-table-column label="启用/禁用" align="center" prop="isStatus">
+                <template slot-scope="scope">
+                  <dict-tag :options="dict.type.tc_start" :value="scope.row.isStatus"/>
+                </template>
+              </el-table-column>
+              <el-table-column label="资产名称" align="center" prop="zcName" />
+              <el-table-column label="所属单位" align="center" prop="affUnit" />
+              <el-table-column label="IP地址" align="center" prop="sysyemIp" />
+      <el-table-column label="操作" align="center"  class-name="small-padding fixed-width" width="200"  fixed="right">
+        <template slot-scope="scope">
+          <el-button
+              size="mini"
+              @click="handleInfo(scope.row)"
+              v-hasPermi="['tcZz/networkSecurity:ryz:list']"
+          >
+            查看
+          </el-button>
+          <el-button
+            type="success"
+            size="mini"
+              @click="handleUpdate(scope.row)"
+              v-hasPermi="['tcZz/networkSecurity:ryz:edit']"
+          >修改</el-button>
+          <el-button
+              size="mini"
+            type="danger"
+              @click="handleDelete(scope.row)"
+              v-hasPermi="['tcZz/networkSecurity:ryz:remove']"
+          >删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <pagination
+        v-show="total>0"
+        :total="total"
+        :page.sync="queryParams.pageNum"
+        :limit.sync="queryParams.pageSize"
+        @pagination="getList"
+    />
+
+    <!-- 添加或修改硬探针、软探针对话框 -->
+    <el-dialog  :visible.sync="open" width="500px" append-to-body custom-class="dialog-box">
+     <div slot="title" class="dialog-title">{{ title }}</div>
+      <el-form ref="form" :model="form" :rules="rules" label-width="auto" class="dialog-from">
+                        <el-form-item label="区域" prop="areaId">
+                          <el-select v-model="form.areaId" placeholder="请选择区域">
+                            <el-option
+                                v-for="dict in dict.type.tc_area"
+                                :key="dict.value"
+                                :label="dict.label"
+:value="dict.value"
+                            ></el-option>
+                          </el-select>
+                        </el-form-item>
+                        <el-form-item label="类型" prop="type">
+                          <el-select v-model="form.type" placeholder="请选择类型">
+                            <el-option
+                                v-for="dict in dict.type.tc_yrtzlx"
+                                :key="dict.value"
+                                :label="dict.label"
+:value="parseInt(dict.value)"
+                            ></el-option>
+                          </el-select>
+                        </el-form-item>
+                        <el-form-item label="启用/禁用" prop="isStatus">
+                          <el-select v-model="form.isStatus" placeholder="请选择启用/禁用">
+                            <el-option
+                                v-for="dict in dict.type.tc_start"
+                                :key="dict.value"
+                                :label="dict.label"
+:value="parseInt(dict.value)"
+                            ></el-option>
+                          </el-select>
+                        </el-form-item>
+                        <el-form-item label="资产名称" prop="zcName">
+                          <el-input v-model="form.zcName" placeholder="请输入资产名称" />
+                        </el-form-item>
+                        <el-form-item label="所属单位" prop="affUnit">
+                          <el-input v-model="form.affUnit" placeholder="请输入所属单位" />
+                        </el-form-item>
+                        <el-form-item label="IP地址" prop="sysyemIp">
+                          <el-input v-model="form.sysyemIp" placeholder="请输入IP地址" />
+                        </el-form-item>
+                        <el-form-item label="操作系统" prop="os">
+                          <el-input v-model="form.os" placeholder="请输入操作系统" />
+                        </el-form-item>
+                        <el-form-item label="版本" prop="versions">
+                          <el-input v-model="form.versions" placeholder="请输入版本" />
+                        </el-form-item>
+                        <el-form-item label="备注" prop="remark">
+                          <el-input v-model="form.remark" placeholder="请输入备注" />
+                        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitForm">确 定</el-button>
+        <el-button @click="cancel">取 消</el-button>
+      </div>
+    </el-dialog>
+    <!--查看硬探针、软探针详情页-->
+    <el-dialog
+        :visible.sync="infoOpen"
+        width="90%"
+        append-to-body
+        :close-on-click-modal="false"
+        :destroy-on-close="true"
+           custom-class="dialog-box"
+    >
+
+     <div slot="title" class="dialog-title">{{ infoTitle }}</div>
+
+        <el-descriptions title="硬探针、软探针"  :column="2" border labelClassName="desLable">
+                      <el-descriptions-item label="区域">{{ form.areaId }}</el-descriptions-item>
+
+                      <el-descriptions-item label="类型">{{ form.type }}</el-descriptions-item>
+
+                      <el-descriptions-item label="启用/禁用">{{ form.isStatus }}</el-descriptions-item>
+
+                      <el-descriptions-item label="资产名称">{{ form.zcName }}</el-descriptions-item>
+
+                      <el-descriptions-item label="所属单位">{{ form.affUnit }}</el-descriptions-item>
+
+                      <el-descriptions-item label="IP地址">{{ form.sysyemIp }}</el-descriptions-item>
+
+                      <el-descriptions-item label="操作系统">{{ form.os }}</el-descriptions-item>
+
+                      <el-descriptions-item label="版本">{{ form.versions }}</el-descriptions-item>
+
+                      <el-descriptions-item label="备注">{{ form.remark }}</el-descriptions-item>
+
+        </el-descriptions>
+   
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+  import { listRyz, getRyz, delRyz, addRyz, updateRyz, exportRyz } from "@/api/tcZz/networkSecurity/ryz";
+  export default {
+    name: "Ryz",
+    //注释字典
+              dicts: ['tc_area', 'tc_yrtzlx', 'tc_start'],
+    data() {
+      return {
+        tableHeigth: 0,
+        //查看详情
+        infoOpen:false,
+        //详情标题
+        infoTitle:'',
+        // 遮罩层
+        loading: true,
+        // 导出遮罩层
+        exportLoading: false,
+        // 选中数组
+        ids: [],
+        // 非单个禁用
+        single: true,
+        // 非多个禁用
+        multiple: true,
+        // 显示搜索条件
+        showSearch: true,
+        // 总条数
+        total: 0,
+        // 硬探针、软探针表格数据
+              ryzList: [],
+        // 弹出层标题
+        title: "",
+        // 是否显示弹出层
+        open: false,
+                // 备注时间范围
+                daterangeCreateTime: [],
+                // 备注时间范围
+                daterangeUpdateTime: [],
+        // 查询参数
+        queryParams: {
+          pageNum: 1,
+          pageSize: 10,
+                        id: null,
+
+                        areaId: null,
+
+                        type: null,
+
+                        isStatus: null,
+
+                        zcName: null,
+
+                        affUnit: null,
+
+                        sysyemIp: null,
+
+                        os: null,
+
+                        versions: null,
+
+                        createBy: null,
+
+                        createTime: null,
+
+                        updateBy: null,
+
+                        updateTime: null,
+
+                        remark: null,
+
+        },
+        // 表单参数
+        form: {},
+        // 表单校验
+        rules: {
+        }
+      };
+    },
+    created() {
+
+      this.getList();
+
+    },
+    methods: {
+      /** 查询硬探针、软探针列表 */
+      getList() {
+        this.loading = true;
+                this.queryParams.params = {};
+                if (null != this.daterangeCreateTime && '' != this.daterangeCreateTime) {
+                  this.queryParams.params["beginCreateTime"] = this.daterangeCreateTime[0];
+                  this.queryParams.params["endCreateTime"] = this.daterangeCreateTime[1];
+                }
+                if (null != this.daterangeUpdateTime && '' != this.daterangeUpdateTime) {
+                  this.queryParams.params["beginUpdateTime"] = this.daterangeUpdateTime[0];
+                  this.queryParams.params["endUpdateTime"] = this.daterangeUpdateTime[1];
+                }
+        listRyz(this.queryParams).then(response => {
+          this.ryzList = response.rows;
+          this.total = response.total;
+          this.loading = false;
+        });
+      },
+      // 取消按钮
+      cancel() {
+        this.open = false;
+        this.reset();
+      },
+      // 表单重置
+      reset() {
+        this.form = {
+                        id: null,
+
+                        areaId: null,
+
+                        type: null,
+
+                        isStatus: null,
+
+                        zcName: null,
+
+                        affUnit: null,
+
+                        sysyemIp: null,
+
+                        os: null,
+
+                        versions: null,
+
+                        createBy: null,
+
+                        createTime: null,
+
+                        updateBy: null,
+
+                        updateTime: null,
+
+                        remark: null,
+
+        };
+        this.resetForm("form");
+      },
+      /** 搜索按钮操作 */
+      handleQuery() {
+        this.queryParams.pageNum = 1;
+        this.getList();
+      },
+      /** 重置按钮操作 */
+      resetQuery() {
+                this.daterangeCreateTime = [];
+                this.daterangeUpdateTime = [];
+        this.resetForm("queryForm");
+        this.handleQuery();
+      },
+      // 多选框选中数据
+      handleSelectionChange(selection) {
+        this.ids = selection.map(item => item.id)
+        this.single = selection.length!==1
+        this.multiple = !selection.length
+      },
+      /**查看按钮操作 */
+      handleInfo(row){
+        this.reset();
+        const id = row.id || this.ids
+        getRyz(id).then(response => {
+          this.form = response.data;
+          this.infoOpen = true;
+          this.infoTitle = "查看硬探针、软探针详情"
+        });
+      },
+      /** 新增按钮操作 */
+      handleAdd() {
+        this.reset();
+        this.open = true;
+        this.title = "添加硬探针、软探针";
+      },
+      /** 修改按钮操作 */
+      handleUpdate(row) {
+        this.reset();
+        const id = row.id || this.ids
+        getRyz(id).then(response => {
+          this.form = response.data;
+          this.open = true;
+          this.title = "修改硬探针、软探针";
+        });
+      },
+      /** 提交按钮 */
+      submitForm() {
+        this.$refs["form"].validate(valid => {
+          if (valid) {
+            if (this.form.id != null) {
+              updateRyz(this.form).then(response => {
+                this.$modal.msgSuccess("修改成功");
+                this.open = false;
+                this.getList();
+              });
+            } else {
+              addRyz(this.form).then(response => {
+                this.$modal.msgSuccess("新增成功");
+                this.open = false;
+                this.getList();
+              });
+            }
+          }
+        });
+      },
+      /** 删除按钮操作 */
+      handleDelete(row) {
+        const ids = row.id || this.ids;
+        this.$confirm('是否确认删除编号为"' + ids + '"的数据项?', "警告", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(function() {
+          return delRyz(ids);
+        }).then(() => {
+          this.getList();
+          this.msgSuccess("删除成功");
+        }).catch(() => {});
+      },
+      /** 导出按钮操作 */
+      handleExport() {
+        const queryParams = this.queryParams;
+        this.$confirm('是否确认导出所有硬探针、软探针数据项?', "警告", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(() => {
+          this.download('/tcZz/networkSecurity/ryz/export', {
+            ...this.queryParams
+          }, '硬探针、软探针_'+ new Date().getTime() +'.xlsx')
+          this.exportLoading = false;
+        }).catch(() => {});
+      }
+    }
+  }
+
+</script>

src/views/tcZz/networkSecurity/sdtb/index.vue

@@ -0,0 +1,467 @@
+<template>
+  <div class="container-main" ref="main">
+  <div class="search-hearder" ref="topSearch">
+    <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="auto">
+                  <el-form-item label="${comment}" prop="id">
+                    <el-input
+                        v-model="queryParams.id"
+                        placeholder="请输入${comment}"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="属地名称" prop="area">
+                    <el-input
+                        v-model="queryParams.area"
+                        placeholder="请输入属地名称"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="启用/禁用" prop="isStatus">
+                    <el-select v-model="queryParams.isStatus" placeholder="请选择启用/禁用" clearable size="small">
+                      <el-option
+                          v-for="dict in dict.type.tc_start"
+                          :key="dict.value"
+                          :label="dict.label"
+                          :value="dict.value"
+                      />
+                    </el-select>
+                  </el-form-item>
+                  <el-form-item label="文件名称" prop="fileName">
+                    <el-input
+                        v-model="queryParams.fileName"
+                        placeholder="请输入文件名称"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="文件路径(完整路径)" prop="fileUrl">
+                    <el-input
+                        v-model="queryParams.fileUrl"
+                        placeholder="请输入文件路径(完整路径)"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="创建者" prop="createBy">
+                    <el-input
+                        v-model="queryParams.createBy"
+                        placeholder="请输入创建者"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="创建时间">
+                    <el-date-picker
+                        v-model="daterangeCreateTime"
+                        size="small"
+                        style="width: 240px"
+                        value-format="yyyy-MM-dd"
+                        type="daterange"
+                        range-separator="-"
+                        start-placeholder="开始日期"
+                        end-placeholder="结束日期"
+                    ></el-date-picker>
+                  </el-form-item>
+                  <el-form-item label="更新者" prop="updateBy">
+                    <el-input
+                        v-model="queryParams.updateBy"
+                        placeholder="请输入更新者"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="更新时间">
+                    <el-date-picker
+                        v-model="daterangeUpdateTime"
+                        size="small"
+                        style="width: 240px"
+                        value-format="yyyy-MM-dd"
+                        type="daterange"
+                        range-separator="-"
+                        start-placeholder="开始日期"
+                        end-placeholder="结束日期"
+                    ></el-date-picker>
+                  </el-form-item>
+                  <el-form-item label="备注" prop="remark">
+                    <el-input
+                        v-model="queryParams.remark"
+                        placeholder="请输入备注"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+      <el-form-item>
+        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+    </div>
+    <div class="layui-table-tool" ref="tableTool">
+      <el-button
+        type="primary"
+        size="mini"
+        @click="handleAdd()"
+         v-hasPermi="['tcZz/networkSecurity:sdtb:add']"
+        >新增</el-button
+      >
+      <el-button
+            type="success"
+            size="mini"
+            :disabled="single"
+            @click="handleUpdate"
+            v-hasPermi="['tcZz/networkSecurity:sdtb:edit']"
+        >修改</el-button>
+         <el-button
+            type="danger"
+            size="mini"
+            :disabled="multiple"
+            @click="handleDelete"
+            v-hasPermi="['tcZz/networkSecurity:sdtb:remove']"
+        >删除</el-button>
+      <el-button
+        type="warning"
+        size="mini"
+        :loading="exportLoading"
+        @click="handleExport"
+         v-hasPermi="['tcZz/networkSecurity:sdtb:export']"
+        >导出</el-button
+      >
+    </div>
+    <el-table v-loading="loading" :data="sdtbList"  @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="55" align="center" />
+              <el-table-column label="${comment}" align="center" prop="id" />
+              <el-table-column label="属地名称" align="center" prop="area">
+                <template slot-scope="scope">
+                  <dict-tag :options="dict.type.tc_area" :value="scope.row.area"/>
+                </template>
+              </el-table-column>
+              <el-table-column label="启用/禁用" align="center" prop="isStatus">
+                <template slot-scope="scope">
+                  <dict-tag :options="dict.type.tc_start" :value="scope.row.isStatus"/>
+                </template>
+              </el-table-column>
+              <el-table-column label="文件名称" align="center" prop="fileName" />
+              <el-table-column label="文件路径(完整路径)" align="center" prop="fileUrl" />
+      <el-table-column label="操作" align="center"  class-name="small-padding fixed-width" width="200"  fixed="right">
+        <template slot-scope="scope">
+          <el-button
+              size="mini"
+              @click="handleInfo(scope.row)"
+              v-hasPermi="['tcZz/networkSecurity:sdtb:list']"
+          >
+            查看
+          </el-button>
+          <el-button
+            type="success"
+            size="mini"
+              @click="handleUpdate(scope.row)"
+              v-hasPermi="['tcZz/networkSecurity:sdtb:edit']"
+          >修改</el-button>
+          <el-button
+              size="mini"
+            type="danger"
+              @click="handleDelete(scope.row)"
+              v-hasPermi="['tcZz/networkSecurity:sdtb:remove']"
+          >删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <pagination
+        v-show="total>0"
+        :total="total"
+        :page.sync="queryParams.pageNum"
+        :limit.sync="queryParams.pageSize"
+        @pagination="getList"
+    />
+
+    <!-- 添加或修改属地通报对话框 -->
+    <el-dialog  :visible.sync="open" width="500px" append-to-body custom-class="dialog-box">
+     <div slot="title" class="dialog-title">{{ title }}</div>
+      <el-form ref="form" :model="form" :rules="rules" label-width="auto" class="dialog-from">
+                        <el-form-item label="属地名称" prop="area">
+                          <el-input v-model="form.area" placeholder="请输入属地名称" />
+                        </el-form-item>
+                        <el-form-item label="启用/禁用" prop="isStatus">
+                          <el-select v-model="form.isStatus" placeholder="请选择启用/禁用">
+                            <el-option
+                                v-for="dict in dict.type.tc_start"
+                                :key="dict.value"
+                                :label="dict.label"
+:value="parseInt(dict.value)"
+                            ></el-option>
+                          </el-select>
+                        </el-form-item>
+                        <el-form-item label="文件名称" prop="fileName">
+                          <el-input v-model="form.fileName" placeholder="请输入文件名称" />
+                        </el-form-item>
+                        <el-form-item label="文件路径(完整路径)" prop="fileUrl">
+                          <el-input v-model="form.fileUrl" placeholder="请输入文件路径(完整路径)" />
+                        </el-form-item>
+                        <el-form-item label="备注" prop="remark">
+                          <el-input v-model="form.remark" placeholder="请输入备注" />
+                        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitForm">确 定</el-button>
+        <el-button @click="cancel">取 消</el-button>
+      </div>
+    </el-dialog>
+    <!--查看属地通报详情页-->
+    <el-dialog
+        :visible.sync="infoOpen"
+        width="90%"
+        append-to-body
+        :close-on-click-modal="false"
+        :destroy-on-close="true"
+           custom-class="dialog-box"
+    >
+
+     <div slot="title" class="dialog-title">{{ infoTitle }}</div>
+
+        <el-descriptions title="属地通报"  :column="2" border labelClassName="desLable">
+                      <el-descriptions-item label="属地名称">{{ form.area }}</el-descriptions-item>
+
+                      <el-descriptions-item label="启用/禁用">{{ form.isStatus }}</el-descriptions-item>
+
+                      <el-descriptions-item label="文件名称">{{ form.fileName }}</el-descriptions-item>
+
+                      <el-descriptions-item label="文件路径(完整路径)">{{ form.fileUrl }}</el-descriptions-item>
+
+                      <el-descriptions-item label="备注">{{ form.remark }}</el-descriptions-item>
+
+        </el-descriptions>
+   
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+  import { listSdtb, getSdtb, delSdtb, addSdtb, updateSdtb, exportSdtb } from "@/api/tcZz/networkSecurity/sdtb";
+  export default {
+    name: "Sdtb",
+    //注释字典
+              dicts: ['tc_start'],
+    data() {
+      return {
+        tableHeigth: 0,
+        //查看详情
+        infoOpen:false,
+        //详情标题
+        infoTitle:'',
+        // 遮罩层
+        loading: true,
+        // 导出遮罩层
+        exportLoading: false,
+        // 选中数组
+        ids: [],
+        // 非单个禁用
+        single: true,
+        // 非多个禁用
+        multiple: true,
+        // 显示搜索条件
+        showSearch: true,
+        // 总条数
+        total: 0,
+        // 属地通报表格数据
+              sdtbList: [],
+        // 弹出层标题
+        title: "",
+        // 是否显示弹出层
+        open: false,
+                // 备注时间范围
+                daterangeCreateTime: [],
+                // 备注时间范围
+                daterangeUpdateTime: [],
+        // 查询参数
+        queryParams: {
+          pageNum: 1,
+          pageSize: 10,
+                        id: null,
+
+                        area: null,
+
+                        isStatus: null,
+
+                        fileName: null,
+
+                        fileUrl: null,
+
+                        createBy: null,
+
+                        createTime: null,
+
+                        updateBy: null,
+
+                        updateTime: null,
+
+                        remark: null,
+
+        },
+        // 表单参数
+        form: {},
+        // 表单校验
+        rules: {
+        }
+      };
+    },
+    created() {
+
+      this.getList();
+
+    },
+    methods: {
+      /** 查询属地通报列表 */
+      getList() {
+        this.loading = true;
+                this.queryParams.params = {};
+                if (null != this.daterangeCreateTime && '' != this.daterangeCreateTime) {
+                  this.queryParams.params["beginCreateTime"] = this.daterangeCreateTime[0];
+                  this.queryParams.params["endCreateTime"] = this.daterangeCreateTime[1];
+                }
+                if (null != this.daterangeUpdateTime && '' != this.daterangeUpdateTime) {
+                  this.queryParams.params["beginUpdateTime"] = this.daterangeUpdateTime[0];
+                  this.queryParams.params["endUpdateTime"] = this.daterangeUpdateTime[1];
+                }
+        listSdtb(this.queryParams).then(response => {
+          this.sdtbList = response.rows;
+          this.total = response.total;
+          this.loading = false;
+        });
+      },
+      // 取消按钮
+      cancel() {
+        this.open = false;
+        this.reset();
+      },
+      // 表单重置
+      reset() {
+        this.form = {
+                        id: null,
+
+                        area: null,
+
+                        isStatus: null,
+
+                        fileName: null,
+
+                        fileUrl: null,
+
+                        createBy: null,
+
+                        createTime: null,
+
+                        updateBy: null,
+
+                        updateTime: null,
+
+                        remark: null,
+
+        };
+        this.resetForm("form");
+      },
+      /** 搜索按钮操作 */
+      handleQuery() {
+        this.queryParams.pageNum = 1;
+        this.getList();
+      },
+      /** 重置按钮操作 */
+      resetQuery() {
+                this.daterangeCreateTime = [];
+                this.daterangeUpdateTime = [];
+        this.resetForm("queryForm");
+        this.handleQuery();
+      },
+      // 多选框选中数据
+      handleSelectionChange(selection) {
+        this.ids = selection.map(item => item.id)
+        this.single = selection.length!==1
+        this.multiple = !selection.length
+      },
+      /**查看按钮操作 */
+      handleInfo(row){
+        this.reset();
+        const id = row.id || this.ids
+        getSdtb(id).then(response => {
+          this.form = response.data;
+          this.infoOpen = true;
+          this.infoTitle = "查看属地通报详情"
+        });
+      },
+      /** 新增按钮操作 */
+      handleAdd() {
+        this.reset();
+        this.open = true;
+        this.title = "添加属地通报";
+      },
+      /** 修改按钮操作 */
+      handleUpdate(row) {
+        this.reset();
+        const id = row.id || this.ids
+        getSdtb(id).then(response => {
+          this.form = response.data;
+          this.open = true;
+          this.title = "修改属地通报";
+        });
+      },
+      /** 提交按钮 */
+      submitForm() {
+        this.$refs["form"].validate(valid => {
+          if (valid) {
+            if (this.form.id != null) {
+              updateSdtb(this.form).then(response => {
+                this.$modal.msgSuccess("修改成功");
+                this.open = false;
+                this.getList();
+              });
+            } else {
+              addSdtb(this.form).then(response => {
+                this.$modal.msgSuccess("新增成功");
+                this.open = false;
+                this.getList();
+              });
+            }
+          }
+        });
+      },
+      /** 删除按钮操作 */
+      handleDelete(row) {
+        const ids = row.id || this.ids;
+        this.$confirm('是否确认删除编号为"' + ids + '"的数据项?', "警告", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(function() {
+          return delSdtb(ids);
+        }).then(() => {
+          this.getList();
+          this.msgSuccess("删除成功");
+        }).catch(() => {});
+      },
+      /** 导出按钮操作 */
+      handleExport() {
+        const queryParams = this.queryParams;
+        this.$confirm('是否确认导出所有属地通报数据项?', "警告", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(() => {
+          this.download('/tcZz/networkSecurity/sdtb/export', {
+            ...this.queryParams
+          }, '属地通报_'+ new Date().getTime() +'.xlsx')
+          this.exportLoading = false;
+        }).catch(() => {});
+      }
+    }
+  }
+
+</script>

src/views/tcZz/networkSecurity/tbcz/index.vue

@@ -0,0 +1,530 @@
+<template>
+  <div class="container-main" ref="main">
+  <div class="search-hearder" ref="topSearch">
+    <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="auto">
+                  <el-form-item label="${comment}" prop="id">
+                    <el-input
+                        v-model="queryParams.id"
+                        placeholder="请输入${comment}"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="区域" prop="areaId">
+                    <el-select v-model="queryParams.areaId" placeholder="请选择区域" clearable size="small">
+                      <el-option
+                          v-for="dict in dict.type.tc_area"
+                          :key="dict.value"
+                          :label="dict.label"
+                          :value="dict.value"
+                      />
+                    </el-select>
+                  </el-form-item>
+                  <el-form-item label="启用/禁用" prop="isStatus">
+                    <el-select v-model="queryParams.isStatus" placeholder="请选择启用/禁用" clearable size="small">
+                      <el-option
+                          v-for="dict in dict.type.tc_start"
+                          :key="dict.value"
+                          :label="dict.label"
+                          :value="dict.value"
+                      />
+                    </el-select>
+                  </el-form-item>
+                  <el-form-item label="单位名称" prop="unitName">
+                    <el-input
+                        v-model="queryParams.unitName"
+                        placeholder="请输入单位名称"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="目标IP/域名" prop="ipAddress">
+                    <el-input
+                        v-model="queryParams.ipAddress"
+                        placeholder="请输入目标IP/域名"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="处置情况" prop="czState">
+                    <el-input
+                        v-model="queryParams.czState"
+                        placeholder="请输入处置情况"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="文件名称" prop="fileName">
+                    <el-input
+                        v-model="queryParams.fileName"
+                        placeholder="请输入文件名称"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="文件路径(完整路径)" prop="fileUrl">
+                    <el-input
+                        v-model="queryParams.fileUrl"
+                        placeholder="请输入文件路径(完整路径)"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="创建者" prop="createBy">
+                    <el-input
+                        v-model="queryParams.createBy"
+                        placeholder="请输入创建者"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="创建时间">
+                    <el-date-picker
+                        v-model="daterangeCreateTime"
+                        size="small"
+                        style="width: 240px"
+                        value-format="yyyy-MM-dd"
+                        type="daterange"
+                        range-separator="-"
+                        start-placeholder="开始日期"
+                        end-placeholder="结束日期"
+                    ></el-date-picker>
+                  </el-form-item>
+                  <el-form-item label="更新者" prop="updateBy">
+                    <el-input
+                        v-model="queryParams.updateBy"
+                        placeholder="请输入更新者"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="更新时间">
+                    <el-date-picker
+                        v-model="daterangeUpdateTime"
+                        size="small"
+                        style="width: 240px"
+                        value-format="yyyy-MM-dd"
+                        type="daterange"
+                        range-separator="-"
+                        start-placeholder="开始日期"
+                        end-placeholder="结束日期"
+                    ></el-date-picker>
+                  </el-form-item>
+                  <el-form-item label="备注" prop="remark">
+                    <el-input
+                        v-model="queryParams.remark"
+                        placeholder="请输入备注"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+      <el-form-item>
+        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+    </div>
+    <div class="layui-table-tool" ref="tableTool">
+      <el-button
+        type="primary"
+        size="mini"
+        @click="handleAdd()"
+         v-hasPermi="['tcZz/networkSecurity:tbcz:add']"
+        >新增</el-button
+      >
+      <el-button
+            type="success"
+            size="mini"
+            :disabled="single"
+            @click="handleUpdate"
+            v-hasPermi="['tcZz/networkSecurity:tbcz:edit']"
+        >修改</el-button>
+         <el-button
+            type="danger"
+            size="mini"
+            :disabled="multiple"
+            @click="handleDelete"
+            v-hasPermi="['tcZz/networkSecurity:tbcz:remove']"
+        >删除</el-button>
+      <el-button
+        type="warning"
+        size="mini"
+        :loading="exportLoading"
+        @click="handleExport"
+         v-hasPermi="['tcZz/networkSecurity:tbcz:export']"
+        >导出</el-button
+      >
+    </div>
+    <el-table v-loading="loading" :data="tbczList"  @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="55" align="center" />
+              <el-table-column label="${comment}" align="center" prop="id" />
+              <el-table-column label="区域" align="center" prop="areaId">
+                <template slot-scope="scope">
+                  <dict-tag :options="dict.type.tc_area" :value="scope.row.areaId"/>
+                </template>
+              </el-table-column>
+              <el-table-column label="启用/禁用" align="center" prop="isStatus">
+                <template slot-scope="scope">
+                  <dict-tag :options="dict.type.tc_start" :value="scope.row.isStatus"/>
+                </template>
+              </el-table-column>
+              <el-table-column label="单位名称" align="center" prop="unitName" />
+              <el-table-column label="目标IP/域名" align="center" prop="ipAddress" />
+              <el-table-column label="处置情况" align="center" prop="czState" />
+      <el-table-column label="操作" align="center"  class-name="small-padding fixed-width" width="200"  fixed="right">
+        <template slot-scope="scope">
+          <el-button
+              size="mini"
+              @click="handleInfo(scope.row)"
+              v-hasPermi="['tcZz/networkSecurity:tbcz:list']"
+          >
+            查看
+          </el-button>
+          <el-button
+            type="success"
+            size="mini"
+              @click="handleUpdate(scope.row)"
+              v-hasPermi="['tcZz/networkSecurity:tbcz:edit']"
+          >修改</el-button>
+          <el-button
+              size="mini"
+            type="danger"
+              @click="handleDelete(scope.row)"
+              v-hasPermi="['tcZz/networkSecurity:tbcz:remove']"
+          >删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <pagination
+        v-show="total>0"
+        :total="total"
+        :page.sync="queryParams.pageNum"
+        :limit.sync="queryParams.pageSize"
+        @pagination="getList"
+    />
+
+    <!-- 添加或修改通报处置对话框 -->
+    <el-dialog  :visible.sync="open" width="500px" append-to-body custom-class="dialog-box">
+     <div slot="title" class="dialog-title">{{ title }}</div>
+      <el-form ref="form" :model="form" :rules="rules" label-width="auto" class="dialog-from">
+                        <el-form-item label="区域" prop="areaId">
+                          <el-select v-model="form.areaId" placeholder="请选择区域">
+                            <el-option
+                                v-for="dict in dict.type.tc_area"
+                                :key="dict.value"
+                                :label="dict.label"
+:value="dict.value"
+                            ></el-option>
+                          </el-select>
+                        </el-form-item>
+                        <el-form-item label="启用/禁用" prop="isStatus">
+                          <el-select v-model="form.isStatus" placeholder="请选择启用/禁用">
+                            <el-option
+                                v-for="dict in dict.type.tc_start"
+                                :key="dict.value"
+                                :label="dict.label"
+:value="parseInt(dict.value)"
+                            ></el-option>
+                          </el-select>
+                        </el-form-item>
+                        <el-form-item label="单位名称" prop="unitName">
+                          <el-input v-model="form.unitName" placeholder="请输入单位名称" />
+                        </el-form-item>
+                        <el-form-item label="目标IP/域名" prop="ipAddress">
+                          <el-input v-model="form.ipAddress" placeholder="请输入目标IP/域名" />
+                        </el-form-item>
+                        <el-form-item label="处置情况" prop="czState">
+                          <el-input v-model="form.czState" placeholder="请输入处置情况" />
+                        </el-form-item>
+                        <el-form-item label="文件名称" prop="fileName">
+                          <el-input v-model="form.fileName" placeholder="请输入文件名称" />
+                        </el-form-item>
+                        <el-form-item label="文件路径(完整路径)" prop="fileUrl">
+                          <el-input v-model="form.fileUrl" placeholder="请输入文件路径(完整路径)" />
+                        </el-form-item>
+                        <el-form-item label="备注" prop="remark">
+                          <el-input v-model="form.remark" placeholder="请输入备注" />
+                        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitForm">确 定</el-button>
+        <el-button @click="cancel">取 消</el-button>
+      </div>
+    </el-dialog>
+    <!--查看通报处置详情页-->
+    <el-dialog
+        :visible.sync="infoOpen"
+        width="90%"
+        append-to-body
+        :close-on-click-modal="false"
+        :destroy-on-close="true"
+           custom-class="dialog-box"
+    >
+
+     <div slot="title" class="dialog-title">{{ infoTitle }}</div>
+
+        <el-descriptions title="通报处置"  :column="2" border labelClassName="desLable">
+                      <el-descriptions-item label="区域">{{ form.areaId }}</el-descriptions-item>
+
+                      <el-descriptions-item label="启用/禁用">{{ form.isStatus }}</el-descriptions-item>
+
+                      <el-descriptions-item label="单位名称">{{ form.unitName }}</el-descriptions-item>
+
+                      <el-descriptions-item label="目标IP/域名">{{ form.ipAddress }}</el-descriptions-item>
+
+                      <el-descriptions-item label="处置情况">{{ form.czState }}</el-descriptions-item>
+
+                      <el-descriptions-item label="文件名称">{{ form.fileName }}</el-descriptions-item>
+
+                      <el-descriptions-item label="文件路径(完整路径)">{{ form.fileUrl }}</el-descriptions-item>
+
+                      <el-descriptions-item label="备注">{{ form.remark }}</el-descriptions-item>
+
+        </el-descriptions>
+   
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+  import { listTbcz, getTbcz, delTbcz, addTbcz, updateTbcz, exportTbcz } from "@/api/tcZz/networkSecurity/tbcz";
+  export default {
+    name: "Tbcz",
+    //注释字典
+              dicts: ['tc_area', 'tc_start'],
+    data() {
+      return {
+        tableHeigth: 0,
+        //查看详情
+        infoOpen:false,
+        //详情标题
+        infoTitle:'',
+        // 遮罩层
+        loading: true,
+        // 导出遮罩层
+        exportLoading: false,
+        // 选中数组
+        ids: [],
+        // 非单个禁用
+        single: true,
+        // 非多个禁用
+        multiple: true,
+        // 显示搜索条件
+        showSearch: true,
+        // 总条数
+        total: 0,
+        // 通报处置表格数据
+              tbczList: [],
+        // 弹出层标题
+        title: "",
+        // 是否显示弹出层
+        open: false,
+                // 备注时间范围
+                daterangeCreateTime: [],
+                // 备注时间范围
+                daterangeUpdateTime: [],
+        // 查询参数
+        queryParams: {
+          pageNum: 1,
+          pageSize: 10,
+                        id: null,
+
+                        areaId: null,
+
+                        isStatus: null,
+
+                        unitName: null,
+
+                        ipAddress: null,
+
+                        czState: null,
+
+                        fileName: null,
+
+                        fileUrl: null,
+
+                        createBy: null,
+
+                        createTime: null,
+
+                        updateBy: null,
+
+                        updateTime: null,
+
+                        remark: null,
+
+        },
+        // 表单参数
+        form: {},
+        // 表单校验
+        rules: {
+        }
+      };
+    },
+    created() {
+
+      this.getList();
+
+    },
+    methods: {
+      /** 查询通报处置列表 */
+      getList() {
+        this.loading = true;
+                this.queryParams.params = {};
+                if (null != this.daterangeCreateTime && '' != this.daterangeCreateTime) {
+                  this.queryParams.params["beginCreateTime"] = this.daterangeCreateTime[0];
+                  this.queryParams.params["endCreateTime"] = this.daterangeCreateTime[1];
+                }
+                if (null != this.daterangeUpdateTime && '' != this.daterangeUpdateTime) {
+                  this.queryParams.params["beginUpdateTime"] = this.daterangeUpdateTime[0];
+                  this.queryParams.params["endUpdateTime"] = this.daterangeUpdateTime[1];
+                }
+        listTbcz(this.queryParams).then(response => {
+          this.tbczList = response.rows;
+          this.total = response.total;
+          this.loading = false;
+        });
+      },
+      // 取消按钮
+      cancel() {
+        this.open = false;
+        this.reset();
+      },
+      // 表单重置
+      reset() {
+        this.form = {
+                        id: null,
+
+                        areaId: null,
+
+                        isStatus: null,
+
+                        unitName: null,
+
+                        ipAddress: null,
+
+                        czState: null,
+
+                        fileName: null,
+
+                        fileUrl: null,
+
+                        createBy: null,
+
+                        createTime: null,
+
+                        updateBy: null,
+
+                        updateTime: null,
+
+                        remark: null,
+
+        };
+        this.resetForm("form");
+      },
+      /** 搜索按钮操作 */
+      handleQuery() {
+        this.queryParams.pageNum = 1;
+        this.getList();
+      },
+      /** 重置按钮操作 */
+      resetQuery() {
+                this.daterangeCreateTime = [];
+                this.daterangeUpdateTime = [];
+        this.resetForm("queryForm");
+        this.handleQuery();
+      },
+      // 多选框选中数据
+      handleSelectionChange(selection) {
+        this.ids = selection.map(item => item.id)
+        this.single = selection.length!==1
+        this.multiple = !selection.length
+      },
+      /**查看按钮操作 */
+      handleInfo(row){
+        this.reset();
+        const id = row.id || this.ids
+        getTbcz(id).then(response => {
+          this.form = response.data;
+          this.infoOpen = true;
+          this.infoTitle = "查看通报处置详情"
+        });
+      },
+      /** 新增按钮操作 */
+      handleAdd() {
+        this.reset();
+        this.open = true;
+        this.title = "添加通报处置";
+      },
+      /** 修改按钮操作 */
+      handleUpdate(row) {
+        this.reset();
+        const id = row.id || this.ids
+        getTbcz(id).then(response => {
+          this.form = response.data;
+          this.open = true;
+          this.title = "修改通报处置";
+        });
+      },
+      /** 提交按钮 */
+      submitForm() {
+        this.$refs["form"].validate(valid => {
+          if (valid) {
+            if (this.form.id != null) {
+              updateTbcz(this.form).then(response => {
+                this.$modal.msgSuccess("修改成功");
+                this.open = false;
+                this.getList();
+              });
+            } else {
+              addTbcz(this.form).then(response => {
+                this.$modal.msgSuccess("新增成功");
+                this.open = false;
+                this.getList();
+              });
+            }
+          }
+        });
+      },
+      /** 删除按钮操作 */
+      handleDelete(row) {
+        const ids = row.id || this.ids;
+        this.$confirm('是否确认删除编号为"' + ids + '"的数据项?', "警告", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(function() {
+          return delTbcz(ids);
+        }).then(() => {
+          this.getList();
+          this.msgSuccess("删除成功");
+        }).catch(() => {});
+      },
+      /** 导出按钮操作 */
+      handleExport() {
+        const queryParams = this.queryParams;
+        this.$confirm('是否确认导出所有通报处置数据项?', "警告", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(() => {
+          this.download('/tcZz/networkSecurity/tbcz/export', {
+            ...this.queryParams
+          }, '通报处置_'+ new Date().getTime() +'.xlsx')
+          this.exportLoading = false;
+        }).catch(() => {});
+      }
+    }
+  }
+
+</script>

src/views/tcZz/networkSecurity/tbwc/index.vue

@@ -0,0 +1,477 @@
+<template>
+  <div class="container-main" ref="main">
+  <div class="search-hearder" ref="topSearch">
+    <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="auto">
+                  <el-form-item label="${comment}" prop="id">
+                    <el-input
+                        v-model="queryParams.id"
+                        placeholder="请输入${comment}"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="时间名称" prop="timeName">
+                    <el-input
+                        v-model="queryParams.timeName"
+                        placeholder="请输入时间名称"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="通报数量" prop="tbCount">
+                    <el-input
+                        v-model="queryParams.tbCount"
+                        placeholder="请输入通报数量"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="完成期数" prop="overCount">
+                    <el-input
+                        v-model="queryParams.overCount"
+                        placeholder="请输入完成期数"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="完成比例" prop="overScale">
+                    <el-input
+                        v-model="queryParams.overScale"
+                        placeholder="请输入完成比例"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="年份" prop="year">
+                    <el-date-picker clearable size="small"
+                                    v-model="queryParams.year"
+                                    type="date"
+                                    value-format="yyyy-MM-dd"
+                                    placeholder="选择年份">
+                    </el-date-picker>
+                  </el-form-item>
+                  <el-form-item label="创建者" prop="createBy">
+                    <el-input
+                        v-model="queryParams.createBy"
+                        placeholder="请输入创建者"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="创建时间">
+                    <el-date-picker
+                        v-model="daterangeCreateTime"
+                        size="small"
+                        style="width: 240px"
+                        value-format="yyyy-MM-dd"
+                        type="daterange"
+                        range-separator="-"
+                        start-placeholder="开始日期"
+                        end-placeholder="结束日期"
+                    ></el-date-picker>
+                  </el-form-item>
+                  <el-form-item label="更新者" prop="updateBy">
+                    <el-input
+                        v-model="queryParams.updateBy"
+                        placeholder="请输入更新者"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="更新时间">
+                    <el-date-picker
+                        v-model="daterangeUpdateTime"
+                        size="small"
+                        style="width: 240px"
+                        value-format="yyyy-MM-dd"
+                        type="daterange"
+                        range-separator="-"
+                        start-placeholder="开始日期"
+                        end-placeholder="结束日期"
+                    ></el-date-picker>
+                  </el-form-item>
+                  <el-form-item label="备注" prop="remark">
+                    <el-input
+                        v-model="queryParams.remark"
+                        placeholder="请输入备注"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+      <el-form-item>
+        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+    </div>
+    <div class="layui-table-tool" ref="tableTool">
+      <el-button
+        type="primary"
+        size="mini"
+        @click="handleAdd()"
+         v-hasPermi="['tcZz/networkSecurity:tbwc:add']"
+        >新增</el-button
+      >
+      <el-button
+            type="success"
+            size="mini"
+            :disabled="single"
+            @click="handleUpdate"
+            v-hasPermi="['tcZz/networkSecurity:tbwc:edit']"
+        >修改</el-button>
+         <el-button
+            type="danger"
+            size="mini"
+            :disabled="multiple"
+            @click="handleDelete"
+            v-hasPermi="['tcZz/networkSecurity:tbwc:remove']"
+        >删除</el-button>
+      <el-button
+        type="warning"
+        size="mini"
+        :loading="exportLoading"
+        @click="handleExport"
+         v-hasPermi="['tcZz/networkSecurity:tbwc:export']"
+        >导出</el-button
+      >
+    </div>
+    <el-table v-loading="loading" :data="tbwcList"  @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="55" align="center" />
+              <el-table-column label="${comment}" align="center" prop="id" />
+              <el-table-column label="时间名称" align="center" prop="timeName" />
+              <el-table-column label="通报数量" align="center" prop="tbCount" />
+              <el-table-column label="完成期数" align="center" prop="overCount" />
+              <el-table-column label="完成比例" align="center" prop="overScale" />
+              <el-table-column label="年份" align="center" prop="year" width="180">
+                <template slot-scope="scope">
+                  <span>{{ parseTime(scope.row.year, '{y}-{m}-{d}') }}</span>
+                </template>
+              </el-table-column>
+      <el-table-column label="操作" align="center"  class-name="small-padding fixed-width" width="200"  fixed="right">
+        <template slot-scope="scope">
+          <el-button
+              size="mini"
+              @click="handleInfo(scope.row)"
+              v-hasPermi="['tcZz/networkSecurity:tbwc:list']"
+          >
+            查看
+          </el-button>
+          <el-button
+            type="success"
+            size="mini"
+              @click="handleUpdate(scope.row)"
+              v-hasPermi="['tcZz/networkSecurity:tbwc:edit']"
+          >修改</el-button>
+          <el-button
+              size="mini"
+            type="danger"
+              @click="handleDelete(scope.row)"
+              v-hasPermi="['tcZz/networkSecurity:tbwc:remove']"
+          >删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <pagination
+        v-show="total>0"
+        :total="total"
+        :page.sync="queryParams.pageNum"
+        :limit.sync="queryParams.pageSize"
+        @pagination="getList"
+    />
+
+    <!-- 添加或修改通报完成情况对话框 -->
+    <el-dialog  :visible.sync="open" width="500px" append-to-body custom-class="dialog-box">
+     <div slot="title" class="dialog-title">{{ title }}</div>
+      <el-form ref="form" :model="form" :rules="rules" label-width="auto" class="dialog-from">
+                        <el-form-item label="时间名称" prop="timeName">
+                          <el-input v-model="form.timeName" placeholder="请输入时间名称" />
+                        </el-form-item>
+                        <el-form-item label="通报数量" prop="tbCount">
+                          <el-input v-model="form.tbCount" placeholder="请输入通报数量" />
+                        </el-form-item>
+                        <el-form-item label="完成期数" prop="overCount">
+                          <el-input v-model="form.overCount" placeholder="请输入完成期数" />
+                        </el-form-item>
+                        <el-form-item label="完成比例" prop="overScale">
+                          <el-input v-model="form.overScale" placeholder="请输入完成比例" />
+                        </el-form-item>
+                        <el-form-item label="年份" prop="year">
+                          <el-date-picker clearable size="small"
+                                          v-model="form.year"
+                                          type="date"
+                                          value-format="yyyy-MM-dd"
+                                          placeholder="选择年份">
+                          </el-date-picker>
+                        </el-form-item>
+                        <el-form-item label="备注" prop="remark">
+                          <el-input v-model="form.remark" placeholder="请输入备注" />
+                        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitForm">确 定</el-button>
+        <el-button @click="cancel">取 消</el-button>
+      </div>
+    </el-dialog>
+    <!--查看通报完成情况详情页-->
+    <el-dialog
+        :visible.sync="infoOpen"
+        width="90%"
+        append-to-body
+        :close-on-click-modal="false"
+        :destroy-on-close="true"
+           custom-class="dialog-box"
+    >
+
+     <div slot="title" class="dialog-title">{{ infoTitle }}</div>
+
+        <el-descriptions title="通报完成情况"  :column="2" border labelClassName="desLable">
+                      <el-descriptions-item label="时间名称">{{ form.timeName }}</el-descriptions-item>
+
+                      <el-descriptions-item label="通报数量">{{ form.tbCount }}</el-descriptions-item>
+
+                      <el-descriptions-item label="完成期数">{{ form.overCount }}</el-descriptions-item>
+
+                      <el-descriptions-item label="完成比例">{{ form.overScale }}</el-descriptions-item>
+
+                      <el-descriptions-item label="年份">{{ form.year }}</el-descriptions-item>
+
+                      <el-descriptions-item label="备注">{{ form.remark }}</el-descriptions-item>
+
+        </el-descriptions>
+   
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+  import { listTbwc, getTbwc, delTbwc, addTbwc, updateTbwc, exportTbwc } from "@/api/tcZz/networkSecurity/tbwc";
+  export default {
+    name: "Tbwc",
+    //注释字典
+    data() {
+      return {
+        tableHeigth: 0,
+        //查看详情
+        infoOpen:false,
+        //详情标题
+        infoTitle:'',
+        // 遮罩层
+        loading: true,
+        // 导出遮罩层
+        exportLoading: false,
+        // 选中数组
+        ids: [],
+        // 非单个禁用
+        single: true,
+        // 非多个禁用
+        multiple: true,
+        // 显示搜索条件
+        showSearch: true,
+        // 总条数
+        total: 0,
+        // 通报完成情况表格数据
+              tbwcList: [],
+        // 弹出层标题
+        title: "",
+        // 是否显示弹出层
+        open: false,
+                // 备注时间范围
+                daterangeCreateTime: [],
+                // 备注时间范围
+                daterangeUpdateTime: [],
+        // 查询参数
+        queryParams: {
+          pageNum: 1,
+          pageSize: 10,
+                        id: null,
+
+                        timeName: null,
+
+                        tbCount: null,
+
+                        overCount: null,
+
+                        overScale: null,
+
+                        year: null,
+
+                        createBy: null,
+
+                        createTime: null,
+
+                        updateBy: null,
+
+                        updateTime: null,
+
+                        remark: null,
+
+        },
+        // 表单参数
+        form: {},
+        // 表单校验
+        rules: {
+        }
+      };
+    },
+    created() {
+
+      this.getList();
+
+    },
+    methods: {
+      /** 查询通报完成情况列表 */
+      getList() {
+        this.loading = true;
+                this.queryParams.params = {};
+                if (null != this.daterangeCreateTime && '' != this.daterangeCreateTime) {
+                  this.queryParams.params["beginCreateTime"] = this.daterangeCreateTime[0];
+                  this.queryParams.params["endCreateTime"] = this.daterangeCreateTime[1];
+                }
+                if (null != this.daterangeUpdateTime && '' != this.daterangeUpdateTime) {
+                  this.queryParams.params["beginUpdateTime"] = this.daterangeUpdateTime[0];
+                  this.queryParams.params["endUpdateTime"] = this.daterangeUpdateTime[1];
+                }
+        listTbwc(this.queryParams).then(response => {
+          this.tbwcList = response.rows;
+          this.total = response.total;
+          this.loading = false;
+        });
+      },
+      // 取消按钮
+      cancel() {
+        this.open = false;
+        this.reset();
+      },
+      // 表单重置
+      reset() {
+        this.form = {
+                        id: null,
+
+                        timeName: null,
+
+                        tbCount: null,
+
+                        overCount: null,
+
+                        overScale: null,
+
+                        year: null,
+
+                        createBy: null,
+
+                        createTime: null,
+
+                        updateBy: null,
+
+                        updateTime: null,
+
+                        remark: null,
+
+        };
+        this.resetForm("form");
+      },
+      /** 搜索按钮操作 */
+      handleQuery() {
+        this.queryParams.pageNum = 1;
+        this.getList();
+      },
+      /** 重置按钮操作 */
+      resetQuery() {
+                this.daterangeCreateTime = [];
+                this.daterangeUpdateTime = [];
+        this.resetForm("queryForm");
+        this.handleQuery();
+      },
+      // 多选框选中数据
+      handleSelectionChange(selection) {
+        this.ids = selection.map(item => item.id)
+        this.single = selection.length!==1
+        this.multiple = !selection.length
+      },
+      /**查看按钮操作 */
+      handleInfo(row){
+        this.reset();
+        const id = row.id || this.ids
+        getTbwc(id).then(response => {
+          this.form = response.data;
+          this.infoOpen = true;
+          this.infoTitle = "查看通报完成情况详情"
+        });
+      },
+      /** 新增按钮操作 */
+      handleAdd() {
+        this.reset();
+        this.open = true;
+        this.title = "添加通报完成情况";
+      },
+      /** 修改按钮操作 */
+      handleUpdate(row) {
+        this.reset();
+        const id = row.id || this.ids
+        getTbwc(id).then(response => {
+          this.form = response.data;
+          this.open = true;
+          this.title = "修改通报完成情况";
+        });
+      },
+      /** 提交按钮 */
+      submitForm() {
+        this.$refs["form"].validate(valid => {
+          if (valid) {
+            if (this.form.id != null) {
+              updateTbwc(this.form).then(response => {
+                this.$modal.msgSuccess("修改成功");
+                this.open = false;
+                this.getList();
+              });
+            } else {
+              addTbwc(this.form).then(response => {
+                this.$modal.msgSuccess("新增成功");
+                this.open = false;
+                this.getList();
+              });
+            }
+          }
+        });
+      },
+      /** 删除按钮操作 */
+      handleDelete(row) {
+        const ids = row.id || this.ids;
+        this.$confirm('是否确认删除编号为"' + ids + '"的数据项?', "警告", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(function() {
+          return delTbwc(ids);
+        }).then(() => {
+          this.getList();
+          this.msgSuccess("删除成功");
+        }).catch(() => {});
+      },
+      /** 导出按钮操作 */
+      handleExport() {
+        const queryParams = this.queryParams;
+        this.$confirm('是否确认导出所有通报完成情况数据项?', "警告", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(() => {
+          this.download('/tcZz/networkSecurity/tbwc/export', {
+            ...this.queryParams
+          }, '通报完成情况_'+ new Date().getTime() +'.xlsx')
+          this.exportLoading = false;
+        }).catch(() => {});
+      }
+    }
+  }
+
+</script>

src/views/tcZz/networkSecurity/top5/index.vue

@@ -0,0 +1,413 @@
+<template>
+  <div class="container-main" ref="main">
+  <div class="search-hearder" ref="topSearch">
+    <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="auto">
+                  <el-form-item label="${comment}" prop="id">
+                    <el-input
+                        v-model="queryParams.id"
+                        placeholder="请输入${comment}"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="受攻击IP" prop="sAttackIp">
+                    <el-input
+                        v-model="queryParams.sAttackIp"
+                        placeholder="请输入受攻击IP"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="受攻击次数" prop="sAttackCount">
+                    <el-input
+                        v-model="queryParams.sAttackCount"
+                        placeholder="请输入受攻击次数"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="创建者" prop="createBy">
+                    <el-input
+                        v-model="queryParams.createBy"
+                        placeholder="请输入创建者"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="创建时间">
+                    <el-date-picker
+                        v-model="daterangeCreateTime"
+                        size="small"
+                        style="width: 240px"
+                        value-format="yyyy-MM-dd"
+                        type="daterange"
+                        range-separator="-"
+                        start-placeholder="开始日期"
+                        end-placeholder="结束日期"
+                    ></el-date-picker>
+                  </el-form-item>
+                  <el-form-item label="更新者" prop="updateBy">
+                    <el-input
+                        v-model="queryParams.updateBy"
+                        placeholder="请输入更新者"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="更新时间">
+                    <el-date-picker
+                        v-model="daterangeUpdateTime"
+                        size="small"
+                        style="width: 240px"
+                        value-format="yyyy-MM-dd"
+                        type="daterange"
+                        range-separator="-"
+                        start-placeholder="开始日期"
+                        end-placeholder="结束日期"
+                    ></el-date-picker>
+                  </el-form-item>
+                  <el-form-item label="备注" prop="remark">
+                    <el-input
+                        v-model="queryParams.remark"
+                        placeholder="请输入备注"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+      <el-form-item>
+        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+    </div>
+    <div class="layui-table-tool" ref="tableTool">
+      <el-button
+        type="primary"
+        size="mini"
+        @click="handleAdd()"
+         v-hasPermi="['tcZz/networkSecurity:top5:add']"
+        >新增</el-button
+      >
+      <el-button
+            type="success"
+            size="mini"
+            :disabled="single"
+            @click="handleUpdate"
+            v-hasPermi="['tcZz/networkSecurity:top5:edit']"
+        >修改</el-button>
+         <el-button
+            type="danger"
+            size="mini"
+            :disabled="multiple"
+            @click="handleDelete"
+            v-hasPermi="['tcZz/networkSecurity:top5:remove']"
+        >删除</el-button>
+      <el-button
+        type="warning"
+        size="mini"
+        :loading="exportLoading"
+        @click="handleExport"
+         v-hasPermi="['tcZz/networkSecurity:top5:export']"
+        >导出</el-button
+      >
+    </div>
+    <el-table v-loading="loading" :data="top5List"  @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="55" align="center" />
+              <el-table-column label="${comment}" align="center" prop="id" />
+              <el-table-column label="受攻击IP" align="center" prop="sAttackIp" />
+              <el-table-column label="受攻击次数" align="center" prop="sAttackCount" />
+              <el-table-column label="备注" align="center" prop="remark" />
+      <el-table-column label="操作" align="center"  class-name="small-padding fixed-width" width="200"  fixed="right">
+        <template slot-scope="scope">
+          <el-button
+              size="mini"
+              @click="handleInfo(scope.row)"
+              v-hasPermi="['tcZz/networkSecurity:top5:list']"
+          >
+            查看
+          </el-button>
+          <el-button
+            type="success"
+            size="mini"
+              @click="handleUpdate(scope.row)"
+              v-hasPermi="['tcZz/networkSecurity:top5:edit']"
+          >修改</el-button>
+          <el-button
+              size="mini"
+            type="danger"
+              @click="handleDelete(scope.row)"
+              v-hasPermi="['tcZz/networkSecurity:top5:remove']"
+          >删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <pagination
+        v-show="total>0"
+        :total="total"
+        :page.sync="queryParams.pageNum"
+        :limit.sync="queryParams.pageSize"
+        @pagination="getList"
+    />
+
+    <!-- 添加或修改受攻击IPTOP5对话框 -->
+    <el-dialog  :visible.sync="open" width="500px" append-to-body custom-class="dialog-box">
+     <div slot="title" class="dialog-title">{{ title }}</div>
+      <el-form ref="form" :model="form" :rules="rules" label-width="auto" class="dialog-from">
+                        <el-form-item label="受攻击IP" prop="sAttackIp">
+                          <el-input v-model="form.sAttackIp" placeholder="请输入受攻击IP" />
+                        </el-form-item>
+                        <el-form-item label="受攻击次数" prop="sAttackCount">
+                          <el-input v-model="form.sAttackCount" placeholder="请输入受攻击次数" />
+                        </el-form-item>
+                        <el-form-item label="备注" prop="remark">
+                          <el-input v-model="form.remark" placeholder="请输入备注" />
+                        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitForm">确 定</el-button>
+        <el-button @click="cancel">取 消</el-button>
+      </div>
+    </el-dialog>
+    <!--查看受攻击IPTOP5详情页-->
+    <el-dialog
+        :visible.sync="infoOpen"
+        width="90%"
+        append-to-body
+        :close-on-click-modal="false"
+        :destroy-on-close="true"
+           custom-class="dialog-box"
+    >
+
+     <div slot="title" class="dialog-title">{{ infoTitle }}</div>
+
+        <el-descriptions title="受攻击IPTOP5"  :column="2" border labelClassName="desLable">
+                      <el-descriptions-item label="受攻击IP">{{ form.sAttackIp }}</el-descriptions-item>
+
+                      <el-descriptions-item label="受攻击次数">{{ form.sAttackCount }}</el-descriptions-item>
+
+                      <el-descriptions-item label="备注">{{ form.remark }}</el-descriptions-item>
+
+        </el-descriptions>
+   
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+  import { listTop5, getTop5, delTop5, addTop5, updateTop5, exportTop5 } from "@/api/tcZz/networkSecurity/top5";
+  export default {
+    name: "Top5",
+    //注释字典
+    data() {
+      return {
+        tableHeigth: 0,
+        //查看详情
+        infoOpen:false,
+        //详情标题
+        infoTitle:'',
+        // 遮罩层
+        loading: true,
+        // 导出遮罩层
+        exportLoading: false,
+        // 选中数组
+        ids: [],
+        // 非单个禁用
+        single: true,
+        // 非多个禁用
+        multiple: true,
+        // 显示搜索条件
+        showSearch: true,
+        // 总条数
+        total: 0,
+        // 受攻击IPTOP5表格数据
+              top5List: [],
+        // 弹出层标题
+        title: "",
+        // 是否显示弹出层
+        open: false,
+                // 备注时间范围
+                daterangeCreateTime: [],
+                // 备注时间范围
+                daterangeUpdateTime: [],
+        // 查询参数
+        queryParams: {
+          pageNum: 1,
+          pageSize: 10,
+                        id: null,
+
+                        sAttackIp: null,
+
+                        sAttackCount: null,
+
+                        createBy: null,
+
+                        createTime: null,
+
+                        updateBy: null,
+
+                        updateTime: null,
+
+                        remark: null,
+
+        },
+        // 表单参数
+        form: {},
+        // 表单校验
+        rules: {
+        }
+      };
+    },
+    created() {
+
+      this.getList();
+
+    },
+    methods: {
+      /** 查询受攻击IPTOP5列表 */
+      getList() {
+        this.loading = true;
+                this.queryParams.params = {};
+                if (null != this.daterangeCreateTime && '' != this.daterangeCreateTime) {
+                  this.queryParams.params["beginCreateTime"] = this.daterangeCreateTime[0];
+                  this.queryParams.params["endCreateTime"] = this.daterangeCreateTime[1];
+                }
+                if (null != this.daterangeUpdateTime && '' != this.daterangeUpdateTime) {
+                  this.queryParams.params["beginUpdateTime"] = this.daterangeUpdateTime[0];
+                  this.queryParams.params["endUpdateTime"] = this.daterangeUpdateTime[1];
+                }
+        listTop5(this.queryParams).then(response => {
+          this.top5List = response.rows;
+          this.total = response.total;
+          this.loading = false;
+        });
+      },
+      // 取消按钮
+      cancel() {
+        this.open = false;
+        this.reset();
+      },
+      // 表单重置
+      reset() {
+        this.form = {
+                        id: null,
+
+                        sAttackIp: null,
+
+                        sAttackCount: null,
+
+                        createBy: null,
+
+                        createTime: null,
+
+                        updateBy: null,
+
+                        updateTime: null,
+
+                        remark: null,
+
+        };
+        this.resetForm("form");
+      },
+      /** 搜索按钮操作 */
+      handleQuery() {
+        this.queryParams.pageNum = 1;
+        this.getList();
+      },
+      /** 重置按钮操作 */
+      resetQuery() {
+                this.daterangeCreateTime = [];
+                this.daterangeUpdateTime = [];
+        this.resetForm("queryForm");
+        this.handleQuery();
+      },
+      // 多选框选中数据
+      handleSelectionChange(selection) {
+        this.ids = selection.map(item => item.id)
+        this.single = selection.length!==1
+        this.multiple = !selection.length
+      },
+      /**查看按钮操作 */
+      handleInfo(row){
+        this.reset();
+        const id = row.id || this.ids
+        getTop5(id).then(response => {
+          this.form = response.data;
+          this.infoOpen = true;
+          this.infoTitle = "查看受攻击IPTOP5详情"
+        });
+      },
+      /** 新增按钮操作 */
+      handleAdd() {
+        this.reset();
+        this.open = true;
+        this.title = "添加受攻击IPTOP5";
+      },
+      /** 修改按钮操作 */
+      handleUpdate(row) {
+        this.reset();
+        const id = row.id || this.ids
+        getTop5(id).then(response => {
+          this.form = response.data;
+          this.open = true;
+          this.title = "修改受攻击IPTOP5";
+        });
+      },
+      /** 提交按钮 */
+      submitForm() {
+        this.$refs["form"].validate(valid => {
+          if (valid) {
+            if (this.form.id != null) {
+              updateTop5(this.form).then(response => {
+                this.$modal.msgSuccess("修改成功");
+                this.open = false;
+                this.getList();
+              });
+            } else {
+              addTop5(this.form).then(response => {
+                this.$modal.msgSuccess("新增成功");
+                this.open = false;
+                this.getList();
+              });
+            }
+          }
+        });
+      },
+      /** 删除按钮操作 */
+      handleDelete(row) {
+        const ids = row.id || this.ids;
+        this.$confirm('是否确认删除编号为"' + ids + '"的数据项?', "警告", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(function() {
+          return delTop5(ids);
+        }).then(() => {
+          this.getList();
+          this.msgSuccess("删除成功");
+        }).catch(() => {});
+      },
+      /** 导出按钮操作 */
+      handleExport() {
+        const queryParams = this.queryParams;
+        this.$confirm('是否确认导出所有受攻击IPTOP5数据项?', "警告", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(() => {
+          this.download('/tcZz/networkSecurity/top5/export', {
+            ...this.queryParams
+          }, '受攻击IPTOP5_'+ new Date().getTime() +'.xlsx')
+          this.exportLoading = false;
+        }).catch(() => {});
+      }
+    }
+  }
+
+</script>

src/views/tcZz/networkSecurity/wljgtj/index.vue

@@ -0,0 +1,450 @@
+<template>
+  <div class="container-main" ref="main">
+  <div class="search-hearder" ref="topSearch">
+    <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="auto">
+                  <el-form-item label="${comment}" prop="id">
+                    <el-input
+                        v-model="queryParams.id"
+                        placeholder="请输入${comment}"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="网络攻击(万次)" prop="netAttack">
+                    <el-input
+                        v-model="queryParams.netAttack"
+                        placeholder="请输入网络攻击(万次)"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="入侵攻击" prop="rqAttack">
+                    <el-input
+                        v-model="queryParams.rqAttack"
+                        placeholder="请输入入侵攻击"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="恶意扫描" prop="smAttack">
+                    <el-input
+                        v-model="queryParams.smAttack"
+                        placeholder="请输入恶意扫描"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="僵木蠕病毒" prop="bdAttack">
+                    <el-input
+                        v-model="queryParams.bdAttack"
+                        placeholder="请输入僵木蠕病毒"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="创建者" prop="createBy">
+                    <el-input
+                        v-model="queryParams.createBy"
+                        placeholder="请输入创建者"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="创建时间">
+                    <el-date-picker
+                        v-model="daterangeCreateTime"
+                        size="small"
+                        style="width: 240px"
+                        value-format="yyyy-MM-dd"
+                        type="daterange"
+                        range-separator="-"
+                        start-placeholder="开始日期"
+                        end-placeholder="结束日期"
+                    ></el-date-picker>
+                  </el-form-item>
+                  <el-form-item label="更新者" prop="updateBy">
+                    <el-input
+                        v-model="queryParams.updateBy"
+                        placeholder="请输入更新者"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="更新时间">
+                    <el-date-picker
+                        v-model="daterangeUpdateTime"
+                        size="small"
+                        style="width: 240px"
+                        value-format="yyyy-MM-dd"
+                        type="daterange"
+                        range-separator="-"
+                        start-placeholder="开始日期"
+                        end-placeholder="结束日期"
+                    ></el-date-picker>
+                  </el-form-item>
+                  <el-form-item label="备注" prop="remark">
+                    <el-input
+                        v-model="queryParams.remark"
+                        placeholder="请输入备注"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+      <el-form-item>
+        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+    </div>
+    <div class="layui-table-tool" ref="tableTool">
+      <el-button
+        type="primary"
+        size="mini"
+        @click="handleAdd()"
+         v-hasPermi="['tcZz/networkSecurity:wljgtj:add']"
+        >新增</el-button
+      >
+      <el-button
+            type="success"
+            size="mini"
+            :disabled="single"
+            @click="handleUpdate"
+            v-hasPermi="['tcZz/networkSecurity:wljgtj:edit']"
+        >修改</el-button>
+         <el-button
+            type="danger"
+            size="mini"
+            :disabled="multiple"
+            @click="handleDelete"
+            v-hasPermi="['tcZz/networkSecurity:wljgtj:remove']"
+        >删除</el-button>
+      <el-button
+        type="warning"
+        size="mini"
+        :loading="exportLoading"
+        @click="handleExport"
+         v-hasPermi="['tcZz/networkSecurity:wljgtj:export']"
+        >导出</el-button
+      >
+    </div>
+    <el-table v-loading="loading" :data="wljgtjList"  @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="55" align="center" />
+              <el-table-column label="${comment}" align="center" prop="id" />
+              <el-table-column label="网络攻击(万次)" align="center" prop="netAttack" />
+              <el-table-column label="入侵攻击" align="center" prop="rqAttack" />
+              <el-table-column label="恶意扫描" align="center" prop="smAttack" />
+              <el-table-column label="僵木蠕病毒" align="center" prop="bdAttack" />
+      <el-table-column label="操作" align="center"  class-name="small-padding fixed-width" width="200"  fixed="right">
+        <template slot-scope="scope">
+          <el-button
+              size="mini"
+              @click="handleInfo(scope.row)"
+              v-hasPermi="['tcZz/networkSecurity:wljgtj:list']"
+          >
+            查看
+          </el-button>
+          <el-button
+            type="success"
+            size="mini"
+              @click="handleUpdate(scope.row)"
+              v-hasPermi="['tcZz/networkSecurity:wljgtj:edit']"
+          >修改</el-button>
+          <el-button
+              size="mini"
+            type="danger"
+              @click="handleDelete(scope.row)"
+              v-hasPermi="['tcZz/networkSecurity:wljgtj:remove']"
+          >删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <pagination
+        v-show="total>0"
+        :total="total"
+        :page.sync="queryParams.pageNum"
+        :limit.sync="queryParams.pageSize"
+        @pagination="getList"
+    />
+
+    <!-- 添加或修改网络监测统计对话框 -->
+    <el-dialog  :visible.sync="open" width="500px" append-to-body custom-class="dialog-box">
+     <div slot="title" class="dialog-title">{{ title }}</div>
+      <el-form ref="form" :model="form" :rules="rules" label-width="auto" class="dialog-from">
+                        <el-form-item label="网络攻击(万次)" prop="netAttack">
+                          <el-input v-model="form.netAttack" placeholder="请输入网络攻击(万次)" />
+                        </el-form-item>
+                        <el-form-item label="入侵攻击" prop="rqAttack">
+                          <el-input v-model="form.rqAttack" placeholder="请输入入侵攻击" />
+                        </el-form-item>
+                        <el-form-item label="恶意扫描" prop="smAttack">
+                          <el-input v-model="form.smAttack" placeholder="请输入恶意扫描" />
+                        </el-form-item>
+                        <el-form-item label="僵木蠕病毒" prop="bdAttack">
+                          <el-input v-model="form.bdAttack" placeholder="请输入僵木蠕病毒" />
+                        </el-form-item>
+                        <el-form-item label="备注" prop="remark">
+                          <el-input v-model="form.remark" placeholder="请输入备注" />
+                        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitForm">确 定</el-button>
+        <el-button @click="cancel">取 消</el-button>
+      </div>
+    </el-dialog>
+    <!--查看网络监测统计详情页-->
+    <el-dialog
+        :visible.sync="infoOpen"
+        width="90%"
+        append-to-body
+        :close-on-click-modal="false"
+        :destroy-on-close="true"
+           custom-class="dialog-box"
+    >
+
+     <div slot="title" class="dialog-title">{{ infoTitle }}</div>
+
+        <el-descriptions title="网络监测统计"  :column="2" border labelClassName="desLable">
+                      <el-descriptions-item label="网络攻击(万次)">{{ form.netAttack }}</el-descriptions-item>
+
+                      <el-descriptions-item label="入侵攻击">{{ form.rqAttack }}</el-descriptions-item>
+
+                      <el-descriptions-item label="恶意扫描">{{ form.smAttack }}</el-descriptions-item>
+
+                      <el-descriptions-item label="僵木蠕病毒">{{ form.bdAttack }}</el-descriptions-item>
+
+                      <el-descriptions-item label="备注">{{ form.remark }}</el-descriptions-item>
+
+        </el-descriptions>
+   
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+  import { listWljgtj, getWljgtj, delWljgtj, addWljgtj, updateWljgtj, exportWljgtj } from "@/api/tcZz/networkSecurity/wljgtj";
+  export default {
+    name: "Wljgtj",
+    //注释字典
+    data() {
+      return {
+        tableHeigth: 0,
+        //查看详情
+        infoOpen:false,
+        //详情标题
+        infoTitle:'',
+        // 遮罩层
+        loading: true,
+        // 导出遮罩层
+        exportLoading: false,
+        // 选中数组
+        ids: [],
+        // 非单个禁用
+        single: true,
+        // 非多个禁用
+        multiple: true,
+        // 显示搜索条件
+        showSearch: true,
+        // 总条数
+        total: 0,
+        // 网络监测统计表格数据
+              wljgtjList: [],
+        // 弹出层标题
+        title: "",
+        // 是否显示弹出层
+        open: false,
+                // 备注时间范围
+                daterangeCreateTime: [],
+                // 备注时间范围
+                daterangeUpdateTime: [],
+        // 查询参数
+        queryParams: {
+          pageNum: 1,
+          pageSize: 10,
+                        id: null,
+
+                        netAttack: null,
+
+                        rqAttack: null,
+
+                        smAttack: null,
+
+                        bdAttack: null,
+
+                        createBy: null,
+
+                        createTime: null,
+
+                        updateBy: null,
+
+                        updateTime: null,
+
+                        remark: null,
+
+        },
+        // 表单参数
+        form: {},
+        // 表单校验
+        rules: {
+        }
+      };
+    },
+    created() {
+
+      this.getList();
+
+    },
+    methods: {
+      /** 查询网络监测统计列表 */
+      getList() {
+        this.loading = true;
+                this.queryParams.params = {};
+                if (null != this.daterangeCreateTime && '' != this.daterangeCreateTime) {
+                  this.queryParams.params["beginCreateTime"] = this.daterangeCreateTime[0];
+                  this.queryParams.params["endCreateTime"] = this.daterangeCreateTime[1];
+                }
+                if (null != this.daterangeUpdateTime && '' != this.daterangeUpdateTime) {
+                  this.queryParams.params["beginUpdateTime"] = this.daterangeUpdateTime[0];
+                  this.queryParams.params["endUpdateTime"] = this.daterangeUpdateTime[1];
+                }
+        listWljgtj(this.queryParams).then(response => {
+          this.wljgtjList = response.rows;
+          this.total = response.total;
+          this.loading = false;
+        });
+      },
+      // 取消按钮
+      cancel() {
+        this.open = false;
+        this.reset();
+      },
+      // 表单重置
+      reset() {
+        this.form = {
+                        id: null,
+
+                        netAttack: null,
+
+                        rqAttack: null,
+
+                        smAttack: null,
+
+                        bdAttack: null,
+
+                        createBy: null,
+
+                        createTime: null,
+
+                        updateBy: null,
+
+                        updateTime: null,
+
+                        remark: null,
+
+        };
+        this.resetForm("form");
+      },
+      /** 搜索按钮操作 */
+      handleQuery() {
+        this.queryParams.pageNum = 1;
+        this.getList();
+      },
+      /** 重置按钮操作 */
+      resetQuery() {
+                this.daterangeCreateTime = [];
+                this.daterangeUpdateTime = [];
+        this.resetForm("queryForm");
+        this.handleQuery();
+      },
+      // 多选框选中数据
+      handleSelectionChange(selection) {
+        this.ids = selection.map(item => item.id)
+        this.single = selection.length!==1
+        this.multiple = !selection.length
+      },
+      /**查看按钮操作 */
+      handleInfo(row){
+        this.reset();
+        const id = row.id || this.ids
+        getWljgtj(id).then(response => {
+          this.form = response.data;
+          this.infoOpen = true;
+          this.infoTitle = "查看网络监测统计详情"
+        });
+      },
+      /** 新增按钮操作 */
+      handleAdd() {
+        this.reset();
+        this.open = true;
+        this.title = "添加网络监测统计";
+      },
+      /** 修改按钮操作 */
+      handleUpdate(row) {
+        this.reset();
+        const id = row.id || this.ids
+        getWljgtj(id).then(response => {
+          this.form = response.data;
+          this.open = true;
+          this.title = "修改网络监测统计";
+        });
+      },
+      /** 提交按钮 */
+      submitForm() {
+        this.$refs["form"].validate(valid => {
+          if (valid) {
+            if (this.form.id != null) {
+              updateWljgtj(this.form).then(response => {
+                this.$modal.msgSuccess("修改成功");
+                this.open = false;
+                this.getList();
+              });
+            } else {
+              addWljgtj(this.form).then(response => {
+                this.$modal.msgSuccess("新增成功");
+                this.open = false;
+                this.getList();
+              });
+            }
+          }
+        });
+      },
+      /** 删除按钮操作 */
+      handleDelete(row) {
+        const ids = row.id || this.ids;
+        this.$confirm('是否确认删除编号为"' + ids + '"的数据项?', "警告", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(function() {
+          return delWljgtj(ids);
+        }).then(() => {
+          this.getList();
+          this.msgSuccess("删除成功");
+        }).catch(() => {});
+      },
+      /** 导出按钮操作 */
+      handleExport() {
+        const queryParams = this.queryParams;
+        this.$confirm('是否确认导出所有网络监测统计数据项?', "警告", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(() => {
+          this.download('/tcZz/networkSecurity/wljgtj/export', {
+            ...this.queryParams
+          }, '网络监测统计_'+ new Date().getTime() +'.xlsx')
+          this.exportLoading = false;
+        }).catch(() => {});
+      }
+    }
+  }
+
+</script>

src/views/tcZz/networkSecurity/xtjc/index.vue

@@ -0,0 +1,488 @@
+<template>
+  <div class="container-main" ref="main">
+  <div class="search-hearder" ref="topSearch">
+    <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="auto">
+                  <el-form-item label="${comment}" prop="id">
+                    <el-input
+                        v-model="queryParams.id"
+                        placeholder="请输入${comment}"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="区域" prop="areaId">
+                    <el-select v-model="queryParams.areaId" placeholder="请选择区域" clearable size="small">
+                      <el-option
+                          v-for="dict in dict.type.tc_area"
+                          :key="dict.value"
+                          :label="dict.label"
+                          :value="dict.value"
+                      />
+                    </el-select>
+                  </el-form-item>
+                  <el-form-item label="启用/禁用" prop="isStatus">
+                    <el-select v-model="queryParams.isStatus" placeholder="请选择启用/禁用" clearable size="small">
+                      <el-option
+                          v-for="dict in dict.type.tc_start"
+                          :key="dict.value"
+                          :label="dict.label"
+                          :value="dict.value"
+                      />
+                    </el-select>
+                  </el-form-item>
+                  <el-form-item label="单位名称" prop="unitName">
+                    <el-input
+                        v-model="queryParams.unitName"
+                        placeholder="请输入单位名称"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="网站/系统名称" prop="systemName">
+                    <el-input
+                        v-model="queryParams.systemName"
+                        placeholder="请输入网站/系统名称"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="网站地址" prop="systemUrl">
+                    <el-input
+                        v-model="queryParams.systemUrl"
+                        placeholder="请输入网站地址"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="IP地址" prop="sysyemIp">
+                    <el-input
+                        v-model="queryParams.sysyemIp"
+                        placeholder="请输入IP地址"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="是否关注重点" prop="isFocus">
+                    <el-input
+                        v-model="queryParams.isFocus"
+                        placeholder="请输入是否关注重点"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="等保级别" prop="level">
+                    <el-input
+                        v-model="queryParams.level"
+                        placeholder="请输入等保级别"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+      <el-form-item>
+        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+    </div>
+    <div class="layui-table-tool" ref="tableTool">
+      <el-button
+        type="primary"
+        size="mini"
+        @click="handleAdd()"
+         v-hasPermi="['tcZz/networkSecurity:xtjc:add']"
+        >新增</el-button
+      >
+      <el-button
+            type="success"
+            size="mini"
+            :disabled="single"
+            @click="handleUpdate"
+            v-hasPermi="['tcZz/networkSecurity:xtjc:edit']"
+        >修改</el-button>
+         <el-button
+            type="danger"
+            size="mini"
+            :disabled="multiple"
+            @click="handleDelete"
+            v-hasPermi="['tcZz/networkSecurity:xtjc:remove']"
+        >删除</el-button>
+      <el-button
+        type="warning"
+        size="mini"
+        :loading="exportLoading"
+        @click="handleExport"
+         v-hasPermi="['tcZz/networkSecurity:xtjc:export']"
+        >导出</el-button
+      >
+    </div>
+    <el-table v-loading="loading" :data="xtjcList"  @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="55" align="center" />
+              <el-table-column label="${comment}" align="center" prop="id" />
+              <el-table-column label="区域" align="center" prop="areaId">
+                <template slot-scope="scope">
+                  <dict-tag :options="dict.type.tc_area" :value="scope.row.areaId"/>
+                </template>
+              </el-table-column>
+              <el-table-column label="启用/禁用" align="center" prop="isStatus">
+                <template slot-scope="scope">
+                  <dict-tag :options="dict.type.tc_start" :value="scope.row.isStatus"/>
+                </template>
+              </el-table-column>
+              <el-table-column label="单位名称" align="center" prop="unitName" />
+              <el-table-column label="网站/系统名称" align="center" prop="systemName" />
+              <el-table-column label="是否关注重点" align="center" prop="isFocus" />
+              <el-table-column label="等保级别" align="center" prop="level" />
+      <el-table-column label="操作" align="center"  class-name="small-padding fixed-width" width="200"  fixed="right">
+        <template slot-scope="scope">
+          <el-button
+              size="mini"
+              @click="handleInfo(scope.row)"
+              v-hasPermi="['tcZz/networkSecurity:xtjc:list']"
+          >
+            查看
+          </el-button>
+          <el-button
+            type="success"
+            size="mini"
+              @click="handleUpdate(scope.row)"
+              v-hasPermi="['tcZz/networkSecurity:xtjc:edit']"
+          >修改</el-button>
+          <el-button
+              size="mini"
+            type="danger"
+              @click="handleDelete(scope.row)"
+              v-hasPermi="['tcZz/networkSecurity:xtjc:remove']"
+          >删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <pagination
+        v-show="total>0"
+        :total="total"
+        :page.sync="queryParams.pageNum"
+        :limit.sync="queryParams.pageSize"
+        @pagination="getList"
+    />
+
+    <!-- 添加或修改系统监测对话框 -->
+    <el-dialog  :visible.sync="open" width="500px" append-to-body custom-class="dialog-box">
+     <div slot="title" class="dialog-title">{{ title }}</div>
+      <el-form ref="form" :model="form" :rules="rules" label-width="auto" class="dialog-from">
+                        <el-form-item label="区域" prop="areaId">
+                          <el-select v-model="form.areaId" placeholder="请选择区域">
+                            <el-option
+                                v-for="dict in dict.type.tc_area"
+                                :key="dict.value"
+                                :label="dict.label"
+:value="dict.value"
+                            ></el-option>
+                          </el-select>
+                        </el-form-item>
+                        <el-form-item label="启用/禁用" prop="isStatus">
+                          <el-select v-model="form.isStatus" placeholder="请选择启用/禁用">
+                            <el-option
+                                v-for="dict in dict.type.tc_start"
+                                :key="dict.value"
+                                :label="dict.label"
+:value="parseInt(dict.value)"
+                            ></el-option>
+                          </el-select>
+                        </el-form-item>
+                        <el-form-item label="单位名称" prop="unitName">
+                          <el-input v-model="form.unitName" placeholder="请输入单位名称" />
+                        </el-form-item>
+                        <el-form-item label="网站/系统名称" prop="systemName">
+                          <el-input v-model="form.systemName" placeholder="请输入网站/系统名称" />
+                        </el-form-item>
+                        <el-form-item label="网站地址" prop="systemUrl">
+                          <el-input v-model="form.systemUrl" placeholder="请输入网站地址" />
+                        </el-form-item>
+                        <el-form-item label="IP地址" prop="sysyemIp">
+                          <el-input v-model="form.sysyemIp" placeholder="请输入IP地址" />
+                        </el-form-item>
+                        <el-form-item label="是否关注重点" prop="isFocus">
+                          <el-input v-model="form.isFocus" placeholder="请输入是否关注重点" />
+                        </el-form-item>
+                        <el-form-item label="等保级别" prop="level">
+                          <el-input v-model="form.level" placeholder="请输入等保级别" />
+                        </el-form-item>
+                        <el-form-item label="备注" prop="remark">
+                          <el-input v-model="form.remark" placeholder="请输入备注" />
+                        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitForm">确 定</el-button>
+        <el-button @click="cancel">取 消</el-button>
+      </div>
+    </el-dialog>
+    <!--查看系统监测详情页-->
+    <el-dialog
+        :visible.sync="infoOpen"
+        width="90%"
+        append-to-body
+        :close-on-click-modal="false"
+        :destroy-on-close="true"
+           custom-class="dialog-box"
+    >
+
+     <div slot="title" class="dialog-title">{{ infoTitle }}</div>
+
+        <el-descriptions title="系统监测"  :column="2" border labelClassName="desLable">
+                      <el-descriptions-item label="区域">{{ form.areaId }}</el-descriptions-item>
+
+                      <el-descriptions-item label="启用/禁用">{{ form.isStatus }}</el-descriptions-item>
+
+                      <el-descriptions-item label="单位名称">{{ form.unitName }}</el-descriptions-item>
+
+                      <el-descriptions-item label="网站/系统名称">{{ form.systemName }}</el-descriptions-item>
+
+                      <el-descriptions-item label="网站地址">{{ form.systemUrl }}</el-descriptions-item>
+
+                      <el-descriptions-item label="IP地址">{{ form.sysyemIp }}</el-descriptions-item>
+
+                      <el-descriptions-item label="是否关注重点">{{ form.isFocus }}</el-descriptions-item>
+
+                      <el-descriptions-item label="等保级别">{{ form.level }}</el-descriptions-item>
+
+                      <el-descriptions-item label="备注">{{ form.remark }}</el-descriptions-item>
+
+        </el-descriptions>
+   
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+  import { listXtjc, getXtjc, delXtjc, addXtjc, updateXtjc, exportXtjc } from "@/api/tcZz/networkSecurity/xtjc";
+  export default {
+    name: "Xtjc",
+    //注释字典
+              dicts: ['tc_area', 'tc_start'],
+    data() {
+      return {
+        tableHeigth: 0,
+        //查看详情
+        infoOpen:false,
+        //详情标题
+        infoTitle:'',
+        // 遮罩层
+        loading: true,
+        // 导出遮罩层
+        exportLoading: false,
+        // 选中数组
+        ids: [],
+        // 非单个禁用
+        single: true,
+        // 非多个禁用
+        multiple: true,
+        // 显示搜索条件
+        showSearch: true,
+        // 总条数
+        total: 0,
+        // 系统监测表格数据
+              xtjcList: [],
+        // 弹出层标题
+        title: "",
+        // 是否显示弹出层
+        open: false,
+                // 备注时间范围
+                daterangeCreateTime: [],
+                // 备注时间范围
+                daterangeUpdateTime: [],
+        // 查询参数
+        queryParams: {
+          pageNum: 1,
+          pageSize: 10,
+                        id: null,
+
+                        areaId: null,
+
+                        isStatus: null,
+
+                        unitName: null,
+
+                        systemName: null,
+
+                        systemUrl: null,
+
+                        sysyemIp: null,
+
+                        isFocus: null,
+
+                        level: null,
+
+        },
+        // 表单参数
+        form: {},
+        // 表单校验
+        rules: {
+        }
+      };
+    },
+    created() {
+
+      this.getList();
+
+    },
+    methods: {
+      /** 查询系统监测列表 */
+      getList() {
+        this.loading = true;
+                this.queryParams.params = {};
+                if (null != this.daterangeCreateTime && '' != this.daterangeCreateTime) {
+                  this.queryParams.params["beginCreateTime"] = this.daterangeCreateTime[0];
+                  this.queryParams.params["endCreateTime"] = this.daterangeCreateTime[1];
+                }
+                if (null != this.daterangeUpdateTime && '' != this.daterangeUpdateTime) {
+                  this.queryParams.params["beginUpdateTime"] = this.daterangeUpdateTime[0];
+                  this.queryParams.params["endUpdateTime"] = this.daterangeUpdateTime[1];
+                }
+        listXtjc(this.queryParams).then(response => {
+          this.xtjcList = response.rows;
+          this.total = response.total;
+          this.loading = false;
+        });
+      },
+      // 取消按钮
+      cancel() {
+        this.open = false;
+        this.reset();
+      },
+      // 表单重置
+      reset() {
+        this.form = {
+                        id: null,
+
+                        areaId: null,
+
+                        isStatus: null,
+
+                        unitName: null,
+
+                        systemName: null,
+
+                        systemUrl: null,
+
+                        sysyemIp: null,
+
+                        isFocus: null,
+
+                        level: null,
+
+                        createBy: null,
+
+                        createTime: null,
+
+                        updateBy: null,
+
+                        updateTime: null,
+
+                        remark: null,
+
+        };
+        this.resetForm("form");
+      },
+      /** 搜索按钮操作 */
+      handleQuery() {
+        this.queryParams.pageNum = 1;
+        this.getList();
+      },
+      /** 重置按钮操作 */
+      resetQuery() {
+                this.daterangeCreateTime = [];
+                this.daterangeUpdateTime = [];
+        this.resetForm("queryForm");
+        this.handleQuery();
+      },
+      // 多选框选中数据
+      handleSelectionChange(selection) {
+        this.ids = selection.map(item => item.id)
+        this.single = selection.length!==1
+        this.multiple = !selection.length
+      },
+      /**查看按钮操作 */
+      handleInfo(row){
+        this.reset();
+        const id = row.id || this.ids
+        getXtjc(id).then(response => {
+          this.form = response.data;
+          this.infoOpen = true;
+          this.infoTitle = "查看系统监测详情"
+        });
+      },
+      /** 新增按钮操作 */
+      handleAdd() {
+        this.reset();
+        this.open = true;
+        this.title = "添加系统监测";
+      },
+      /** 修改按钮操作 */
+      handleUpdate(row) {
+        this.reset();
+        const id = row.id || this.ids
+        getXtjc(id).then(response => {
+          this.form = response.data;
+          this.open = true;
+          this.title = "修改系统监测";
+        });
+      },
+      /** 提交按钮 */
+      submitForm() {
+        this.$refs["form"].validate(valid => {
+          if (valid) {
+            if (this.form.id != null) {
+              updateXtjc(this.form).then(response => {
+                this.$modal.msgSuccess("修改成功");
+                this.open = false;
+                this.getList();
+              });
+            } else {
+              addXtjc(this.form).then(response => {
+                this.$modal.msgSuccess("新增成功");
+                this.open = false;
+                this.getList();
+              });
+            }
+          }
+        });
+      },
+      /** 删除按钮操作 */
+      handleDelete(row) {
+        const ids = row.id || this.ids;
+        this.$confirm('是否确认删除编号为"' + ids + '"的数据项?', "警告", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(function() {
+          return delXtjc(ids);
+        }).then(() => {
+          this.getList();
+          this.msgSuccess("删除成功");
+        }).catch(() => {});
+      },
+      /** 导出按钮操作 */
+      handleExport() {
+        const queryParams = this.queryParams;
+        this.$confirm('是否确认导出所有系统监测数据项?', "警告", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(() => {
+          this.download('/tcZz/networkSecurity/xtjc/export', {
+            ...this.queryParams
+          }, '系统监测_'+ new Date().getTime() +'.xlsx')
+          this.exportLoading = false;
+        }).catch(() => {});
+      }
+    }
+  }
+
+</script>

src/views/tcZz/networkSecurity/zfwz/index.vue

@@ -0,0 +1,494 @@
+<template>
+  <div class="container-main" ref="main">
+  <div class="search-hearder" ref="topSearch">
+    <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="auto">
+                  <el-form-item label="${comment}" prop="id">
+                    <el-input
+                        v-model="queryParams.id"
+                        placeholder="请输入${comment}"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="区域" prop="areaId">
+                    <el-select v-model="queryParams.areaId" placeholder="请选择区域" clearable size="small">
+                      <el-option
+                          v-for="dict in dict.type.tc_area"
+                          :key="dict.value"
+                          :label="dict.label"
+                          :value="dict.value"
+                      />
+                    </el-select>
+                  </el-form-item>
+                  <el-form-item label="启用/禁用" prop="isStatus">
+                    <el-select v-model="queryParams.isStatus" placeholder="请选择启用/禁用" clearable size="small">
+                      <el-option
+                          v-for="dict in dict.type.tc_start"
+                          :key="dict.value"
+                          :label="dict.label"
+                          :value="dict.value"
+                      />
+                    </el-select>
+                  </el-form-item>
+                  <el-form-item label="网站地址" prop="webUrl">
+                    <el-input
+                        v-model="queryParams.webUrl"
+                        placeholder="请输入网站地址"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="资产名称" prop="assetName">
+                    <el-input
+                        v-model="queryParams.assetName"
+                        placeholder="请输入资产名称"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="资产重要等级" prop="assetLevel">
+                    <el-input
+                        v-model="queryParams.assetLevel"
+                        placeholder="请输入资产重要等级"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="创建者" prop="createBy">
+                    <el-input
+                        v-model="queryParams.createBy"
+                        placeholder="请输入创建者"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="创建时间">
+                    <el-date-picker
+                        v-model="daterangeCreateTime"
+                        size="small"
+                        style="width: 240px"
+                        value-format="yyyy-MM-dd"
+                        type="daterange"
+                        range-separator="-"
+                        start-placeholder="开始日期"
+                        end-placeholder="结束日期"
+                    ></el-date-picker>
+                  </el-form-item>
+                  <el-form-item label="更新者" prop="updateBy">
+                    <el-input
+                        v-model="queryParams.updateBy"
+                        placeholder="请输入更新者"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="更新时间">
+                    <el-date-picker
+                        v-model="daterangeUpdateTime"
+                        size="small"
+                        style="width: 240px"
+                        value-format="yyyy-MM-dd"
+                        type="daterange"
+                        range-separator="-"
+                        start-placeholder="开始日期"
+                        end-placeholder="结束日期"
+                    ></el-date-picker>
+                  </el-form-item>
+                  <el-form-item label="备注" prop="remark">
+                    <el-input
+                        v-model="queryParams.remark"
+                        placeholder="请输入备注"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+      <el-form-item>
+        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+    </div>
+    <div class="layui-table-tool" ref="tableTool">
+      <el-button
+        type="primary"
+        size="mini"
+        @click="handleAdd()"
+         v-hasPermi="['tcZz/networkSecurity:zfwz:add']"
+        >新增</el-button
+      >
+      <el-button
+            type="success"
+            size="mini"
+            :disabled="single"
+            @click="handleUpdate"
+            v-hasPermi="['tcZz/networkSecurity:zfwz:edit']"
+        >修改</el-button>
+         <el-button
+            type="danger"
+            size="mini"
+            :disabled="multiple"
+            @click="handleDelete"
+            v-hasPermi="['tcZz/networkSecurity:zfwz:remove']"
+        >删除</el-button>
+      <el-button
+        type="warning"
+        size="mini"
+        :loading="exportLoading"
+        @click="handleExport"
+         v-hasPermi="['tcZz/networkSecurity:zfwz:export']"
+        >导出</el-button
+      >
+    </div>
+    <el-table v-loading="loading" :data="zfwzList"  @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="55" align="center" />
+              <el-table-column label="${comment}" align="center" prop="id" />
+              <el-table-column label="区域" align="center" prop="areaId">
+                <template slot-scope="scope">
+                  <dict-tag :options="dict.type.tc_area" :value="scope.row.areaId"/>
+                </template>
+              </el-table-column>
+              <el-table-column label="启用/禁用" align="center" prop="isStatus">
+                <template slot-scope="scope">
+                  <dict-tag :options="dict.type.tc_start" :value="scope.row.isStatus"/>
+                </template>
+              </el-table-column>
+              <el-table-column label="网站地址" align="center" prop="webUrl" />
+              <el-table-column label="资产名称" align="center" prop="assetName" />
+              <el-table-column label="资产重要等级" align="center" prop="assetLevel" />
+      <el-table-column label="操作" align="center"  class-name="small-padding fixed-width" width="200"  fixed="right">
+        <template slot-scope="scope">
+          <el-button
+              size="mini"
+              @click="handleInfo(scope.row)"
+              v-hasPermi="['tcZz/networkSecurity:zfwz:list']"
+          >
+            查看
+          </el-button>
+          <el-button
+            type="success"
+            size="mini"
+              @click="handleUpdate(scope.row)"
+              v-hasPermi="['tcZz/networkSecurity:zfwz:edit']"
+          >修改</el-button>
+          <el-button
+              size="mini"
+            type="danger"
+              @click="handleDelete(scope.row)"
+              v-hasPermi="['tcZz/networkSecurity:zfwz:remove']"
+          >删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <pagination
+        v-show="total>0"
+        :total="total"
+        :page.sync="queryParams.pageNum"
+        :limit.sync="queryParams.pageSize"
+        @pagination="getList"
+    />
+
+    <!-- 添加或修改政府网站对话框 -->
+    <el-dialog  :visible.sync="open" width="500px" append-to-body custom-class="dialog-box">
+     <div slot="title" class="dialog-title">{{ title }}</div>
+      <el-form ref="form" :model="form" :rules="rules" label-width="auto" class="dialog-from">
+                        <el-form-item label="区域" prop="areaId">
+                          <el-select v-model="form.areaId" placeholder="请选择区域">
+                            <el-option
+                                v-for="dict in dict.type.tc_area"
+                                :key="dict.value"
+                                :label="dict.label"
+:value="dict.value"
+                            ></el-option>
+                          </el-select>
+                        </el-form-item>
+                        <el-form-item label="启用/禁用" prop="isStatus">
+                          <el-select v-model="form.isStatus" placeholder="请选择启用/禁用">
+                            <el-option
+                                v-for="dict in dict.type.tc_start"
+                                :key="dict.value"
+                                :label="dict.label"
+:value="parseInt(dict.value)"
+                            ></el-option>
+                          </el-select>
+                        </el-form-item>
+                        <el-form-item label="网站地址" prop="webUrl">
+                          <el-input v-model="form.webUrl" placeholder="请输入网站地址" />
+                        </el-form-item>
+                        <el-form-item label="资产名称" prop="assetName">
+                          <el-input v-model="form.assetName" placeholder="请输入资产名称" />
+                        </el-form-item>
+                        <el-form-item label="资产重要等级" prop="assetLevel">
+                          <el-input v-model="form.assetLevel" placeholder="请输入资产重要等级" />
+                        </el-form-item>
+                        <el-form-item label="备注" prop="remark">
+                          <el-input v-model="form.remark" placeholder="请输入备注" />
+                        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitForm">确 定</el-button>
+        <el-button @click="cancel">取 消</el-button>
+      </div>
+    </el-dialog>
+    <!--查看政府网站详情页-->
+    <el-dialog
+        :visible.sync="infoOpen"
+        width="90%"
+        append-to-body
+        :close-on-click-modal="false"
+        :destroy-on-close="true"
+           custom-class="dialog-box"
+    >
+
+     <div slot="title" class="dialog-title">{{ infoTitle }}</div>
+
+        <el-descriptions title="政府网站"  :column="2" border labelClassName="desLable">
+                      <el-descriptions-item label="区域">{{ form.areaId }}</el-descriptions-item>
+
+                      <el-descriptions-item label="启用/禁用">{{ form.isStatus }}</el-descriptions-item>
+
+                      <el-descriptions-item label="网站地址">{{ form.webUrl }}</el-descriptions-item>
+
+                      <el-descriptions-item label="资产名称">{{ form.assetName }}</el-descriptions-item>
+
+                      <el-descriptions-item label="资产重要等级">{{ form.assetLevel }}</el-descriptions-item>
+
+                      <el-descriptions-item label="备注">{{ form.remark }}</el-descriptions-item>
+
+        </el-descriptions>
+   
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+  import { listZfwz, getZfwz, delZfwz, addZfwz, updateZfwz, exportZfwz } from "@/api/tcZz/networkSecurity/zfwz";
+  export default {
+    name: "Zfwz",
+    //注释字典
+              dicts: ['tc_area', 'tc_start'],
+    data() {
+      return {
+        tableHeigth: 0,
+        //查看详情
+        infoOpen:false,
+        //详情标题
+        infoTitle:'',
+        // 遮罩层
+        loading: true,
+        // 导出遮罩层
+        exportLoading: false,
+        // 选中数组
+        ids: [],
+        // 非单个禁用
+        single: true,
+        // 非多个禁用
+        multiple: true,
+        // 显示搜索条件
+        showSearch: true,
+        // 总条数
+        total: 0,
+        // 政府网站表格数据
+              zfwzList: [],
+        // 弹出层标题
+        title: "",
+        // 是否显示弹出层
+        open: false,
+                // 备注时间范围
+                daterangeCreateTime: [],
+                // 备注时间范围
+                daterangeUpdateTime: [],
+        // 查询参数
+        queryParams: {
+          pageNum: 1,
+          pageSize: 10,
+                        id: null,
+
+                        areaId: null,
+
+                        isStatus: null,
+
+                        webUrl: null,
+
+                        assetName: null,
+
+                        assetLevel: null,
+
+                        createBy: null,
+
+                        createTime: null,
+
+                        updateBy: null,
+
+                        updateTime: null,
+
+                        remark: null,
+
+        },
+        // 表单参数
+        form: {},
+        // 表单校验
+        rules: {
+        }
+      };
+    },
+    created() {
+
+      this.getList();
+
+    },
+    methods: {
+      /** 查询政府网站列表 */
+      getList() {
+        this.loading = true;
+                this.queryParams.params = {};
+                if (null != this.daterangeCreateTime && '' != this.daterangeCreateTime) {
+                  this.queryParams.params["beginCreateTime"] = this.daterangeCreateTime[0];
+                  this.queryParams.params["endCreateTime"] = this.daterangeCreateTime[1];
+                }
+                if (null != this.daterangeUpdateTime && '' != this.daterangeUpdateTime) {
+                  this.queryParams.params["beginUpdateTime"] = this.daterangeUpdateTime[0];
+                  this.queryParams.params["endUpdateTime"] = this.daterangeUpdateTime[1];
+                }
+        listZfwz(this.queryParams).then(response => {
+          this.zfwzList = response.rows;
+          this.total = response.total;
+          this.loading = false;
+        });
+      },
+      // 取消按钮
+      cancel() {
+        this.open = false;
+        this.reset();
+      },
+      // 表单重置
+      reset() {
+        this.form = {
+                        id: null,
+
+                        areaId: null,
+
+                        isStatus: null,
+
+                        webUrl: null,
+
+                        assetName: null,
+
+                        assetLevel: null,
+
+                        createBy: null,
+
+                        createTime: null,
+
+                        updateBy: null,
+
+                        updateTime: null,
+
+                        remark: null,
+
+        };
+        this.resetForm("form");
+      },
+      /** 搜索按钮操作 */
+      handleQuery() {
+        this.queryParams.pageNum = 1;
+        this.getList();
+      },
+      /** 重置按钮操作 */
+      resetQuery() {
+                this.daterangeCreateTime = [];
+                this.daterangeUpdateTime = [];
+        this.resetForm("queryForm");
+        this.handleQuery();
+      },
+      // 多选框选中数据
+      handleSelectionChange(selection) {
+        this.ids = selection.map(item => item.id)
+        this.single = selection.length!==1
+        this.multiple = !selection.length
+      },
+      /**查看按钮操作 */
+      handleInfo(row){
+        this.reset();
+        const id = row.id || this.ids
+        getZfwz(id).then(response => {
+          this.form = response.data;
+          this.infoOpen = true;
+          this.infoTitle = "查看政府网站详情"
+        });
+      },
+      /** 新增按钮操作 */
+      handleAdd() {
+        this.reset();
+        this.open = true;
+        this.title = "添加政府网站";
+      },
+      /** 修改按钮操作 */
+      handleUpdate(row) {
+        this.reset();
+        const id = row.id || this.ids
+        getZfwz(id).then(response => {
+          this.form = response.data;
+          this.open = true;
+          this.title = "修改政府网站";
+        });
+      },
+      /** 提交按钮 */
+      submitForm() {
+        this.$refs["form"].validate(valid => {
+          if (valid) {
+            if (this.form.id != null) {
+              updateZfwz(this.form).then(response => {
+                this.$modal.msgSuccess("修改成功");
+                this.open = false;
+                this.getList();
+              });
+            } else {
+              addZfwz(this.form).then(response => {
+                this.$modal.msgSuccess("新增成功");
+                this.open = false;
+                this.getList();
+              });
+            }
+          }
+        });
+      },
+      /** 删除按钮操作 */
+      handleDelete(row) {
+        const ids = row.id || this.ids;
+        this.$confirm('是否确认删除编号为"' + ids + '"的数据项?', "警告", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(function() {
+          return delZfwz(ids);
+        }).then(() => {
+          this.getList();
+          this.msgSuccess("删除成功");
+        }).catch(() => {});
+      },
+      /** 导出按钮操作 */
+      handleExport() {
+        const queryParams = this.queryParams;
+        this.$confirm('是否确认导出所有政府网站数据项?', "警告", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(() => {
+          this.download('/tcZz/networkSecurity/zfwz/export', {
+            ...this.queryParams
+          }, '政府网站_'+ new Date().getTime() +'.xlsx')
+          this.exportLoading = false;
+        }).catch(() => {});
+      }
+    }
+  }
+
+</script>

src/views/tcZz/networkSecurity/zxyh/index.vue

@@ -0,0 +1,548 @@
+<template>
+  <div class="container-main" ref="main">
+  <div class="search-hearder" ref="topSearch">
+    <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="auto">
+                  <el-form-item label="${comment}" prop="id">
+                    <el-input
+                        v-model="queryParams.id"
+                        placeholder="请输入${comment}"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="区域" prop="areaId">
+                    <el-select v-model="queryParams.areaId" placeholder="请选择区域" clearable size="small">
+                      <el-option
+                          v-for="dict in dict.type.tc_area"
+                          :key="dict.value"
+                          :label="dict.label"
+                          :value="dict.value"
+                      />
+                    </el-select>
+                  </el-form-item>
+                  <el-form-item label="启用/禁用" prop="isStatus">
+                    <el-select v-model="queryParams.isStatus" placeholder="请选择启用/禁用" clearable size="small">
+                      <el-option
+                          v-for="dict in dict.type.tc_start"
+                          :key="dict.value"
+                          :label="dict.label"
+                          :value="dict.value"
+                      />
+                    </el-select>
+                  </el-form-item>
+                  <el-form-item label="单位名称" prop="unitName">
+                    <el-input
+                        v-model="queryParams.unitName"
+                        placeholder="请输入单位名称"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="隐患名称" prop="yhName">
+                    <el-input
+                        v-model="queryParams.yhName"
+                        placeholder="请输入隐患名称"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="等级" prop="level">
+                    <el-input
+                        v-model="queryParams.level"
+                        placeholder="请输入等级"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="隐患来源" prop="yhLy">
+                    <el-input
+                        v-model="queryParams.yhLy"
+                        placeholder="请输入隐患来源"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="文件名称" prop="fileName">
+                    <el-input
+                        v-model="queryParams.fileName"
+                        placeholder="请输入文件名称"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="文件路径(完整路径)" prop="fileUrl">
+                    <el-input
+                        v-model="queryParams.fileUrl"
+                        placeholder="请输入文件路径(完整路径)"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="创建者" prop="createBy">
+                    <el-input
+                        v-model="queryParams.createBy"
+                        placeholder="请输入创建者"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="创建时间">
+                    <el-date-picker
+                        v-model="daterangeCreateTime"
+                        size="small"
+                        style="width: 240px"
+                        value-format="yyyy-MM-dd"
+                        type="daterange"
+                        range-separator="-"
+                        start-placeholder="开始日期"
+                        end-placeholder="结束日期"
+                    ></el-date-picker>
+                  </el-form-item>
+                  <el-form-item label="更新者" prop="updateBy">
+                    <el-input
+                        v-model="queryParams.updateBy"
+                        placeholder="请输入更新者"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="更新时间">
+                    <el-date-picker
+                        v-model="daterangeUpdateTime"
+                        size="small"
+                        style="width: 240px"
+                        value-format="yyyy-MM-dd"
+                        type="daterange"
+                        range-separator="-"
+                        start-placeholder="开始日期"
+                        end-placeholder="结束日期"
+                    ></el-date-picker>
+                  </el-form-item>
+                  <el-form-item label="备注" prop="remark">
+                    <el-input
+                        v-model="queryParams.remark"
+                        placeholder="请输入备注"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+      <el-form-item>
+        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+    </div>
+    <div class="layui-table-tool" ref="tableTool">
+      <el-button
+        type="primary"
+        size="mini"
+        @click="handleAdd()"
+         v-hasPermi="['tcZz/networkSecurity:zxyh:add']"
+        >新增</el-button
+      >
+      <el-button
+            type="success"
+            size="mini"
+            :disabled="single"
+            @click="handleUpdate"
+            v-hasPermi="['tcZz/networkSecurity:zxyh:edit']"
+        >修改</el-button>
+         <el-button
+            type="danger"
+            size="mini"
+            :disabled="multiple"
+            @click="handleDelete"
+            v-hasPermi="['tcZz/networkSecurity:zxyh:remove']"
+        >删除</el-button>
+      <el-button
+        type="warning"
+        size="mini"
+        :loading="exportLoading"
+        @click="handleExport"
+         v-hasPermi="['tcZz/networkSecurity:zxyh:export']"
+        >导出</el-button
+      >
+    </div>
+    <el-table v-loading="loading" :data="zxyhList"  @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="55" align="center" />
+              <el-table-column label="${comment}" align="center" prop="id" />
+              <el-table-column label="区域" align="center" prop="areaId">
+                <template slot-scope="scope">
+                  <dict-tag :options="dict.type.tc_area" :value="scope.row.areaId"/>
+                </template>
+              </el-table-column>
+              <el-table-column label="启用/禁用" align="center" prop="isStatus">
+                <template slot-scope="scope">
+                  <dict-tag :options="dict.type.tc_start" :value="scope.row.isStatus"/>
+                </template>
+              </el-table-column>
+              <el-table-column label="单位名称" align="center" prop="unitName" />
+              <el-table-column label="隐患名称" align="center" prop="yhName" />
+              <el-table-column label="隐患来源" align="center" prop="yhLy" />
+      <el-table-column label="操作" align="center"  class-name="small-padding fixed-width" width="200"  fixed="right">
+        <template slot-scope="scope">
+          <el-button
+              size="mini"
+              @click="handleInfo(scope.row)"
+              v-hasPermi="['tcZz/networkSecurity:zxyh:list']"
+          >
+            查看
+          </el-button>
+          <el-button
+            type="success"
+            size="mini"
+              @click="handleUpdate(scope.row)"
+              v-hasPermi="['tcZz/networkSecurity:zxyh:edit']"
+          >修改</el-button>
+          <el-button
+              size="mini"
+            type="danger"
+              @click="handleDelete(scope.row)"
+              v-hasPermi="['tcZz/networkSecurity:zxyh:remove']"
+          >删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <pagination
+        v-show="total>0"
+        :total="total"
+        :page.sync="queryParams.pageNum"
+        :limit.sync="queryParams.pageSize"
+        @pagination="getList"
+    />
+
+    <!-- 添加或修改最新隐患对话框 -->
+    <el-dialog  :visible.sync="open" width="500px" append-to-body custom-class="dialog-box">
+     <div slot="title" class="dialog-title">{{ title }}</div>
+      <el-form ref="form" :model="form" :rules="rules" label-width="auto" class="dialog-from">
+                        <el-form-item label="区域" prop="areaId">
+                          <el-select v-model="form.areaId" placeholder="请选择区域">
+                            <el-option
+                                v-for="dict in dict.type.tc_area"
+                                :key="dict.value"
+                                :label="dict.label"
+:value="dict.value"
+                            ></el-option>
+                          </el-select>
+                        </el-form-item>
+                        <el-form-item label="启用/禁用" prop="isStatus">
+                          <el-select v-model="form.isStatus" placeholder="请选择启用/禁用">
+                            <el-option
+                                v-for="dict in dict.type.tc_start"
+                                :key="dict.value"
+                                :label="dict.label"
+:value="parseInt(dict.value)"
+                            ></el-option>
+                          </el-select>
+                        </el-form-item>
+                        <el-form-item label="单位名称" prop="unitName">
+                          <el-input v-model="form.unitName" placeholder="请输入单位名称" />
+                        </el-form-item>
+                        <el-form-item label="隐患名称" prop="yhName">
+                          <el-input v-model="form.yhName" placeholder="请输入隐患名称" />
+                        </el-form-item>
+                        <el-form-item label="等级" prop="level">
+                          <el-input v-model="form.level" placeholder="请输入等级" />
+                        </el-form-item>
+                        <el-form-item label="隐患来源" prop="yhLy">
+                          <el-input v-model="form.yhLy" placeholder="请输入隐患来源" />
+                        </el-form-item>
+                        <el-form-item label="文件名称" prop="fileName">
+                          <el-input v-model="form.fileName" placeholder="请输入文件名称" />
+                        </el-form-item>
+                        <el-form-item label="文件路径(完整路径)" prop="fileUrl">
+                          <el-input v-model="form.fileUrl" placeholder="请输入文件路径(完整路径)" />
+                        </el-form-item>
+                        <el-form-item label="备注" prop="remark">
+                          <el-input v-model="form.remark" placeholder="请输入备注" />
+                        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitForm">确 定</el-button>
+        <el-button @click="cancel">取 消</el-button>
+      </div>
+    </el-dialog>
+    <!--查看最新隐患详情页-->
+    <el-dialog
+        :visible.sync="infoOpen"
+        width="90%"
+        append-to-body
+        :close-on-click-modal="false"
+        :destroy-on-close="true"
+           custom-class="dialog-box"
+    >
+
+     <div slot="title" class="dialog-title">{{ infoTitle }}</div>
+
+        <el-descriptions title="最新隐患"  :column="2" border labelClassName="desLable">
+                      <el-descriptions-item label="区域">{{ form.areaId }}</el-descriptions-item>
+
+                      <el-descriptions-item label="启用/禁用">{{ form.isStatus }}</el-descriptions-item>
+
+                      <el-descriptions-item label="单位名称">{{ form.unitName }}</el-descriptions-item>
+
+                      <el-descriptions-item label="隐患名称">{{ form.yhName }}</el-descriptions-item>
+
+                      <el-descriptions-item label="等级">{{ form.level }}</el-descriptions-item>
+
+                      <el-descriptions-item label="隐患来源">{{ form.yhLy }}</el-descriptions-item>
+
+                      <el-descriptions-item label="文件名称">{{ form.fileName }}</el-descriptions-item>
+
+                      <el-descriptions-item label="文件路径(完整路径)">{{ form.fileUrl }}</el-descriptions-item>
+
+                      <el-descriptions-item label="备注">{{ form.remark }}</el-descriptions-item>
+
+        </el-descriptions>
+   
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+  import { listZxyh, getZxyh, delZxyh, addZxyh, updateZxyh, exportZxyh } from "@/api/tcZz/networkSecurity/zxyh";
+  export default {
+    name: "Zxyh",
+    //注释字典
+              dicts: ['tc_area', 'tc_start'],
+    data() {
+      return {
+        tableHeigth: 0,
+        //查看详情
+        infoOpen:false,
+        //详情标题
+        infoTitle:'',
+        // 遮罩层
+        loading: true,
+        // 导出遮罩层
+        exportLoading: false,
+        // 选中数组
+        ids: [],
+        // 非单个禁用
+        single: true,
+        // 非多个禁用
+        multiple: true,
+        // 显示搜索条件
+        showSearch: true,
+        // 总条数
+        total: 0,
+        // 最新隐患表格数据
+              zxyhList: [],
+        // 弹出层标题
+        title: "",
+        // 是否显示弹出层
+        open: false,
+                // 备注时间范围
+                daterangeCreateTime: [],
+                // 备注时间范围
+                daterangeUpdateTime: [],
+        // 查询参数
+        queryParams: {
+          pageNum: 1,
+          pageSize: 10,
+                        id: null,
+
+                        areaId: null,
+
+                        isStatus: null,
+
+                        unitName: null,
+
+                        yhName: null,
+
+                        level: null,
+
+                        yhLy: null,
+
+                        fileName: null,
+
+                        fileUrl: null,
+
+                        createBy: null,
+
+                        createTime: null,
+
+                        updateBy: null,
+
+                        updateTime: null,
+
+                        remark: null,
+
+        },
+        // 表单参数
+        form: {},
+        // 表单校验
+        rules: {
+        }
+      };
+    },
+    created() {
+
+      this.getList();
+
+    },
+    methods: {
+      /** 查询最新隐患列表 */
+      getList() {
+        this.loading = true;
+                this.queryParams.params = {};
+                if (null != this.daterangeCreateTime && '' != this.daterangeCreateTime) {
+                  this.queryParams.params["beginCreateTime"] = this.daterangeCreateTime[0];
+                  this.queryParams.params["endCreateTime"] = this.daterangeCreateTime[1];
+                }
+                if (null != this.daterangeUpdateTime && '' != this.daterangeUpdateTime) {
+                  this.queryParams.params["beginUpdateTime"] = this.daterangeUpdateTime[0];
+                  this.queryParams.params["endUpdateTime"] = this.daterangeUpdateTime[1];
+                }
+        listZxyh(this.queryParams).then(response => {
+          this.zxyhList = response.rows;
+          this.total = response.total;
+          this.loading = false;
+        });
+      },
+      // 取消按钮
+      cancel() {
+        this.open = false;
+        this.reset();
+      },
+      // 表单重置
+      reset() {
+        this.form = {
+                        id: null,
+
+                        areaId: null,
+
+                        isStatus: null,
+
+                        unitName: null,
+
+                        yhName: null,
+
+                        level: null,
+
+                        yhLy: null,
+
+                        fileName: null,
+
+                        fileUrl: null,
+
+                        createBy: null,
+
+                        createTime: null,
+
+                        updateBy: null,
+
+                        updateTime: null,
+
+                        remark: null,
+
+        };
+        this.resetForm("form");
+      },
+      /** 搜索按钮操作 */
+      handleQuery() {
+        this.queryParams.pageNum = 1;
+        this.getList();
+      },
+      /** 重置按钮操作 */
+      resetQuery() {
+                this.daterangeCreateTime = [];
+                this.daterangeUpdateTime = [];
+        this.resetForm("queryForm");
+        this.handleQuery();
+      },
+      // 多选框选中数据
+      handleSelectionChange(selection) {
+        this.ids = selection.map(item => item.id)
+        this.single = selection.length!==1
+        this.multiple = !selection.length
+      },
+      /**查看按钮操作 */
+      handleInfo(row){
+        this.reset();
+        const id = row.id || this.ids
+        getZxyh(id).then(response => {
+          this.form = response.data;
+          this.infoOpen = true;
+          this.infoTitle = "查看最新隐患详情"
+        });
+      },
+      /** 新增按钮操作 */
+      handleAdd() {
+        this.reset();
+        this.open = true;
+        this.title = "添加最新隐患";
+      },
+      /** 修改按钮操作 */
+      handleUpdate(row) {
+        this.reset();
+        const id = row.id || this.ids
+        getZxyh(id).then(response => {
+          this.form = response.data;
+          this.open = true;
+          this.title = "修改最新隐患";
+        });
+      },
+      /** 提交按钮 */
+      submitForm() {
+        this.$refs["form"].validate(valid => {
+          if (valid) {
+            if (this.form.id != null) {
+              updateZxyh(this.form).then(response => {
+                this.$modal.msgSuccess("修改成功");
+                this.open = false;
+                this.getList();
+              });
+            } else {
+              addZxyh(this.form).then(response => {
+                this.$modal.msgSuccess("新增成功");
+                this.open = false;
+                this.getList();
+              });
+            }
+          }
+        });
+      },
+      /** 删除按钮操作 */
+      handleDelete(row) {
+        const ids = row.id || this.ids;
+        this.$confirm('是否确认删除编号为"' + ids + '"的数据项?', "警告", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(function() {
+          return delZxyh(ids);
+        }).then(() => {
+          this.getList();
+          this.msgSuccess("删除成功");
+        }).catch(() => {});
+      },
+      /** 导出按钮操作 */
+      handleExport() {
+        const queryParams = this.queryParams;
+        this.$confirm('是否确认导出所有最新隐患数据项?', "警告", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(() => {
+          this.download('/tcZz/networkSecurity/zxyh/export', {
+            ...this.queryParams
+          }, '最新隐患_'+ new Date().getTime() +'.xlsx')
+          this.exportLoading = false;
+        }).catch(() => {});
+      }
+    }
+  }
+
+</script>