suzhou-jichuang-lanhai
/
tcZz-pc
10
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

网络安全

Browse Source
duhanyu
杜函宇 2 years ago
parent 17e7888cf1
commit 27efd89ea0
9 changed files with 2423 additions and 2002 deletions
Show Stats Download Patch File Download Diff File

2
src/api/tcZz/netWorkYq/yqxxltj.js
Unescape View File

@ -3,7 +3,7 @@ import request from '@/utils/request'
// 查询舆情信息量统计明細列表 // 查询舆情信息量统计明細列表
export function listYqxxltj(query) { export function listYqxxltj(query) {
return request({ return request({
url: '/tcZz/netWorkYq/yqxxltj/list', url: '/tcZz/netWorkYq/yqxxltj/ListNoToken',
method: 'get', method: 'get',
params: query params: query
}) })

2
src/api/tcZz/netWorkYq/yqzs.js
Unescape View File

@ -3,7 +3,7 @@ import request from '@/utils/request'
// 查询舆情走势图列表 // 查询舆情走势图列表
export function listYqzs(query) { export function listYqzs(query) {
return request({ return request({
url: '/tcZz/netWorkYq/yqzs/list', url: '/tcZz/netWorkYq/yqzs/ListNoToken',
method: 'get', method: 'get',
params: query params: query
}) })

2
src/api/tcZz/networkSecurity/cybersecurity.js
Unescape View File

@ -3,7 +3,7 @@ import request from '@/utils/request'
// 查询网络监测列表 // 查询网络监测列表
export function listCybersecurity(query) { export function listCybersecurity(query) {
return request({ return request({
url: '/tcZz/networkSecurity/cybersecurity/list', url: '/tcZz/networkSecurity/cybersecurity/ListNoToken',
method: 'get', method: 'get',
params: query params: query
}) })

611
src/views/tcZz/netWorkYq/mtlx/index.vue
Unescape View File

@ -1,8 +1,14 @@
<template> <template>
<div class="container-main" ref="main"> <div class="container-main" ref="main">
<div class="search-hearder" ref="topSearch"> <div class="search-hearder" ref="topSearch">
<el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="auto"> <el-form
<!-- <el-form-item label="${comment}" prop="id"> :model="queryParams"
ref="queryForm"
:inline="true"
v-show="showSearch"
label-width="auto"
>
<!-- <el-form-item label="${comment}" prop="id">
<el-input <el-input
v-model="queryParams.id" v-model="queryParams.id"
placeholder="请输入${comment}" placeholder="请输入${comment}"
@ -11,25 +17,25 @@
@keyup.enter.native="handleQuery" @keyup.enter.native="handleQuery"
/> />
</el-form-item> --> </el-form-item> -->
<el-form-item label="名称" prop="name"> <el-form-item label="名称" prop="name">
<el-input <el-input
v-model="queryParams.name" v-model="queryParams.name"
placeholder="请输入名称" placeholder="请输入名称"
clearable clearable
size="small" size="small"
@keyup.enter.native="handleQuery" @keyup.enter.native="handleQuery"
/> />
</el-form-item> </el-form-item>
<el-form-item label="占比" prop="zb"> <el-form-item label="占比" prop="zb">
<el-input <el-input
v-model="queryParams.zb" v-model="queryParams.zb"
placeholder="请输入占比" placeholder="请输入占比"
clearable clearable
size="small" size="small"
@keyup.enter.native="handleQuery" @keyup.enter.native="handleQuery"
/> />
</el-form-item> </el-form-item>
<!-- <el-form-item label="创建者" prop="createBy"> <!-- <el-form-item label="创建者" prop="createBy">
<el-input <el-input
v-model="queryParams.createBy" v-model="queryParams.createBy"
placeholder="请输入创建者" placeholder="请输入创建者"
@ -80,95 +86,128 @@
@keyup.enter.native="handleQuery" @keyup.enter.native="handleQuery"
/> />
</el-form-item> --> </el-form-item> -->
<el-form-item> <el-form-item>
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button> <el-button
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button> type="primary"
</el-form-item> icon="el-icon-search"
</el-form> 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>
<div class="layui-table-tool" ref="tableTool"> <div class="layui-table-tool" ref="tableTool">
<el-button <el-button
type="primary" type="primary"
size="mini" size="mini"
@click="handleAdd()" @click="handleAdd()"
v-hasPermi="['tcZz/netWorkYq:mtlx:add']" v-hasPermi="['tcZz/netWorkYq:mtlx:add']"
>新增</el-button >新增</el-button
> >
<el-button <el-button
type="success" type="success"
size="mini" size="mini"
:disabled="single" :disabled="single"
@click="handleUpdate" @click="handleUpdate"
v-hasPermi="['tcZz/netWorkYq:mtlx:edit']" v-hasPermi="['tcZz/netWorkYq:mtlx:edit']"
>修改</el-button> >修改</el-button
<el-button >
type="danger" <el-button
size="mini" type="danger"
:disabled="multiple" size="mini"
@click="handleDelete" :disabled="multiple"
v-hasPermi="['tcZz/netWorkYq:mtlx:remove']" @click="handleDelete"
>删除</el-button> v-hasPermi="['tcZz/netWorkYq:mtlx:remove']"
>删除</el-button
>
<el-button <el-button
type="warning" type="warning"
size="mini" size="mini"
:loading="exportLoading" :loading="exportLoading"
@click="handleExport" @click="handleExport"
v-hasPermi="['tcZz/netWorkYq:mtlx:export']" v-hasPermi="['tcZz/netWorkYq:mtlx:export']"
>导出</el-button >导出</el-button
> >
</div> </div>
<el-table v-loading="loading" :data="mtlxList" @selection-change="handleSelectionChange"> <el-table
v-loading="loading"
:data="mtlxList"
@selection-change="handleSelectionChange"
>
<el-table-column type="selection" width="55" align="center" /> <el-table-column type="selection" width="55" align="center" />
<!-- <el-table-column label="序号" align="center" prop="id" /> --> <!-- <el-table-column label="序号" align="center" prop="id" /> -->
<el-table-column label="名称" align="center" prop="name" /> <el-table-column label="名称" align="center" prop="name" />
<el-table-column label="占比" align="center" prop="zb" /> <el-table-column label="占比" align="center" prop="zb" />
<el-table-column label="备注" align="center" prop="remark" /> <el-table-column label="备注" align="center" prop="remark" />
<el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="200" fixed="right"> <el-table-column
label="操作"
align="center"
class-name="small-padding fixed-width"
width="200"
fixed="right"
>
<template slot-scope="scope"> <template slot-scope="scope">
<el-button <el-button
size="mini" size="mini"
@click="handleInfo(scope.row)" @click="handleInfo(scope.row)"
v-hasPermi="['tcZz/netWorkYq:mtlx:list']" v-hasPermi="['tcZz/netWorkYq:mtlx:list']"
> >
查看 查看
</el-button> </el-button>
<el-button <el-button
type="success" type="success"
size="mini" size="mini"
@click="handleUpdate(scope.row)" @click="handleUpdate(scope.row)"
v-hasPermi="['tcZz/netWorkYq:mtlx:edit']" v-hasPermi="['tcZz/netWorkYq:mtlx:edit']"
>修改</el-button> >修改</el-button
>
<el-button <el-button
size="mini" size="mini"
type="danger" type="danger"
@click="handleDelete(scope.row)" @click="handleDelete(scope.row)"
v-hasPermi="['tcZz/netWorkYq:mtlx:remove']" v-hasPermi="['tcZz/netWorkYq:mtlx:remove']"
>删除</el-button> >删除</el-button
>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<pagination <pagination
v-show="total>0" v-show="total > 0"
:total="total" :total="total"
:page.sync="queryParams.pageNum" :page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize" :limit.sync="queryParams.pageSize"
@pagination="getList" @pagination="getList"
/> />
<!-- 添加或修改媒体类型对话框 --> <!-- 添加或修改媒体类型对话框 -->
<el-dialog :visible.sync="open" width="500px" append-to-body custom-class="dialog-box"> <el-dialog
<div slot="title" class="dialog-title">{{ title }}</div> :visible.sync="open"
<el-form ref="form" :model="form" :rules="rules" label-width="auto" class="dialog-from"> width="500px"
<el-form-item label="名称" prop="name"> append-to-body
<el-input v-model="form.name" placeholder="请输入名称" /> custom-class="dialog-box"
</el-form-item> >
<el-form-item label="占比" prop="zb"> <div slot="title" class="dialog-title">{{ title }}</div>
<el-input v-model="form.zb" placeholder="请输入占比" /> <el-form
</el-form-item> ref="form"
<el-form-item label="备注" prop="remark"> :model="form"
<el-input v-model="form.remark" placeholder="请输入备注" /> :rules="rules"
</el-form-item> 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> </el-form>
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm">确 定</el-button> <el-button type="primary" @click="submitForm">确 定</el-button>
@ -177,237 +216,255 @@
</el-dialog> </el-dialog>
<!--查看媒体类型详情页--> <!--查看媒体类型详情页-->
<el-dialog <el-dialog
:visible.sync="infoOpen" :visible.sync="infoOpen"
width="90%" width="90%"
append-to-body append-to-body
:close-on-click-modal="false" :close-on-click-modal="false"
:destroy-on-close="true" :destroy-on-close="true"
custom-class="dialog-box" custom-class="dialog-box"
> >
<div slot="title" class="dialog-title">{{ infoTitle }}</div>
<div slot="title" class="dialog-title">{{ infoTitle }}</div> <el-descriptions
title="媒体类型"
<el-descriptions title="媒体类型" :column="2" border labelClassName="desLable"> :column="2"
<el-descriptions-item label="名称">{{ form.name }}</el-descriptions-item> border
labelClassName="desLable"
<el-descriptions-item label="占比">{{ form.zb }}</el-descriptions-item> >
<el-descriptions-item label="名称">{{
form.name
}}</el-descriptions-item>
<el-descriptions-item label="备注">{{ form.remark }}</el-descriptions-item> <el-descriptions-item label="占比">{{ form.zb }}</el-descriptions-item>
</el-descriptions> <el-descriptions-item label="备注">{{
form.remark
}}</el-descriptions-item>
</el-descriptions>
</el-dialog> </el-dialog>
</div> </div>
</template> </template>
<script> <script>
import { listMtlx, getMtlx, delMtlx, addMtlx, updateMtlx, exportMtlx } from "@/api/tcZz/netWorkYq/mtlx"; import {
export default { listMtlx,
name: "Mtlx", getMtlx,
//注释字典 delMtlx,
data() { addMtlx,
return { updateMtlx,
tableHeigth: 0, exportMtlx,
//查看详情 } from "@/api/tcZz/netWorkYq/mtlx";
infoOpen:false, export default {
//详情标题 name: "Mtlx",
infoTitle:'', //注释字典
// 遮罩层 data() {
loading: true, return {
// 导出遮罩层 tableHeigth: 0,
exportLoading: false, //查看详情
// 选中数组 infoOpen: false,
ids: [], //详情标题
// 非单个禁用 infoTitle: "",
single: true, // 遮罩层
// 非多个禁用 loading: true,
multiple: true, // 导出遮罩层
// 显示搜索条件 exportLoading: false,
showSearch: true, // 选中数组
// 总条数 ids: [],
total: 0, // 非单个禁用
// 媒体类型表格数据 single: true,
mtlxList: [], // 非多个禁用
// 弹出层标题 multiple: true,
title: "", // 显示搜索条件
// 是否显示弹出层 showSearch: true,
open: false, // 总条数
// 备注时间范围 total: 0,
daterangeCreateTime: [], // 媒体类型表格数据
// 备注时间范围 mtlxList: [],
daterangeUpdateTime: [], // 弹出层标题
// 查询参数 title: "",
queryParams: { // 是否显示弹出层
pageNum: 1, open: false,
pageSize: 10, // 备注时间范围
id: null, daterangeCreateTime: [],
// 备注时间范围
daterangeUpdateTime: [],
// 查询参数
queryParams: {
pageNum: 1,
pageSize: 10,
id: null,
name: null, name: null,
zb: null, zb: null,
createBy: null, createBy: null,
createTime: null, createTime: null,
updateBy: null, updateBy: null,
updateTime: null, updateTime: null,
remark: null, remark: null,
},
}, // 表单参数
// 表单参数 form: {},
form: {}, // 表单校验
// 表单校验 rules: {},
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;
});
}, },
created() { // 取消按钮
cancel() {
this.getList(); this.open = false;
this.reset();
}, },
methods: { // 表单重置
/** 查询媒体类型列表 */ reset() {
getList() { this.form = {
this.loading = true; id: null,
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, name: null,
createBy: null, zb: null,
createTime: null, createBy: null,
updateBy: null, createTime: null,
updateTime: null, updateBy: null,
remark: null, updateTime: null,
}; remark: null,
this.resetForm("form"); };
}, this.resetForm("form");
/** 搜索按钮操作 */ },
handleQuery() { /** 搜索按钮操作 */
this.queryParams.pageNum = 1; handleQuery() {
this.getList(); this.queryParams.pageNum = 1;
}, this.getList();
/** 重置按钮操作 */ },
resetQuery() { /** 重置按钮操作 */
this.daterangeCreateTime = []; resetQuery() {
this.daterangeUpdateTime = []; this.daterangeCreateTime = [];
this.resetForm("queryForm"); this.daterangeUpdateTime = [];
this.handleQuery(); this.resetForm("queryForm");
}, this.handleQuery();
// 多选框选中数据 },
handleSelectionChange(selection) { // 多选框选中数据
this.ids = selection.map(item => item.id) handleSelectionChange(selection) {
this.single = selection.length!==1 this.ids = selection.map((item) => item.id);
this.multiple = !selection.length this.single = selection.length !== 1;
}, this.multiple = !selection.length;
/**查看按钮操作 */ },
handleInfo(row){ /**查看按钮操作 */
this.reset(); handleInfo(row) {
const id = row.id || this.ids this.reset();
getMtlx(id).then(response => { const id = row.id || this.ids;
this.form = response.data; getMtlx(id).then((response) => {
this.infoOpen = true; this.form = response.data;
this.infoTitle = "查看媒体类型详情" this.infoOpen = true;
}); this.infoTitle = "查看媒体类型详情";
}, });
/** 新增按钮操作 */ },
handleAdd() { /** 新增按钮操作 */
this.reset(); 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.open = true;
this.title = "添加媒体类型"; this.title = "修改媒体类型";
}, });
/** 修改按钮操作 */ },
handleUpdate(row) { /** 提交按钮 */
this.reset(); submitForm() {
const id = row.id || this.ids this.$refs["form"].validate((valid) => {
getMtlx(id).then(response => { if (valid) {
this.form = response.data; if (this.form.id != null) {
this.open = true; updateMtlx(this.form).then((response) => {
this.title = "修改媒体类型"; this.$modal.msgSuccess("修改成功");
}); this.open = false;
}, this.getList();
/** 提交按钮 */ });
submitForm() { } else {
this.$refs["form"].validate(valid => { addMtlx(this.form).then((response) => {
if (valid) { this.$modal.msgSuccess("新增成功");
if (this.form.id != null) { this.open = false;
updateMtlx(this.form).then(response => { this.getList();
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; handleDelete(row) {
this.$confirm('是否确认删除编号为"' + ids + '"的数据项?', "警告", { const ids = row.id || this.ids;
confirmButtonText: "确定", this.$confirm('是否确认删除编号为"' + ids + '"的数据项?', "警告", {
cancelButtonText: "取消", confirmButtonText: "确定",
type: "warning" cancelButtonText: "取消",
}).then(function() { type: "warning",
})
.then(function () {
return delMtlx(ids); return delMtlx(ids);
}).then(() => { })
.then(() => {
this.getList(); this.getList();
this.msgSuccess("删除成功"); this.msgSuccess("删除成功");
}).catch(() => {}); })
}, .catch(() => {});
/** 导出按钮操作 */ },
handleExport() { /** 导出按钮操作 */
const queryParams = this.queryParams; handleExport() {
this.$confirm('是否确认导出所有媒体类型数据项?', "警告", { const queryParams = this.queryParams;
confirmButtonText: "确定", this.$confirm("是否确认导出所有媒体类型数据项?", "警告", {
cancelButtonText: "取消", confirmButtonText: "确定",
type: "warning" cancelButtonText: "取消",
}).then(() => { type: "warning",
this.download('/tcZz/netWorkYq/mtlx/export', { })
...this.queryParams .then(() => {
}, '媒体类型_'+ new Date().getTime() +'.xlsx') this.download(
"/tcZz/netWorkYq/mtlx/export",
{
...this.queryParams,
},
"媒体类型_" + new Date().getTime() + ".xlsx"
);
this.exportLoading = false; this.exportLoading = false;
}).catch(() => {}); })
} .catch(() => {});
} },
} },
};
</script> </script>

715
src/views/tcZz/netWorkYq/yqxxlnum/index.vue
Unescape View File

@ -1,8 +1,14 @@
<template> <template>
<div class="container-main" ref="main"> <div class="container-main" ref="main">
<div class="search-hearder" ref="topSearch"> <div class="search-hearder" ref="topSearch">
<el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="auto"> <el-form
<!-- <el-form-item label="${comment}" prop="id"> :model="queryParams"
ref="queryForm"
:inline="true"
v-show="showSearch"
label-width="auto"
>
<!-- <el-form-item label="${comment}" prop="id">
<el-input <el-input
v-model="queryParams.id" v-model="queryParams.id"
placeholder="请输入${comment}" placeholder="请输入${comment}"
@ -11,43 +17,43 @@
@keyup.enter.native="handleQuery" @keyup.enter.native="handleQuery"
/> />
</el-form-item> --> </el-form-item> -->
<el-form-item label="本地相关信息数量" prop="count1"> <el-form-item label="本地相关信息数量" prop="count1">
<el-input <el-input
v-model="queryParams.count1" v-model="queryParams.count1"
placeholder="请输入本地相关信息数量" placeholder="请输入本地相关信息数量"
clearable clearable
size="small" size="small"
@keyup.enter.native="handleQuery" @keyup.enter.native="handleQuery"
/> />
</el-form-item> </el-form-item>
<el-form-item label="本地敏感信息数量" prop="count2"> <el-form-item label="本地敏感信息数量" prop="count2">
<el-input <el-input
v-model="queryParams.count2" v-model="queryParams.count2"
placeholder="请输入本地敏感信息数量" placeholder="请输入本地敏感信息数量"
clearable clearable
size="small" size="small"
@keyup.enter.native="handleQuery" @keyup.enter.native="handleQuery"
/> />
</el-form-item> </el-form-item>
<el-form-item label="推送预警信息数量" prop="count3"> <el-form-item label="推送预警信息数量" prop="count3">
<el-input <el-input
v-model="queryParams.count3" v-model="queryParams.count3"
placeholder="请输入推送预警信息数量" placeholder="请输入推送预警信息数量"
clearable clearable
size="small" size="small"
@keyup.enter.native="handleQuery" @keyup.enter.native="handleQuery"
/> />
</el-form-item> </el-form-item>
<el-form-item label="聚焦本地媒体数量" prop="count4"> <el-form-item label="聚焦本地媒体数量" prop="count4">
<el-input <el-input
v-model="queryParams.count4" v-model="queryParams.count4"
placeholder="请输入聚焦本地媒体数量" placeholder="请输入聚焦本地媒体数量"
clearable clearable
size="small" size="small"
@keyup.enter.native="handleQuery" @keyup.enter.native="handleQuery"
/> />
</el-form-item> </el-form-item>
<!-- <el-form-item label="创建者" prop="createBy"> <!-- <el-form-item label="创建者" prop="createBy">
<el-input <el-input
v-model="queryParams.createBy" v-model="queryParams.createBy"
placeholder="请输入创建者" placeholder="请输入创建者"
@ -98,103 +104,148 @@
@keyup.enter.native="handleQuery" @keyup.enter.native="handleQuery"
/> />
</el-form-item> --> </el-form-item> -->
<el-form-item> <el-form-item>
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button> <el-button
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button> type="primary"
</el-form-item> icon="el-icon-search"
</el-form> 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>
<div class="layui-table-tool" ref="tableTool"> <div class="layui-table-tool" ref="tableTool">
<el-button <el-button
type="primary" type="primary"
size="mini" size="mini"
@click="handleAdd()" @click="handleAdd()"
v-hasPermi="['tcZz/netWorkYq:yqxxlnum:add']" v-hasPermi="['tcZz/netWorkYq:yqxxlnum:add']"
>新增</el-button >新增</el-button
> >
<el-button <el-button
type="success" type="success"
size="mini" size="mini"
:disabled="single" :disabled="single"
@click="handleUpdate" @click="handleUpdate"
v-hasPermi="['tcZz/netWorkYq:yqxxlnum:edit']" v-hasPermi="['tcZz/netWorkYq:yqxxlnum:edit']"
>修改</el-button> >修改</el-button
<el-button >
type="danger" <el-button
size="mini" type="danger"
:disabled="multiple" size="mini"
@click="handleDelete" :disabled="multiple"
v-hasPermi="['tcZz/netWorkYq:yqxxlnum:remove']" @click="handleDelete"
>删除</el-button> v-hasPermi="['tcZz/netWorkYq:yqxxlnum:remove']"
>删除</el-button
>
<el-button <el-button
type="warning" type="warning"
size="mini" size="mini"
:loading="exportLoading" :loading="exportLoading"
@click="handleExport" @click="handleExport"
v-hasPermi="['tcZz/netWorkYq:yqxxlnum:export']" v-hasPermi="['tcZz/netWorkYq:yqxxlnum:export']"
>导出</el-button >导出</el-button
> >
</div> </div>
<el-table v-loading="loading" :data="yqxxlnumList" @selection-change="handleSelectionChange"> <el-table
v-loading="loading"
:data="yqxxlnumList"
@selection-change="handleSelectionChange"
>
<el-table-column type="selection" width="55" align="center" /> <el-table-column type="selection" width="55" align="center" />
<!-- <el-table-column label="序号" align="center" prop="id" /> --> <!-- <el-table-column label="序号" align="center" prop="id" /> -->
<el-table-column label="本地相关信息数量" align="center" prop="count1" /> <el-table-column label="本地相关信息数量" align="center" prop="count1" />
<el-table-column label="本地敏感信息数量" align="center" prop="count2" /> <el-table-column label="本地敏感信息数量" align="center" prop="count2" />
<el-table-column label="推送预警信息数量" align="center" prop="count3" /> <el-table-column label="推送预警信息数量" align="center" prop="count3" />
<el-table-column label="聚焦本地媒体数量" align="center" prop="count4" /> <el-table-column label="聚焦本地媒体数量" align="center" prop="count4" />
<el-table-column label="备注" align="center" prop="remark" /> <el-table-column label="备注" align="center" prop="remark" />
<el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="200" fixed="right"> <el-table-column
label="操作"
align="center"
class-name="small-padding fixed-width"
width="200"
fixed="right"
>
<template slot-scope="scope"> <template slot-scope="scope">
<el-button <el-button
size="mini" size="mini"
@click="handleInfo(scope.row)" @click="handleInfo(scope.row)"
v-hasPermi="['tcZz/netWorkYq:yqxxlnum:list']" v-hasPermi="['tcZz/netWorkYq:yqxxlnum:list']"
> >
查看 查看
</el-button> </el-button>
<el-button <el-button
type="success" type="success"
size="mini" size="mini"
@click="handleUpdate(scope.row)" @click="handleUpdate(scope.row)"
v-hasPermi="['tcZz/netWorkYq:yqxxlnum:edit']" v-hasPermi="['tcZz/netWorkYq:yqxxlnum:edit']"
>修改</el-button> >修改</el-button
>
<el-button <el-button
size="mini" size="mini"
type="danger" type="danger"
@click="handleDelete(scope.row)" @click="handleDelete(scope.row)"
v-hasPermi="['tcZz/netWorkYq:yqxxlnum:remove']" v-hasPermi="['tcZz/netWorkYq:yqxxlnum:remove']"
>删除</el-button> >删除</el-button
>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<pagination <pagination
v-show="total>0" v-show="total > 0"
:total="total" :total="total"
:page.sync="queryParams.pageNum" :page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize" :limit.sync="queryParams.pageSize"
@pagination="getList" @pagination="getList"
/> />
<!-- 添加或修改舆情信息量统计对话框 --> <!-- 添加或修改舆情信息量统计对话框 -->
<el-dialog :visible.sync="open" width="500px" append-to-body custom-class="dialog-box"> <el-dialog
<div slot="title" class="dialog-title">{{ title }}</div> :visible.sync="open"
<el-form ref="form" :model="form" :rules="rules" label-width="auto" class="dialog-from"> width="500px"
<el-form-item label="本地相关信息数量" prop="count1"> append-to-body
<el-input v-model="form.count1" placeholder="请输入本地相关信息数量" /> custom-class="dialog-box"
</el-form-item> >
<el-form-item label="本地敏感信息数量" prop="count2"> <div slot="title" class="dialog-title">{{ title }}</div>
<el-input v-model="form.count2" placeholder="请输入本地敏感信息数量" /> <el-form
</el-form-item> ref="form"
<el-form-item label="推送预警信息数量" prop="count3"> :model="form"
<el-input v-model="form.count3" placeholder="请输入推送预警信息数量" /> :rules="rules"
</el-form-item> label-width="auto"
<el-form-item label="聚焦本地媒体数量" prop="count4"> class="dialog-from"
<el-input v-model="form.count4" placeholder="请输入聚焦本地媒体数量" /> >
</el-form-item> <el-form-item label="本地相关信息数量" prop="count1">
<el-form-item label="备注" prop="remark"> <el-input
<el-input v-model="form.remark" placeholder="请输入备注" /> v-model="form.count1"
</el-form-item> 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> </el-form>
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm">确 定</el-button> <el-button type="primary" @click="submitForm">确 定</el-button>
@ -203,249 +254,273 @@
</el-dialog> </el-dialog>
<!--查看舆情信息量统计详情页--> <!--查看舆情信息量统计详情页-->
<el-dialog <el-dialog
:visible.sync="infoOpen" :visible.sync="infoOpen"
width="90%" width="90%"
append-to-body append-to-body
:close-on-click-modal="false" :close-on-click-modal="false"
:destroy-on-close="true" :destroy-on-close="true"
custom-class="dialog-box" custom-class="dialog-box"
> >
<div slot="title" class="dialog-title">{{ infoTitle }}</div>
<div slot="title" class="dialog-title">{{ infoTitle }}</div> <el-descriptions
title="舆情信息量统计"
<el-descriptions title="舆情信息量统计" :column="2" border labelClassName="desLable"> :column="2"
<el-descriptions-item label="本地相关信息数量">{{ form.count1 }}</el-descriptions-item> border
labelClassName="desLable"
<el-descriptions-item label="本地敏感信息数量">{{ form.count2 }}</el-descriptions-item> >
<el-descriptions-item label="本地相关信息数量">{{
<el-descriptions-item label="推送预警信息数量">{{ form.count3 }}</el-descriptions-item> form.count1
}}</el-descriptions-item>
<el-descriptions-item label="聚焦本地媒体数量">{{ form.count4 }}</el-descriptions-item>
<el-descriptions-item label="本地敏感信息数量">{{
<el-descriptions-item label="备注">{{ form.remark }}</el-descriptions-item> form.count2
}}</el-descriptions-item>
</el-descriptions>
<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> </el-dialog>
</div> </div>
</template> </template>
<script> <script>
import { listYqxxlnum, getYqxxlnum, delYqxxlnum, addYqxxlnum, updateYqxxlnum, exportYqxxlnum } from "@/api/tcZz/netWorkYq/yqxxlnum"; import {
export default { listYqxxlnum,
name: "Yqxxlnum", getYqxxlnum,
//注释字典 delYqxxlnum,
data() { addYqxxlnum,
return { updateYqxxlnum,
tableHeigth: 0, exportYqxxlnum,
//查看详情 } from "@/api/tcZz/netWorkYq/yqxxlnum";
infoOpen:false, export default {
//详情标题 name: "Yqxxlnum",
infoTitle:'', //注释字典
// 遮罩层 data() {
loading: true, return {
// 导出遮罩层 tableHeigth: 0,
exportLoading: false, //查看详情
// 选中数组 infoOpen: false,
ids: [], //详情标题
// 非单个禁用 infoTitle: "",
single: true, // 遮罩层
// 非多个禁用 loading: true,
multiple: true, // 导出遮罩层
// 显示搜索条件 exportLoading: false,
showSearch: true, // 选中数组
// 总条数 ids: [],
total: 0, // 非单个禁用
// 舆情信息量统计表格数据 single: true,
yqxxlnumList: [], // 非多个禁用
// 弹出层标题 multiple: true,
title: "", // 显示搜索条件
// 是否显示弹出层 showSearch: true,
open: false, // 总条数
// 备注时间范围 total: 0,
daterangeCreateTime: [], // 舆情信息量统计表格数据
// 备注时间范围 yqxxlnumList: [],
daterangeUpdateTime: [], // 弹出层标题
// 查询参数 title: "",
queryParams: { // 是否显示弹出层
pageNum: 1, open: false,
pageSize: 10, // 备注时间范围
id: null, daterangeCreateTime: [],
// 备注时间范围
count1: null, 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,
count2: null, count1: null,
count3: null, count2: null,
count4: null, count3: null,
createBy: null, count4: null,
createTime: null, createBy: null,
updateBy: null, createTime: null,
updateTime: null, updateBy: null,
remark: null, updateTime: null,
}, remark: null,
// 表单参数
form: {},
// 表单校验
rules: {
}
}; };
this.resetForm("form");
}, },
created() { /** 搜索按钮操作 */
handleQuery() {
this.queryParams.pageNum = 1;
this.getList(); this.getList();
}, },
methods: { /** 重置按钮操作 */
/** 查询舆情信息量统计列表 */ resetQuery() {
getList() { this.daterangeCreateTime = [];
this.loading = true; this.daterangeUpdateTime = [];
this.queryParams.params = {}; this.resetForm("queryForm");
if (null != this.daterangeCreateTime && '' != this.daterangeCreateTime) { this.handleQuery();
this.queryParams.params["beginCreateTime"] = this.daterangeCreateTime[0]; },
this.queryParams.params["endCreateTime"] = this.daterangeCreateTime[1]; // 多选框选中数据
} handleSelectionChange(selection) {
if (null != this.daterangeUpdateTime && '' != this.daterangeUpdateTime) { this.ids = selection.map((item) => item.id);
this.queryParams.params["beginUpdateTime"] = this.daterangeUpdateTime[0]; this.single = selection.length !== 1;
this.queryParams.params["endUpdateTime"] = this.daterangeUpdateTime[1]; this.multiple = !selection.length;
} },
listYqxxlnum(this.queryParams).then(response => { /**查看按钮操作 */
this.yqxxlnumList = response.rows; handleInfo(row) {
this.total = response.total; this.reset();
this.loading = false; const id = row.id || this.ids;
}); getYqxxlnum(id).then((response) => {
}, this.form = response.data;
// 取消按钮 this.infoOpen = true;
cancel() { this.infoTitle = "查看舆情信息量统计详情";
this.open = false; });
this.reset(); },
}, /** 新增按钮操作 */
// 表单重置 handleAdd() {
reset() { this.reset();
this.form = { this.open = true;
id: null, this.title = "添加舆情信息量统计";
},
count1: null, /** 修改按钮操作 */
handleUpdate(row) {
count2: null, this.reset();
const id = row.id || this.ids;
count3: null, getYqxxlnum(id).then((response) => {
this.form = response.data;
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.open = true;
this.title = "添加舆情信息量统计"; this.title = "修改舆情信息量统计";
}, });
/** 修改按钮操作 */ },
handleUpdate(row) { /** 提交按钮 */
this.reset(); submitForm() {
const id = row.id || this.ids this.$refs["form"].validate((valid) => {
getYqxxlnum(id).then(response => { if (valid) {
this.form = response.data; if (this.form.id != null) {
this.open = true; updateYqxxlnum(this.form).then((response) => {
this.title = "修改舆情信息量统计"; this.$modal.msgSuccess("修改成功");
}); this.open = false;
}, this.getList();
/** 提交按钮 */ });
submitForm() { } else {
this.$refs["form"].validate(valid => { addYqxxlnum(this.form).then((response) => {
if (valid) { this.$modal.msgSuccess("新增成功");
if (this.form.id != null) { this.open = false;
updateYqxxlnum(this.form).then(response => { this.getList();
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; handleDelete(row) {
this.$confirm('是否确认删除编号为"' + ids + '"的数据项?', "警告", { const ids = row.id || this.ids;
confirmButtonText: "确定", this.$confirm('是否确认删除编号为"' + ids + '"的数据项?', "警告", {
cancelButtonText: "取消", confirmButtonText: "确定",
type: "warning" cancelButtonText: "取消",
}).then(function() { type: "warning",
})
.then(function () {
return delYqxxlnum(ids); return delYqxxlnum(ids);
}).then(() => { })
.then(() => {
this.getList(); this.getList();
this.msgSuccess("删除成功"); this.msgSuccess("删除成功");
}).catch(() => {}); })
}, .catch(() => {});
/** 导出按钮操作 */ },
handleExport() { /** 导出按钮操作 */
const queryParams = this.queryParams; handleExport() {
this.$confirm('是否确认导出所有舆情信息量统计数据项?', "警告", { const queryParams = this.queryParams;
confirmButtonText: "确定", this.$confirm("是否确认导出所有舆情信息量统计数据项?", "警告", {
cancelButtonText: "取消", confirmButtonText: "确定",
type: "warning" cancelButtonText: "取消",
}).then(() => { type: "warning",
this.download('/tcZz/netWorkYq/yqxxlnum/export', { })
...this.queryParams .then(() => {
}, '舆情信息量统计_'+ new Date().getTime() +'.xlsx') this.download(
"/tcZz/netWorkYq/yqxxlnum/export",
{
...this.queryParams,
},
"舆情信息量统计_" + new Date().getTime() + ".xlsx"
);
this.exportLoading = false; this.exportLoading = false;
}).catch(() => {}); })
} .catch(() => {});
} },
} },
};
</script> </script>

968
src/views/tcZz/netWorkYq/yqxxltj/index.vue
View File

File diff suppressed because it is too large Load Diff

761
src/views/tcZz/netWorkYq/yqzs/index.vue
Unescape View File

@ -1,8 +1,14 @@
<template> <template>
<div class="container-main" ref="main"> <div class="container-main" ref="main">
<div class="search-hearder" ref="topSearch"> <div class="search-hearder" ref="topSearch">
<el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="auto"> <el-form
<!-- <el-form-item label="${comment}" prop="id"> :model="queryParams"
ref="queryForm"
:inline="true"
v-show="showSearch"
label-width="auto"
>
<!-- <el-form-item label="${comment}" prop="id">
<el-input <el-input
v-model="queryParams.id" v-model="queryParams.id"
placeholder="请输入${comment}" placeholder="请输入${comment}"
@ -11,17 +17,22 @@
@keyup.enter.native="handleQuery" @keyup.enter.native="handleQuery"
/> />
</el-form-item> --> </el-form-item> -->
<el-form-item label="区域" prop="areaId"> <el-form-item label="区域" prop="areaId">
<el-select v-model="queryParams.areaId" placeholder="请选择区域" clearable size="small"> <el-select
<el-option v-model="queryParams.areaId"
v-for="dict in dict.type.tc_area" placeholder="请选择区域"
:key="dict.value" clearable
:label="dict.label" size="small"
:value="dict.value" >
/> <el-option
</el-select> v-for="dict in dict.type.tc_area"
</el-form-item> :key="dict.value"
<!-- <el-form-item label="日期"> :label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
<!-- <el-form-item label="日期">
<el-date-picker <el-date-picker
v-model="daterangeDateTime" v-model="daterangeDateTime"
size="small" size="small"
@ -84,147 +95,181 @@
@keyup.enter.native="handleQuery" @keyup.enter.native="handleQuery"
/> />
</el-form-item> --> </el-form-item> -->
<el-form-item label="非敏感数量" prop="count1"> <el-form-item label="非敏感数量" prop="count1">
<el-input <el-input
v-model="queryParams.count1" v-model="queryParams.count1"
placeholder="请输入非敏感数量" placeholder="请输入非敏感数量"
clearable clearable
size="small" size="small"
@keyup.enter.native="handleQuery" @keyup.enter.native="handleQuery"
/> />
</el-form-item> </el-form-item>
<el-form-item label="敏感数量" prop="count2"> <el-form-item label="敏感数量" prop="count2">
<el-input <el-input
v-model="queryParams.count2" v-model="queryParams.count2"
placeholder="请输入敏感数量" placeholder="请输入敏感数量"
clearable clearable
size="small" size="small"
@keyup.enter.native="handleQuery" @keyup.enter.native="handleQuery"
/> />
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button> <el-button
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button> type="primary"
</el-form-item> icon="el-icon-search"
</el-form> 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>
<div class="layui-table-tool" ref="tableTool"> <div class="layui-table-tool" ref="tableTool">
<el-button <el-button
type="primary" type="primary"
size="mini" size="mini"
@click="handleAdd()" @click="handleAdd()"
v-hasPermi="['tcZz/netWorkYq:yqzs:add']" v-hasPermi="['tcZz/netWorkYq:yqzs:add']"
>新增</el-button >新增</el-button
> >
<el-button <el-button
type="success" type="success"
size="mini" size="mini"
:disabled="single" :disabled="single"
@click="handleUpdate" @click="handleUpdate"
v-hasPermi="['tcZz/netWorkYq:yqzs:edit']" v-hasPermi="['tcZz/netWorkYq:yqzs:edit']"
>修改</el-button> >修改</el-button
<el-button >
type="danger" <el-button
size="mini" type="danger"
:disabled="multiple" size="mini"
@click="handleDelete" :disabled="multiple"
v-hasPermi="['tcZz/netWorkYq:yqzs:remove']" @click="handleDelete"
>删除</el-button> v-hasPermi="['tcZz/netWorkYq:yqzs:remove']"
<!-- @click="handleImport" --> >删除</el-button
<el-button >
type="info" <!-- @click="handleImport" -->
size="mini" <el-button type="info" size="mini" v-hasPermi="['system:user:import']"
v-hasPermi="['system:user:import']" >导入</el-button
>导入</el-button> >
<el-button <el-button
type="warning" type="warning"
size="mini" size="mini"
:loading="exportLoading" :loading="exportLoading"
@click="handleExport" @click="handleExport"
v-hasPermi="['tcZz/netWorkYq:yqzs:export']" v-hasPermi="['tcZz/netWorkYq:yqzs:export']"
>导出</el-button >导出</el-button
> >
</div> </div>
<el-table v-loading="loading" :data="yqzsList" @selection-change="handleSelectionChange"> <el-table
v-loading="loading"
:data="yqzsList"
@selection-change="handleSelectionChange"
>
<el-table-column type="selection" width="55" align="center" /> <el-table-column type="selection" width="55" align="center" />
<!-- <el-table-column label="序号" align="center" prop="id" /> --> <!-- <el-table-column label="序号" align="center" prop="id" /> -->
<el-table-column label="区域" align="center" prop="areaId"> <el-table-column label="区域" align="center" prop="areaId">
<template slot-scope="scope"> <template slot-scope="scope">
<dict-tag :options="dict.type.tc_area" :value="scope.row.areaId"/> <dict-tag :options="dict.type.tc_area" :value="scope.row.areaId" />
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="日期" align="center" prop="dateTime" width="180"> <el-table-column label="日期" align="center" prop="dateTime" width="180">
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{ parseTime(scope.row.dateTime, '{y}-{m}-{d}') }}</span> <span>{{ parseTime(scope.row.dateTime, "{y}-{m}-{d}") }}</span>
</template> </template>
</el-table-column> </el-table-column>
<!-- <el-table-column label="备注" align="center" prop="remark" /> --> <!-- <el-table-column label="备注" align="center" prop="remark" /> -->
<el-table-column label="非敏感数量" align="center" prop="count1" /> <el-table-column label="非敏感数量" align="center" prop="count1" />
<el-table-column label="敏感数量" align="center" prop="count2" /> <el-table-column label="敏感数量" align="center" prop="count2" />
<el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="200" fixed="right"> <el-table-column
label="操作"
align="center"
class-name="small-padding fixed-width"
width="200"
fixed="right"
>
<template slot-scope="scope"> <template slot-scope="scope">
<el-button <el-button
size="mini" size="mini"
@click="handleInfo(scope.row)" @click="handleInfo(scope.row)"
v-hasPermi="['tcZz/netWorkYq:yqzs:list']" v-hasPermi="['tcZz/netWorkYq:yqzs:list']"
> >
查看 查看
</el-button> </el-button>
<el-button <el-button
type="success" type="success"
size="mini" size="mini"
@click="handleUpdate(scope.row)" @click="handleUpdate(scope.row)"
v-hasPermi="['tcZz/netWorkYq:yqzs:edit']" v-hasPermi="['tcZz/netWorkYq:yqzs:edit']"
>修改</el-button> >修改</el-button
>
<el-button <el-button
size="mini" size="mini"
type="danger" type="danger"
@click="handleDelete(scope.row)" @click="handleDelete(scope.row)"
v-hasPermi="['tcZz/netWorkYq:yqzs:remove']" v-hasPermi="['tcZz/netWorkYq:yqzs:remove']"
>删除</el-button> >删除</el-button
>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<pagination <pagination
v-show="total>0" v-show="total > 0"
:total="total" :total="total"
:page.sync="queryParams.pageNum" :page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize" :limit.sync="queryParams.pageSize"
@pagination="getList" @pagination="getList"
/> />
<!-- 添加或修改舆情走势图对话框 --> <!-- 添加或修改舆情走势图对话框 -->
<el-dialog :visible.sync="open" width="500px" append-to-body custom-class="dialog-box"> <el-dialog
<div slot="title" class="dialog-title">{{ title }}</div> :visible.sync="open"
<el-form ref="form" :model="form" :rules="rules" label-width="auto" class="dialog-from"> width="500px"
<el-form-item label="区域" prop="areaId"> append-to-body
<el-select v-model="form.areaId" placeholder="请选择区域"> custom-class="dialog-box"
<el-option >
v-for="dict in dict.type.tc_area" <div slot="title" class="dialog-title">{{ title }}</div>
:key="dict.value" <el-form
:label="dict.label" ref="form"
:value="parseInt(dict.value)" :model="form"
></el-option> :rules="rules"
</el-select> label-width="auto"
</el-form-item> class="dialog-from"
<el-form-item label="日期" prop="dateTime"> >
<el-date-picker clearable size="small" <el-form-item label="区域" prop="areaId">
v-model="form.dateTime" <el-select v-model="form.areaId" placeholder="请选择区域">
type="date" <el-option
value-format="yyyy-MM-dd" v-for="dict in dict.type.tc_area"
placeholder="选择日期"> :key="dict.value"
</el-date-picker> :label="dict.label"
</el-form-item> :value="parseInt(dict.value)"
<el-form-item label="备注" prop="remark"> ></el-option>
<el-input v-model="form.remark" placeholder="请输入备注" /> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="非敏感数量" prop="count1"> <el-form-item label="日期" prop="dateTime">
<el-input v-model="form.count1" placeholder="请输入非敏感数量" /> <el-date-picker
</el-form-item> clearable
<el-form-item label="敏感数量" prop="count2"> size="small"
<el-input v-model="form.count2" placeholder="请输入敏感数量" /> v-model="form.dateTime"
</el-form-item> 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> </el-form>
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm">确 定</el-button> <el-button type="primary" @click="submitForm">确 定</el-button>
@ -233,257 +278,281 @@
</el-dialog> </el-dialog>
<!--查看舆情走势图详情页--> <!--查看舆情走势图详情页-->
<el-dialog <el-dialog
:visible.sync="infoOpen" :visible.sync="infoOpen"
width="90%" width="90%"
append-to-body append-to-body
:close-on-click-modal="false" :close-on-click-modal="false"
:destroy-on-close="true" :destroy-on-close="true"
custom-class="dialog-box" custom-class="dialog-box"
> >
<div slot="title" class="dialog-title">{{ infoTitle }}</div>
<div slot="title" class="dialog-title">{{ infoTitle }}</div> <el-descriptions
title="舆情走势图"
<el-descriptions title="舆情走势图" :column="2" border labelClassName="desLable"> :column="2"
<el-descriptions-item label="区域">{{ selectDictLabel(dict.type.tc_area,form.areaId) }}</el-descriptions-item> border
labelClassName="desLable"
<el-descriptions-item label="日期">{{ form.dateTime }}</el-descriptions-item> >
<el-descriptions-item label="区域">{{
<el-descriptions-item label="备注">{{ form.remark }}</el-descriptions-item> selectDictLabel(dict.type.tc_area, form.areaId)
}}</el-descriptions-item>
<el-descriptions-item label="非敏感数量">{{ form.count1 }}</el-descriptions-item>
<el-descriptions-item label="日期">{{
<el-descriptions-item label="敏感数量">{{ form.count2 }}</el-descriptions-item> form.dateTime
}}</el-descriptions-item>
</el-descriptions>
<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> </el-dialog>
</div> </div>
</template> </template>
<script> <script>
import { listYqzs, getYqzs, delYqzs, addYqzs, updateYqzs, exportYqzs } from "@/api/tcZz/netWorkYq/yqzs"; import {
export default { listYqzs,
name: "Yqzs", getYqzs,
//注释字典 delYqzs,
dicts: ['tc_area'], addYqzs,
data() { updateYqzs,
return { exportYqzs,
tableHeigth: 0, } from "@/api/tcZz/netWorkYq/yqzs";
//查看详情 export default {
infoOpen:false, name: "Yqzs",
//详情标题 //注释字典
infoTitle:'', dicts: ["tc_area"],
// 遮罩层 data() {
loading: true, return {
// 导出遮罩层 tableHeigth: 0,
exportLoading: false, //查看详情
// 选中数组 infoOpen: false,
ids: [], //详情标题
// 非单个禁用 infoTitle: "",
single: true, // 遮罩层
// 非多个禁用 loading: true,
multiple: true, // 导出遮罩层
// 显示搜索条件 exportLoading: false,
showSearch: true, // 选中数组
// 总条数 ids: [],
total: 0, // 非单个禁用
// 舆情走势图表格数据 single: true,
yqzsList: [], // 非多个禁用
// 弹出层标题 multiple: true,
title: "", // 显示搜索条件
// 是否显示弹出层 showSearch: true,
open: false, // 总条数
// 敏感数量时间范围 total: 0,
daterangeDateTime: [], // 舆情走势图表格数据
// 敏感数量时间范围 yqzsList: [],
daterangeCreateTime: [], // 弹出层标题
// 敏感数量时间范围 title: "",
daterangeUpdateTime: [], // 是否显示弹出层
// 查询参数 open: false,
queryParams: { // 敏感数量时间范围
pageNum: 1, daterangeDateTime: [],
pageSize: 10, // 敏感数量时间范围
id: null, daterangeCreateTime: [],
// 敏感数量时间范围
areaId: null, 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,
dateTime: null, areaId: null,
createBy: null, dateTime: null,
createTime: null, createBy: null,
updateBy: null, createTime: null,
updateTime: null, updateBy: null,
remark: null, updateTime: null,
count1: null, remark: null,
count2: null, count1: null,
}, count2: null,
// 表单参数
form: {},
// 表单校验
rules: {
}
}; };
this.resetForm("form");
}, },
created() { /** 搜索按钮操作 */
handleQuery() {
this.queryParams.pageNum = 1;
this.getList(); this.getList();
}, },
methods: { /** 重置按钮操作 */
/** 查询舆情走势图列表 */ resetQuery() {
getList() { this.daterangeDateTime = [];
this.loading = true; this.daterangeCreateTime = [];
this.queryParams.params = {}; this.daterangeUpdateTime = [];
if (null != this.daterangeDateTime && '' != this.daterangeDateTime) { this.resetForm("queryForm");
this.queryParams.params["beginDateTime"] = this.daterangeDateTime[0]; this.handleQuery();
this.queryParams.params["endDateTime"] = this.daterangeDateTime[1]; },
} // 多选框选中数据
if (null != this.daterangeCreateTime && '' != this.daterangeCreateTime) { handleSelectionChange(selection) {
this.queryParams.params["beginCreateTime"] = this.daterangeCreateTime[0]; this.ids = selection.map((item) => item.id);
this.queryParams.params["endCreateTime"] = this.daterangeCreateTime[1]; this.single = selection.length !== 1;
} this.multiple = !selection.length;
if (null != this.daterangeUpdateTime && '' != this.daterangeUpdateTime) { },
this.queryParams.params["beginUpdateTime"] = this.daterangeUpdateTime[0]; /**查看按钮操作 */
this.queryParams.params["endUpdateTime"] = this.daterangeUpdateTime[1]; handleInfo(row) {
} this.reset();
listYqzs(this.queryParams).then(response => { const id = row.id || this.ids;
this.yqzsList = response.rows; getYqzs(id).then((response) => {
this.total = response.total; this.form = response.data;
this.loading = false; this.infoOpen = true;
}); this.infoTitle = "查看舆情走势图详情";
}, });
// 取消按钮 },
cancel() { /** 新增按钮操作 */
this.open = false; handleAdd() {
this.reset(); this.reset();
}, this.open = true;
// 表单重置 this.title = "添加舆情走势图";
reset() { },
this.form = { /** 修改按钮操作 */
id: null, handleUpdate(row) {
this.reset();
areaId: null, const id = row.id || this.ids;
getYqzs(id).then((response) => {
dateTime: null, this.form = response.data;
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.open = true;
this.title = "添加舆情走势图"; this.title = "修改舆情走势图";
}, });
/** 修改按钮操作 */ },
handleUpdate(row) { /** 提交按钮 */
this.reset(); submitForm() {
const id = row.id || this.ids this.$refs["form"].validate((valid) => {
getYqzs(id).then(response => { if (valid) {
this.form = response.data; if (this.form.id != null) {
this.open = true; updateYqzs(this.form).then((response) => {
this.title = "修改舆情走势图"; this.$modal.msgSuccess("修改成功");
}); this.open = false;
}, this.getList();
/** 提交按钮 */ });
submitForm() { } else {
this.$refs["form"].validate(valid => { addYqzs(this.form).then((response) => {
if (valid) { this.$modal.msgSuccess("新增成功");
if (this.form.id != null) { this.open = false;
updateYqzs(this.form).then(response => { this.getList();
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; handleDelete(row) {
this.$confirm('是否确认删除编号为"' + ids + '"的数据项?', "警告", { const ids = row.id || this.ids;
confirmButtonText: "确定", this.$confirm('是否确认删除编号为"' + ids + '"的数据项?', "警告", {
cancelButtonText: "取消", confirmButtonText: "确定",
type: "warning" cancelButtonText: "取消",
}).then(function() { type: "warning",
})
.then(function () {
return delYqzs(ids); return delYqzs(ids);
}).then(() => { })
.then(() => {
this.getList(); this.getList();
this.msgSuccess("删除成功"); this.msgSuccess("删除成功");
}).catch(() => {}); })
}, .catch(() => {});
/** 导出按钮操作 */ },
handleExport() { /** 导出按钮操作 */
const queryParams = this.queryParams; handleExport() {
this.$confirm('是否确认导出所有舆情走势图数据项?', "警告", { const queryParams = this.queryParams;
confirmButtonText: "确定", this.$confirm("是否确认导出所有舆情走势图数据项?", "警告", {
cancelButtonText: "取消", confirmButtonText: "确定",
type: "warning" cancelButtonText: "取消",
}).then(() => { type: "warning",
this.download('/tcZz/netWorkYq/yqzs/export', { })
...this.queryParams .then(() => {
}, '舆情走势图_'+ new Date().getTime() +'.xlsx') this.download(
"/tcZz/netWorkYq/yqzs/export",
{
...this.queryParams,
},
"舆情走势图_" + new Date().getTime() + ".xlsx"
);
this.exportLoading = false; this.exportLoading = false;
}).catch(() => {}); })
} .catch(() => {});
} },
} },
};
</script> </script>

606
src/views/tcZz/networkSecurity/fbqk/index.vue
Unescape View File

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

758
src/views/tcZz/networkSecurity/tbwc/index.vue
Unescape View File

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

Write Preview
Loading…
Cancel
Save