优化

.env.development

@@ -1,3 +1,11 @@
+###
+ # @Descripttion: 
+ # @version: 
+ # @Author: JC9527
+ # @Date: 2023-10-12 11:15:34
+ # @LastEditors: JC9527
+ # @LastEditTime: 2023-10-13 10:50:13
+### 
 # 页面标题
 VUE_APP_TITLE = 若依管理系统
 
@@ -5,7 +13,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/netManage/bzhan.js

@@ -0,0 +1,44 @@
+import request from '@/utils/request'
+
+// 查询B站、小红书列表
+export function listBzhan(query) {
+  return request({
+    url: '/tcZz/netManage/bzhan/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询B站、小红书详细
+export function getBzhan(id) {
+  return request({
+    url: '/tcZz/netManage/bzhan/' + id,
+    method: 'get'
+  })
+}
+
+// 新增B站、小红书
+export function addBzhan(data) {
+  return request({
+    url: '/tcZz/netManage/bzhan',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改B站、小红书
+export function updateBzhan(data) {
+  return request({
+    url: '/tcZz/netManage/bzhan',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除B站、小红书
+export function delBzhan(id) {
+  return request({
+    url: '/tcZz/netManage/bzhan/' + id,
+    method: 'delete'
+  })
+}

src/api/tcZz/netManage/dy.js

@@ -0,0 +1,44 @@
+import request from '@/utils/request'
+
+// 查询抖音列表
+export function listDy(query) {
+  return request({
+    url: '/tcZz/netManage/dy/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询抖音详细
+export function getDy(id) {
+  return request({
+    url: '/tcZz/netManage/dy/' + id,
+    method: 'get'
+  })
+}
+
+// 新增抖音
+export function addDy(data) {
+  return request({
+    url: '/tcZz/netManage/dy',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改抖音
+export function updateDy(data) {
+  return request({
+    url: '/tcZz/netManage/dy',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除抖音
+export function delDy(id) {
+  return request({
+    url: '/tcZz/netManage/dy/' + id,
+    method: 'delete'
+  })
+}

src/api/tcZz/netManage/gzdt.js

@@ -0,0 +1,44 @@
+import request from '@/utils/request'
+
+// 查询工作动态列表
+export function listGzdt(query) {
+  return request({
+    url: '/tcZz/netManage/gzdt/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询工作动态详细
+export function getGzdt(id) {
+  return request({
+    url: '/tcZz/netManage/gzdt/' + id,
+    method: 'get'
+  })
+}
+
+// 新增工作动态
+export function addGzdt(data) {
+  return request({
+    url: '/tcZz/netManage/gzdt',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改工作动态
+export function updateGzdt(data) {
+  return request({
+    url: '/tcZz/netManage/gzdt',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除工作动态
+export function delGzdt(id) {
+  return request({
+    url: '/tcZz/netManage/gzdt/' + id,
+    method: 'delete'
+  })
+}

src/api/tcZz/netManage/jbmap.js

@@ -0,0 +1,44 @@
+import request from '@/utils/request'
+
+// 查询举报地图列表
+export function listJbmap(query) {
+  return request({
+    url: '/tcZz/netManage/jbmap/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询举报地图详细
+export function getJbmap(id) {
+  return request({
+    url: '/tcZz/netManage/jbmap/' + id,
+    method: 'get'
+  })
+}
+
+// 新增举报地图
+export function addJbmap(data) {
+  return request({
+    url: '/tcZz/netManage/jbmap',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改举报地图
+export function updateJbmap(data) {
+  return request({
+    url: '/tcZz/netManage/jbmap',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除举报地图
+export function delJbmap(id) {
+  return request({
+    url: '/tcZz/netManage/jbmap/' + id,
+    method: 'delete'
+  })
+}

src/api/tcZz/netManage/jbsjndfltj.js

@@ -0,0 +1,44 @@
+import request from '@/utils/request'
+
+// 查询举报事件年度分类统计列表
+export function listJbsjndfltj(query) {
+  return request({
+    url: '/tcZz/netManage/jbsjndfltj/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询举报事件年度分类统计详细
+export function getJbsjndfltj(id) {
+  return request({
+    url: '/tcZz/netManage/jbsjndfltj/' + id,
+    method: 'get'
+  })
+}
+
+// 新增举报事件年度分类统计
+export function addJbsjndfltj(data) {
+  return request({
+    url: '/tcZz/netManage/jbsjndfltj',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改举报事件年度分类统计
+export function updateJbsjndfltj(data) {
+  return request({
+    url: '/tcZz/netManage/jbsjndfltj',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除举报事件年度分类统计
+export function delJbsjndfltj(id) {
+  return request({
+    url: '/tcZz/netManage/jbsjndfltj/' + id,
+    method: 'delete'
+  })
+}

src/api/tcZz/netManage/qlzxxddt.js

@@ -0,0 +1,44 @@
+import request from '@/utils/request'
+
+// 查询清朗专项行动动态列表
+export function listQlzxxddt(query) {
+  return request({
+    url: '/tcZz/netManage/qlzxxddt/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询清朗专项行动动态详细
+export function getQlzxxddt(id) {
+  return request({
+    url: '/tcZz/netManage/qlzxxddt/' + id,
+    method: 'get'
+  })
+}
+
+// 新增清朗专项行动动态
+export function addQlzxxddt(data) {
+  return request({
+    url: '/tcZz/netManage/qlzxxddt',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改清朗专项行动动态
+export function updateQlzxxddt(data) {
+  return request({
+    url: '/tcZz/netManage/qlzxxddt',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除清朗专项行动动态
+export function delQlzxxddt(id) {
+  return request({
+    url: '/tcZz/netManage/qlzxxddt/' + id,
+    method: 'delete'
+  })
+}

src/api/tcZz/netManage/qlzxxdsjtj.js

@@ -0,0 +1,44 @@
+import request from '@/utils/request'
+
+// 查询清郎专项行动数据统计列表
+export function listQlzxxdsjtj(query) {
+  return request({
+    url: '/tcZz/netManage/qlzxxdsjtj/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询清郎专项行动数据统计详细
+export function getQlzxxdsjtj(id) {
+  return request({
+    url: '/tcZz/netManage/qlzxxdsjtj/' + id,
+    method: 'get'
+  })
+}
+
+// 新增清郎专项行动数据统计
+export function addQlzxxdsjtj(data) {
+  return request({
+    url: '/tcZz/netManage/qlzxxdsjtj',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改清郎专项行动数据统计
+export function updateQlzxxdsjtj(data) {
+  return request({
+    url: '/tcZz/netManage/qlzxxdsjtj',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除清郎专项行动数据统计
+export function delQlzxxdsjtj(id) {
+  return request({
+    url: '/tcZz/netManage/qlzxxdsjtj/' + id,
+    method: 'delete'
+  })
+}

src/api/tcZz/netManage/ttsum.js

@@ -0,0 +1,44 @@
+import request from '@/utils/request'
+
+// 查询今日头条、快手列表
+export function listTtsum(query) {
+  return request({
+    url: '/tcZz/netManage/ttsum/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询今日头条、快手详细
+export function getTtsum(id) {
+  return request({
+    url: '/tcZz/netManage/ttsum/' + id,
+    method: 'get'
+  })
+}
+
+// 新增今日头条、快手
+export function addTtsum(data) {
+  return request({
+    url: '/tcZz/netManage/ttsum',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改今日头条、快手
+export function updateTtsum(data) {
+  return request({
+    url: '/tcZz/netManage/ttsum',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除今日头条、快手
+export function delTtsum(id) {
+  return request({
+    url: '/tcZz/netManage/ttsum/' + id,
+    method: 'delete'
+  })
+}

src/api/tcZz/netManage/vx.js

@@ -0,0 +1,44 @@
+import request from '@/utils/request'
+
+// 查询微信列表
+export function listVx(query) {
+  return request({
+    url: '/tcZz/netManage/vx/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询微信详细
+export function getVx(id) {
+  return request({
+    url: '/tcZz/netManage/vx/' + id,
+    method: 'get'
+  })
+}
+
+// 新增微信
+export function addVx(data) {
+  return request({
+    url: '/tcZz/netManage/vx',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改微信
+export function updateVx(data) {
+  return request({
+    url: '/tcZz/netManage/vx',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除微信
+export function delVx(id) {
+  return request({
+    url: '/tcZz/netManage/vx/' + id,
+    method: 'delete'
+  })
+}

src/api/tcZz/netManage/wb.js

@@ -0,0 +1,44 @@
+import request from '@/utils/request'
+
+// 查询微博列表
+export function listWb(query) {
+  return request({
+    url: '/tcZz/netManage/wb/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询微博详细
+export function getWb(id) {
+  return request({
+    url: '/tcZz/netManage/wb/' + id,
+    method: 'get'
+  })
+}
+
+// 新增微博
+export function addWb(data) {
+  return request({
+    url: '/tcZz/netManage/wb',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改微博
+export function updateWb(data) {
+  return request({
+    url: '/tcZz/netManage/wb',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除微博
+export function delWb(id) {
+  return request({
+    url: '/tcZz/netManage/wb/' + id,
+    method: 'delete'
+  })
+}

src/api/tcZz/netManage/wz.js

@@ -0,0 +1,44 @@
+import request from '@/utils/request'
+
+// 查询网站列表
+export function listWz(query) {
+  return request({
+    url: '/tcZz/netManage/wz/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询网站详细
+export function getWz(id) {
+  return request({
+    url: '/tcZz/netManage/wz/' + id,
+    method: 'get'
+  })
+}
+
+// 新增网站
+export function addWz(data) {
+  return request({
+    url: '/tcZz/netManage/wz',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改网站
+export function updateWz(data) {
+  return request({
+    url: '/tcZz/netManage/wz',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除网站
+export function delWz(id) {
+  return request({
+    url: '/tcZz/netManage/wz/' + id,
+    method: 'delete'
+  })
+}

src/api/tcZz/netManage/ytlc.js

@@ -0,0 +1,44 @@
+import request from '@/utils/request'
+
+// 查询约谈流程列表
+export function listYtlc(query) {
+  return request({
+    url: '/tcZz/netManage/ytlc/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询约谈流程详细
+export function getYtlc(id) {
+  return request({
+    url: '/tcZz/netManage/ytlc/' + id,
+    method: 'get'
+  })
+}
+
+// 新增约谈流程
+export function addYtlc(data) {
+  return request({
+    url: '/tcZz/netManage/ytlc',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改约谈流程
+export function updateYtlc(data) {
+  return request({
+    url: '/tcZz/netManage/ytlc',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除约谈流程
+export function delYtlc(id) {
+  return request({
+    url: '/tcZz/netManage/ytlc/' + id,
+    method: 'delete'
+  })
+}

src/api/tcZz/netManage/zdgzxm.js

@@ -0,0 +1,44 @@
+import request from '@/utils/request'
+
+// 查询重点工作项目列表
+export function listZdgzxm(query) {
+  return request({
+    url: '/tcZz/netManage/zdgzxm/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询重点工作项目详细
+export function getZdgzxm(id) {
+  return request({
+    url: '/tcZz/netManage/zdgzxm/' + id,
+    method: 'get'
+  })
+}
+
+// 新增重点工作项目
+export function addZdgzxm(data) {
+  return request({
+    url: '/tcZz/netManage/zdgzxm',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改重点工作项目
+export function updateZdgzxm(data) {
+  return request({
+    url: '/tcZz/netManage/zdgzxm',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除重点工作项目
+export function delZdgzxm(id) {
+  return request({
+    url: '/tcZz/netManage/zdgzxm/' + id,
+    method: 'delete'
+  })
+}

src/api/tcZz/netManage/zdlyjg.js

@@ -0,0 +1,44 @@
+import request from '@/utils/request'
+
+// 查询重点领域监管列表
+export function listZdlyjg(query) {
+  return request({
+    url: '/tcZz/netManage/zdlyjg/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询重点领域监管详细
+export function getZdlyjg(id) {
+  return request({
+    url: '/tcZz/netManage/zdlyjg/' + id,
+    method: 'get'
+  })
+}
+
+// 新增重点领域监管
+export function addZdlyjg(data) {
+  return request({
+    url: '/tcZz/netManage/zdlyjg',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改重点领域监管
+export function updateZdlyjg(data) {
+  return request({
+    url: '/tcZz/netManage/zdlyjg',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除重点领域监管
+export function delZdlyjg(id) {
+  return request({
+    url: '/tcZz/netManage/zdlyjg/' + id,
+    method: 'delete'
+  })
+}

src/api/tcZz/netManage/zdqyml.js

@@ -0,0 +1,44 @@
+import request from '@/utils/request'
+
+// 查询重点企业名录列表
+export function listZdqyml(query) {
+  return request({
+    url: '/tcZz/netManage/zdqyml/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询重点企业名录详细
+export function getZdqyml(id) {
+  return request({
+    url: '/tcZz/netManage/zdqyml/' + id,
+    method: 'get'
+  })
+}
+
+// 新增重点企业名录
+export function addZdqyml(data) {
+  return request({
+    url: '/tcZz/netManage/zdqyml',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改重点企业名录
+export function updateZdqyml(data) {
+  return request({
+    url: '/tcZz/netManage/zdqyml',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除重点企业名录
+export function delZdqyml(id) {
+  return request({
+    url: '/tcZz/netManage/zdqyml/' + id,
+    method: 'delete'
+  })
+}

src/api/tcZz/netWorkYq/cy.js

@@ -0,0 +1,44 @@
+import request from '@/utils/request'
+
+// 查询词云列表
+export function listCy(query) {
+  return request({
+    url: '/tcZz/netWorkYq/cy/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询词云详细
+export function getCy(id) {
+  return request({
+    url: '/tcZz/netWorkYq/cy/' + id,
+    method: 'get'
+  })
+}
+
+// 新增词云
+export function addCy(data) {
+  return request({
+    url: '/tcZz/netWorkYq/cy',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改词云
+export function updateCy(data) {
+  return request({
+    url: '/tcZz/netWorkYq/cy',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除词云
+export function delCy(id) {
+  return request({
+    url: '/tcZz/netWorkYq/cy/' + id,
+    method: 'delete'
+  })
+}

src/api/tcZz/netWorkYq/dtsx.js

@@ -0,0 +1,44 @@
+import request from '@/utils/request'
+
+// 查询动态筛选列表
+export function listDtsx(query) {
+  return request({
+    url: '/tcZz/netWorkYq/dtsx/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询动态筛选详细
+export function getDtsx(id) {
+  return request({
+    url: '/tcZz/netWorkYq/dtsx/' + id,
+    method: 'get'
+  })
+}
+
+// 新增动态筛选
+export function addDtsx(data) {
+  return request({
+    url: '/tcZz/netWorkYq/dtsx',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改动态筛选
+export function updateDtsx(data) {
+  return request({
+    url: '/tcZz/netWorkYq/dtsx',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除动态筛选
+export function delDtsx(id) {
+  return request({
+    url: '/tcZz/netWorkYq/dtsx/' + id,
+    method: 'delete'
+  })
+}

src/api/tcZz/netWorkYq/mtlx.js

@@ -0,0 +1,44 @@
+import request from '@/utils/request'
+
+// 查询媒体类型列表
+export function listMtlx(query) {
+  return request({
+    url: '/tcZz/netWorkYq/mtlx/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询媒体类型详细
+export function getMtlx(id) {
+  return request({
+    url: '/tcZz/netWorkYq/mtlx/' + id,
+    method: 'get'
+  })
+}
+
+// 新增媒体类型
+export function addMtlx(data) {
+  return request({
+    url: '/tcZz/netWorkYq/mtlx',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改媒体类型
+export function updateMtlx(data) {
+  return request({
+    url: '/tcZz/netWorkYq/mtlx',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除媒体类型
+export function delMtlx(id) {
+  return request({
+    url: '/tcZz/netWorkYq/mtlx/' + id,
+    method: 'delete'
+  })
+}

src/api/tcZz/netWorkYq/sslx.js

@@ -0,0 +1,44 @@
+import request from '@/utils/request'
+
+// 查询涉事类型列表
+export function listSslx(query) {
+  return request({
+    url: '/tcZz/netWorkYq/sslx/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询涉事类型详细
+export function getSslx(id) {
+  return request({
+    url: '/tcZz/netWorkYq/sslx/' + id,
+    method: 'get'
+  })
+}
+
+// 新增涉事类型
+export function addSslx(data) {
+  return request({
+    url: '/tcZz/netWorkYq/sslx',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改涉事类型
+export function updateSslx(data) {
+  return request({
+    url: '/tcZz/netWorkYq/sslx',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除涉事类型
+export function delSslx(id) {
+  return request({
+    url: '/tcZz/netWorkYq/sslx/' + id,
+    method: 'delete'
+  })
+}

src/api/tcZz/netWorkYq/yqbg.js

@@ -0,0 +1,44 @@
+import request from '@/utils/request'
+
+// 查询舆情报告列表
+export function listYqbg(query) {
+  return request({
+    url: '/tcZz/netWorkYq/yqbg/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询舆情报告详细
+export function getYqbg(id) {
+  return request({
+    url: '/tcZz/netWorkYq/yqbg/' + id,
+    method: 'get'
+  })
+}
+
+// 新增舆情报告
+export function addYqbg(data) {
+  return request({
+    url: '/tcZz/netWorkYq/yqbg',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改舆情报告
+export function updateYqbg(data) {
+  return request({
+    url: '/tcZz/netWorkYq/yqbg',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除舆情报告
+export function delYqbg(id) {
+  return request({
+    url: '/tcZz/netWorkYq/yqbg/' + id,
+    method: 'delete'
+  })
+}

src/api/tcZz/netWorkYq/yqxxlnum.js

@@ -0,0 +1,44 @@
+import request from '@/utils/request'
+
+// 查询舆情信息量统计列表
+export function listYqxxlnum(query) {
+  return request({
+    url: '/tcZz/netWorkYq/yqxxlnum/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询舆情信息量统计详细
+export function getYqxxlnum(id) {
+  return request({
+    url: '/tcZz/netWorkYq/yqxxlnum/' + id,
+    method: 'get'
+  })
+}
+
+// 新增舆情信息量统计
+export function addYqxxlnum(data) {
+  return request({
+    url: '/tcZz/netWorkYq/yqxxlnum',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改舆情信息量统计
+export function updateYqxxlnum(data) {
+  return request({
+    url: '/tcZz/netWorkYq/yqxxlnum',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除舆情信息量统计
+export function delYqxxlnum(id) {
+  return request({
+    url: '/tcZz/netWorkYq/yqxxlnum/' + id,
+    method: 'delete'
+  })
+}

src/api/tcZz/netWorkYq/yqxxltj.js

@@ -0,0 +1,44 @@
+import request from '@/utils/request'
+
+// 查询舆情信息量统计明細列表
+export function listYqxxltj(query) {
+  return request({
+    url: '/tcZz/netWorkYq/yqxxltj/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询舆情信息量统计明細详细
+export function getYqxxltj(id) {
+  return request({
+    url: '/tcZz/netWorkYq/yqxxltj/' + id,
+    method: 'get'
+  })
+}
+
+// 新增舆情信息量统计明細
+export function addYqxxltj(data) {
+  return request({
+    url: '/tcZz/netWorkYq/yqxxltj',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改舆情信息量统计明細
+export function updateYqxxltj(data) {
+  return request({
+    url: '/tcZz/netWorkYq/yqxxltj',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除舆情信息量统计明細
+export function delYqxxltj(id) {
+  return request({
+    url: '/tcZz/netWorkYq/yqxxltj/' + id,
+    method: 'delete'
+  })
+}

src/api/tcZz/netWorkYq/yqyj.js

@@ -0,0 +1,44 @@
+import request from '@/utils/request'
+
+// 查询舆情预警列表
+export function listYqyj(query) {
+  return request({
+    url: '/tcZz/netWorkYq/yqyj/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询舆情预警详细
+export function getYqyj(id) {
+  return request({
+    url: '/tcZz/netWorkYq/yqyj/' + id,
+    method: 'get'
+  })
+}
+
+// 新增舆情预警
+export function addYqyj(data) {
+  return request({
+    url: '/tcZz/netWorkYq/yqyj',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改舆情预警
+export function updateYqyj(data) {
+  return request({
+    url: '/tcZz/netWorkYq/yqyj',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除舆情预警
+export function delYqyj(id) {
+  return request({
+    url: '/tcZz/netWorkYq/yqyj/' + id,
+    method: 'delete'
+  })
+}

src/api/tcZz/netWorkYq/yqzs.js

@@ -0,0 +1,44 @@
+import request from '@/utils/request'
+
+// 查询舆情走势图列表
+export function listYqzs(query) {
+  return request({
+    url: '/tcZz/netWorkYq/yqzs/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询舆情走势图详细
+export function getYqzs(id) {
+  return request({
+    url: '/tcZz/netWorkYq/yqzs/' + id,
+    method: 'get'
+  })
+}
+
+// 新增舆情走势图
+export function addYqzs(data) {
+  return request({
+    url: '/tcZz/netWorkYq/yqzs',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改舆情走势图
+export function updateYqzs(data) {
+  return request({
+    url: '/tcZz/netWorkYq/yqzs',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除舆情走势图
+export function delYqzs(id) {
+  return request({
+    url: '/tcZz/netWorkYq/yqzs/' + id,
+    method: 'delete'
+  })
+}

src/api/tcZz/netWorkYq/zbxq.js

@@ -0,0 +1,44 @@
+import request from '@/utils/request'
+
+// 查询 转办量、转办详情列表
+export function listZbxq(query) {
+  return request({
+    url: '/tcZz/netWorkYq/zbxq/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询 转办量、转办详情详细
+export function getZbxq(id) {
+  return request({
+    url: '/tcZz/netWorkYq/zbxq/' + id,
+    method: 'get'
+  })
+}
+
+// 新增 转办量、转办详情
+export function addZbxq(data) {
+  return request({
+    url: '/tcZz/netWorkYq/zbxq',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改 转办量、转办详情
+export function updateZbxq(data) {
+  return request({
+    url: '/tcZz/netWorkYq/zbxq',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除 转办量、转办详情
+export function delZbxq(id) {
+  return request({
+    url: '/tcZz/netWorkYq/zbxq/' + id,
+    method: 'delete'
+  })
+}

src/api/tcZz/yqxxlnum.js

@@ -0,0 +1,44 @@
+import request from '@/utils/request'
+
+// 查询舆情信息量统计列表
+export function listYqxxlnum(query) {
+  return request({
+    url: '/tcZz/yqxxlnum/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询舆情信息量统计详细
+export function getYqxxlnum(id) {
+  return request({
+    url: '/tcZz/yqxxlnum/' + id,
+    method: 'get'
+  })
+}
+
+// 新增舆情信息量统计
+export function addYqxxlnum(data) {
+  return request({
+    url: '/tcZz/yqxxlnum',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改舆情信息量统计
+export function updateYqxxlnum(data) {
+  return request({
+    url: '/tcZz/yqxxlnum',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除舆情信息量统计
+export function delYqxxlnum(id) {
+  return request({
+    url: '/tcZz/yqxxlnum/' + id,
+    method: 'delete'
+  })
+}

src/assets/styles/diythem.scss

@@ -19,7 +19,7 @@
       }
       //  content
       .el-form-item__content {
-        width: 180px;
+        // width: 180px;
         // 输入框
         .el-input {
           .el-input__inner {

src/views/tcZz/netManage/bzhan/index.vue

@@ -0,0 +1,525 @@
+<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="账号ID" prop="zhId">
+                    <el-input
+                        v-model="queryParams.zhId"
+                        placeholder="请输入账号ID"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <!-- <el-form-item label="网址" prop="url">
+                    <el-input
+                        v-model="queryParams.url"
+                        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_bztype"
+                          :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/netManage:bzhan:add']"
+        >新增</el-button
+      >
+      <el-button
+            type="success"
+            size="mini"
+            :disabled="single"
+            @click="handleUpdate"
+            v-hasPermi="['tcZz/netManage:bzhan:edit']"
+        >修改</el-button>
+         <el-button
+            type="danger"
+            size="mini"
+            :disabled="multiple"
+            @click="handleDelete"
+            v-hasPermi="['tcZz/netManage:bzhan:remove']"
+        >删除</el-button>
+      <el-button
+        type="warning"
+        size="mini"
+        :loading="exportLoading"
+        @click="handleExport"
+         v-hasPermi="['tcZz/netManage:bzhan:export']"
+        >导出</el-button
+      >
+    </div>
+    <el-table v-loading="loading" :data="bzhanList"  @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="55" align="center" />
+              <el-table-column label="序号" 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"/> -->
+                  <el-switch
+                    v-model="scope.row.isStatus"
+                    :active-value="2"
+                    :inactive-value="1"
+                    active-color="#ff4949"
+                    inactive-color="#13ce66"
+                    @change="handleStatusChange(scope.row)"
+                  ></el-switch>
+                </template>
+              </el-table-column>
+              <el-table-column label="账号ID" align="center" prop="zhId" />
+              <!-- <el-table-column label="网址" align="center" prop="url" /> -->
+              <el-table-column label="类型" align="center" prop="type">
+                <template slot-scope="scope">
+                  <dict-tag :options="dict.type.tc_bztype" :value="scope.row.type"/>
+                </template>
+              </el-table-column>
+              <!-- <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/netManage:bzhan:list']"
+          >
+            查看
+          </el-button>
+          <el-button
+            type="success"
+            size="mini"
+              @click="handleUpdate(scope.row)"
+              v-hasPermi="['tcZz/netManage:bzhan:edit']"
+          >修改</el-button>
+          <el-button
+              size="mini"
+            type="danger"
+              @click="handleDelete(scope.row)"
+              v-hasPermi="['tcZz/netManage:bzhan: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"
+    />
+
+    <!-- 添加或修改B站、小红书对话框 -->
+    <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="启用/禁用">
+                          <el-radio-group v-model="form.isStatus">
+                            <el-radio
+                                v-for="dict in dict.type.tc_start"
+                                :key="dict.value"
+:label="parseInt(dict.value)"
+                            >{{dict.label}}</el-radio>
+                          </el-radio-group>
+                        </el-form-item>
+                        <el-form-item label="账号ID" prop="zhId">
+                          <el-input v-model="form.zhId" placeholder="请输入账号ID" />
+                        </el-form-item>
+                        <el-form-item label="网址" prop="url">
+                          <el-input v-model="form.url" 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_bztype"
+                                :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>
+    <!--查看B站、小红书详情页-->
+    <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="B站、小红书"  :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="账号ID">{{ form.zhId }}</el-descriptions-item>
+
+                      <el-descriptions-item label="网址">{{ form.url }}</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 { listBzhan, getBzhan, delBzhan, addBzhan, updateBzhan, exportBzhan } from "@/api/tcZz/netManage/bzhan";
+  export default {
+    name: "Bzhan",
+    //注释字典
+              dicts: ['tc_area', 'tc_start', 'tc_bztype'],
+    data() {
+      return {
+        tableHeigth: 0,
+        //查看详情
+        infoOpen:false,
+        //详情标题
+        infoTitle:'',
+        // 遮罩层
+        loading: true,
+        // 导出遮罩层
+        exportLoading: false,
+        // 选中数组
+        ids: [],
+        // 非单个禁用
+        single: true,
+        // 非多个禁用
+        multiple: true,
+        // 显示搜索条件
+        showSearch: true,
+        // 总条数
+        total: 0,
+        // B站、小红书表格数据
+              bzhanList: [],
+        // 弹出层标题
+        title: "",
+        // 是否显示弹出层
+        open: false,
+                // 备注时间范围
+                daterangeCreateTime: [],
+                // 备注时间范围
+                daterangeUpdateTime: [],
+        // 查询参数
+        queryParams: {
+          pageNum: 1,
+          pageSize: 10,
+                        id: null,
+
+                        areaId: null,
+
+                        isStatus: null,
+
+                        zhId: null,
+
+                        url: null,
+
+                        type: null,
+
+                        createBy: null,
+
+                        createTime: null,
+
+                        updateBy: null,
+
+                        updateTime: null,
+
+                        remark: null,
+
+        },
+        // 表单参数
+        form: {},
+        // 表单校验
+        rules: {
+        }
+      };
+    },
+    created() {
+
+      this.getList();
+
+    },
+    methods: {
+      /** 查询B站、小红书列表 */
+      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];
+                }
+        listBzhan(this.queryParams).then(response => {
+          this.bzhanList = response.rows;
+          this.total = response.total;
+          this.loading = false;
+        });
+      },
+      // 取消按钮
+      cancel() {
+        this.open = false;
+        this.reset();
+      },
+      // 表单重置
+      reset() {
+        this.form = {
+                        id: null,
+
+                        areaId: null,
+
+                    isStatus: 0,
+
+                        zhId: null,
+
+                        url: 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
+        getBzhan(id).then(response => {
+          this.form = response.data;
+          this.infoOpen = true;
+          this.infoTitle = "查看B站、小红书详情"
+        });
+      },
+      /** 新增按钮操作 */
+      handleAdd() {
+        this.reset();
+        this.open = true;
+        this.title = "添加B站、小红书";
+      },
+      /** 修改按钮操作 */
+      handleUpdate(row) {
+        this.reset();
+        const id = row.id || this.ids
+        getBzhan(id).then(response => {
+          this.form = response.data;
+          this.open = true;
+          this.title = "修改B站、小红书";
+        });
+      },
+      // 状态修改
+      handleStatusChange(row) {
+        let text = row.isStatus === 1 ? "启用" : "停用";
+        this.$modal.confirm('确认要"' + text + '"吗？').then(function() {
+          return updateBzhan({id:row.id, isStatus:row.isStatus});
+        }).then(() => {
+          this.$modal.msgSuccess(text + "成功");
+        }).catch(function() {
+          row.isStatus = row.isStatus === 1 ? 2 : 1;
+        });
+      },
+      /** 提交按钮 */
+      submitForm() {
+        this.$refs["form"].validate(valid => {
+          if (valid) {
+            if (this.form.id != null) {
+              updateBzhan(this.form).then(response => {
+                this.$modal.msgSuccess("修改成功");
+                this.open = false;
+                this.getList();
+              });
+            } else {
+              addBzhan(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 delBzhan(ids);
+        }).then(() => {
+          this.getList();
+          this.msgSuccess("删除成功");
+        }).catch(() => {});
+      },
+      /** 导出按钮操作 */
+      handleExport() {
+        const queryParams = this.queryParams;
+        this.$confirm('是否确认导出所有B站、小红书数据项?', "警告", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(() => {
+          this.download('/tcZz/netManage/bzhan/export', {
+            ...this.queryParams
+          }, 'B站、小红书_'+ new Date().getTime() +'.xlsx')
+          this.exportLoading = false;
+        }).catch(() => {});
+      }
+    }
+  }
+
+</script>

src/views/tcZz/netManage/dy/index.vue

@@ -0,0 +1,513 @@
+<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="userName">
+                    <el-input
+                        v-model="queryParams.userName"
+                        placeholder="请输入账号"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <!-- <el-form-item label="简介" prop="intro">
+                    <el-input
+                        v-model="queryParams.intro"
+                        placeholder="请输入简介"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="粉丝数" prop="fsCount">
+                    <el-input
+                        v-model="queryParams.fsCount"
+                        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/netManage:dy:add']"
+        >新增</el-button
+      >
+      <el-button
+            type="success"
+            size="mini"
+            :disabled="single"
+            @click="handleUpdate"
+            v-hasPermi="['tcZz/netManage:dy:edit']"
+        >修改</el-button>
+         <el-button
+            type="danger"
+            size="mini"
+            :disabled="multiple"
+            @click="handleDelete"
+            v-hasPermi="['tcZz/netManage:dy:remove']"
+        >删除</el-button>
+      <el-button
+        type="warning"
+        size="mini"
+        :loading="exportLoading"
+        @click="handleExport"
+         v-hasPermi="['tcZz/netManage:dy:export']"
+        >导出</el-button
+      >
+    </div>
+    <el-table v-loading="loading" :data="dyList"  @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="55" align="center" />
+              <el-table-column label="序号" 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"/> -->
+                  <el-switch
+                    v-model="scope.row.isStatus"
+                    :active-value="2"
+                    :inactive-value="1"
+                    active-color="#ff4949"
+                    inactive-color="#13ce66"
+                    @change="handleStatusChange(scope.row)"
+                  ></el-switch>
+                </template>
+              </el-table-column>
+              <el-table-column label="账号" align="center" prop="userName" />
+              <!-- <el-table-column label="简介" align="center" prop="intro" />
+              <el-table-column label="粉丝数" align="center" prop="fsCount" />
+              <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/netManage:dy:list']"
+          >
+            查看
+          </el-button>
+          <el-button
+            type="success"
+            size="mini"
+              @click="handleUpdate(scope.row)"
+              v-hasPermi="['tcZz/netManage:dy:edit']"
+          >修改</el-button>
+          <el-button
+              size="mini"
+            type="danger"
+              @click="handleDelete(scope.row)"
+              v-hasPermi="['tcZz/netManage:dy: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="启用/禁用">
+                          <el-radio-group v-model="form.isStatus">
+                            <el-radio
+                                v-for="dict in dict.type.tc_start"
+                                :key="dict.value"
+:label="parseInt(dict.value)"
+                            >{{dict.label}}</el-radio>
+                          </el-radio-group>
+                        </el-form-item>
+                        <el-form-item label="账号" prop="userName">
+                          <el-input v-model="form.userName" placeholder="请输入账号" />
+                        </el-form-item>
+                        <el-form-item label="简介" prop="intro">
+                          <el-input v-model="form.intro" placeholder="请输入简介" />
+                        </el-form-item>
+                        <el-form-item label="粉丝数" prop="fsCount">
+                          <el-input v-model="form.fsCount" 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.userName }}</el-descriptions-item>
+
+                      <el-descriptions-item label="简介">{{ form.intro }}</el-descriptions-item>
+
+                      <el-descriptions-item label="粉丝数">{{ form.fsCount }}</el-descriptions-item>
+
+                      <el-descriptions-item label="备注">{{ form.remark }}</el-descriptions-item>
+
+        </el-descriptions>
+   
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+  import { listDy, getDy, delDy, addDy, updateDy, exportDy } from "@/api/tcZz/netManage/dy";
+  export default {
+    name: "Dy",
+    //注释字典
+              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,
+        // 抖音表格数据
+              dyList: [],
+        // 弹出层标题
+        title: "",
+        // 是否显示弹出层
+        open: false,
+                // 备注时间范围
+                daterangeCreateTime: [],
+                // 备注时间范围
+                daterangeUpdateTime: [],
+        // 查询参数
+        queryParams: {
+          pageNum: 1,
+          pageSize: 10,
+                        id: null,
+
+                        areaId: null,
+
+                        isStatus: null,
+
+                        userName: null,
+
+                        intro: null,
+
+                        fsCount: 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];
+                }
+        listDy(this.queryParams).then(response => {
+          this.dyList = response.rows;
+          this.total = response.total;
+          this.loading = false;
+        });
+      },
+      // 取消按钮
+      cancel() {
+        this.open = false;
+        this.reset();
+      },
+      // 表单重置
+      reset() {
+        this.form = {
+                        id: null,
+
+                        areaId: null,
+
+                    isStatus: 0,
+
+                        userName: null,
+
+                        intro: null,
+
+                        fsCount: 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
+        getDy(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
+        getDy(id).then(response => {
+          this.form = response.data;
+          this.open = true;
+          this.title = "修改抖音";
+        });
+      },
+      // 状态修改
+      handleStatusChange(row) {
+        let text = row.isStatus === 1 ? "启用" : "停用";
+        this.$modal.confirm('确认要"' + text + '"吗？').then(function() {
+          return updateDy({id:row.id, isStatus:row.isStatus});
+        }).then(() => {
+          this.$modal.msgSuccess(text + "成功");
+        }).catch(function() {
+          row.isStatus = row.isStatus === 1 ? 2 : 1;
+        });
+      },
+      /** 提交按钮 */
+      submitForm() {
+        this.$refs["form"].validate(valid => {
+          if (valid) {
+            if (this.form.id != null) {
+              updateDy(this.form).then(response => {
+                this.$modal.msgSuccess("修改成功");
+                this.open = false;
+                this.getList();
+              });
+            } else {
+              addDy(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 delDy(ids);
+        }).then(() => {
+          this.getList();
+          this.msgSuccess("删除成功");
+        }).catch(() => {});
+      },
+      /** 导出按钮操作 */
+      handleExport() {
+        const queryParams = this.queryParams;
+        this.$confirm('是否确认导出所有抖音数据项?', "警告", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(() => {
+          this.download('/tcZz/netManage/dy/export', {
+            ...this.queryParams
+          }, '抖音_'+ new Date().getTime() +'.xlsx')
+          this.exportLoading = false;
+        }).catch(() => {});
+      }
+    }
+  }
+
+</script>

src/views/tcZz/netManage/gzdt/index.vue

@@ -0,0 +1,523 @@
+<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="title">
+                    <el-input
+                        v-model="queryParams.title"
+                        placeholder="请输入标题"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="类型" prop="type">
+                    <el-input
+                        v-model="queryParams.type"
+                        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="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/netManage:gzdt:add']"
+        >新增</el-button
+      >
+      <el-button
+            type="success"
+            size="mini"
+            :disabled="single"
+            @click="handleUpdate"
+            v-hasPermi="['tcZz/netManage:gzdt:edit']"
+        >修改</el-button>
+         <el-button
+            type="danger"
+            size="mini"
+            :disabled="multiple"
+            @click="handleDelete"
+            v-hasPermi="['tcZz/netManage:gzdt:remove']"
+        >删除</el-button>
+      <el-button
+        type="warning"
+        size="mini"
+        :loading="exportLoading"
+        @click="handleExport"
+         v-hasPermi="['tcZz/netManage:gzdt:export']"
+        >导出</el-button
+      >
+    </div>
+    <el-table v-loading="loading" :data="gzdtList"  @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="55" align="center" />
+              <el-table-column label="序号" 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"/> -->
+                  <el-switch
+                    v-model="scope.row.isStatus"
+                    :active-value="2"
+                    :inactive-value="1"
+                    active-color="#ff4949"
+                    inactive-color="#13ce66"
+                    @change="handleStatusChange(scope.row)"
+                  ></el-switch>
+                </template>
+              </el-table-column>
+              <el-table-column label="标题" align="center" prop="title" />
+              <el-table-column label="类型" align="center" prop="type" />
+              <!-- <el-table-column label="文件名称" align="center" prop="fileName" />
+              <el-table-column label="文件路径(完整路径)" align="center" prop="fileUrl" />
+              <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/netManage:gzdt:list']"
+          >
+            查看
+          </el-button>
+          <el-button
+            type="success"
+            size="mini"
+              @click="handleUpdate(scope.row)"
+              v-hasPermi="['tcZz/netManage:gzdt:edit']"
+          >修改</el-button>
+          <el-button
+              size="mini"
+            type="danger"
+              @click="handleDelete(scope.row)"
+              v-hasPermi="['tcZz/netManage:gzdt: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="启用/禁用">
+                          <el-radio-group v-model="form.isStatus">
+                            <el-radio
+                                v-for="dict in dict.type.tc_start"
+                                :key="dict.value"
+:label="parseInt(dict.value)"
+                            >{{dict.label}}</el-radio>
+                          </el-radio-group>
+                        </el-form-item>
+                        <el-form-item label="标题" prop="title">
+                          <el-input v-model="form.title" placeholder="请输入标题" />
+                        </el-form-item>
+                        <el-form-item label="类型" prop="type">
+                          <el-input v-model="form.type" placeholder="请输入类型" />
+                        </el-form-item>
+                        <el-form-item label="文件名称" prop="fileName">
+                          <el-input v-model="form.fileName" placeholder="请输入文件名称" />
+                        </el-form-item>
+                        <el-form-item label="文件路径(完整路径)">
+                          <fileUpload v-model="form.fileUrl"/>
+                        </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.title }}</el-descriptions-item>
+
+                      <el-descriptions-item label="类型">{{ form.type }}</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 { listGzdt, getGzdt, delGzdt, addGzdt, updateGzdt, exportGzdt } from "@/api/tcZz/netManage/gzdt";
+  export default {
+    name: "Gzdt",
+    //注释字典
+              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,
+        // 工作动态表格数据
+              gzdtList: [],
+        // 弹出层标题
+        title: "",
+        // 是否显示弹出层
+        open: false,
+                // 备注时间范围
+                daterangeCreateTime: [],
+                // 备注时间范围
+                daterangeUpdateTime: [],
+        // 查询参数
+        queryParams: {
+          pageNum: 1,
+          pageSize: 10,
+                        id: null,
+
+                        areaId: null,
+
+                        isStatus: null,
+
+                        title: null,
+
+                        type: 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];
+                }
+        listGzdt(this.queryParams).then(response => {
+          this.gzdtList = response.rows;
+          this.total = response.total;
+          this.loading = false;
+        });
+      },
+      // 取消按钮
+      cancel() {
+        this.open = false;
+        this.reset();
+      },
+      // 表单重置
+      reset() {
+        this.form = {
+                        id: null,
+
+                        areaId: null,
+
+                    isStatus: 0,
+
+                        title: null,
+
+                        type: 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
+        getGzdt(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
+        getGzdt(id).then(response => {
+          this.form = response.data;
+          this.open = true;
+          this.title = "修改工作动态";
+        });
+      },
+      // 状态修改
+      handleStatusChange(row) {
+        let text = row.isStatus === 1 ? "启用" : "停用";
+        this.$modal.confirm('确认要"' + text + '"吗？').then(function() {
+          return updateGzdt({id:row.id, isStatus:row.isStatus});
+        }).then(() => {
+          this.$modal.msgSuccess(text + "成功");
+        }).catch(function() {
+          row.isStatus = row.isStatus === 1 ? 2 : 1;
+        });
+      },
+      /** 提交按钮 */
+      submitForm() {
+        this.$refs["form"].validate(valid => {
+          if (valid) {
+            if (this.form.id != null) {
+              updateGzdt(this.form).then(response => {
+                this.$modal.msgSuccess("修改成功");
+                this.open = false;
+                this.getList();
+              });
+            } else {
+              addGzdt(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 delGzdt(ids);
+        }).then(() => {
+          this.getList();
+          this.msgSuccess("删除成功");
+        }).catch(() => {});
+      },
+      /** 导出按钮操作 */
+      handleExport() {
+        const queryParams = this.queryParams;
+        this.$confirm('是否确认导出所有工作动态数据项?', "警告", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(() => {
+          this.download('/tcZz/netManage/gzdt/export', {
+            ...this.queryParams
+          }, '工作动态_'+ new Date().getTime() +'.xlsx')
+          this.exportLoading = false;
+        }).catch(() => {});
+      }
+    }
+  }
+
+</script>

src/views/tcZz/netManage/jbmap/index.vue

@@ -0,0 +1,630 @@
+<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="jbObj">
+                    <el-input
+                        v-model="queryParams.jbObj"
+                        placeholder="请输入被举报对象"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <!-- <el-form-item label="苏州编号" prop="number">
+                    <el-input
+                        v-model="queryParams.number"
+                        placeholder="请输入苏州编号"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item> -->
+                  <el-form-item label="举报时间">
+                    <el-date-picker
+                        v-model="daterangeJbTime"
+                        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="address">
+                    <el-input
+                        v-model="queryParams.address"
+                        placeholder="请输入地址"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item> -->
+                  <el-form-item label="是否处置" prop="state">
+                    <el-select v-model="queryParams.state" placeholder="请选择是否处置" clearable size="small">
+                      <el-option
+                          v-for="dict in dict.type.tc_czstate"
+                          :key="dict.value"
+                          :label="dict.label"
+                          :value="dict.value"
+                      />
+                    </el-select>
+                  </el-form-item>
+                  <!-- <el-form-item label="经度" prop="longitude">
+                    <el-input
+                        v-model="queryParams.longitude"
+                        placeholder="请输入经度"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="纬度" prop="latitude">
+                    <el-input
+                        v-model="queryParams.latitude"
+                        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/netManage:jbmap:add']"
+        >新增</el-button
+      >
+      <el-button
+            type="success"
+            size="mini"
+            :disabled="single"
+            @click="handleUpdate"
+            v-hasPermi="['tcZz/netManage:jbmap:edit']"
+        >修改</el-button>
+         <el-button
+            type="danger"
+            size="mini"
+            :disabled="multiple"
+            @click="handleDelete"
+            v-hasPermi="['tcZz/netManage:jbmap:remove']"
+        >删除</el-button>
+      <el-button
+        type="warning"
+        size="mini"
+        :loading="exportLoading"
+        @click="handleExport"
+         v-hasPermi="['tcZz/netManage:jbmap:export']"
+        >导出</el-button
+      >
+    </div>
+    <el-table v-loading="loading" :data="jbmapList"  @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="55" align="center" />
+              <el-table-column label="序号" 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"/> -->
+                  <el-switch
+                    v-model="scope.row.isStatus"
+                    :active-value="2"
+                    :inactive-value="1"
+                    active-color="#ff4949"
+                    inactive-color="#13ce66"
+                    @change="handleStatusChange(scope.row)"
+                  ></el-switch>
+                </template>
+              </el-table-column>
+              <el-table-column label="被举报对象" align="center" prop="jbObj" />
+              <!-- <el-table-column label="苏州编号" align="center" prop="number" /> -->
+              <el-table-column label="举报时间" align="center" prop="jbTime" width="180">
+                <template slot-scope="scope">
+                  <span>{{ parseTime(scope.row.jbTime, '{y}-{m}-{d}') }}</span>
+                </template>
+              </el-table-column>
+              <!-- <el-table-column label="地址" align="center" prop="address" /> -->
+              <!-- <el-table-column label="举报内容" align="center" prop="content" /> -->
+              <el-table-column label="是否处置" align="center" prop="state">
+                <template slot-scope="scope">
+                  <dict-tag :options="dict.type.tc_czstate" :value="scope.row.state"/>
+                </template>
+              </el-table-column>
+              <!-- <el-table-column label="经度" align="center" prop="longitude" />
+              <el-table-column label="纬度" align="center" prop="latitude" />
+              <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/netManage:jbmap:list']"
+          >
+            查看
+          </el-button>
+          <el-button
+            type="success"
+            size="mini"
+              @click="handleUpdate(scope.row)"
+              v-hasPermi="['tcZz/netManage:jbmap:edit']"
+          >修改</el-button>
+          <el-button
+              size="mini"
+            type="danger"
+              @click="handleDelete(scope.row)"
+              v-hasPermi="['tcZz/netManage:jbmap: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="启用/禁用">
+                          <el-radio-group v-model="form.isStatus">
+                            <el-radio
+                                v-for="dict in dict.type.tc_start"
+                                :key="dict.value"
+:label="parseInt(dict.value)"
+                            >{{dict.label}}</el-radio>
+                          </el-radio-group>
+                        </el-form-item>
+                        <el-form-item label="被举报对象" prop="jbObj">
+                          <el-input v-model="form.jbObj" placeholder="请输入被举报对象" />
+                        </el-form-item>
+                        <el-form-item label="苏州编号" prop="number">
+                          <el-input v-model="form.number" placeholder="请输入苏州编号" />
+                        </el-form-item>
+                        <el-form-item label="举报时间" prop="jbTime">
+                          <el-date-picker clearable size="small"
+                                          v-model="form.jbTime"
+                                          type="date"
+                                          value-format="yyyy-MM-dd"
+                                          placeholder="选择举报时间">
+                          </el-date-picker>
+                        </el-form-item>
+                        <el-form-item label="地址" prop="address">
+                          <el-input v-model="form.address" placeholder="请输入地址" />
+                        </el-form-item>
+                        <el-form-item label="举报内容">
+                          <editor v-model="form.content" :min-height="192"/>
+                        </el-form-item>
+                        <el-form-item label="是否处置" prop="state">
+                          <el-select v-model="form.state" placeholder="请选择是否处置">
+                            <el-option
+                                v-for="dict in dict.type.tc_czstate"
+                                :key="dict.value"
+                                :label="dict.label"
+:value="parseInt(dict.value)"
+                            ></el-option>
+                          </el-select>
+                        </el-form-item>
+                        <el-form-item label="经度" prop="longitude">
+                          <el-input v-model="form.longitude" placeholder="请输入经度" />
+                        </el-form-item>
+                        <el-form-item label="纬度" prop="latitude">
+                          <el-input v-model="form.latitude" 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.jbObj }}</el-descriptions-item>
+
+                      <el-descriptions-item label="苏州编号">{{ form.number }}</el-descriptions-item>
+
+                      <el-descriptions-item label="举报时间">{{ form.jbTime }}</el-descriptions-item>
+
+                      <el-descriptions-item label="地址">{{ form.address }}</el-descriptions-item>
+
+                      <el-descriptions-item label="举报内容">{{ form.content }}</el-descriptions-item>
+
+                      <el-descriptions-item label="是否处置">{{ form.state }}</el-descriptions-item>
+
+                      <el-descriptions-item label="经度">{{ form.longitude }}</el-descriptions-item>
+
+                      <el-descriptions-item label="纬度">{{ form.latitude }}</el-descriptions-item>
+
+                      <el-descriptions-item label="备注">{{ form.remark }}</el-descriptions-item>
+
+        </el-descriptions>
+   
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+  import { listJbmap, getJbmap, delJbmap, addJbmap, updateJbmap, exportJbmap } from "@/api/tcZz/netManage/jbmap";
+  export default {
+    name: "Jbmap",
+    //注释字典
+              dicts: ['tc_czstate', 'tc_area', 'tc_start'],
+    data() {
+      return {
+        tableHeigth: 0,
+        //查看详情
+        infoOpen:false,
+        //详情标题
+        infoTitle:'',
+        // 遮罩层
+        loading: true,
+        // 导出遮罩层
+        exportLoading: false,
+        // 选中数组
+        ids: [],
+        // 非单个禁用
+        single: true,
+        // 非多个禁用
+        multiple: true,
+        // 显示搜索条件
+        showSearch: true,
+        // 总条数
+        total: 0,
+        // 举报地图表格数据
+              jbmapList: [],
+        // 弹出层标题
+        title: "",
+        // 是否显示弹出层
+        open: false,
+                // 备注时间范围
+                daterangeJbTime: [],
+                // 备注时间范围
+                daterangeCreateTime: [],
+                // 备注时间范围
+                daterangeUpdateTime: [],
+        // 查询参数
+        queryParams: {
+          pageNum: 1,
+          pageSize: 10,
+                        id: null,
+
+                        areaId: null,
+
+                        isStatus: null,
+
+                        jbObj: null,
+
+                        number: null,
+
+                        jbTime: null,
+
+                        address: null,
+
+                        content: null,
+
+                        state: null,
+
+                        longitude: null,
+
+                        latitude: 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.daterangeJbTime && '' != this.daterangeJbTime) {
+                  this.queryParams.params["beginJbTime"] = this.daterangeJbTime[0];
+                  this.queryParams.params["endJbTime"] = this.daterangeJbTime[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];
+                }
+        listJbmap(this.queryParams).then(response => {
+          this.jbmapList = response.rows;
+          this.total = response.total;
+          this.loading = false;
+        });
+      },
+      // 取消按钮
+      cancel() {
+        this.open = false;
+        this.reset();
+      },
+      // 表单重置
+      reset() {
+        this.form = {
+                        id: null,
+
+                        areaId: null,
+
+                    isStatus: 0,
+
+                        jbObj: null,
+
+                        number: null,
+
+                        jbTime: null,
+
+                        address: null,
+
+                        content: null,
+
+                        state: null,
+
+                        longitude: null,
+
+                        latitude: null,
+
+                        createBy: null,
+
+                        createTime: null,
+
+                        updateBy: null,
+
+                        updateTime: null,
+
+                        remark: null,
+
+        };
+        this.resetForm("form");
+      },
+      /** 搜索按钮操作 */
+      handleQuery() {
+        this.queryParams.pageNum = 1;
+        this.getList();
+      },
+      /** 重置按钮操作 */
+      resetQuery() {
+                this.daterangeJbTime = [];
+                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
+        getJbmap(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
+        getJbmap(id).then(response => {
+          this.form = response.data;
+          this.open = true;
+          this.title = "修改举报地图";
+        });
+      },
+      // 状态修改
+      handleStatusChange(row) {
+        let text = row.isStatus === 1 ? "启用" : "停用";
+        this.$modal.confirm('确认要"' + text + '"吗？').then(function() {
+          return updateJbmap({id:row.id, isStatus:row.isStatus});
+        }).then(() => {
+          this.$modal.msgSuccess(text + "成功");
+        }).catch(function() {
+          row.isStatus = row.isStatus === 1 ? 2 : 1;
+        });
+      },
+      /** 提交按钮 */
+      submitForm() {
+        this.$refs["form"].validate(valid => {
+          if (valid) {
+            if (this.form.id != null) {
+              updateJbmap(this.form).then(response => {
+                this.$modal.msgSuccess("修改成功");
+                this.open = false;
+                this.getList();
+              });
+            } else {
+              addJbmap(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 delJbmap(ids);
+        }).then(() => {
+          this.getList();
+          this.msgSuccess("删除成功");
+        }).catch(() => {});
+      },
+      /** 导出按钮操作 */
+      handleExport() {
+        const queryParams = this.queryParams;
+        this.$confirm('是否确认导出所有举报地图数据项?', "警告", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(() => {
+          this.download('/tcZz/netManage/jbmap/export', {
+            ...this.queryParams
+          }, '举报地图_'+ new Date().getTime() +'.xlsx')
+          this.exportLoading = false;
+        }).catch(() => {});
+      }
+    }
+  }
+
+</script>

src/views/tcZz/netManage/jbsjndfltj/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="type">
+                    <el-input
+                        v-model="queryParams.type"
+                        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="创建者" 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/netManage:jbsjndfltj:add']"
+        >新增</el-button
+      >
+      <el-button
+            type="success"
+            size="mini"
+            :disabled="single"
+            @click="handleUpdate"
+            v-hasPermi="['tcZz/netManage:jbsjndfltj:edit']"
+        >修改</el-button>
+         <el-button
+            type="danger"
+            size="mini"
+            :disabled="multiple"
+            @click="handleDelete"
+            v-hasPermi="['tcZz/netManage:jbsjndfltj:remove']"
+        >删除</el-button>
+      <el-button
+        type="warning"
+        size="mini"
+        :loading="exportLoading"
+        @click="handleExport"
+         v-hasPermi="['tcZz/netManage:jbsjndfltj:export']"
+        >导出</el-button
+      >
+    </div>
+    <el-table v-loading="loading" :data="jbsjndfltjList"  @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="55" align="center" />
+              <el-table-column label="序号" align="center" prop="id" />
+              <el-table-column label="类型" align="center" prop="type" />
+              <el-table-column label="数量" align="center" prop="count" />
+              <!-- <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/netManage:jbsjndfltj:list']"
+          >
+            查看
+          </el-button>
+          <el-button
+            type="success"
+            size="mini"
+              @click="handleUpdate(scope.row)"
+              v-hasPermi="['tcZz/netManage:jbsjndfltj:edit']"
+          >修改</el-button>
+          <el-button
+              size="mini"
+            type="danger"
+              @click="handleDelete(scope.row)"
+              v-hasPermi="['tcZz/netManage:jbsjndfltj: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="type">
+                          <el-input v-model="form.type" placeholder="请输入类型" />
+                        </el-form-item>
+                        <el-form-item label="数量" prop="count">
+                          <el-input v-model="form.count" 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.type }}</el-descriptions-item>
+
+                      <el-descriptions-item label="数量">{{ form.count }}</el-descriptions-item>
+
+                      <el-descriptions-item label="备注">{{ form.remark }}</el-descriptions-item>
+
+        </el-descriptions>
+   
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+  import { listJbsjndfltj, getJbsjndfltj, delJbsjndfltj, addJbsjndfltj, updateJbsjndfltj, exportJbsjndfltj } from "@/api/tcZz/netManage/jbsjndfltj";
+  export default {
+    name: "Jbsjndfltj",
+    //注释字典
+    data() {
+      return {
+        tableHeigth: 0,
+        //查看详情
+        infoOpen:false,
+        //详情标题
+        infoTitle:'',
+        // 遮罩层
+        loading: true,
+        // 导出遮罩层
+        exportLoading: false,
+        // 选中数组
+        ids: [],
+        // 非单个禁用
+        single: true,
+        // 非多个禁用
+        multiple: true,
+        // 显示搜索条件
+        showSearch: true,
+        // 总条数
+        total: 0,
+        // 举报事件年度分类统计表格数据
+              jbsjndfltjList: [],
+        // 弹出层标题
+        title: "",
+        // 是否显示弹出层
+        open: false,
+                // 备注时间范围
+                daterangeCreateTime: [],
+                // 备注时间范围
+                daterangeUpdateTime: [],
+        // 查询参数
+        queryParams: {
+          pageNum: 1,
+          pageSize: 10,
+                        id: null,
+
+                        type: null,
+
+                        count: 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];
+                }
+        listJbsjndfltj(this.queryParams).then(response => {
+          this.jbsjndfltjList = response.rows;
+          this.total = response.total;
+          this.loading = false;
+        });
+      },
+      // 取消按钮
+      cancel() {
+        this.open = false;
+        this.reset();
+      },
+      // 表单重置
+      reset() {
+        this.form = {
+                        id: null,
+
+                        type: null,
+
+                        count: 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
+        getJbsjndfltj(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
+        getJbsjndfltj(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) {
+              updateJbsjndfltj(this.form).then(response => {
+                this.$modal.msgSuccess("修改成功");
+                this.open = false;
+                this.getList();
+              });
+            } else {
+              addJbsjndfltj(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 delJbsjndfltj(ids);
+        }).then(() => {
+          this.getList();
+          this.msgSuccess("删除成功");
+        }).catch(() => {});
+      },
+      /** 导出按钮操作 */
+      handleExport() {
+        const queryParams = this.queryParams;
+        this.$confirm('是否确认导出所有举报事件年度分类统计数据项?', "警告", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(() => {
+          this.download('/tcZz/netManage/jbsjndfltj/export', {
+            ...this.queryParams
+          }, '举报事件年度分类统计_'+ new Date().getTime() +'.xlsx')
+          this.exportLoading = false;
+        }).catch(() => {});
+      }
+    }
+  }
+
+</script>

src/views/tcZz/netManage/qlzxxddt/index.vue

@@ -0,0 +1,495 @@
+<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="title">
+                    <el-input
+                        v-model="queryParams.title"
+                        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/netManage:qlzxxddt:add']"
+        >新增</el-button
+      >
+      <el-button
+            type="success"
+            size="mini"
+            :disabled="single"
+            @click="handleUpdate"
+            v-hasPermi="['tcZz/netManage:qlzxxddt:edit']"
+        >修改</el-button>
+         <el-button
+            type="danger"
+            size="mini"
+            :disabled="multiple"
+            @click="handleDelete"
+            v-hasPermi="['tcZz/netManage:qlzxxddt:remove']"
+        >删除</el-button>
+      <el-button
+        type="warning"
+        size="mini"
+        :loading="exportLoading"
+        @click="handleExport"
+         v-hasPermi="['tcZz/netManage:qlzxxddt:export']"
+        >导出</el-button
+      >
+    </div>
+    <el-table v-loading="loading" :data="qlzxxddtList"  @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="55" align="center" />
+              <el-table-column label="序号" 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"/> -->
+                  <el-switch
+                    v-model="scope.row.isStatus"
+                    :active-value="2"
+                    :inactive-value="1"
+                    active-color="#ff4949"
+                    inactive-color="#13ce66"
+                    @change="handleStatusChange(scope.row)"
+                  ></el-switch>
+                </template>
+              </el-table-column>
+              <el-table-column label="标题" align="center" prop="title" />
+              <!-- <el-table-column label="内容" align="center" prop="content" />
+              <el-table-column label="图片路径(完整路径)" align="center" prop="imageUrl" />
+              <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/netManage:qlzxxddt:list']"
+          >
+            查看
+          </el-button>
+          <el-button
+            type="success"
+            size="mini"
+              @click="handleUpdate(scope.row)"
+              v-hasPermi="['tcZz/netManage:qlzxxddt:edit']"
+          >修改</el-button>
+          <el-button
+              size="mini"
+            type="danger"
+              @click="handleDelete(scope.row)"
+              v-hasPermi="['tcZz/netManage:qlzxxddt: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="启用/禁用">
+                          <el-radio-group v-model="form.isStatus">
+                            <el-radio
+                                v-for="dict in dict.type.tc_start"
+                                :key="dict.value"
+:label="parseInt(dict.value)"
+                            >{{dict.label}}</el-radio>
+                          </el-radio-group>
+                        </el-form-item>
+                        <el-form-item label="标题" prop="title">
+                          <el-input v-model="form.title" placeholder="请输入标题" />
+                        </el-form-item>
+                        <el-form-item label="内容">
+                          <editor v-model="form.content" :min-height="192"/>
+                        </el-form-item>
+                        <el-form-item label="图片路径(完整路径)">
+                          <imageUpload v-model="form.imageUrl"/>
+                        </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.title }}</el-descriptions-item>
+
+                      <el-descriptions-item label="内容">{{ form.content }}</el-descriptions-item>
+
+                      <el-descriptions-item label="图片路径(完整路径)">{{ form.imageUrl }}</el-descriptions-item>
+
+                      <el-descriptions-item label="备注">{{ form.remark }}</el-descriptions-item>
+
+        </el-descriptions>
+   
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+  import { listQlzxxddt, getQlzxxddt, delQlzxxddt, addQlzxxddt, updateQlzxxddt, exportQlzxxddt } from "@/api/tcZz/netManage/qlzxxddt";
+  export default {
+    name: "Qlzxxddt",
+    //注释字典
+              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,
+        // 清朗专项行动动态表格数据
+              qlzxxddtList: [],
+        // 弹出层标题
+        title: "",
+        // 是否显示弹出层
+        open: false,
+                // 备注时间范围
+                daterangeCreateTime: [],
+                // 备注时间范围
+                daterangeUpdateTime: [],
+        // 查询参数
+        queryParams: {
+          pageNum: 1,
+          pageSize: 10,
+                        id: null,
+
+                        areaId: null,
+
+                        isStatus: null,
+
+                        title: null,
+
+                        content: null,
+
+                        imageUrl: 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];
+                }
+        listQlzxxddt(this.queryParams).then(response => {
+          this.qlzxxddtList = response.rows;
+          this.total = response.total;
+          this.loading = false;
+        });
+      },
+      // 取消按钮
+      cancel() {
+        this.open = false;
+        this.reset();
+      },
+      // 表单重置
+      reset() {
+        this.form = {
+                        id: null,
+
+                        areaId: null,
+
+                    isStatus: 0,
+
+                        title: null,
+
+                        content: null,
+
+                        imageUrl: 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
+        getQlzxxddt(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
+        getQlzxxddt(id).then(response => {
+          this.form = response.data;
+          this.open = true;
+          this.title = "修改清朗专项行动动态";
+        });
+      },
+      // 状态修改
+      handleStatusChange(row) {
+        let text = row.isStatus === 1 ? "启用" : "停用";
+        this.$modal.confirm('确认要"' + text + '"吗？').then(function() {
+          return updateQlzxxddt({id:row.id, isStatus:row.isStatus});
+        }).then(() => {
+          this.$modal.msgSuccess(text + "成功");
+        }).catch(function() {
+          row.isStatus = row.isStatus === 1 ? 2 : 1;
+        });
+      },
+      /** 提交按钮 */
+      submitForm() {
+        this.$refs["form"].validate(valid => {
+          if (valid) {
+            if (this.form.id != null) {
+              updateQlzxxddt(this.form).then(response => {
+                this.$modal.msgSuccess("修改成功");
+                this.open = false;
+                this.getList();
+              });
+            } else {
+              addQlzxxddt(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 delQlzxxddt(ids);
+        }).then(() => {
+          this.getList();
+          this.msgSuccess("删除成功");
+        }).catch(() => {});
+      },
+      /** 导出按钮操作 */
+      handleExport() {
+        const queryParams = this.queryParams;
+        this.$confirm('是否确认导出所有清朗专项行动动态数据项?', "警告", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(() => {
+          this.download('/tcZz/netManage/qlzxxddt/export', {
+            ...this.queryParams
+          }, '清朗专项行动动态_'+ new Date().getTime() +'.xlsx')
+          this.exportLoading = false;
+        }).catch(() => {});
+      }
+    }
+  }
+
+</script>

src/views/tcZz/netManage/qlzxxdsjtj/index.vue

@@ -0,0 +1,451 @@
+<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="日期">
+                    <el-date-picker
+                        v-model="daterangeDateTime"
+                        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="count1">
+                    <el-input
+                        v-model="queryParams.count1"
+                        placeholder="请输入处理有害信息数量"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="关闭直播平台违规账号(个)" prop="count2">
+                    <el-input
+                        v-model="queryParams.count2"
+                        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/netManage:qlzxxdsjtj:add']"
+        >新增</el-button
+      >
+      <el-button
+            type="success"
+            size="mini"
+            :disabled="single"
+            @click="handleUpdate"
+            v-hasPermi="['tcZz/netManage:qlzxxdsjtj:edit']"
+        >修改</el-button>
+         <el-button
+            type="danger"
+            size="mini"
+            :disabled="multiple"
+            @click="handleDelete"
+            v-hasPermi="['tcZz/netManage:qlzxxdsjtj:remove']"
+        >删除</el-button>
+      <el-button
+        type="warning"
+        size="mini"
+        :loading="exportLoading"
+        @click="handleExport"
+         v-hasPermi="['tcZz/netManage:qlzxxdsjtj:export']"
+        >导出</el-button
+      >
+    </div>
+    <el-table v-loading="loading" :data="qlzxxdsjtjList"  @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="55" align="center" />
+              <el-table-column label="序号" align="center" prop="id" />
+              <el-table-column label="日期" align="center" prop="dateTime" width="180">
+                <template slot-scope="scope">
+                  <span>{{ parseTime(scope.row.dateTime, '{y}-{m}-{d}') }}</span>
+                </template>
+              </el-table-column>
+              <el-table-column label="处理有害信息数量" align="center" prop="count1" />
+              <el-table-column label="关闭直播平台违规账号(个)" align="center" prop="count2" />
+              <!-- <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/netManage:qlzxxdsjtj:list']"
+          >
+            查看
+          </el-button>
+          <el-button
+            type="success"
+            size="mini"
+              @click="handleUpdate(scope.row)"
+              v-hasPermi="['tcZz/netManage:qlzxxdsjtj:edit']"
+          >修改</el-button>
+          <el-button
+              size="mini"
+            type="danger"
+              @click="handleDelete(scope.row)"
+              v-hasPermi="['tcZz/netManage:qlzxxdsjtj: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="dateTime">
+                          <el-date-picker clearable size="small"
+                                          v-model="form.dateTime"
+                                          type="date"
+                                          value-format="yyyy-MM-dd"
+                                          placeholder="选择日期">
+                          </el-date-picker>
+                        </el-form-item>
+                        <el-form-item label="处理有害信息数量" prop="count1">
+                          <el-input v-model="form.count1" placeholder="请输入处理有害信息数量" />
+                        </el-form-item>
+                        <el-form-item label="关闭直播平台违规账号(个)" prop="count2">
+                          <el-input v-model="form.count2" 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.dateTime }}</el-descriptions-item>
+
+                      <el-descriptions-item label="处理有害信息数量">{{ form.count1 }}</el-descriptions-item>
+
+                      <el-descriptions-item label="关闭直播平台违规账号(个)">{{ form.count2 }}</el-descriptions-item>
+
+                      <el-descriptions-item label="备注">{{ form.remark }}</el-descriptions-item>
+
+        </el-descriptions>
+   
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+  import { listQlzxxdsjtj, getQlzxxdsjtj, delQlzxxdsjtj, addQlzxxdsjtj, updateQlzxxdsjtj, exportQlzxxdsjtj } from "@/api/tcZz/netManage/qlzxxdsjtj";
+  export default {
+    name: "Qlzxxdsjtj",
+    //注释字典
+    data() {
+      return {
+        tableHeigth: 0,
+        //查看详情
+        infoOpen:false,
+        //详情标题
+        infoTitle:'',
+        // 遮罩层
+        loading: true,
+        // 导出遮罩层
+        exportLoading: false,
+        // 选中数组
+        ids: [],
+        // 非单个禁用
+        single: true,
+        // 非多个禁用
+        multiple: true,
+        // 显示搜索条件
+        showSearch: true,
+        // 总条数
+        total: 0,
+        // 清郎专项行动数据统计表格数据
+              qlzxxdsjtjList: [],
+        // 弹出层标题
+        title: "",
+        // 是否显示弹出层
+        open: false,
+                // 备注时间范围
+                daterangeDateTime: [],
+                // 备注时间范围
+                daterangeCreateTime: [],
+                // 备注时间范围
+                daterangeUpdateTime: [],
+        // 查询参数
+        queryParams: {
+          pageNum: 1,
+          pageSize: 10,
+                        id: null,
+
+                        dateTime: null,
+
+                        count1: null,
+
+                        count2: 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.daterangeDateTime && '' != this.daterangeDateTime) {
+                  this.queryParams.params["beginDateTime"] = this.daterangeDateTime[0];
+                  this.queryParams.params["endDateTime"] = this.daterangeDateTime[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];
+                }
+        listQlzxxdsjtj(this.queryParams).then(response => {
+          this.qlzxxdsjtjList = response.rows;
+          this.total = response.total;
+          this.loading = false;
+        });
+      },
+      // 取消按钮
+      cancel() {
+        this.open = false;
+        this.reset();
+      },
+      // 表单重置
+      reset() {
+        this.form = {
+                        id: null,
+
+                        dateTime: null,
+
+                        count1: null,
+
+                        count2: null,
+
+                        createBy: null,
+
+                        createTime: null,
+
+                        updateBy: null,
+
+                        updateTime: null,
+
+                        remark: null,
+
+        };
+        this.resetForm("form");
+      },
+      /** 搜索按钮操作 */
+      handleQuery() {
+        this.queryParams.pageNum = 1;
+        this.getList();
+      },
+      /** 重置按钮操作 */
+      resetQuery() {
+                this.daterangeDateTime = [];
+                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
+        getQlzxxdsjtj(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
+        getQlzxxdsjtj(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) {
+              updateQlzxxdsjtj(this.form).then(response => {
+                this.$modal.msgSuccess("修改成功");
+                this.open = false;
+                this.getList();
+              });
+            } else {
+              addQlzxxdsjtj(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 delQlzxxdsjtj(ids);
+        }).then(() => {
+          this.getList();
+          this.msgSuccess("删除成功");
+        }).catch(() => {});
+      },
+      /** 导出按钮操作 */
+      handleExport() {
+        const queryParams = this.queryParams;
+        this.$confirm('是否确认导出所有清郎专项行动数据统计数据项?', "警告", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(() => {
+          this.download('/tcZz/netManage/qlzxxdsjtj/export', {
+            ...this.queryParams
+          }, '清郎专项行动数据统计_'+ new Date().getTime() +'.xlsx')
+          this.exportLoading = false;
+        }).catch(() => {});
+      }
+    }
+  }
+
+</script>

src/views/tcZz/netManage/ttsum/index.vue

@@ -0,0 +1,525 @@
+<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="账号ID" prop="zhId">
+                    <el-input
+                        v-model="queryParams.zhId"
+                        placeholder="请输入账号ID"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <!-- <el-form-item label="简介" prop="intro">
+                    <el-input
+                        v-model="queryParams.intro"
+                        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_tttype"
+                          :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/netManage:ttsum:add']"
+        >新增</el-button
+      >
+      <el-button
+            type="success"
+            size="mini"
+            :disabled="single"
+            @click="handleUpdate"
+            v-hasPermi="['tcZz/netManage:ttsum:edit']"
+        >修改</el-button>
+         <el-button
+            type="danger"
+            size="mini"
+            :disabled="multiple"
+            @click="handleDelete"
+            v-hasPermi="['tcZz/netManage:ttsum:remove']"
+        >删除</el-button>
+      <el-button
+        type="warning"
+        size="mini"
+        :loading="exportLoading"
+        @click="handleExport"
+         v-hasPermi="['tcZz/netManage:ttsum:export']"
+        >导出</el-button
+      >
+    </div>
+    <el-table v-loading="loading" :data="ttsumList"  @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="55" align="center" />
+              <el-table-column label="序号" 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"/> -->
+                  <el-switch
+                    v-model="scope.row.isStatus"
+                    :active-value="2"
+                    :inactive-value="1"
+                    active-color="#ff4949"
+                    inactive-color="#13ce66"
+                    @change="handleStatusChange(scope.row)"
+                  ></el-switch>
+                </template>
+              </el-table-column>
+              <el-table-column label="账号ID" align="center" prop="zhId" />
+              <!-- <el-table-column label="简介" align="center" prop="intro" /> -->
+              <el-table-column label="类型" align="center" prop="type">
+                <template slot-scope="scope">
+                  <dict-tag :options="dict.type.tc_tttype" :value="scope.row.type"/>
+                </template>
+              </el-table-column>
+              <!-- <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/netManage:ttsum:list']"
+          >
+            查看
+          </el-button>
+          <el-button
+            type="success"
+            size="mini"
+              @click="handleUpdate(scope.row)"
+              v-hasPermi="['tcZz/netManage:ttsum:edit']"
+          >修改</el-button>
+          <el-button
+              size="mini"
+            type="danger"
+              @click="handleDelete(scope.row)"
+              v-hasPermi="['tcZz/netManage:ttsum: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="启用/禁用">
+                          <el-radio-group v-model="form.isStatus">
+                            <el-radio
+                                v-for="dict in dict.type.tc_start"
+                                :key="dict.value"
+:label="parseInt(dict.value)"
+                            >{{dict.label}}</el-radio>
+                          </el-radio-group>
+                        </el-form-item>
+                        <el-form-item label="账号ID" prop="zhId">
+                          <el-input v-model="form.zhId" placeholder="请输入账号ID" />
+                        </el-form-item>
+                        <el-form-item label="简介" prop="intro">
+                          <el-input v-model="form.intro" 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_tttype"
+                                :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="账号ID">{{ form.zhId }}</el-descriptions-item>
+
+                      <el-descriptions-item label="简介">{{ form.intro }}</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 { listTtsum, getTtsum, delTtsum, addTtsum, updateTtsum, exportTtsum } from "@/api/tcZz/netManage/ttsum";
+  export default {
+    name: "Ttsum",
+    //注释字典
+              dicts: ['tc_tttype', 'tc_area', 'tc_start'],
+    data() {
+      return {
+        tableHeigth: 0,
+        //查看详情
+        infoOpen:false,
+        //详情标题
+        infoTitle:'',
+        // 遮罩层
+        loading: true,
+        // 导出遮罩层
+        exportLoading: false,
+        // 选中数组
+        ids: [],
+        // 非单个禁用
+        single: true,
+        // 非多个禁用
+        multiple: true,
+        // 显示搜索条件
+        showSearch: true,
+        // 总条数
+        total: 0,
+        // 今日头条、快手表格数据
+              ttsumList: [],
+        // 弹出层标题
+        title: "",
+        // 是否显示弹出层
+        open: false,
+                // 备注时间范围
+                daterangeCreateTime: [],
+                // 备注时间范围
+                daterangeUpdateTime: [],
+        // 查询参数
+        queryParams: {
+          pageNum: 1,
+          pageSize: 10,
+                        id: null,
+
+                        areaId: null,
+
+                        isStatus: null,
+
+                        zhId: null,
+
+                        intro: 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];
+                }
+        listTtsum(this.queryParams).then(response => {
+          this.ttsumList = response.rows;
+          this.total = response.total;
+          this.loading = false;
+        });
+      },
+      // 取消按钮
+      cancel() {
+        this.open = false;
+        this.reset();
+      },
+      // 表单重置
+      reset() {
+        this.form = {
+                        id: null,
+
+                        areaId: null,
+
+                    isStatus: 0,
+
+                        zhId: null,
+
+                        intro: 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
+        getTtsum(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
+        getTtsum(id).then(response => {
+          this.form = response.data;
+          this.open = true;
+          this.title = "修改今日头条、快手";
+        });
+      },
+      // 状态修改
+      handleStatusChange(row) {
+        let text = row.isStatus === 1 ? "启用" : "停用";
+        this.$modal.confirm('确认要"' + text + '"吗？').then(function() {
+          return updateTtsum({id:row.id, isStatus:row.isStatus});
+        }).then(() => {
+          this.$modal.msgSuccess(text + "成功");
+        }).catch(function() {
+          row.isStatus = row.isStatus === 1 ? 2 : 1;
+        });
+      },
+      /** 提交按钮 */
+      submitForm() {
+        this.$refs["form"].validate(valid => {
+          if (valid) {
+            if (this.form.id != null) {
+              updateTtsum(this.form).then(response => {
+                this.$modal.msgSuccess("修改成功");
+                this.open = false;
+                this.getList();
+              });
+            } else {
+              addTtsum(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 delTtsum(ids);
+        }).then(() => {
+          this.getList();
+          this.msgSuccess("删除成功");
+        }).catch(() => {});
+      },
+      /** 导出按钮操作 */
+      handleExport() {
+        const queryParams = this.queryParams;
+        this.$confirm('是否确认导出所有今日头条、快手数据项?', "警告", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(() => {
+          this.download('/tcZz/netManage/ttsum/export', {
+            ...this.queryParams
+          }, '今日头条、快手_'+ new Date().getTime() +'.xlsx')
+          this.exportLoading = false;
+        }).catch(() => {});
+      }
+    }
+  }
+
+</script>

src/views/tcZz/netManage/vx/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="账号ID" prop="zhId">
+                    <el-input
+                        v-model="queryParams.zhId"
+                        placeholder="请输入账号ID"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="行业属性" prop="tmt">
+                    <el-input
+                        v-model="queryParams.tmt"
+                        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/netManage:vx:add']"
+        >新增</el-button
+      >
+      <el-button
+            type="success"
+            size="mini"
+            :disabled="single"
+            @click="handleUpdate"
+            v-hasPermi="['tcZz/netManage:vx:edit']"
+        >修改</el-button>
+         <el-button
+            type="danger"
+            size="mini"
+            :disabled="multiple"
+            @click="handleDelete"
+            v-hasPermi="['tcZz/netManage:vx:remove']"
+        >删除</el-button>
+      <el-button
+        type="warning"
+        size="mini"
+        :loading="exportLoading"
+        @click="handleExport"
+         v-hasPermi="['tcZz/netManage:vx:export']"
+        >导出</el-button
+      >
+    </div>
+    <el-table v-loading="loading" :data="vxList"  @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="55" align="center" />
+              <el-table-column label="序号" 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"/> -->
+                  <el-switch
+                    v-model="scope.row.isStatus"
+                    :active-value="2"
+                    :inactive-value="1"
+                    active-color="#ff4949"
+                    inactive-color="#13ce66"
+                    @change="handleStatusChange(scope.row)"
+                  ></el-switch>
+                </template>
+              </el-table-column>
+              <el-table-column label="账号ID" align="center" prop="zhId" />
+              <el-table-column label="行业属性" align="center" prop="tmt" />
+              <!-- <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/netManage:vx:list']"
+          >
+            查看
+          </el-button>
+          <el-button
+            type="success"
+            size="mini"
+              @click="handleUpdate(scope.row)"
+              v-hasPermi="['tcZz/netManage:vx:edit']"
+          >修改</el-button>
+          <el-button
+              size="mini"
+            type="danger"
+              @click="handleDelete(scope.row)"
+              v-hasPermi="['tcZz/netManage:vx: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="启用/禁用">
+                          <el-radio-group v-model="form.isStatus">
+                            <el-radio
+                                v-for="dict in dict.type.tc_start"
+                                :key="dict.value"
+:label="parseInt(dict.value)"
+                            >{{dict.label}}</el-radio>
+                          </el-radio-group>
+                        </el-form-item>
+                        <el-form-item label="账号ID" prop="zhId">
+                          <el-input v-model="form.zhId" placeholder="请输入账号ID" />
+                        </el-form-item>
+                        <el-form-item label="行业属性" prop="tmt">
+                          <el-input v-model="form.tmt" 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="账号ID">{{ form.zhId }}</el-descriptions-item>
+
+                      <el-descriptions-item label="行业属性">{{ form.tmt }}</el-descriptions-item>
+
+                      <el-descriptions-item label="备注">{{ form.remark }}</el-descriptions-item>
+
+        </el-descriptions>
+   
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+  import { listVx, getVx, delVx, addVx, updateVx, exportVx } from "@/api/tcZz/netManage/vx";
+  export default {
+    name: "Vx",
+    //注释字典
+              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,
+        // 微信表格数据
+              vxList: [],
+        // 弹出层标题
+        title: "",
+        // 是否显示弹出层
+        open: false,
+                // 备注时间范围
+                daterangeCreateTime: [],
+                // 备注时间范围
+                daterangeUpdateTime: [],
+        // 查询参数
+        queryParams: {
+          pageNum: 1,
+          pageSize: 10,
+                        id: null,
+
+                        areaId: null,
+
+                        isStatus: null,
+
+                        zhId: null,
+
+                        tmt: 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];
+                }
+        listVx(this.queryParams).then(response => {
+          this.vxList = response.rows;
+          this.total = response.total;
+          this.loading = false;
+        });
+      },
+      // 取消按钮
+      cancel() {
+        this.open = false;
+        this.reset();
+      },
+      // 表单重置
+      reset() {
+        this.form = {
+                        id: null,
+
+                        areaId: null,
+
+                    isStatus: 0,
+
+                        zhId: null,
+
+                        tmt: 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
+        getVx(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
+        getVx(id).then(response => {
+          this.form = response.data;
+          this.open = true;
+          this.title = "修改微信";
+        });
+      },
+      // 状态修改
+      handleStatusChange(row) {
+        let text = row.isStatus === 1 ? "启用" : "停用";
+        this.$modal.confirm('确认要"' + text + '"吗？').then(function() {
+          return updateVx({id:row.id, isStatus:row.isStatus});
+        }).then(() => {
+          this.$modal.msgSuccess(text + "成功");
+        }).catch(function() {
+          row.isStatus = row.isStatus === 1 ? 2 : 1;
+        });
+      },
+      /** 提交按钮 */
+      submitForm() {
+        this.$refs["form"].validate(valid => {
+          if (valid) {
+            if (this.form.id != null) {
+              updateVx(this.form).then(response => {
+                this.$modal.msgSuccess("修改成功");
+                this.open = false;
+                this.getList();
+              });
+            } else {
+              addVx(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 delVx(ids);
+        }).then(() => {
+          this.getList();
+          this.msgSuccess("删除成功");
+        }).catch(() => {});
+      },
+      /** 导出按钮操作 */
+      handleExport() {
+        const queryParams = this.queryParams;
+        this.$confirm('是否确认导出所有微信数据项?', "警告", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(() => {
+          this.download('/tcZz/netManage/vx/export', {
+            ...this.queryParams
+          }, '微信_'+ new Date().getTime() +'.xlsx')
+          this.exportLoading = false;
+        }).catch(() => {});
+      }
+    }
+  }
+
+</script>

src/views/tcZz/netManage/wb/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="zhName">
+                    <el-input
+                        v-model="queryParams.zhName"
+                        placeholder="请输入账号名称"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <!-- <el-form-item label="认证" prop="approve">
+                    <el-input
+                        v-model="queryParams.approve"
+                        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/netManage:wb:add']"
+        >新增</el-button
+      >
+      <el-button
+            type="success"
+            size="mini"
+            :disabled="single"
+            @click="handleUpdate"
+            v-hasPermi="['tcZz/netManage:wb:edit']"
+        >修改</el-button>
+         <el-button
+            type="danger"
+            size="mini"
+            :disabled="multiple"
+            @click="handleDelete"
+            v-hasPermi="['tcZz/netManage:wb:remove']"
+        >删除</el-button>
+      <el-button
+        type="warning"
+        size="mini"
+        :loading="exportLoading"
+        @click="handleExport"
+         v-hasPermi="['tcZz/netManage:wb:export']"
+        >导出</el-button
+      >
+    </div>
+    <el-table v-loading="loading" :data="wbList"  @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="55" align="center" />
+              <el-table-column label="序号" 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"/> -->
+                  <el-switch
+                    v-model="scope.row.isStatus"
+                    :active-value="2"
+                    :inactive-value="1"
+                    active-color="#ff4949"
+                    inactive-color="#13ce66"
+                    @change="handleStatusChange(scope.row)"
+                  ></el-switch>
+                </template>
+              </el-table-column>
+              <el-table-column label="账号名称" align="center" prop="zhName" />
+              <el-table-column label="认证" align="center" prop="approve" />
+              <!-- <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/netManage:wb:list']"
+          >
+            查看
+          </el-button>
+          <el-button
+            type="success"
+            size="mini"
+              @click="handleUpdate(scope.row)"
+              v-hasPermi="['tcZz/netManage:wb:edit']"
+          >修改</el-button>
+          <el-button
+              size="mini"
+            type="danger"
+              @click="handleDelete(scope.row)"
+              v-hasPermi="['tcZz/netManage:wb: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="启用/禁用">
+                          <el-radio-group v-model="form.isStatus">
+                            <el-radio
+                                v-for="dict in dict.type.tc_start"
+                                :key="dict.value"
+:label="parseInt(dict.value)"
+                            >{{dict.label}}</el-radio>
+                          </el-radio-group>
+                        </el-form-item>
+                        <el-form-item label="账号名称" prop="zhName">
+                          <el-input v-model="form.zhName" placeholder="请输入账号名称" />
+                        </el-form-item>
+                        <el-form-item label="认证" prop="approve">
+                          <el-input v-model="form.approve" 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.zhName }}</el-descriptions-item>
+
+                      <el-descriptions-item label="认证">{{ form.approve }}</el-descriptions-item>
+
+                      <el-descriptions-item label="备注">{{ form.remark }}</el-descriptions-item>
+
+        </el-descriptions>
+   
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+  import { listWb, getWb, delWb, addWb, updateWb, exportWb } from "@/api/tcZz/netManage/wb";
+  export default {
+    name: "Wb",
+    //注释字典
+              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,
+        // 微博表格数据
+              wbList: [],
+        // 弹出层标题
+        title: "",
+        // 是否显示弹出层
+        open: false,
+                // 备注时间范围
+                daterangeCreateTime: [],
+                // 备注时间范围
+                daterangeUpdateTime: [],
+        // 查询参数
+        queryParams: {
+          pageNum: 1,
+          pageSize: 10,
+                        id: null,
+
+                        areaId: null,
+
+                        isStatus: null,
+
+                        zhName: null,
+
+                        approve: 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];
+                }
+        listWb(this.queryParams).then(response => {
+          this.wbList = response.rows;
+          this.total = response.total;
+          this.loading = false;
+        });
+      },
+      // 取消按钮
+      cancel() {
+        this.open = false;
+        this.reset();
+      },
+      // 表单重置
+      reset() {
+        this.form = {
+                        id: null,
+
+                        areaId: null,
+
+                    isStatus: 0,
+
+                        zhName: null,
+
+                        approve: 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
+        getWb(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
+        getWb(id).then(response => {
+          this.form = response.data;
+          this.open = true;
+          this.title = "修改微博";
+        });
+      },
+      // 状态修改
+      handleStatusChange(row) {
+        let text = row.isStatus === 1 ? "启用" : "停用";
+        this.$modal.confirm('确认要"' + text + '"吗？').then(function() {
+          return updateWb({id:row.id, isStatus:row.isStatus});
+        }).then(() => {
+          this.$modal.msgSuccess(text + "成功");
+        }).catch(function() {
+          row.isStatus = row.isStatus === 1 ? 2 : 1;
+        });
+      },
+      /** 提交按钮 */
+      submitForm() {
+        this.$refs["form"].validate(valid => {
+          if (valid) {
+            if (this.form.id != null) {
+              updateWb(this.form).then(response => {
+                this.$modal.msgSuccess("修改成功");
+                this.open = false;
+                this.getList();
+              });
+            } else {
+              addWb(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 delWb(ids);
+        }).then(() => {
+          this.getList();
+          this.msgSuccess("删除成功");
+        }).catch(() => {});
+      },
+      /** 导出按钮操作 */
+      handleExport() {
+        const queryParams = this.queryParams;
+        this.$confirm('是否确认导出所有微博数据项?', "警告", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(() => {
+          this.download('/tcZz/netManage/wb/export', {
+            ...this.queryParams
+          }, '微博_'+ new Date().getTime() +'.xlsx')
+          this.exportLoading = false;
+        }).catch(() => {});
+      }
+    }
+  }
+
+</script>

src/views/tcZz/netManage/wz/index.vue

@@ -0,0 +1,532 @@
+<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="webName">
+                    <el-input
+                        v-model="queryParams.webName"
+                        placeholder="请输入网站名称"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <!-- <el-form-item label="真实IP" prop="trueIp">
+                    <el-input
+                        v-model="queryParams.trueIp"
+                        placeholder="请输入真实IP"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="网站域名" prop="webDns">
+                    <el-input
+                        v-model="queryParams.webDns"
+                        placeholder="请输入网站域名"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="备案许可证号" prop="icp">
+                    <el-input
+                        v-model="queryParams.icp"
+                        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/netManage:wz:add']"
+        >新增</el-button
+      >
+      <el-button
+            type="success"
+            size="mini"
+            :disabled="single"
+            @click="handleUpdate"
+            v-hasPermi="['tcZz/netManage:wz:edit']"
+        >修改</el-button>
+         <el-button
+            type="danger"
+            size="mini"
+            :disabled="multiple"
+            @click="handleDelete"
+            v-hasPermi="['tcZz/netManage:wz:remove']"
+        >删除</el-button>
+      <el-button
+        type="warning"
+        size="mini"
+        :loading="exportLoading"
+        @click="handleExport"
+         v-hasPermi="['tcZz/netManage:wz:export']"
+        >导出</el-button
+      >
+    </div>
+    <el-table v-loading="loading" :data="wzList"  @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="55" align="center" />
+              <el-table-column label="序号" 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"/> -->
+                  <el-switch
+                    v-model="scope.row.isStatus"
+                    :active-value="2"
+                    :inactive-value="1"
+                    active-color="#ff4949"
+                    inactive-color="#13ce66"
+                    @change="handleStatusChange(scope.row)"
+                  ></el-switch>
+                </template>
+              </el-table-column>
+              <el-table-column label="网站名称" align="center" prop="webName" />
+              <!-- <el-table-column label="真实IP" align="center" prop="trueIp" />
+              <el-table-column label="网站域名" align="center" prop="webDns" />
+              <el-table-column label="备案许可证号" align="center" prop="icp" />
+              <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/netManage:wz:list']"
+          >
+            查看
+          </el-button>
+          <el-button
+            type="success"
+            size="mini"
+              @click="handleUpdate(scope.row)"
+              v-hasPermi="['tcZz/netManage:wz:edit']"
+          >修改</el-button>
+          <el-button
+              size="mini"
+            type="danger"
+              @click="handleDelete(scope.row)"
+              v-hasPermi="['tcZz/netManage:wz: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="启用/禁用">
+                          <el-radio-group v-model="form.isStatus">
+                            <el-radio
+                                v-for="dict in dict.type.tc_start"
+                                :key="dict.value"
+:label="parseInt(dict.value)"
+                            >{{dict.label}}</el-radio>
+                          </el-radio-group>
+                        </el-form-item>
+                        <el-form-item label="网站名称" prop="webName">
+                          <el-input v-model="form.webName" placeholder="请输入网站名称" />
+                        </el-form-item>
+                        <el-form-item label="真实IP" prop="trueIp">
+                          <el-input v-model="form.trueIp" placeholder="请输入真实IP" />
+                        </el-form-item>
+                        <el-form-item label="网站域名" prop="webDns">
+                          <el-input v-model="form.webDns" placeholder="请输入网站域名" />
+                        </el-form-item>
+                        <el-form-item label="备案许可证号" prop="icp">
+                          <el-input v-model="form.icp" 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.webName }}</el-descriptions-item>
+
+                      <el-descriptions-item label="真实IP">{{ form.trueIp }}</el-descriptions-item>
+
+                      <el-descriptions-item label="网站域名">{{ form.webDns }}</el-descriptions-item>
+
+                      <el-descriptions-item label="备案许可证号">{{ form.icp }}</el-descriptions-item>
+
+                      <el-descriptions-item label="备注">{{ form.remark }}</el-descriptions-item>
+
+        </el-descriptions>
+   
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+  import { listWz, getWz, delWz, addWz, updateWz, exportWz } from "@/api/tcZz/netManage/wz";
+  export default {
+    name: "Wz",
+    //注释字典
+              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,
+        // 网站表格数据
+              wzList: [],
+        // 弹出层标题
+        title: "",
+        // 是否显示弹出层
+        open: false,
+                // 备注时间范围
+                daterangeCreateTime: [],
+                // 备注时间范围
+                daterangeUpdateTime: [],
+        // 查询参数
+        queryParams: {
+          pageNum: 1,
+          pageSize: 10,
+                        id: null,
+
+                        areaId: null,
+
+                        isStatus: null,
+
+                        webName: null,
+
+                        trueIp: null,
+
+                        webDns: null,
+
+                        icp: 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];
+                }
+        listWz(this.queryParams).then(response => {
+          this.wzList = response.rows;
+          this.total = response.total;
+          this.loading = false;
+        });
+      },
+      // 取消按钮
+      cancel() {
+        this.open = false;
+        this.reset();
+      },
+      // 表单重置
+      reset() {
+        this.form = {
+                        id: null,
+
+                        areaId: null,
+
+                    isStatus: 0,
+
+                        webName: null,
+
+                        trueIp: null,
+
+                        webDns: null,
+
+                        icp: 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
+        getWz(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
+        getWz(id).then(response => {
+          this.form = response.data;
+          this.open = true;
+          this.title = "修改网站";
+        });
+      },
+      // 状态修改
+      handleStatusChange(row) {
+        let text = row.isStatus === 1 ? "启用" : "停用";
+        this.$modal.confirm('确认要"' + text + '"吗？').then(function() {
+          return updateWz({id:row.id, isStatus:row.isStatus});
+        }).then(() => {
+          this.$modal.msgSuccess(text + "成功");
+        }).catch(function() {
+          row.isStatus = row.isStatus === 1 ? 2 : 1;
+        });
+      },
+      /** 提交按钮 */
+      submitForm() {
+        this.$refs["form"].validate(valid => {
+          if (valid) {
+            if (this.form.id != null) {
+              updateWz(this.form).then(response => {
+                this.$modal.msgSuccess("修改成功");
+                this.open = false;
+                this.getList();
+              });
+            } else {
+              addWz(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 delWz(ids);
+        }).then(() => {
+          this.getList();
+          this.msgSuccess("删除成功");
+        }).catch(() => {});
+      },
+      /** 导出按钮操作 */
+      handleExport() {
+        const queryParams = this.queryParams;
+        this.$confirm('是否确认导出所有网站数据项?', "警告", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(() => {
+          this.download('/tcZz/netManage/wz/export', {
+            ...this.queryParams
+          }, '网站_'+ new Date().getTime() +'.xlsx')
+          this.exportLoading = false;
+        }).catch(() => {});
+      }
+    }
+  }
+
+</script>

src/views/tcZz/netManage/ytlc/index.vue

@@ -0,0 +1,423 @@
+<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="fileName">
+                    <el-input
+                        v-model="queryParams.fileName"
+                        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/netManage:ytlc:add']"
+        >新增</el-button
+      >
+      <el-button
+            type="success"
+            size="mini"
+            :disabled="single"
+            @click="handleUpdate"
+            v-hasPermi="['tcZz/netManage:ytlc:edit']"
+        >修改</el-button>
+         <el-button
+            type="danger"
+            size="mini"
+            :disabled="multiple"
+            @click="handleDelete"
+            v-hasPermi="['tcZz/netManage:ytlc:remove']"
+        >删除</el-button>
+      <el-button
+        type="warning"
+        size="mini"
+        :loading="exportLoading"
+        @click="handleExport"
+         v-hasPermi="['tcZz/netManage:ytlc:export']"
+        >导出</el-button
+      >
+    </div>
+    <el-table v-loading="loading" :data="ytlcList"  @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="55" align="center" />
+              <el-table-column label="序号" align="center" prop="id" />
+              <el-table-column label="名称" align="center" prop="name" />
+              <el-table-column label="文件名称" align="center" prop="fileName" />
+              <!-- <el-table-column label="文件路径(完整路径)" align="center" prop="fileUrl" />
+              <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/netManage:ytlc:list']"
+          >
+            查看
+          </el-button>
+          <el-button
+            type="success"
+            size="mini"
+              @click="handleUpdate(scope.row)"
+              v-hasPermi="['tcZz/netManage:ytlc:edit']"
+          >修改</el-button>
+          <el-button
+              size="mini"
+            type="danger"
+              @click="handleDelete(scope.row)"
+              v-hasPermi="['tcZz/netManage:ytlc: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="fileName">
+                          <el-input v-model="form.fileName" placeholder="请输入文件名称" />
+                        </el-form-item>
+                        <el-form-item label="文件路径(完整路径)">
+                          <fileUpload v-model="form.fileUrl"/>
+                        </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.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 { listYtlc, getYtlc, delYtlc, addYtlc, updateYtlc, exportYtlc } from "@/api/tcZz/netManage/ytlc";
+  export default {
+    name: "Ytlc",
+    //注释字典
+    data() {
+      return {
+        tableHeigth: 0,
+        //查看详情
+        infoOpen:false,
+        //详情标题
+        infoTitle:'',
+        // 遮罩层
+        loading: true,
+        // 导出遮罩层
+        exportLoading: false,
+        // 选中数组
+        ids: [],
+        // 非单个禁用
+        single: true,
+        // 非多个禁用
+        multiple: true,
+        // 显示搜索条件
+        showSearch: true,
+        // 总条数
+        total: 0,
+        // 约谈流程表格数据
+              ytlcList: [],
+        // 弹出层标题
+        title: "",
+        // 是否显示弹出层
+        open: false,
+                // 备注时间范围
+                daterangeCreateTime: [],
+                // 备注时间范围
+                daterangeUpdateTime: [],
+        // 查询参数
+        queryParams: {
+          pageNum: 1,
+          pageSize: 10,
+                        id: null,
+
+                        name: 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];
+                }
+        listYtlc(this.queryParams).then(response => {
+          this.ytlcList = response.rows;
+          this.total = response.total;
+          this.loading = false;
+        });
+      },
+      // 取消按钮
+      cancel() {
+        this.open = false;
+        this.reset();
+      },
+      // 表单重置
+      reset() {
+        this.form = {
+                        id: null,
+
+                        name: 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
+        getYtlc(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
+        getYtlc(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) {
+              updateYtlc(this.form).then(response => {
+                this.$modal.msgSuccess("修改成功");
+                this.open = false;
+                this.getList();
+              });
+            } else {
+              addYtlc(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 delYtlc(ids);
+        }).then(() => {
+          this.getList();
+          this.msgSuccess("删除成功");
+        }).catch(() => {});
+      },
+      /** 导出按钮操作 */
+      handleExport() {
+        const queryParams = this.queryParams;
+        this.$confirm('是否确认导出所有约谈流程数据项?', "警告", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(() => {
+          this.download('/tcZz/netManage/ytlc/export', {
+            ...this.queryParams
+          }, '约谈流程_'+ new Date().getTime() +'.xlsx')
+          this.exportLoading = false;
+        }).catch(() => {});
+      }
+    }
+  }
+
+</script>

src/views/tcZz/netManage/zdgzxm/index.vue

@@ -0,0 +1,542 @@
+<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="tjUnit">
+                    <el-input
+                        v-model="queryParams.tjUnit"
+                        placeholder="请输入推进单位"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="项目名称" prop="itemName">
+                    <el-input
+                        v-model="queryParams.itemName"
+                        placeholder="请输入项目名称"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="项目类型" prop="itemType">
+                    <el-input
+                        v-model="queryParams.itemType"
+                        placeholder="请输入项目类型"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <!-- <el-form-item label="项目联系人" prop="itemLinkMan">
+                    <el-input
+                        v-model="queryParams.itemLinkMan"
+                        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/netManage:zdgzxm:add']"
+        >新增</el-button
+      >
+      <el-button
+            type="success"
+            size="mini"
+            :disabled="single"
+            @click="handleUpdate"
+            v-hasPermi="['tcZz/netManage:zdgzxm:edit']"
+        >修改</el-button>
+         <el-button
+            type="danger"
+            size="mini"
+            :disabled="multiple"
+            @click="handleDelete"
+            v-hasPermi="['tcZz/netManage:zdgzxm:remove']"
+        >删除</el-button>
+      <el-button
+        type="warning"
+        size="mini"
+        :loading="exportLoading"
+        @click="handleExport"
+         v-hasPermi="['tcZz/netManage:zdgzxm:export']"
+        >导出</el-button
+      >
+    </div>
+    <el-table v-loading="loading" :data="zdgzxmList"  @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="55" align="center" />
+              <el-table-column label="序号" 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"/> -->
+                  <el-switch
+                    v-model="scope.row.isStatus"
+                    :active-value="2"
+                    :inactive-value="1"
+                    active-color="#ff4949"
+                    inactive-color="#13ce66"
+                    @change="handleStatusChange(scope.row)"
+                  ></el-switch>
+                </template>
+              </el-table-column>
+              <el-table-column label="推进单位" align="center" prop="tjUnit" />
+              <el-table-column label="项目名称" align="center" prop="itemName" />
+              <!-- <el-table-column label="项目内容" align="center" prop="itemContent" /> -->
+              <el-table-column label="项目类型" align="center" prop="itemType" />
+              <!-- <el-table-column label="项目联系人" align="center" prop="itemLinkMan" />
+              <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/netManage:zdgzxm:list']"
+          >
+            查看
+          </el-button>
+          <el-button
+            type="success"
+            size="mini"
+              @click="handleUpdate(scope.row)"
+              v-hasPermi="['tcZz/netManage:zdgzxm:edit']"
+          >修改</el-button>
+          <el-button
+              size="mini"
+            type="danger"
+              @click="handleDelete(scope.row)"
+              v-hasPermi="['tcZz/netManage:zdgzxm: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="启用/禁用">
+                          <el-radio-group v-model="form.isStatus">
+                            <el-radio
+                                v-for="dict in dict.type.tc_start"
+                                :key="dict.value"
+:label="parseInt(dict.value)"
+                            >{{dict.label}}</el-radio>
+                          </el-radio-group>
+                        </el-form-item>
+                        <el-form-item label="推进单位" prop="tjUnit">
+                          <el-input v-model="form.tjUnit" placeholder="请输入推进单位" />
+                        </el-form-item>
+                        <el-form-item label="项目名称" prop="itemName">
+                          <el-input v-model="form.itemName" placeholder="请输入项目名称" />
+                        </el-form-item>
+                        <el-form-item label="项目内容">
+                          <editor v-model="form.itemContent" :min-height="192"/>
+                        </el-form-item>
+                        <el-form-item label="项目类型" prop="itemType">
+                          <el-input v-model="form.itemType" placeholder="请输入项目类型" />
+                        </el-form-item>
+                        <el-form-item label="项目联系人" prop="itemLinkMan">
+                          <el-input v-model="form.itemLinkMan" 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.tjUnit }}</el-descriptions-item>
+
+                      <el-descriptions-item label="项目名称">{{ form.itemName }}</el-descriptions-item>
+
+                      <el-descriptions-item label="项目内容">{{ form.itemContent }}</el-descriptions-item>
+
+                      <el-descriptions-item label="项目类型">{{ form.itemType }}</el-descriptions-item>
+
+                      <el-descriptions-item label="项目联系人">{{ form.itemLinkMan }}</el-descriptions-item>
+
+                      <el-descriptions-item label="备注">{{ form.remark }}</el-descriptions-item>
+
+        </el-descriptions>
+   
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+  import { listZdgzxm, getZdgzxm, delZdgzxm, addZdgzxm, updateZdgzxm, exportZdgzxm } from "@/api/tcZz/netManage/zdgzxm";
+  export default {
+    name: "Zdgzxm",
+    //注释字典
+              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,
+        // 重点工作项目表格数据
+              zdgzxmList: [],
+        // 弹出层标题
+        title: "",
+        // 是否显示弹出层
+        open: false,
+                // 备注时间范围
+                daterangeCreateTime: [],
+                // 备注时间范围
+                daterangeUpdateTime: [],
+        // 查询参数
+        queryParams: {
+          pageNum: 1,
+          pageSize: 10,
+                        id: null,
+
+                        areaId: null,
+
+                        isStatus: null,
+
+                        tjUnit: null,
+
+                        itemName: null,
+
+                        itemContent: null,
+
+                        itemType: null,
+
+                        itemLinkMan: 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];
+                }
+        listZdgzxm(this.queryParams).then(response => {
+          this.zdgzxmList = response.rows;
+          this.total = response.total;
+          this.loading = false;
+        });
+      },
+      // 取消按钮
+      cancel() {
+        this.open = false;
+        this.reset();
+      },
+      // 表单重置
+      reset() {
+        this.form = {
+                        id: null,
+
+                        areaId: null,
+
+                    isStatus: 0,
+
+                        tjUnit: null,
+
+                        itemName: null,
+
+                        itemContent: null,
+
+                        itemType: null,
+
+                        itemLinkMan: 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
+        getZdgzxm(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
+        getZdgzxm(id).then(response => {
+          this.form = response.data;
+          this.open = true;
+          this.title = "修改重点工作项目";
+        });
+      },
+      // 状态修改
+      handleStatusChange(row) {
+        let text = row.isStatus === 1 ? "启用" : "停用";
+        this.$modal.confirm('确认要"' + text + '"吗？').then(function() {
+          return updateZdgzxm({id:row.id, isStatus:row.isStatus});
+        }).then(() => {
+          this.$modal.msgSuccess(text + "成功");
+        }).catch(function() {
+          row.isStatus = row.isStatus === 1 ? 2 : 1;
+        });
+      },
+      /** 提交按钮 */
+      submitForm() {
+        this.$refs["form"].validate(valid => {
+          if (valid) {
+            if (this.form.id != null) {
+              updateZdgzxm(this.form).then(response => {
+                this.$modal.msgSuccess("修改成功");
+                this.open = false;
+                this.getList();
+              });
+            } else {
+              addZdgzxm(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 delZdgzxm(ids);
+        }).then(() => {
+          this.getList();
+          this.msgSuccess("删除成功");
+        }).catch(() => {});
+      },
+      /** 导出按钮操作 */
+      handleExport() {
+        const queryParams = this.queryParams;
+        this.$confirm('是否确认导出所有重点工作项目数据项?', "警告", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(() => {
+          this.download('/tcZz/netManage/zdgzxm/export', {
+            ...this.queryParams
+          }, '重点工作项目_'+ new Date().getTime() +'.xlsx')
+          this.exportLoading = false;
+        }).catch(() => {});
+      }
+    }
+  }
+
+</script>

src/views/tcZz/netManage/zdlyjg/index.vue

@@ -0,0 +1,551 @@
+<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="enterpriseType">
+                    <el-input
+                        v-model="queryParams.enterpriseType"
+                        placeholder="请输入企业类型"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <!-- <el-form-item label="重点监管内容" prop="jgObgj">
+                    <el-input
+                        v-model="queryParams.jgObgj"
+                        placeholder="请输入重点监管内容"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="法律法规令禁止的有关行为" prop="jzxw">
+                    <el-input
+                        v-model="queryParams.jzxw"
+                        placeholder="请输入法律法规令禁止的有关行为"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="主要监管部门" prop="jgDep">
+                    <el-input
+                        v-model="queryParams.jgDep"
+                        placeholder="请输入主要监管部门"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="主要依据" prop="zyyj">
+                    <el-input
+                        v-model="queryParams.zyyj"
+                        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/netManage:zdlyjg:add']"
+        >新增</el-button
+      >
+      <el-button
+            type="success"
+            size="mini"
+            :disabled="single"
+            @click="handleUpdate"
+            v-hasPermi="['tcZz/netManage:zdlyjg:edit']"
+        >修改</el-button>
+         <el-button
+            type="danger"
+            size="mini"
+            :disabled="multiple"
+            @click="handleDelete"
+            v-hasPermi="['tcZz/netManage:zdlyjg:remove']"
+        >删除</el-button>
+      <el-button
+        type="warning"
+        size="mini"
+        :loading="exportLoading"
+        @click="handleExport"
+         v-hasPermi="['tcZz/netManage:zdlyjg:export']"
+        >导出</el-button
+      >
+    </div>
+    <el-table v-loading="loading" :data="zdlyjgList"  @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="55" align="center" />
+              <el-table-column label="序号" 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"/> -->
+                  <el-switch
+                    v-model="scope.row.isStatus"
+                    :active-value="2"
+                    :inactive-value="1"
+                    active-color="#ff4949"
+                    inactive-color="#13ce66"
+                    @change="handleStatusChange(scope.row)"
+                  ></el-switch>
+                </template>
+              </el-table-column>
+              <el-table-column label="企业类型" align="center" prop="enterpriseType" />
+              <!-- <el-table-column label="重点监管内容" align="center" prop="jgObgj" />
+              <el-table-column label="法律法规令禁止的有关行为" align="center" prop="jzxw" /> -->
+              <el-table-column label="主要监管部门" align="center" prop="jgDep" />
+              <!-- <el-table-column label="主要依据" align="center" prop="zyyj" />
+              <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/netManage:zdlyjg:list']"
+          >
+            查看
+          </el-button>
+          <el-button
+            type="success"
+            size="mini"
+              @click="handleUpdate(scope.row)"
+              v-hasPermi="['tcZz/netManage:zdlyjg:edit']"
+          >修改</el-button>
+          <el-button
+              size="mini"
+            type="danger"
+              @click="handleDelete(scope.row)"
+              v-hasPermi="['tcZz/netManage:zdlyjg: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="启用/禁用">
+                          <el-radio-group v-model="form.isStatus">
+                            <el-radio
+                                v-for="dict in dict.type.tc_start"
+                                :key="dict.value"
+:label="parseInt(dict.value)"
+                            >{{dict.label}}</el-radio>
+                          </el-radio-group>
+                        </el-form-item>
+                        <el-form-item label="企业类型" prop="enterpriseType">
+                          <el-input v-model="form.enterpriseType" placeholder="请输入企业类型" />
+                        </el-form-item>
+                        <el-form-item label="重点监管内容" prop="jgObgj">
+                          <el-input v-model="form.jgObgj" placeholder="请输入重点监管内容" />
+                        </el-form-item>
+                        <el-form-item label="法律法规令禁止的有关行为" prop="jzxw">
+                          <el-input v-model="form.jzxw" placeholder="请输入法律法规令禁止的有关行为" />
+                        </el-form-item>
+                        <el-form-item label="主要监管部门" prop="jgDep">
+                          <el-input v-model="form.jgDep" placeholder="请输入主要监管部门" />
+                        </el-form-item>
+                        <el-form-item label="主要依据" prop="zyyj">
+                          <el-input v-model="form.zyyj" 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.enterpriseType }}</el-descriptions-item>
+
+                      <el-descriptions-item label="重点监管内容">{{ form.jgObgj }}</el-descriptions-item>
+
+                      <el-descriptions-item label="法律法规令禁止的有关行为">{{ form.jzxw }}</el-descriptions-item>
+
+                      <el-descriptions-item label="主要监管部门">{{ form.jgDep }}</el-descriptions-item>
+
+                      <el-descriptions-item label="主要依据">{{ form.zyyj }}</el-descriptions-item>
+
+                      <el-descriptions-item label="备注">{{ form.remark }}</el-descriptions-item>
+
+        </el-descriptions>
+   
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+  import { listZdlyjg, getZdlyjg, delZdlyjg, addZdlyjg, updateZdlyjg, exportZdlyjg } from "@/api/tcZz/netManage/zdlyjg";
+  export default {
+    name: "Zdlyjg",
+    //注释字典
+              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,
+        // 重点领域监管表格数据
+              zdlyjgList: [],
+        // 弹出层标题
+        title: "",
+        // 是否显示弹出层
+        open: false,
+                // 备注时间范围
+                daterangeCreateTime: [],
+                // 备注时间范围
+                daterangeUpdateTime: [],
+        // 查询参数
+        queryParams: {
+          pageNum: 1,
+          pageSize: 10,
+                        id: null,
+
+                        areaId: null,
+
+                        isStatus: null,
+
+                        enterpriseType: null,
+
+                        jgObgj: null,
+
+                        jzxw: null,
+
+                        jgDep: null,
+
+                        zyyj: 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];
+                }
+        listZdlyjg(this.queryParams).then(response => {
+          this.zdlyjgList = response.rows;
+          this.total = response.total;
+          this.loading = false;
+        });
+      },
+      // 取消按钮
+      cancel() {
+        this.open = false;
+        this.reset();
+      },
+      // 表单重置
+      reset() {
+        this.form = {
+                        id: null,
+
+                        areaId: null,
+
+                    isStatus: 0,
+
+                        enterpriseType: null,
+
+                        jgObgj: null,
+
+                        jzxw: null,
+
+                        jgDep: null,
+
+                        zyyj: 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
+        getZdlyjg(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
+        getZdlyjg(id).then(response => {
+          this.form = response.data;
+          this.open = true;
+          this.title = "修改重点领域监管";
+        });
+      },
+      // 状态修改
+      handleStatusChange(row) {
+        let text = row.isStatus === 1 ? "启用" : "停用";
+        this.$modal.confirm('确认要"' + text + '"吗？').then(function() {
+          return updateZdlyjg({id:row.id, isStatus:row.isStatus});
+        }).then(() => {
+          this.$modal.msgSuccess(text + "成功");
+        }).catch(function() {
+          row.isStatus = row.isStatus === 1 ? 2 : 1;
+        });
+      },
+      /** 提交按钮 */
+      submitForm() {
+        this.$refs["form"].validate(valid => {
+          if (valid) {
+            if (this.form.id != null) {
+              updateZdlyjg(this.form).then(response => {
+                this.$modal.msgSuccess("修改成功");
+                this.open = false;
+                this.getList();
+              });
+            } else {
+              addZdlyjg(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 delZdlyjg(ids);
+        }).then(() => {
+          this.getList();
+          this.msgSuccess("删除成功");
+        }).catch(() => {});
+      },
+      /** 导出按钮操作 */
+      handleExport() {
+        const queryParams = this.queryParams;
+        this.$confirm('是否确认导出所有重点领域监管数据项?', "警告", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(() => {
+          this.download('/tcZz/netManage/zdlyjg/export', {
+            ...this.queryParams
+          }, '重点领域监管_'+ new Date().getTime() +'.xlsx')
+          this.exportLoading = false;
+        }).catch(() => {});
+      }
+    }
+  }
+
+</script>

src/views/tcZz/netManage/zdqyml/index.vue

@@ -0,0 +1,627 @@
+<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="enterpriseName">
+                    <el-input
+                        v-model="queryParams.enterpriseName"
+                        placeholder="请输入企业名称"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="企业类型" prop="enterpriseType">
+                    <el-input
+                        v-model="queryParams.enterpriseType"
+                        placeholder="请输入企业类型"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <!-- <el-form-item label="互联网业务" prop="netYw">
+                    <el-input
+                        v-model="queryParams.netYw"
+                        placeholder="请输入互联网业务"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item> -->
+                  <el-form-item label="监管部门" prop="depJg">
+                    <el-input
+                        v-model="queryParams.depJg"
+                        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="linkMan">
+                    <el-input
+                        v-model="queryParams.linkMan"
+                        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="url">
+                    <el-input
+                        v-model="queryParams.url"
+                        placeholder="请输入网址或平台名称"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="域名" prop="dns">
+                    <el-input
+                        v-model="queryParams.dns"
+                        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/netManage:zdqyml:add']"
+        >新增</el-button
+      >
+      <el-button
+            type="success"
+            size="mini"
+            :disabled="single"
+            @click="handleUpdate"
+            v-hasPermi="['tcZz/netManage:zdqyml:edit']"
+        >修改</el-button>
+         <el-button
+            type="danger"
+            size="mini"
+            :disabled="multiple"
+            @click="handleDelete"
+            v-hasPermi="['tcZz/netManage:zdqyml:remove']"
+        >删除</el-button>
+      <el-button
+        type="warning"
+        size="mini"
+        :loading="exportLoading"
+        @click="handleExport"
+         v-hasPermi="['tcZz/netManage:zdqyml:export']"
+        >导出</el-button
+      >
+    </div>
+    <el-table v-loading="loading" :data="zdqymlList"  @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"/> -->
+                  <el-switch
+                    v-model="scope.row.isStatus"
+                    :active-value="2"
+                    :inactive-value="1"
+                    active-color="#ff4949"
+                    inactive-color="#13ce66"
+                    @change="handleStatusChange(scope.row)"
+                  ></el-switch>
+                </template>
+              </el-table-column>
+              <el-table-column label="企业名称" align="center" prop="enterpriseName" />
+              <el-table-column label="企业类型" align="center" prop="enterpriseType" />
+              <!-- <el-table-column label="互联网业务" align="center" prop="netYw" />
+              <el-table-column label="监管部门" align="center" prop="depJg" />
+              <el-table-column label="单位地址" align="center" prop="unitAddress" />
+              <el-table-column label="联系人" align="center" prop="linkMan" />
+              <el-table-column label="联系电话" align="center" prop="linkTel" />
+              <el-table-column label="网址或平台名称" align="center" prop="url" />
+              <el-table-column label="域名" align="center" prop="dns" />
+              <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/netManage:zdqyml:list']"
+          >
+            查看
+          </el-button>
+          <el-button
+            type="success"
+            size="mini"
+              @click="handleUpdate(scope.row)"
+              v-hasPermi="['tcZz/netManage:zdqyml:edit']"
+          >修改</el-button>
+          <el-button
+              size="mini"
+            type="danger"
+              @click="handleDelete(scope.row)"
+              v-hasPermi="['tcZz/netManage:zdqyml: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="启用/禁用">
+                          <el-radio-group v-model="form.isStatus">
+                            <el-radio
+                                v-for="dict in dict.type.tc_start"
+                                :key="dict.value"
+:label="parseInt(dict.value)"
+                            >{{dict.label}}</el-radio>
+                          </el-radio-group>
+                        </el-form-item>
+                        <el-form-item label="企业名称" prop="enterpriseName">
+                          <el-input v-model="form.enterpriseName" placeholder="请输入企业名称" />
+                        </el-form-item>
+                        <el-form-item label="企业类型" prop="enterpriseType">
+                          <el-input v-model="form.enterpriseType" placeholder="请输入企业类型" />
+                        </el-form-item>
+                        <el-form-item label="互联网业务" prop="netYw">
+                          <el-input v-model="form.netYw" placeholder="请输入互联网业务" />
+                        </el-form-item>
+                        <el-form-item label="监管部门" prop="depJg">
+                          <el-input v-model="form.depJg" 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="linkMan">
+                          <el-input v-model="form.linkMan" 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="url">
+                          <el-input v-model="form.url" placeholder="请输入网址或平台名称" />
+                        </el-form-item>
+                        <el-form-item label="域名" prop="dns">
+                          <el-input v-model="form.dns" 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.enterpriseName }}</el-descriptions-item>
+
+                      <el-descriptions-item label="企业类型">{{ form.enterpriseType }}</el-descriptions-item>
+
+                      <el-descriptions-item label="互联网业务">{{ form.netYw }}</el-descriptions-item>
+
+                      <el-descriptions-item label="监管部门">{{ form.depJg }}</el-descriptions-item>
+
+                      <el-descriptions-item label="单位地址">{{ form.unitAddress }}</el-descriptions-item>
+
+                      <el-descriptions-item label="联系人">{{ form.linkMan }}</el-descriptions-item>
+
+                      <el-descriptions-item label="联系电话">{{ form.linkTel }}</el-descriptions-item>
+
+                      <el-descriptions-item label="网址或平台名称">{{ form.url }}</el-descriptions-item>
+
+                      <el-descriptions-item label="域名">{{ form.dns }}</el-descriptions-item>
+
+                      <el-descriptions-item label="备注">{{ form.remark }}</el-descriptions-item>
+
+        </el-descriptions>
+   
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+  import { listZdqyml, getZdqyml, delZdqyml, addZdqyml, updateZdqyml, exportZdqyml } from "@/api/tcZz/netManage/zdqyml";
+  export default {
+    name: "Zdqyml",
+    //注释字典
+              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,
+        // 重点企业名录表格数据
+              zdqymlList: [],
+        // 弹出层标题
+        title: "",
+        // 是否显示弹出层
+        open: false,
+                // 备注时间范围
+                daterangeCreateTime: [],
+                // 备注时间范围
+                daterangeUpdateTime: [],
+        // 查询参数
+        queryParams: {
+          pageNum: 1,
+          pageSize: 10,
+                        id: null,
+
+                        areaId: null,
+
+                        isStatus: null,
+
+                        enterpriseName: null,
+
+                        enterpriseType: null,
+
+                        netYw: null,
+
+                        depJg: null,
+
+                        unitAddress: null,
+
+                        linkMan: null,
+
+                        linkTel: null,
+
+                        url: null,
+
+                        dns: 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];
+                }
+        listZdqyml(this.queryParams).then(response => {
+          this.zdqymlList = response.rows;
+          this.total = response.total;
+          this.loading = false;
+        });
+      },
+      // 取消按钮
+      cancel() {
+        this.open = false;
+        this.reset();
+      },
+      // 表单重置
+      reset() {
+        this.form = {
+                        id: null,
+
+                        areaId: null,
+
+                    isStatus: 0,
+
+                        enterpriseName: null,
+
+                        enterpriseType: null,
+
+                        netYw: null,
+
+                        depJg: null,
+
+                        unitAddress: null,
+
+                        linkMan: null,
+
+                        linkTel: null,
+
+                        url: null,
+
+                        dns: 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
+        getZdqyml(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
+        getZdqyml(id).then(response => {
+          this.form = response.data;
+          this.open = true;
+          this.title = "修改重点企业名录";
+        });
+      },
+      // 状态修改
+      handleStatusChange(row) {
+        let text = row.isStatus === 1 ? "启用" : "停用";
+        this.$modal.confirm('确认要"' + text + '"吗？').then(function() {
+          return updateZdqyml({id:row.id, isStatus:row.isStatus});
+        }).then(() => {
+          this.$modal.msgSuccess(text + "成功");
+        }).catch(function() {
+          row.isStatus = row.isStatus === 1 ? 2 : 1;
+        });
+      },
+      /** 提交按钮 */
+      submitForm() {
+        this.$refs["form"].validate(valid => {
+          if (valid) {
+            if (this.form.id != null) {
+              updateZdqyml(this.form).then(response => {
+                this.$modal.msgSuccess("修改成功");
+                this.open = false;
+                this.getList();
+              });
+            } else {
+              addZdqyml(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 delZdqyml(ids);
+        }).then(() => {
+          this.getList();
+          this.msgSuccess("删除成功");
+        }).catch(() => {});
+      },
+      /** 导出按钮操作 */
+      handleExport() {
+        const queryParams = this.queryParams;
+        this.$confirm('是否确认导出所有重点企业名录数据项?', "警告", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(() => {
+          this.download('/tcZz/netManage/zdqyml/export', {
+            ...this.queryParams
+          }, '重点企业名录_'+ new Date().getTime() +'.xlsx')
+          this.exportLoading = false;
+        }).catch(() => {});
+      }
+    }
+  }
+
+</script>

src/views/tcZz/netWorkYq/cy/index.vue

@@ -0,0 +1,445 @@
+<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="cyName">
+                    <el-input
+                        v-model="queryParams.cyName"
+                        placeholder="请输入词云名称"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="词云数量" prop="cyCount">
+                    <el-input
+                        v-model="queryParams.cyCount"
+                        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 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>
+        <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/netWorkYq:cy:add']"
+        >新增</el-button
+      >
+      <el-button
+            type="success"
+            size="mini"
+            :disabled="single"
+            @click="handleUpdate"
+            v-hasPermi="['tcZz/netWorkYq:cy:edit']"
+        >修改</el-button>
+         <el-button
+            type="danger"
+            size="mini"
+            :disabled="multiple"
+            @click="handleDelete"
+            v-hasPermi="['tcZz/netWorkYq:cy:remove']"
+        >删除</el-button>
+      <el-button
+        type="warning"
+        size="mini"
+        :loading="exportLoading"
+        @click="handleExport"
+         v-hasPermi="['tcZz/netWorkYq:cy:export']"
+        >导出</el-button
+      >
+    </div>
+    <el-table v-loading="loading" :data="cyList"  @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="55" align="center" />
+              <el-table-column label="序号" align="center" type='index' />
+              <el-table-column label="词云名称" align="center" prop="cyName" />
+              <el-table-column label="词云数量" align="center" prop="cyCount" />
+              <el-table-column label="备注" align="center" prop="remark" />
+              <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"  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/netWorkYq:cy:list']"
+          >
+            查看
+          </el-button>
+          <el-button
+            type="success"
+            size="mini"
+              @click="handleUpdate(scope.row)"
+              v-hasPermi="['tcZz/netWorkYq:cy:edit']"
+          >修改</el-button>
+          <el-button
+              size="mini"
+            type="danger"
+              @click="handleDelete(scope.row)"
+              v-hasPermi="['tcZz/netWorkYq:cy: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="cyName">
+                          <el-input v-model="form.cyName" placeholder="请输入词云名称" />
+                        </el-form-item>
+                        <el-form-item label="词云数量" prop="cyCount">
+                          <el-input v-model="form.cyCount" placeholder="请输入词云数量" />
+                        </el-form-item>
+                        <el-form-item label="备注" prop="remark">
+                          <el-input v-model="form.remark" placeholder="请输入备注" />
+                        </el-form-item>
+                        <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>
+      <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.cyName }}</el-descriptions-item>
+
+                      <el-descriptions-item label="词云数量">{{ form.cyCount }}</el-descriptions-item>
+
+                      <el-descriptions-item label="备注">{{ form.remark }}</el-descriptions-item>
+
+                      <el-descriptions-item label="区域">{{ form.areaId }}</el-descriptions-item>
+
+        </el-descriptions>
+   
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+  import { listCy, getCy, delCy, addCy, updateCy, exportCy } from "@/api/tcZz/netWorkYq/cy";
+  export default {
+    name: "Cy",
+    //注释字典
+              dicts: ['tc_area'],
+    data() {
+      return {
+        tableHeigth: 0,
+        //查看详情
+        infoOpen:false,
+        //详情标题
+        infoTitle:'',
+        // 遮罩层
+        loading: true,
+        // 导出遮罩层
+        exportLoading: false,
+        // 选中数组
+        ids: [],
+        // 非单个禁用
+        single: true,
+        // 非多个禁用
+        multiple: true,
+        // 显示搜索条件
+        showSearch: true,
+        // 总条数
+        total: 0,
+        // 词云表格数据
+              cyList: [],
+        // 弹出层标题
+        title: "",
+        // 是否显示弹出层
+        open: false,
+                // 区域id时间范围
+                daterangeCreateTime: [],
+                // 区域id时间范围
+                daterangeUpdateTime: [],
+        // 查询参数
+        queryParams: {
+          pageNum: 1,
+          pageSize: 10,
+                        id: null,
+
+                        cyName: null,
+
+                        cyCount: null,
+
+                        createBy: null,
+
+                        createTime: null,
+
+                        updateBy: null,
+
+                        updateTime: null,
+
+                        remark: null,
+
+                        areaId: 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];
+                }
+        listCy(this.queryParams).then(response => {
+          this.cyList = response.rows;
+          this.total = response.total;
+          this.loading = false;
+        });
+      },
+      // 取消按钮
+      cancel() {
+        this.open = false;
+        this.reset();
+      },
+      // 表单重置
+      reset() {
+        this.form = {
+                        id: null,
+
+                        cyName: null,
+
+                        cyCount: null,
+
+                        createBy: null,
+
+                        createTime: null,
+
+                        updateBy: null,
+
+                        updateTime: null,
+
+                        remark: null,
+
+                        areaId: 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
+        getCy(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
+        getCy(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) {
+              updateCy(this.form).then(response => {
+                this.$modal.msgSuccess("修改成功");
+                this.open = false;
+                this.getList();
+              });
+            } else {
+              addCy(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 delCy(ids);
+        }).then(() => {
+          this.getList();
+          this.msgSuccess("删除成功");
+        }).catch(() => {});
+      },
+      /** 导出按钮操作 */
+      handleExport() {
+        const queryParams = this.queryParams;
+        this.$confirm('是否确认导出所有词云数据项?', "警告", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(() => {
+          this.download('/tcZz/netWorkYq/cy/export', {
+            ...this.queryParams
+          }, '词云_'+ new Date().getTime() +'.xlsx')
+          this.exportLoading = false;
+        }).catch(() => {});
+      }
+    }
+  }
+
+</script>

src/views/tcZz/netWorkYq/dtsx/index.vue

@@ -0,0 +1,440 @@
+<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="监测信息总量" prop="jcCount">
+                    <el-input
+                        v-model="queryParams.jcCount"
+                        placeholder="请输入监测信息总量"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="排除信息量" prop="pcCount">
+                    <el-input
+                        v-model="queryParams.pcCount"
+                        placeholder="请输入排除信息量"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="舆情预警量" prop="yqCount">
+                    <el-input
+                        v-model="queryParams.yqCount"
+                        placeholder="请输入舆情预警量"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="舆情预警占比" prop="yqZb">
+                    <el-input
+                        v-model="queryParams.yqZb"
+                        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/netWorkYq:dtsx:add']"
+        >新增</el-button
+      >
+      <el-button
+            type="success"
+            size="mini"
+            :disabled="single"
+            @click="handleUpdate"
+            v-hasPermi="['tcZz/netWorkYq:dtsx:edit']"
+        >修改</el-button>
+         <el-button
+            type="danger"
+            size="mini"
+            :disabled="multiple"
+            @click="handleDelete"
+            v-hasPermi="['tcZz/netWorkYq:dtsx:remove']"
+        >删除</el-button>
+      <el-button
+        type="warning"
+        size="mini"
+        :loading="exportLoading"
+        @click="handleExport"
+         v-hasPermi="['tcZz/netWorkYq:dtsx:export']"
+        >导出</el-button
+      >
+    </div>
+    <el-table v-loading="loading" :data="dtsxList"  @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="55" align="center" />
+              <el-table-column label="序号" align="center" prop="id" />
+              <el-table-column label="监测信息总量" align="center" prop="jcCount" />
+              <el-table-column label="排除信息量" align="center" prop="pcCount" />
+              <el-table-column label="舆情预警量" align="center" prop="yqCount" />
+              <el-table-column label="舆情预警占比" align="center" prop="yqZb" />
+              <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/netWorkYq:dtsx:list']"
+          >
+            查看
+          </el-button>
+          <el-button
+            type="success"
+            size="mini"
+              @click="handleUpdate(scope.row)"
+              v-hasPermi="['tcZz/netWorkYq:dtsx:edit']"
+          >修改</el-button>
+          <el-button
+              size="mini"
+            type="danger"
+              @click="handleDelete(scope.row)"
+              v-hasPermi="['tcZz/netWorkYq:dtsx: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="jcCount">
+                          <el-input v-model="form.jcCount" placeholder="请输入监测信息总量" />
+                        </el-form-item>
+                        <el-form-item label="排除信息量" prop="pcCount">
+                          <el-input v-model="form.pcCount" placeholder="请输入排除信息量" />
+                        </el-form-item>
+                        <el-form-item label="舆情预警量" prop="yqCount">
+                          <el-input v-model="form.yqCount" placeholder="请输入舆情预警量" />
+                        </el-form-item>
+                        <el-form-item label="舆情预警占比" prop="yqZb">
+                          <el-input v-model="form.yqZb" 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.jcCount }}</el-descriptions-item>
+
+                      <el-descriptions-item label="排除信息量">{{ form.pcCount }}</el-descriptions-item>
+
+                      <el-descriptions-item label="舆情预警量">{{ form.yqCount }}</el-descriptions-item>
+
+                      <el-descriptions-item label="舆情预警占比">{{ form.yqZb }}</el-descriptions-item>
+
+                      <el-descriptions-item label="备注">{{ form.remark }}</el-descriptions-item>
+
+        </el-descriptions>
+   
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+  import { listDtsx, getDtsx, delDtsx, addDtsx, updateDtsx, exportDtsx } from "@/api/tcZz/netWorkYq/dtsx";
+  export default {
+    name: "Dtsx",
+    //注释字典
+    data() {
+      return {
+        tableHeigth: 0,
+        //查看详情
+        infoOpen:false,
+        //详情标题
+        infoTitle:'',
+        // 遮罩层
+        loading: true,
+        // 导出遮罩层
+        exportLoading: false,
+        // 选中数组
+        ids: [],
+        // 非单个禁用
+        single: true,
+        // 非多个禁用
+        multiple: true,
+        // 显示搜索条件
+        showSearch: true,
+        // 总条数
+        total: 0,
+        // 动态筛选表格数据
+              dtsxList: [],
+        // 弹出层标题
+        title: "",
+        // 是否显示弹出层
+        open: false,
+                // 备注时间范围
+                daterangeCreateTime: [],
+                // 备注时间范围
+                daterangeUpdateTime: [],
+        // 查询参数
+        queryParams: {
+          pageNum: 1,
+          pageSize: 10,
+                        jcCount: null,
+
+                        pcCount: null,
+
+                        yqCount: null,
+
+                        yqZb: 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];
+                }
+        listDtsx(this.queryParams).then(response => {
+          this.dtsxList = response.rows;
+          this.total = response.total;
+          this.loading = false;
+        });
+      },
+      // 取消按钮
+      cancel() {
+        this.open = false;
+        this.reset();
+      },
+      // 表单重置
+      reset() {
+        this.form = {
+                        id: null,
+
+                        jcCount: null,
+
+                        pcCount: null,
+
+                        yqCount: null,
+
+                        yqZb: 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
+        getDtsx(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
+        getDtsx(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) {
+              updateDtsx(this.form).then(response => {
+                this.$modal.msgSuccess("修改成功");
+                this.open = false;
+                this.getList();
+              });
+            } else {
+              addDtsx(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 delDtsx(ids);
+        }).then(() => {
+          this.getList();
+          this.msgSuccess("删除成功");
+        }).catch(() => {});
+      },
+      /** 导出按钮操作 */
+      handleExport() {
+        const queryParams = this.queryParams;
+        this.$confirm('是否确认导出所有动态筛选数据项?', "警告", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(() => {
+          this.download('/tcZz/netWorkYq/dtsx/export', {
+            ...this.queryParams
+          }, '动态筛选_'+ new Date().getTime() +'.xlsx')
+          this.exportLoading = false;
+        }).catch(() => {});
+      }
+    }
+  }
+
+</script>

src/views/tcZz/netWorkYq/mtlx/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="name">
+                    <el-input
+                        v-model="queryParams.name"
+                        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/netWorkYq:mtlx:add']"
+        >新增</el-button
+      >
+      <el-button
+            type="success"
+            size="mini"
+            :disabled="single"
+            @click="handleUpdate"
+            v-hasPermi="['tcZz/netWorkYq:mtlx:edit']"
+        >修改</el-button>
+         <el-button
+            type="danger"
+            size="mini"
+            :disabled="multiple"
+            @click="handleDelete"
+            v-hasPermi="['tcZz/netWorkYq:mtlx:remove']"
+        >删除</el-button>
+      <el-button
+        type="warning"
+        size="mini"
+        :loading="exportLoading"
+        @click="handleExport"
+         v-hasPermi="['tcZz/netWorkYq:mtlx:export']"
+        >导出</el-button
+      >
+    </div>
+    <el-table v-loading="loading" :data="mtlxList"  @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="55" align="center" />
+              <el-table-column label="序号" align="center" prop="id" />
+              <el-table-column label="名称" align="center" prop="name" />
+              <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/netWorkYq:mtlx:list']"
+          >
+            查看
+          </el-button>
+          <el-button
+            type="success"
+            size="mini"
+              @click="handleUpdate(scope.row)"
+              v-hasPermi="['tcZz/netWorkYq:mtlx:edit']"
+          >修改</el-button>
+          <el-button
+              size="mini"
+            type="danger"
+              @click="handleDelete(scope.row)"
+              v-hasPermi="['tcZz/netWorkYq:mtlx: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="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>
+    <!--查看媒体类型详情页-->
+    <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.zb }}</el-descriptions-item>
+
+                      <el-descriptions-item label="备注">{{ form.remark }}</el-descriptions-item>
+
+        </el-descriptions>
+   
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+  import { listMtlx, getMtlx, delMtlx, addMtlx, updateMtlx, exportMtlx } from "@/api/tcZz/netWorkYq/mtlx";
+  export default {
+    name: "Mtlx",
+    //注释字典
+    data() {
+      return {
+        tableHeigth: 0,
+        //查看详情
+        infoOpen:false,
+        //详情标题
+        infoTitle:'',
+        // 遮罩层
+        loading: true,
+        // 导出遮罩层
+        exportLoading: false,
+        // 选中数组
+        ids: [],
+        // 非单个禁用
+        single: true,
+        // 非多个禁用
+        multiple: true,
+        // 显示搜索条件
+        showSearch: true,
+        // 总条数
+        total: 0,
+        // 媒体类型表格数据
+              mtlxList: [],
+        // 弹出层标题
+        title: "",
+        // 是否显示弹出层
+        open: false,
+                // 备注时间范围
+                daterangeCreateTime: [],
+                // 备注时间范围
+                daterangeUpdateTime: [],
+        // 查询参数
+        queryParams: {
+          pageNum: 1,
+          pageSize: 10,
+                        id: null,
+
+                        name: null,
+
+                        zb: 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];
+                }
+        listMtlx(this.queryParams).then(response => {
+          this.mtlxList = response.rows;
+          this.total = response.total;
+          this.loading = false;
+        });
+      },
+      // 取消按钮
+      cancel() {
+        this.open = false;
+        this.reset();
+      },
+      // 表单重置
+      reset() {
+        this.form = {
+                        id: null,
+
+                        name: 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
+        getMtlx(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
+        getMtlx(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) {
+              updateMtlx(this.form).then(response => {
+                this.$modal.msgSuccess("修改成功");
+                this.open = false;
+                this.getList();
+              });
+            } else {
+              addMtlx(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 delMtlx(ids);
+        }).then(() => {
+          this.getList();
+          this.msgSuccess("删除成功");
+        }).catch(() => {});
+      },
+      /** 导出按钮操作 */
+      handleExport() {
+        const queryParams = this.queryParams;
+        this.$confirm('是否确认导出所有媒体类型数据项?', "警告", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(() => {
+          this.download('/tcZz/netWorkYq/mtlx/export', {
+            ...this.queryParams
+          }, '媒体类型_'+ new Date().getTime() +'.xlsx')
+          this.exportLoading = false;
+        }).catch(() => {});
+      }
+    }
+  }
+
+</script>

src/views/tcZz/netWorkYq/sslx/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="name">
+                    <el-input
+                        v-model="queryParams.name"
+                        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/netWorkYq:sslx:add']"
+        >新增</el-button
+      >
+      <el-button
+            type="success"
+            size="mini"
+            :disabled="single"
+            @click="handleUpdate"
+            v-hasPermi="['tcZz/netWorkYq:sslx:edit']"
+        >修改</el-button>
+         <el-button
+            type="danger"
+            size="mini"
+            :disabled="multiple"
+            @click="handleDelete"
+            v-hasPermi="['tcZz/netWorkYq:sslx:remove']"
+        >删除</el-button>
+      <el-button
+        type="warning"
+        size="mini"
+        :loading="exportLoading"
+        @click="handleExport"
+         v-hasPermi="['tcZz/netWorkYq:sslx:export']"
+        >导出</el-button
+      >
+    </div>
+    <el-table v-loading="loading" :data="sslxList"  @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="55" align="center" />
+              <el-table-column label="序号" align="center" prop="id" />
+              <el-table-column label="名称" align="center" prop="name" />
+              <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/netWorkYq:sslx:list']"
+          >
+            查看
+          </el-button>
+          <el-button
+            type="success"
+            size="mini"
+              @click="handleUpdate(scope.row)"
+              v-hasPermi="['tcZz/netWorkYq:sslx:edit']"
+          >修改</el-button>
+          <el-button
+              size="mini"
+            type="danger"
+              @click="handleDelete(scope.row)"
+              v-hasPermi="['tcZz/netWorkYq:sslx: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="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>
+    <!--查看涉事类型详情页-->
+    <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.zb }}</el-descriptions-item>
+
+                      <el-descriptions-item label="备注">{{ form.remark }}</el-descriptions-item>
+
+        </el-descriptions>
+   
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+  import { listSslx, getSslx, delSslx, addSslx, updateSslx, exportSslx } from "@/api/tcZz/netWorkYq/sslx";
+  export default {
+    name: "Sslx",
+    //注释字典
+    data() {
+      return {
+        tableHeigth: 0,
+        //查看详情
+        infoOpen:false,
+        //详情标题
+        infoTitle:'',
+        // 遮罩层
+        loading: true,
+        // 导出遮罩层
+        exportLoading: false,
+        // 选中数组
+        ids: [],
+        // 非单个禁用
+        single: true,
+        // 非多个禁用
+        multiple: true,
+        // 显示搜索条件
+        showSearch: true,
+        // 总条数
+        total: 0,
+        // 涉事类型表格数据
+              sslxList: [],
+        // 弹出层标题
+        title: "",
+        // 是否显示弹出层
+        open: false,
+                // 备注时间范围
+                daterangeCreateTime: [],
+                // 备注时间范围
+                daterangeUpdateTime: [],
+        // 查询参数
+        queryParams: {
+          pageNum: 1,
+          pageSize: 10,
+                        id: null,
+
+                        name: null,
+
+                        zb: 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];
+                }
+        listSslx(this.queryParams).then(response => {
+          this.sslxList = response.rows;
+          this.total = response.total;
+          this.loading = false;
+        });
+      },
+      // 取消按钮
+      cancel() {
+        this.open = false;
+        this.reset();
+      },
+      // 表单重置
+      reset() {
+        this.form = {
+                        id: null,
+
+                        name: 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
+        getSslx(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
+        getSslx(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) {
+              updateSslx(this.form).then(response => {
+                this.$modal.msgSuccess("修改成功");
+                this.open = false;
+                this.getList();
+              });
+            } else {
+              addSslx(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 delSslx(ids);
+        }).then(() => {
+          this.getList();
+          this.msgSuccess("删除成功");
+        }).catch(() => {});
+      },
+      /** 导出按钮操作 */
+      handleExport() {
+        const queryParams = this.queryParams;
+        this.$confirm('是否确认导出所有涉事类型数据项?', "警告", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(() => {
+          this.download('/tcZz/netWorkYq/sslx/export', {
+            ...this.queryParams
+          }, '涉事类型_'+ new Date().getTime() +'.xlsx')
+          this.exportLoading = false;
+        }).catch(() => {});
+      }
+    }
+  }
+
+</script>

src/views/tcZz/netWorkYq/yqbg/index.vue

@@ -0,0 +1,508 @@
+<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="区域" 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="type">
+                    <el-select v-model="queryParams.type" placeholder="请选择类型" clearable size="small">
+                      <el-option
+                          v-for="dict in dict.type.bg_type"
+                          :key="dict.value"
+                          :label="dict.label"
+                          :value="dict.value"
+                      />
+                    </el-select>
+                  </el-form-item>
+                  <el-form-item label="标题名称" prop="title">
+                    <el-input
+                        v-model="queryParams.title"
+                        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="创建时间">
+                    <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>
+        <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/netWorkYq:yqbg:add']"
+        >新增</el-button
+      >
+      <el-button
+            type="success"
+            size="mini"
+            :disabled="single"
+            @click="handleUpdate"
+            v-hasPermi="['tcZz/netWorkYq:yqbg:edit']"
+        >修改</el-button>
+         <el-button
+            type="danger"
+            size="mini"
+            :disabled="multiple"
+            @click="handleDelete"
+            v-hasPermi="['tcZz/netWorkYq:yqbg:remove']"
+        >删除</el-button>
+      <el-button
+        type="warning"
+        size="mini"
+        :loading="exportLoading"
+        @click="handleExport"
+         v-hasPermi="['tcZz/netWorkYq:yqbg:export']"
+        >导出</el-button
+      >
+    </div>
+    <el-table v-loading="loading" :data="yqbgList"  @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="55" align="center" />
+              <el-table-column label="序号" 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"/> -->
+                  <el-switch
+                    v-model="scope.row.isStatus"
+                    :active-value="2"
+                    :inactive-value="1"
+                    active-color="#ff4949"
+                    inactive-color="#13ce66"
+                    @change="handleStatusChange(scope.row)"
+                  ></el-switch>
+                </template>
+              </el-table-column>
+              <el-table-column label="类型" align="center" prop="type">
+                <template slot-scope="scope">
+                  <dict-tag :options="dict.type.bg_type" :value="scope.row.type"/>
+                </template>
+              </el-table-column>
+              <el-table-column label="标题名称" align="center" prop="title" />
+              <el-table-column label="文件名称" align="center" prop="fileName" />
+              <!-- <el-table-column label="文件路径(完整路径)" align="center" prop="fileUrl" /> -->
+              <!-- <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/netWorkYq:yqbg:list']"
+          >
+            查看
+          </el-button>
+          <el-button
+            type="success"
+            size="mini"
+              @click="handleUpdate(scope.row)"
+              v-hasPermi="['tcZz/netWorkYq:yqbg:edit']"
+          >修改</el-button>
+          <el-button
+              size="mini"
+            type="danger"
+              @click="handleDelete(scope.row)"
+              v-hasPermi="['tcZz/netWorkYq:yqbg: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="启用/禁用">
+                          <el-radio-group v-model="form.isStatus">
+                            <el-radio
+                                v-for="dict in dict.type.tc_start"
+                                :key="dict.value"
+:label="parseInt(dict.value)"
+                            >{{dict.label}}</el-radio>
+                          </el-radio-group>
+                        </el-form-item>
+                        <el-form-item label="类型" prop="type">
+                          <el-select v-model="form.type" placeholder="请选择类型">
+                            <el-option
+                                v-for="dict in dict.type.bg_type"
+                                :key="dict.value"
+                                :label="dict.label"
+:value="parseInt(dict.value)"
+                            ></el-option>
+                          </el-select>
+                        </el-form-item>
+                        <el-form-item label="标题名称" prop="title">
+                          <el-input v-model="form.title" placeholder="请输入标题名称" />
+                        </el-form-item>
+                        <el-form-item label="文件名称" prop="fileName">
+                          <el-input v-model="form.fileName" placeholder="请输入文件名称" />
+                        </el-form-item>
+                        <el-form-item label="文件路径(完整路径)">
+                          <fileUpload v-model="form.fileUrl"/>
+                        </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.type }}</el-descriptions-item>
+
+                      <el-descriptions-item label="标题名称">{{ form.title }}</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 { listYqbg, getYqbg, delYqbg, addYqbg, updateYqbg, exportYqbg } from "@/api/tcZz/netWorkYq/yqbg";
+  export default {
+    name: "Yqbg",
+    //注释字典
+              dicts: ['bg_type', 'tc_area', 'tc_start'],
+    data() {
+      return {
+        tableHeigth: 0,
+        //查看详情
+        infoOpen:false,
+        //详情标题
+        infoTitle:'',
+        // 遮罩层
+        loading: true,
+        // 导出遮罩层
+        exportLoading: false,
+        // 选中数组
+        ids: [],
+        // 非单个禁用
+        single: true,
+        // 非多个禁用
+        multiple: true,
+        // 显示搜索条件
+        showSearch: true,
+        // 总条数
+        total: 0,
+        // 舆情报告表格数据
+              yqbgList: [],
+        // 弹出层标题
+        title: "",
+        // 是否显示弹出层
+        open: false,
+                // 备注时间范围
+                daterangeCreateTime: [],
+                // 备注时间范围
+                daterangeUpdateTime: [],
+        // 查询参数
+        queryParams: {
+          pageNum: 1,
+          pageSize: 10,
+                        id: null,
+
+                        areaId: null,
+
+                        isStatus: null,
+
+                        type: null,
+
+                        title: 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];
+                }
+        listYqbg(this.queryParams).then(response => {
+          this.yqbgList = response.rows;
+          this.total = response.total;
+          this.loading = false;
+        });
+      },
+      // 取消按钮
+      cancel() {
+        this.open = false;
+        this.reset();
+      },
+      // 表单重置
+      reset() {
+        this.form = {
+                        id: null,
+
+                        areaId: null,
+
+                    isStatus: 0,
+
+                        type: null,
+
+                        title: 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
+        getYqbg(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
+        getYqbg(id).then(response => {
+          this.form = response.data;
+          this.open = true;
+          this.title = "修改舆情报告";
+        });
+      },
+      // 状态修改
+      handleStatusChange(row) {
+        let text = row.isStatus === 1 ? "启用" : "停用";
+        this.$modal.confirm('确认要"' + text + '"吗？').then(function() {
+          return updateYqbg({id:row.id, isStatus:row.isStatus});
+        }).then(() => {
+          this.$modal.msgSuccess(text + "成功");
+        }).catch(function() {
+          row.isStatus = row.isStatus === 1 ? 2 : 1;
+        });
+      },
+      /** 提交按钮 */
+      submitForm() {
+        this.$refs["form"].validate(valid => {
+          if (valid) {
+            if (this.form.id != null) {
+              updateYqbg(this.form).then(response => {
+                this.$modal.msgSuccess("修改成功");
+                this.open = false;
+                this.getList();
+              });
+            } else {
+              addYqbg(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 delYqbg(ids);
+        }).then(() => {
+          this.getList();
+          this.msgSuccess("删除成功");
+        }).catch(() => {});
+      },
+      /** 导出按钮操作 */
+      handleExport() {
+        const queryParams = this.queryParams;
+        this.$confirm('是否确认导出所有舆情报告数据项?', "警告", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(() => {
+          this.download('/tcZz/netWorkYq/yqbg/export', {
+            ...this.queryParams
+          }, '舆情报告_'+ new Date().getTime() +'.xlsx')
+          this.exportLoading = false;
+        }).catch(() => {});
+      }
+    }
+  }
+
+</script>

src/views/tcZz/netWorkYq/yqxxlnum/index.vue

@@ -0,0 +1,451 @@
+<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="count1">
+                    <el-input
+                        v-model="queryParams.count1"
+                        placeholder="请输入本地相关信息数量"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="本地敏感信息数量" prop="count2">
+                    <el-input
+                        v-model="queryParams.count2"
+                        placeholder="请输入本地敏感信息数量"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="推送预警信息数量" prop="count3">
+                    <el-input
+                        v-model="queryParams.count3"
+                        placeholder="请输入推送预警信息数量"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="聚焦本地媒体数量" prop="count4">
+                    <el-input
+                        v-model="queryParams.count4"
+                        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/netWorkYq:yqxxlnum:add']"
+        >新增</el-button
+      >
+      <el-button
+            type="success"
+            size="mini"
+            :disabled="single"
+            @click="handleUpdate"
+            v-hasPermi="['tcZz/netWorkYq:yqxxlnum:edit']"
+        >修改</el-button>
+         <el-button
+            type="danger"
+            size="mini"
+            :disabled="multiple"
+            @click="handleDelete"
+            v-hasPermi="['tcZz/netWorkYq:yqxxlnum:remove']"
+        >删除</el-button>
+      <el-button
+        type="warning"
+        size="mini"
+        :loading="exportLoading"
+        @click="handleExport"
+         v-hasPermi="['tcZz/netWorkYq:yqxxlnum:export']"
+        >导出</el-button
+      >
+    </div>
+    <el-table v-loading="loading" :data="yqxxlnumList"  @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="55" align="center" />
+              <el-table-column label="序号" align="center" prop="id" />
+              <el-table-column label="本地相关信息数量" align="center" prop="count1" />
+              <el-table-column label="本地敏感信息数量" align="center" prop="count2" />
+              <el-table-column label="推送预警信息数量" align="center" prop="count3" />
+              <el-table-column label="聚焦本地媒体数量" align="center" prop="count4" />
+              <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/netWorkYq:yqxxlnum:list']"
+          >
+            查看
+          </el-button>
+          <el-button
+            type="success"
+            size="mini"
+              @click="handleUpdate(scope.row)"
+              v-hasPermi="['tcZz/netWorkYq:yqxxlnum:edit']"
+          >修改</el-button>
+          <el-button
+              size="mini"
+            type="danger"
+              @click="handleDelete(scope.row)"
+              v-hasPermi="['tcZz/netWorkYq:yqxxlnum: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="count1">
+                          <el-input v-model="form.count1" placeholder="请输入本地相关信息数量" />
+                        </el-form-item>
+                        <el-form-item label="本地敏感信息数量" prop="count2">
+                          <el-input v-model="form.count2" placeholder="请输入本地敏感信息数量" />
+                        </el-form-item>
+                        <el-form-item label="推送预警信息数量" prop="count3">
+                          <el-input v-model="form.count3" placeholder="请输入推送预警信息数量" />
+                        </el-form-item>
+                        <el-form-item label="聚焦本地媒体数量" prop="count4">
+                          <el-input v-model="form.count4" 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.count1 }}</el-descriptions-item>
+
+                      <el-descriptions-item label="本地敏感信息数量">{{ form.count2 }}</el-descriptions-item>
+
+                      <el-descriptions-item label="推送预警信息数量">{{ form.count3 }}</el-descriptions-item>
+
+                      <el-descriptions-item label="聚焦本地媒体数量">{{ form.count4 }}</el-descriptions-item>
+
+                      <el-descriptions-item label="备注">{{ form.remark }}</el-descriptions-item>
+
+        </el-descriptions>
+   
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+  import { listYqxxlnum, getYqxxlnum, delYqxxlnum, addYqxxlnum, updateYqxxlnum, exportYqxxlnum } from "@/api/tcZz/netWorkYq/yqxxlnum";
+  export default {
+    name: "Yqxxlnum",
+    //注释字典
+    data() {
+      return {
+        tableHeigth: 0,
+        //查看详情
+        infoOpen:false,
+        //详情标题
+        infoTitle:'',
+        // 遮罩层
+        loading: true,
+        // 导出遮罩层
+        exportLoading: false,
+        // 选中数组
+        ids: [],
+        // 非单个禁用
+        single: true,
+        // 非多个禁用
+        multiple: true,
+        // 显示搜索条件
+        showSearch: true,
+        // 总条数
+        total: 0,
+        // 舆情信息量统计表格数据
+              yqxxlnumList: [],
+        // 弹出层标题
+        title: "",
+        // 是否显示弹出层
+        open: false,
+                // 备注时间范围
+                daterangeCreateTime: [],
+                // 备注时间范围
+                daterangeUpdateTime: [],
+        // 查询参数
+        queryParams: {
+          pageNum: 1,
+          pageSize: 10,
+                        id: null,
+
+                        count1: null,
+
+                        count2: null,
+
+                        count3: null,
+
+                        count4: 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];
+                }
+        listYqxxlnum(this.queryParams).then(response => {
+          this.yqxxlnumList = response.rows;
+          this.total = response.total;
+          this.loading = false;
+        });
+      },
+      // 取消按钮
+      cancel() {
+        this.open = false;
+        this.reset();
+      },
+      // 表单重置
+      reset() {
+        this.form = {
+                        id: null,
+
+                        count1: null,
+
+                        count2: null,
+
+                        count3: null,
+
+                        count4: 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
+        getYqxxlnum(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
+        getYqxxlnum(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) {
+              updateYqxxlnum(this.form).then(response => {
+                this.$modal.msgSuccess("修改成功");
+                this.open = false;
+                this.getList();
+              });
+            } else {
+              addYqxxlnum(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 delYqxxlnum(ids);
+        }).then(() => {
+          this.getList();
+          this.msgSuccess("删除成功");
+        }).catch(() => {});
+      },
+      /** 导出按钮操作 */
+      handleExport() {
+        const queryParams = this.queryParams;
+        this.$confirm('是否确认导出所有舆情信息量统计数据项?', "警告", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(() => {
+          this.download('/tcZz/netWorkYq/yqxxlnum/export', {
+            ...this.queryParams
+          }, '舆情信息量统计_'+ new Date().getTime() +'.xlsx')
+          this.exportLoading = false;
+        }).catch(() => {});
+      }
+    }
+  }
+
+</script>

src/views/tcZz/netWorkYq/yqxxltj/index.vue

@@ -0,0 +1,573 @@
+<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="type">
+                    <el-select v-model="queryParams.type" placeholder="请选择类型" clearable size="small">
+                      <el-option
+                          v-for="dict in dict.type.yq_type"
+                          :key="dict.value"
+                          :label="dict.label"
+                          :value="dict.value"
+                      />
+                    </el-select>
+                  </el-form-item>
+                  <el-form-item label="标题" prop="title">
+                    <el-input
+                        v-model="queryParams.title"
+                        placeholder="请输入标题"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="来源" prop="source">
+                    <el-input
+                        v-model="queryParams.source"
+                        placeholder="请输入来源"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="时间">
+                    <el-date-picker
+                        v-model="daterangeDateTime"
+                        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="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/netWorkYq:yqxxltj:add']"
+        >新增</el-button
+      >
+      <el-button
+            type="success"
+            size="mini"
+            :disabled="single"
+            @click="handleUpdate"
+            v-hasPermi="['tcZz/netWorkYq:yqxxltj:edit']"
+        >修改</el-button>
+         <el-button
+            type="danger"
+            size="mini"
+            :disabled="multiple"
+            @click="handleDelete"
+            v-hasPermi="['tcZz/netWorkYq:yqxxltj:remove']"
+        >删除</el-button>
+      <el-button
+        type="warning"
+        size="mini"
+        :loading="exportLoading"
+        @click="handleExport"
+         v-hasPermi="['tcZz/netWorkYq:yqxxltj:export']"
+        >导出</el-button
+      >
+    </div>
+    <el-table v-loading="loading" :data="yqxxltjList"  @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="55" align="center" />
+              <el-table-column label="序号" align="center" prop="index" />
+              <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"/> -->
+                  <el-switch
+                    v-model="scope.row.isStatus"
+                    :active-value="2"
+                    :inactive-value="1"
+                    active-color="#ff4949"
+                    inactive-color="#13ce66"
+                    @change="handleStatusChange(scope.row)"
+                  ></el-switch>
+                </template>
+              </el-table-column>
+              <el-table-column label="类型" align="center" prop="type">
+                <template slot-scope="scope">
+                  <dict-tag :options="dict.type.yq_type" :value="scope.row.type"/>
+                </template>
+              </el-table-column>
+              <el-table-column label="标题" align="center" prop="title" />
+              <el-table-column label="来源" align="center" prop="source" />
+              <el-table-column label="时间" align="center" prop="dateTime" width="180">
+                <template slot-scope="scope">
+                  <span>{{ parseTime(scope.row.dateTime, '{y}-{m}-{d}') }}</span>
+                </template>
+              </el-table-column>
+              <!-- <el-table-column label="内容" align="center" prop="content" />
+              <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/netWorkYq:yqxxltj:list']"
+          >
+            查看
+          </el-button>
+          <el-button
+            type="success"
+            size="mini"
+              @click="handleUpdate(scope.row)"
+              v-hasPermi="['tcZz/netWorkYq:yqxxltj:edit']"
+          >修改</el-button>
+          <el-button
+              size="mini"
+            type="danger"
+              @click="handleDelete(scope.row)"
+              v-hasPermi="['tcZz/netWorkYq:yqxxltj: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="启用/禁用">
+                          <el-radio-group v-model="form.isStatus">
+                            <el-radio
+                                v-for="dict in dict.type.tc_start"
+                                :key="dict.value"
+:label="parseInt(dict.value)"
+                            >{{dict.label}}</el-radio>
+                          </el-radio-group>
+                        </el-form-item>
+                        <el-form-item label="类型" prop="type">
+                          <el-select v-model="form.type" placeholder="请选择类型">
+                            <el-option
+                                v-for="dict in dict.type.yq_type"
+                                :key="dict.value"
+                                :label="dict.label"
+:value="parseInt(dict.value)"
+                            ></el-option>
+                          </el-select>
+                        </el-form-item>
+                        <el-form-item label="标题" prop="title">
+                          <el-input v-model="form.title" placeholder="请输入标题" />
+                        </el-form-item>
+                        <el-form-item label="来源" prop="source">
+                          <el-input v-model="form.source" placeholder="请输入来源" />
+                        </el-form-item>
+                        <el-form-item label="时间" prop="dateTime">
+                          <el-date-picker clearable size="small"
+                                          v-model="form.dateTime"
+                                          type="date"
+                                          value-format="yyyy-MM-dd"
+                                          placeholder="选择时间">
+                          </el-date-picker>
+                        </el-form-item>
+                        <el-form-item label="内容">
+                          <editor v-model="form.content" :min-height="192"/>
+                        </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.type }}</el-descriptions-item>
+
+                      <el-descriptions-item label="标题">{{ form.title }}</el-descriptions-item>
+
+                      <el-descriptions-item label="来源">{{ form.source }}</el-descriptions-item>
+
+                      <el-descriptions-item label="时间">{{ form.dateTime }}</el-descriptions-item>
+
+                      <el-descriptions-item label="内容">{{ form.content }}</el-descriptions-item>
+
+                      <el-descriptions-item label="备注">{{ form.remark }}</el-descriptions-item>
+
+        </el-descriptions>
+   
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+  import { listYqxxltj, getYqxxltj, delYqxxltj, addYqxxltj, updateYqxxltj, exportYqxxltj } from "@/api/tcZz/netWorkYq/yqxxltj";
+  export default {
+    name: "Yqxxltj",
+    //注释字典
+              dicts: ['tc_area', 'tc_start', 'yq_type'],
+    data() {
+      return {
+        tableHeigth: 0,
+        //查看详情
+        infoOpen:false,
+        //详情标题
+        infoTitle:'',
+        // 遮罩层
+        loading: true,
+        // 导出遮罩层
+        exportLoading: false,
+        // 选中数组
+        ids: [],
+        // 非单个禁用
+        single: true,
+        // 非多个禁用
+        multiple: true,
+        // 显示搜索条件
+        showSearch: true,
+        // 总条数
+        total: 0,
+        // 舆情信息量统计明細表格数据
+              yqxxltjList: [],
+        // 弹出层标题
+        title: "",
+        // 是否显示弹出层
+        open: false,
+                // 备注时间范围
+                daterangeDateTime: [],
+                // 备注时间范围
+                daterangeCreateTime: [],
+                // 备注时间范围
+                daterangeUpdateTime: [],
+        // 查询参数
+        queryParams: {
+          pageNum: 1,
+          pageSize: 10,
+                        id: null,
+
+                        areaId: null,
+
+                        isStatus: null,
+
+                        type: null,
+
+                        title: null,
+
+                        source: null,
+
+                        dateTime: null,
+
+                        content: 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.daterangeDateTime && '' != this.daterangeDateTime) {
+                  this.queryParams.params["beginDateTime"] = this.daterangeDateTime[0];
+                  this.queryParams.params["endDateTime"] = this.daterangeDateTime[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];
+                }
+        listYqxxltj(this.queryParams).then(response => {
+          this.yqxxltjList = response.rows;
+          this.total = response.total;
+          this.loading = false;
+        });
+      },
+      // 取消按钮
+      cancel() {
+        this.open = false;
+        this.reset();
+      },
+      // 表单重置
+      reset() {
+        this.form = {
+                        id: null,
+
+                        areaId: null,
+
+                    isStatus: 0,
+
+                        type: null,
+
+                        title: null,
+
+                        source: null,
+
+                        dateTime: null,
+
+                        content: null,
+
+                        createBy: null,
+
+                        createTime: null,
+
+                        updateBy: null,
+
+                        updateTime: null,
+
+                        remark: null,
+
+        };
+        this.resetForm("form");
+      },
+      /** 搜索按钮操作 */
+      handleQuery() {
+        this.queryParams.pageNum = 1;
+        this.getList();
+      },
+      /** 重置按钮操作 */
+      resetQuery() {
+                this.daterangeDateTime = [];
+                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
+        getYqxxltj(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
+        getYqxxltj(id).then(response => {
+          this.form = response.data;
+          this.open = true;
+          this.title = "修改舆情信息量统计明細";
+        });
+      },
+      // 状态修改
+      handleStatusChange(row) {
+        let text = row.isStatus === 1 ? "启用" : "停用";
+        this.$modal.confirm('确认要"' + text + '"吗？').then(function() {
+          return updateYqxxltj({id:row.id, isStatus:row.isStatus});
+        }).then(() => {
+          this.$modal.msgSuccess(text + "成功");
+        }).catch(function() {
+          row.isStatus = row.isStatus === 1 ? 2 : 1;
+        });
+      },
+      /** 提交按钮 */
+      submitForm() {
+        this.$refs["form"].validate(valid => {
+          if (valid) {
+            if (this.form.id != null) {
+              updateYqxxltj(this.form).then(response => {
+                this.$modal.msgSuccess("修改成功");
+                this.open = false;
+                this.getList();
+              });
+            } else {
+              addYqxxltj(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 delYqxxltj(ids);
+        }).then(() => {
+          this.getList();
+          this.msgSuccess("删除成功");
+        }).catch(() => {});
+      },
+      /** 导出按钮操作 */
+      handleExport() {
+        const queryParams = this.queryParams;
+        this.$confirm('是否确认导出所有舆情信息量统计明細数据项?', "警告", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(() => {
+          this.download('/tcZz/netWorkYq/yqxxltj/export', {
+            ...this.queryParams
+          }, '舆情信息量统计明細_'+ new Date().getTime() +'.xlsx')
+          this.exportLoading = false;
+        }).catch(() => {});
+      }
+    }
+  }
+
+</script>

src/views/tcZz/netWorkYq/yqyj/index.vue

@@ -0,0 +1,542 @@
+<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="title">
+                    <el-input
+                        v-model="queryParams.title"
+                        placeholder="请输入标题"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="来源" prop="source">
+                    <el-input
+                        v-model="queryParams.source"
+                        placeholder="请输入来源"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <!-- <el-form-item label="时间">
+                    <el-date-picker
+                        v-model="daterangeDateTime"
+                        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="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/netWorkYq:yqyj:add']"
+        >新增</el-button
+      >
+      <el-button
+            type="success"
+            size="mini"
+            :disabled="single"
+            @click="handleUpdate"
+            v-hasPermi="['tcZz/netWorkYq:yqyj:edit']"
+        >修改</el-button>
+         <el-button
+            type="danger"
+            size="mini"
+            :disabled="multiple"
+            @click="handleDelete"
+            v-hasPermi="['tcZz/netWorkYq:yqyj:remove']"
+        >删除</el-button>
+      <el-button
+        type="warning"
+        size="mini"
+        :loading="exportLoading"
+        @click="handleExport"
+         v-hasPermi="['tcZz/netWorkYq:yqyj:export']"
+        >导出</el-button
+      >
+    </div>
+    <el-table v-loading="loading" :data="yqyjList"  @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="55" align="center" />
+              <el-table-column label="序号" 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"/> -->
+                  <el-switch
+                    v-model="scope.row.isStatus"
+                    :active-value="2"
+                    :inactive-value="1"
+                    active-color="#ff4949"
+                    inactive-color="#13ce66"
+                    @change="handleStatusChange(scope.row)"
+                  ></el-switch>
+                </template>
+              </el-table-column>
+              <el-table-column label="标题" align="center" prop="title" />
+              <el-table-column label="来源" align="center" prop="source" />
+              <el-table-column label="时间" align="center" prop="dateTime" width="180">
+                <template slot-scope="scope">
+                  <span>{{ parseTime(scope.row.dateTime, '{y}-{m}-{d}') }}</span>
+                </template>
+              </el-table-column>
+              <!-- <el-table-column label="内容" align="center" prop="content" /> -->
+              <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/netWorkYq:yqyj:list']"
+          >
+            查看
+          </el-button>
+          <el-button
+            type="success"
+            size="mini"
+              @click="handleUpdate(scope.row)"
+              v-hasPermi="['tcZz/netWorkYq:yqyj:edit']"
+          >修改</el-button>
+          <el-button
+              size="mini"
+            type="danger"
+              @click="handleDelete(scope.row)"
+              v-hasPermi="['tcZz/netWorkYq:yqyj: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="启用/禁用">
+                          <el-radio-group v-model="form.isStatus">
+                            <el-radio
+                                v-for="dict in dict.type.tc_start"
+                                :key="dict.value"
+:label="parseInt(dict.value)"
+                            >{{dict.label}}</el-radio>
+                          </el-radio-group>
+                        </el-form-item>
+                        <el-form-item label="标题" prop="title">
+                          <el-input v-model="form.title" placeholder="请输入标题" />
+                        </el-form-item>
+                        <el-form-item label="来源" prop="source">
+                          <el-input v-model="form.source" placeholder="请输入来源" />
+                        </el-form-item>
+                        <el-form-item label="时间" prop="dateTime">
+                          <el-date-picker clearable size="small"
+                                          v-model="form.dateTime"
+                                          type="date"
+                                          value-format="yyyy-MM-dd"
+                                          placeholder="选择时间">
+                          </el-date-picker>
+                        </el-form-item>
+                        <el-form-item label="内容">
+                          <editor v-model="form.content" :min-height="192"/>
+                        </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.title }}</el-descriptions-item>
+
+                      <el-descriptions-item label="来源">{{ form.source }}</el-descriptions-item>
+
+                      <el-descriptions-item label="时间">{{ form.dateTime }}</el-descriptions-item>
+
+                      <el-descriptions-item label="内容">{{ form.content }}</el-descriptions-item>
+
+                      <el-descriptions-item label="备注">{{ form.remark }}</el-descriptions-item>
+
+        </el-descriptions>
+   
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+  import { listYqyj, getYqyj, delYqyj, addYqyj, updateYqyj, exportYqyj } from "@/api/tcZz/netWorkYq/yqyj";
+  export default {
+    name: "Yqyj",
+    //注释字典
+              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,
+        // 舆情预警表格数据
+              yqyjList: [],
+        // 弹出层标题
+        title: "",
+        // 是否显示弹出层
+        open: false,
+                // 备注时间范围
+                daterangeDateTime: [],
+                // 备注时间范围
+                daterangeCreateTime: [],
+                // 备注时间范围
+                daterangeUpdateTime: [],
+        // 查询参数
+        queryParams: {
+          pageNum: 1,
+          pageSize: 10,
+                        id: null,
+
+                        areaId: null,
+
+                        isStatus: null,
+
+                        title: null,
+
+                        source: null,
+
+                        dateTime: null,
+
+                        content: 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.daterangeDateTime && '' != this.daterangeDateTime) {
+                  this.queryParams.params["beginDateTime"] = this.daterangeDateTime[0];
+                  this.queryParams.params["endDateTime"] = this.daterangeDateTime[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];
+                }
+        listYqyj(this.queryParams).then(response => {
+          this.yqyjList = response.rows;
+          this.total = response.total;
+          this.loading = false;
+        });
+      },
+      // 取消按钮
+      cancel() {
+        this.open = false;
+        this.reset();
+      },
+      // 表单重置
+      reset() {
+        this.form = {
+                        id: null,
+
+                        areaId: null,
+
+                    isStatus: 0,
+
+                        title: null,
+
+                        source: null,
+
+                        dateTime: null,
+
+                        content: null,
+
+                        createBy: null,
+
+                        createTime: null,
+
+                        updateBy: null,
+
+                        updateTime: null,
+
+                        remark: null,
+
+        };
+        this.resetForm("form");
+      },
+      /** 搜索按钮操作 */
+      handleQuery() {
+        this.queryParams.pageNum = 1;
+        this.getList();
+      },
+      /** 重置按钮操作 */
+      resetQuery() {
+                this.daterangeDateTime = [];
+                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
+        getYqyj(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
+        getYqyj(id).then(response => {
+          this.form = response.data;
+          this.open = true;
+          this.title = "修改舆情预警";
+        });
+      },
+      // 状态修改
+      handleStatusChange(row) {
+        let text = row.isStatus === 1 ? "启用" : "停用";
+        this.$modal.confirm('确认要"' + text + '"吗？').then(function() {
+          return updateYqyj({id:row.id, isStatus:row.isStatus});
+        }).then(() => {
+          this.$modal.msgSuccess(text + "成功");
+        }).catch(function() {
+          row.isStatus = row.isStatus === 1 ? 2 : 1;
+        });
+      },
+      /** 提交按钮 */
+      submitForm() {
+        this.$refs["form"].validate(valid => {
+          if (valid) {
+            if (this.form.id != null) {
+              updateYqyj(this.form).then(response => {
+                this.$modal.msgSuccess("修改成功");
+                this.open = false;
+                this.getList();
+              });
+            } else {
+              addYqyj(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 delYqyj(ids);
+        }).then(() => {
+          this.getList();
+          this.msgSuccess("删除成功");
+        }).catch(() => {});
+      },
+      /** 导出按钮操作 */
+      handleExport() {
+        const queryParams = this.queryParams;
+        this.$confirm('是否确认导出所有舆情预警数据项?', "警告", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(() => {
+          this.download('/tcZz/netWorkYq/yqyj/export', {
+            ...this.queryParams
+          }, '舆情预警_'+ new Date().getTime() +'.xlsx')
+          this.exportLoading = false;
+        }).catch(() => {});
+      }
+    }
+  }
+
+</script>

src/views/tcZz/netWorkYq/yqzs/index.vue

@@ -0,0 +1,483 @@
+<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="日期">
+                    <el-date-picker
+                        v-model="daterangeDateTime"
+                        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="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 label="非敏感数量" prop="count1">
+                    <el-input
+                        v-model="queryParams.count1"
+                        placeholder="请输入非敏感数量"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </el-form-item>
+                  <el-form-item label="敏感数量" prop="count2">
+                    <el-input
+                        v-model="queryParams.count2"
+                        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/netWorkYq:yqzs:add']"
+        >新增</el-button
+      >
+      <el-button
+            type="success"
+            size="mini"
+            :disabled="single"
+            @click="handleUpdate"
+            v-hasPermi="['tcZz/netWorkYq:yqzs:edit']"
+        >修改</el-button>
+         <el-button
+            type="danger"
+            size="mini"
+            :disabled="multiple"
+            @click="handleDelete"
+            v-hasPermi="['tcZz/netWorkYq:yqzs:remove']"
+        >删除</el-button>
+      <el-button
+        type="warning"
+        size="mini"
+        :loading="exportLoading"
+        @click="handleExport"
+         v-hasPermi="['tcZz/netWorkYq:yqzs:export']"
+        >导出</el-button
+      >
+    </div>
+    <el-table v-loading="loading" :data="yqzsList"  @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="55" align="center" />
+              <el-table-column label="序号" 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="dateTime" width="180">
+                <template slot-scope="scope">
+                  <span>{{ parseTime(scope.row.dateTime, '{y}-{m}-{d}') }}</span>
+                </template>
+              </el-table-column>
+              <!-- <el-table-column label="备注" align="center" prop="remark" /> -->
+              <el-table-column label="非敏感数量" align="center" prop="count1" />
+              <el-table-column label="敏感数量" align="center" prop="count2" />
+      <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/netWorkYq:yqzs:list']"
+          >
+            查看
+          </el-button>
+          <el-button
+            type="success"
+            size="mini"
+              @click="handleUpdate(scope.row)"
+              v-hasPermi="['tcZz/netWorkYq:yqzs:edit']"
+          >修改</el-button>
+          <el-button
+              size="mini"
+            type="danger"
+              @click="handleDelete(scope.row)"
+              v-hasPermi="['tcZz/netWorkYq:yqzs: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="parseInt(dict.value)"
+                            ></el-option>
+                          </el-select>
+                        </el-form-item>
+                        <el-form-item label="日期" prop="dateTime">
+                          <el-date-picker clearable size="small"
+                                          v-model="form.dateTime"
+                                          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-item label="非敏感数量" prop="count1">
+                          <el-input v-model="form.count1" placeholder="请输入非敏感数量" />
+                        </el-form-item>
+                        <el-form-item label="敏感数量" prop="count2">
+                          <el-input v-model="form.count2" 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.dateTime }}</el-descriptions-item>
+
+                      <el-descriptions-item label="备注">{{ form.remark }}</el-descriptions-item>
+
+                      <el-descriptions-item label="非敏感数量">{{ form.count1 }}</el-descriptions-item>
+
+                      <el-descriptions-item label="敏感数量">{{ form.count2 }}</el-descriptions-item>
+
+        </el-descriptions>
+   
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+  import { listYqzs, getYqzs, delYqzs, addYqzs, updateYqzs, exportYqzs } from "@/api/tcZz/netWorkYq/yqzs";
+  export default {
+    name: "Yqzs",
+    //注释字典
+              dicts: ['tc_area'],
+    data() {
+      return {
+        tableHeigth: 0,
+        //查看详情
+        infoOpen:false,
+        //详情标题
+        infoTitle:'',
+        // 遮罩层
+        loading: true,
+        // 导出遮罩层
+        exportLoading: false,
+        // 选中数组
+        ids: [],
+        // 非单个禁用
+        single: true,
+        // 非多个禁用
+        multiple: true,
+        // 显示搜索条件
+        showSearch: true,
+        // 总条数
+        total: 0,
+        // 舆情走势图表格数据
+              yqzsList: [],
+        // 弹出层标题
+        title: "",
+        // 是否显示弹出层
+        open: false,
+                // 敏感数量时间范围
+                daterangeDateTime: [],
+                // 敏感数量时间范围
+                daterangeCreateTime: [],
+                // 敏感数量时间范围
+                daterangeUpdateTime: [],
+        // 查询参数
+        queryParams: {
+          pageNum: 1,
+          pageSize: 10,
+                        id: null,
+
+                        areaId: null,
+
+                        dateTime: null,
+
+                        createBy: null,
+
+                        createTime: null,
+
+                        updateBy: null,
+
+                        updateTime: null,
+
+                        remark: null,
+
+                        count1: null,
+
+                        count2: null,
+
+        },
+        // 表单参数
+        form: {},
+        // 表单校验
+        rules: {
+        }
+      };
+    },
+    created() {
+
+      this.getList();
+
+    },
+    methods: {
+      /** 查询舆情走势图列表 */
+      getList() {
+        this.loading = true;
+                this.queryParams.params = {};
+                if (null != this.daterangeDateTime && '' != this.daterangeDateTime) {
+                  this.queryParams.params["beginDateTime"] = this.daterangeDateTime[0];
+                  this.queryParams.params["endDateTime"] = this.daterangeDateTime[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];
+                }
+        listYqzs(this.queryParams).then(response => {
+          this.yqzsList = response.rows;
+          this.total = response.total;
+          this.loading = false;
+        });
+      },
+      // 取消按钮
+      cancel() {
+        this.open = false;
+        this.reset();
+      },
+      // 表单重置
+      reset() {
+        this.form = {
+                        id: null,
+
+                        areaId: null,
+
+                        dateTime: null,
+
+                        createBy: null,
+
+                        createTime: null,
+
+                        updateBy: null,
+
+                        updateTime: null,
+
+                        remark: null,
+
+                        count1: null,
+
+                        count2: null,
+
+        };
+        this.resetForm("form");
+      },
+      /** 搜索按钮操作 */
+      handleQuery() {
+        this.queryParams.pageNum = 1;
+        this.getList();
+      },
+      /** 重置按钮操作 */
+      resetQuery() {
+                this.daterangeDateTime = [];
+                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
+        getYqzs(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
+        getYqzs(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) {
+              updateYqzs(this.form).then(response => {
+                this.$modal.msgSuccess("修改成功");
+                this.open = false;
+                this.getList();
+              });
+            } else {
+              addYqzs(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 delYqzs(ids);
+        }).then(() => {
+          this.getList();
+          this.msgSuccess("删除成功");
+        }).catch(() => {});
+      },
+      /** 导出按钮操作 */
+      handleExport() {
+        const queryParams = this.queryParams;
+        this.$confirm('是否确认导出所有舆情走势图数据项?', "警告", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(() => {
+          this.download('/tcZz/netWorkYq/yqzs/export', {
+            ...this.queryParams
+          }, '舆情走势图_'+ new Date().getTime() +'.xlsx')
+          this.exportLoading = false;
+        }).catch(() => {});
+      }
+    }
+  }
+
+</script>

src/views/tcZz/netWorkYq/zbxq/index.vue

@@ -0,0 +1,513 @@
+<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="yqTitle">
+                    <el-input
+                        v-model="queryParams.yqTitle"
+                        placeholder="请输入舆情标题"
+                        clearable
+                        size="small"
+                        @keyup.enter.native="handleQuery"
+                    />
+                  </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="yqState">
+                    <el-input
+                        v-model="queryParams.yqState"
+                        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/netWorkYq:zbxq:add']"
+        >新增</el-button
+      >
+      <el-button
+            type="success"
+            size="mini"
+            :disabled="single"
+            @click="handleUpdate"
+            v-hasPermi="['tcZz/netWorkYq:zbxq:edit']"
+        >修改</el-button>
+         <el-button
+            type="danger"
+            size="mini"
+            :disabled="multiple"
+            @click="handleDelete"
+            v-hasPermi="['tcZz/netWorkYq:zbxq:remove']"
+        >删除</el-button>
+      <el-button
+        type="warning"
+        size="mini"
+        :loading="exportLoading"
+        @click="handleExport"
+         v-hasPermi="['tcZz/netWorkYq:zbxq:export']"
+        >导出</el-button
+      >
+    </div>
+    <el-table v-loading="loading" :data="zbxqList"  @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="55" align="center" />
+              <el-table-column label="序号" 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"/> -->
+                  <el-switch
+                    v-model="scope.row.isStatus"
+                    :active-value="2"
+                    :inactive-value="1"
+                    active-color="#ff4949"
+                    inactive-color="#13ce66"
+                    @change="handleStatusChange(scope.row)"
+                  ></el-switch>
+                </template>
+              </el-table-column>
+              <el-table-column label="舆情标题" align="center" prop="yqTitle" />
+              <el-table-column label="部门名称" align="center" prop="depName" />
+              <el-table-column label="舆情状态" align="center" prop="yqState" />
+              <!-- <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/netWorkYq:zbxq:list']"
+          >
+            查看
+          </el-button>
+          <el-button
+            type="success"
+            size="mini"
+              @click="handleUpdate(scope.row)"
+              v-hasPermi="['tcZz/netWorkYq:zbxq:edit']"
+          >修改</el-button>
+          <el-button
+              size="mini"
+            type="danger"
+              @click="handleDelete(scope.row)"
+              v-hasPermi="['tcZz/netWorkYq:zbxq: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="启用/禁用">
+                          <el-radio-group v-model="form.isStatus">
+                            <el-radio
+                                v-for="dict in dict.type.tc_start"
+                                :key="dict.value"
+:label="parseInt(dict.value)"
+                            >{{dict.label}}</el-radio>
+                          </el-radio-group>
+                        </el-form-item>
+                        <el-form-item label="舆情标题" prop="yqTitle">
+                          <el-input v-model="form.yqTitle" placeholder="请输入舆情标题" />
+                        </el-form-item>
+                        <el-form-item label="部门名称" prop="depName">
+                          <el-input v-model="form.depName" placeholder="请输入部门名称" />
+                        </el-form-item>
+                        <el-form-item label="舆情状态" prop="yqState">
+                          <el-input v-model="form.yqState" 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.yqTitle }}</el-descriptions-item>
+
+                      <el-descriptions-item label="部门名称">{{ form.depName }}</el-descriptions-item>
+
+                      <el-descriptions-item label="舆情状态">{{ form.yqState }}</el-descriptions-item>
+
+                      <el-descriptions-item label="备注">{{ form.remark }}</el-descriptions-item>
+
+        </el-descriptions>
+   
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+  import { listZbxq, getZbxq, delZbxq, addZbxq, updateZbxq, exportZbxq } from "@/api/tcZz/netWorkYq/zbxq";
+  export default {
+    name: "Zbxq",
+    //注释字典
+              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,
+        //  转办量、转办详情表格数据
+              zbxqList: [],
+        // 弹出层标题
+        title: "",
+        // 是否显示弹出层
+        open: false,
+                // 备注时间范围
+                daterangeCreateTime: [],
+                // 备注时间范围
+                daterangeUpdateTime: [],
+        // 查询参数
+        queryParams: {
+          pageNum: 1,
+          pageSize: 10,
+                        id: null,
+
+                        areaId: null,
+
+                        isStatus: null,
+
+                        yqTitle: null,
+
+                        depName: null,
+
+                        yqState: 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];
+                }
+        listZbxq(this.queryParams).then(response => {
+          this.zbxqList = response.rows;
+          this.total = response.total;
+          this.loading = false;
+        });
+      },
+      // 取消按钮
+      cancel() {
+        this.open = false;
+        this.reset();
+      },
+      // 表单重置
+      reset() {
+        this.form = {
+                        id: null,
+
+                        areaId: null,
+
+                    isStatus: 0,
+
+                        yqTitle: null,
+
+                        depName: null,
+
+                        yqState: 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
+        getZbxq(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
+        getZbxq(id).then(response => {
+          this.form = response.data;
+          this.open = true;
+          this.title = "修改 转办量、转办详情";
+        });
+      },
+      // 状态修改
+      handleStatusChange(row) {
+        let text = row.isStatus === 1 ? "启用" : "停用";
+        this.$modal.confirm('确认要"' + text + '"吗？').then(function() {
+          return updateZbxq({id:row.id, isStatus:row.isStatus});
+        }).then(() => {
+          this.$modal.msgSuccess(text + "成功");
+        }).catch(function() {
+          row.isStatus = row.isStatus === 1 ? 2 : 1;
+        });
+      },
+      /** 提交按钮 */
+      submitForm() {
+        this.$refs["form"].validate(valid => {
+          if (valid) {
+            if (this.form.id != null) {
+              updateZbxq(this.form).then(response => {
+                this.$modal.msgSuccess("修改成功");
+                this.open = false;
+                this.getList();
+              });
+            } else {
+              addZbxq(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 delZbxq(ids);
+        }).then(() => {
+          this.getList();
+          this.msgSuccess("删除成功");
+        }).catch(() => {});
+      },
+      /** 导出按钮操作 */
+      handleExport() {
+        const queryParams = this.queryParams;
+        this.$confirm('是否确认导出所有 转办量、转办详情数据项?', "警告", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(() => {
+          this.download('/tcZz/netWorkYq/zbxq/export', {
+            ...this.queryParams
+          }, ' 转办量、转办详情_'+ new Date().getTime() +'.xlsx')
+          this.exportLoading = false;
+        }).catch(() => {});
+      }
+    }
+  }
+
+</script>