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 7c1c3dcedb
commit c55c9c18c3
5 changed files with 620 additions and 404 deletions
Show Stats Download Patch File Download Diff File

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

@ -3,7 +3,7 @@ import request from '@/utils/request'
// 查询词云列表 // 查询词云列表
export function listCy(query) { export function listCy(query) {
return request({ return request({
url: '/tcZz/netWorkYq/cy/list', url: '/tcZz/netWorkYq/cy/ListNoToken',
method: 'get', method: 'get',
params: query params: query
}) })

16
src/api/tcZz/networkSecurity/ryz.js
Unescape View File

@ -42,3 +42,19 @@ export function delRyz(id) {
method: 'delete' method: 'delete'
}) })
} }
//批量启用禁用
export function isStatusRyz(params) {
return request({
url: '/tcZz/networkSecurity/ryz/isStatus',
method: 'get',
params
})
}
//通用导入信息
export function importRyz(data) {
return request({
url: '/tcZz/networkSecurity/ryz/common/importExcel',
method: 'post',
data
})
}

6
src/views/tcZz/netWorkYq/yqxxltj/index.vue
Unescape View File

@ -333,7 +333,11 @@
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
<el-form-item label="内容"> <el-form-item label="内容">
<el-input type="textarea" v-model="form.content" placeholder="请输入内容" /> <el-input
type="textarea"
v-model="form.content"
placeholder="请输入内容"
/>
<!-- <editor v-model="form.content" :min-height="192" /> --> <!-- <editor v-model="form.content" :min-height="192" /> -->
</el-form-item> </el-form-item>

885
src/views/tcZz/netWorkYq/yqyj/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,45 +17,55 @@
@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="启用/禁用" prop="isStatus"> :label="dict.label"
<el-select v-model="queryParams.isStatus" placeholder="请选择启用/禁用" clearable size="small"> :value="dict.value"
<el-option />
v-for="dict in dict.type.tc_start" </el-select>
:key="dict.value" </el-form-item>
:label="dict.label" <el-form-item label="启用/禁用" prop="isStatus">
:value="dict.value" <el-select
/> v-model="queryParams.isStatus"
</el-select> placeholder="请选择启用/禁用"
</el-form-item> clearable
<el-form-item label="标题" prop="title"> size="small"
<el-input >
v-model="queryParams.title" <el-option
placeholder="请输入标题" v-for="dict in dict.type.tc_start"
clearable :key="dict.value"
size="small" :label="dict.label"
@keyup.enter.native="handleQuery" :value="dict.value"
/> />
</el-form-item> </el-select>
<el-form-item label="来源" prop="source"> </el-form-item>
<el-input <el-form-item label="标题" prop="title">
v-model="queryParams.source" <el-input
placeholder="请输入来源" v-model="queryParams.title"
clearable placeholder="请输入标题"
size="small" clearable
@keyup.enter.native="handleQuery" size="small"
/> @keyup.enter.native="handleQuery"
</el-form-item> />
<!-- <el-form-item label="时间"> </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 <el-date-picker
v-model="daterangeDateTime" v-model="daterangeDateTime"
size="small" size="small"
@ -112,150 +128,193 @@
@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:yqyj:add']" v-hasPermi="['tcZz/netWorkYq:yqyj: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:yqyj:edit']" v-hasPermi="['tcZz/netWorkYq:yqyj: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:yqyj:remove']" @click="handleDelete"
>删除</el-button> v-hasPermi="['tcZz/netWorkYq:yqyj: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:yqyj:export']" v-hasPermi="['tcZz/netWorkYq:yqyj:export']"
>导出</el-button >导出</el-button
> >
</div> </div>
<el-table v-loading="loading" :data="yqyjList" @selection-change="handleSelectionChange"> <el-table
v-loading="loading"
:data="yqyjList"
@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="title" /> <el-table-column label="标题" align="center" prop="title" />
<el-table-column label="来源" align="center" prop="source" /> <el-table-column label="来源" align="center" prop="source" />
<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="content" /> --> <!-- <el-table-column label="内容" align="center" prop="content" /> -->
<!-- <el-table-column label="备注" align="center" prop="remark" /> --> <!-- <el-table-column label="备注" align="center" prop="remark" /> -->
<el-table-column label="启用/禁用" align="center" prop="isStatus"> <el-table-column label="启用/禁用" align="center" prop="isStatus">
<template slot-scope="scope"> <template slot-scope="scope">
<!-- <dict-tag :options="dict.type.tc_start" :value="scope.row.isStatus"/> --> <!-- <dict-tag :options="dict.type.tc_start" :value="scope.row.isStatus"/> -->
<el-switch <el-switch
v-model="scope.row.isStatus" v-model="scope.row.isStatus"
:active-value="2" :active-value="2"
:inactive-value="1" :inactive-value="1"
active-color="#ff4949" active-color="#ff4949"
inactive-color="#13ce66" inactive-color="#13ce66"
@change="handleStatusChange(scope.row)" @change="handleStatusChange(scope.row)"
></el-switch> ></el-switch>
</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/netWorkYq:yqyj:list']" v-hasPermi="['tcZz/netWorkYq:yqyj: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:yqyj:edit']" v-hasPermi="['tcZz/netWorkYq:yqyj: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:yqyj:remove']" v-hasPermi="['tcZz/netWorkYq:yqyj: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="dict.value" :model="form"
></el-option> :rules="rules"
</el-select> label-width="auto"
</el-form-item> class="dialog-from"
<el-form-item label="启用/禁用"> >
<el-radio-group v-model="form.isStatus"> <el-form-item label="区域" prop="areaId">
<el-radio <el-select v-model="form.areaId" placeholder="请选择区域">
v-for="dict in dict.type.tc_start" <el-option
:key="dict.value" v-for="dict in dict.type.tc_area"
:label="parseInt(dict.value)" :key="dict.value"
>{{dict.label}}</el-radio> :label="dict.label"
</el-radio-group> :value="dict.value"
</el-form-item> ></el-option>
<el-form-item label="标题" prop="title"> </el-select>
<el-input v-model="form.title" placeholder="请输入标题" /> </el-form-item>
</el-form-item> <el-form-item label="启用/禁用">
<el-form-item label="来源" prop="source"> <el-radio-group v-model="form.isStatus">
<el-input v-model="form.source" placeholder="请输入来源" /> <el-radio
</el-form-item> v-for="dict in dict.type.tc_start"
<el-form-item label="时间" prop="dateTime"> :key="dict.value"
<el-date-picker clearable size="small" :label="parseInt(dict.value)"
v-model="form.dateTime" >{{ dict.label }}</el-radio
type="date" >
value-format="yyyy-MM-dd" </el-radio-group>
placeholder="选择时间"> </el-form-item>
</el-date-picker> <el-form-item label="标题" prop="title">
</el-form-item> <el-input v-model="form.title" placeholder="请输入标题" />
<el-form-item label="内容"> </el-form-item>
<!-- <editor v-model="form.content" :min-height="192"/> --> <el-form-item label="来源" prop="source">
<el-input v-model="form.content" resize="none" :rows="5" type="textarea" placeholder="请输入内容" /> <el-input v-model="form.source" placeholder="请输入来源" />
</el-form-item> </el-form-item>
<el-form-item label="备注" prop="remark"> <el-form-item label="时间" prop="dateTime">
<el-input v-model="form.remark" placeholder="请输入备注" /> <el-date-picker
</el-form-item> 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-input
v-model="form.content"
resize="none"
:rows="5"
type="textarea"
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>
@ -264,280 +323,312 @@
</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="启用/禁用">{{ selectDictLabel(dict.type.tc_start,form.isStatus) }}</el-descriptions-item> >
<el-descriptions-item label="区域">{{
<el-descriptions-item label="标题">{{ form.title }}</el-descriptions-item> selectDictLabel(dict.type.tc_area, form.areaId)
}}</el-descriptions-item>
<el-descriptions-item label="来源">{{ form.source }}</el-descriptions-item>
<el-descriptions-item label="启用/禁用">{{
<el-descriptions-item label="时间">{{ form.dateTime }}</el-descriptions-item> selectDictLabel(dict.type.tc_start, form.isStatus)
}}</el-descriptions-item>
<el-descriptions-item label="内容">{{ form.content }}</el-descriptions-item>
<el-descriptions-item label="标题">{{
<el-descriptions-item label="备注">{{ form.remark }}</el-descriptions-item> form.title
}}</el-descriptions-item>
</el-descriptions>
<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> </el-dialog>
</div> </div>
</template> </template>
<script> <script>
import { listYqyj, getYqyj, delYqyj, addYqyj, updateYqyj, exportYqyj } from "@/api/tcZz/netWorkYq/yqyj"; import {
export default { listYqyj,
name: "Yqyj", getYqyj,
//注释字典 delYqyj,
dicts: ['tc_area', 'tc_start'], addYqyj,
data() { updateYqyj,
return { exportYqyj,
tableHeigth: 0, } from "@/api/tcZz/netWorkYq/yqyj";
//查看详情 export default {
infoOpen:false, name: "Yqyj",
//详情标题 //注释字典
infoTitle:'', dicts: ["tc_area", "tc_start"],
// 遮罩层 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,
yqyjList: [], // 非多个禁用
// 弹出层标题 multiple: true,
title: "", // 显示搜索条件
// 是否显示弹出层 showSearch: true,
open: false, // 总条数
// 备注时间范围 total: 0,
daterangeDateTime: [], // 舆情预警表格数据
// 备注时间范围 yqyjList: [],
daterangeCreateTime: [], // 弹出层标题
// 备注时间范围 title: "",
daterangeUpdateTime: [], // 是否显示弹出层
// 查询参数 open: false,
queryParams: { // 备注时间范围
pageNum: 1, daterangeDateTime: [],
pageSize: 10, // 备注时间范围
id: null, daterangeCreateTime: [],
// 备注时间范围
areaId: null, daterangeUpdateTime: [],
// 查询参数
isStatus: null, queryParams: {
pageNum: 1,
title: null, pageSize: 10,
id: null,
source: null,
areaId: null,
dateTime: null,
isStatus: null,
content: null,
title: null,
createBy: null,
source: null,
createTime: null,
dateTime: null,
updateBy: null,
content: null,
updateTime: null,
createBy: null,
remark: null,
createTime: null,
},
// 表单参数 updateBy: null,
form: {},
// 表单校验 updateTime: null,
rules: {
} 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;
});
}, },
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.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, areaId: null,
title: null, isStatus: 0,
source: null, title: null,
dateTime: null, source: null,
content: null, dateTime: null,
createBy: null, content: 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.daterangeDateTime = []; resetQuery() {
this.daterangeCreateTime = []; this.daterangeDateTime = [];
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();
getYqyj(id).then(response => { const id = row.id || this.ids;
this.form = response.data; getYqyj(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;
getYqyj(id).then((response) => {
this.form = response.data;
this.open = true; this.open = true;
this.title = "添加舆情预警"; this.title = "修改舆情预警";
}, });
/** 修改按钮操作 */ },
handleUpdate(row) { // 状态修改
this.reset(); handleStatusChange(row) {
const id = row.id || this.ids let text = row.isStatus === 1 ? "启用" : "停用";
getYqyj(id).then(response => { this.$modal
this.form = response.data; .confirm('确认要"' + text + '"吗？')
this.open = true; .then(function () {
this.title = "修改舆情预警"; return updateYqyj({ id: row.id, isStatus: row.isStatus });
}); })
}, .then(() => {
// 状态修改
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 + "成功"); this.$modal.msgSuccess(text + "成功");
}).catch(function() { })
.catch(function () {
row.isStatus = row.isStatus === 1 ? 2 : 1; row.isStatus = row.isStatus === 1 ? 2 : 1;
}); });
}, },
/** 提交按钮 */ /** 提交按钮 */
submitForm() { submitForm() {
this.$refs["form"].validate(valid => { this.$refs["form"].validate((valid) => {
if (valid) { if (valid) {
if (this.form.id != null) { if (this.form.id != null) {
updateYqyj(this.form).then(response => { updateYqyj(this.form).then((response) => {
this.$modal.msgSuccess("修改成功"); this.$modal.msgSuccess("修改成功");
this.open = false; this.open = false;
this.getList(); this.getList();
}); });
} else { } else {
addYqyj(this.form).then(response => { addYqyj(this.form).then((response) => {
this.$modal.msgSuccess("新增成功"); this.$modal.msgSuccess("新增成功");
this.open = false; this.open = false;
this.getList(); 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 delYqyj(ids); return delYqyj(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/yqyj/export', { })
...this.queryParams .then(() => {
}, '舆情预警_'+ new Date().getTime() +'.xlsx') this.download(
"/tcZz/netWorkYq/yqyj/export",
{
...this.queryParams,
},
"舆情预警_" + new Date().getTime() + ".xlsx"
);
this.exportLoading = false; this.exportLoading = false;
}).catch(() => {}); })
} .catch(() => {});
} },
} },
};
</script> </script>

115
src/views/tcZz/networkSecurity/ryz/index.vue
Unescape View File

@ -99,6 +99,31 @@
v-hasPermi="['tcZz/networkSecurity:ryz:export']" v-hasPermi="['tcZz/networkSecurity:ryz:export']"
>导出</el-button >导出</el-button
> >
<el-upload
style="display: inline-block; margin: 0 10px"
:action="uploadFileUrl"
:show-file-list="false"
:limit="limit"
:multiple="false"
:accept="accept"
:before-upload="handleBeforeUpload"
:on-exceed="handleExceed"
:http-request="handleFile"
:file-list="fileList"
>
<el-button type="warning" size="mini">导入</el-button>
</el-upload>
<el-button type="success" size="mini" @click="enable" :disabled="multiple"
>启用</el-button
>
<el-button
type="danger"
size="mini"
@click="banned"
autofocus
:disabled="multiple"
>禁用</el-button
>
</div> </div>
<el-table <el-table
v-loading="loading" v-loading="loading"
@ -262,15 +287,15 @@
labelClassName="desLable" labelClassName="desLable"
> >
<el-descriptions-item label="区域">{{ <el-descriptions-item label="区域">{{
selectDictLabel(dict.type.tc_area,form.areaId) selectDictLabel(dict.type.tc_area, form.areaId)
}}</el-descriptions-item> }}</el-descriptions-item>
<el-descriptions-item label="类型">{{ <el-descriptions-item label="类型">{{
selectDictLabel(dict.type.tc_yrtzlx,form.type) selectDictLabel(dict.type.tc_yrtzlx, form.type)
}}</el-descriptions-item> }}</el-descriptions-item>
<el-descriptions-item label="启用/禁用">{{ <el-descriptions-item label="启用/禁用">{{
selectDictLabel(dict.type.tc_start,form.isStatus) selectDictLabel(dict.type.tc_start, form.isStatus)
}}</el-descriptions-item> }}</el-descriptions-item>
<el-descriptions-item label="资产名称">{{ <el-descriptions-item label="资产名称">{{
@ -309,8 +334,11 @@ import {
addRyz, addRyz,
updateRyz, updateRyz,
exportRyz, exportRyz,
isStatusRyz,
importRyz,
} from "@/api/tcZz/networkSecurity/ryz"; } from "@/api/tcZz/networkSecurity/ryz";
import { registerLoading } from "echarts"; import { registerLoading } from "echarts";
import { Loading } from "element-ui";
export default { export default {
name: "Ryz", name: "Ryz",
//注释字典 //注释字典
@ -382,6 +410,11 @@ export default {
form: {}, form: {},
// 表单校验 // 表单校验
rules: {}, rules: {},
//===========
uploadFileUrl: process.env.VUE_APP_BASE_API + "/common/upload", // 上传文件服务器地址
fileList: [],
limit: 1,
accept: ".xls,.xlsx",
}; };
}, },
created() { created() {
@ -389,7 +422,7 @@ export default {
}, },
methods: { methods: {
/** 查询硬探针、软探针列表 */ /** 查询硬探针、软探针列表 */
getList() { getList(e) {
this.loading = true; this.loading = true;
this.queryParams.params = {}; this.queryParams.params = {};
if (null != this.daterangeCreateTime && "" != this.daterangeCreateTime) { if (null != this.daterangeCreateTime && "" != this.daterangeCreateTime) {
@ -406,6 +439,11 @@ export default {
this.ryzList = response.rows; this.ryzList = response.rows;
this.total = response.total; this.total = response.total;
this.loading = false; this.loading = false;
if (e == 1) {
this.$modal.msgSuccess("启动成功");
} else if (e == 2) {
this.$modal.msgSuccess("禁用成功");
}
}); });
}, },
alter(e) { alter(e) {
@ -414,6 +452,73 @@ export default {
this.$modal.msgSuccess("修改成功"); this.$modal.msgSuccess("修改成功");
}); });
}, },
//导入
handleBeforeUpload(file) {
// 校检文件类型
const fileName = file.name.split(".");
const fileExt = fileName[fileName.length - 1];
const isTypeOk = this.accept.includes(fileExt);
if (!isTypeOk) {
this.$modal.msgError(`文件格式不正确, 请上传${this.accept}格式文件!`);
return false;
}
// 校检文件大小
const isLt = file.size / 1024 / 1024 < 5;
if (!isLt) {
this.$modal.msgError(`上传文件大小不能超过5 MB!`);
return false;
}
},
handleExceed() {
this.$modal.msgError(`上传文件数量不能超过 ${this.limit} 个!`);
},
handleFile(data) {
let downloadLoadingInstance = Loading.service({
text: "正在导入数据，请稍候",
spinner: "el-icon-loading",
background: "rgba(0, 0, 0, 0.7)",
});
let form = new FormData();
form.append("file", data.file);
importRyz(form)
.then((res) => {
this.getList();
downloadLoadingInstance.close();
this.fileList = [];
this.$modal.msgSuccess("导入成功");
this.getList();
})
.catch(() => {
downloadLoadingInstance.close();
this.fileList = [];
this.$modal.msgSuccess("导入失败");
this.getList();
});
},
//批量启用
enable(row) {
this.isStatusFuc(row, 1);
},
//批量禁用
banned(row) {
this.isStatusFuc(row, 2);
},
isStatusFuc(row, e) {
const ids = row.id || this.ids.join(",");
const src = e == 1 ? "启动" : "禁用";
this.$confirm("是否确认" + src + '编号为"' + ids + '"的数据项?', "警告", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
})
.then(function () {
return isStatusRyz({ ids: ids, isStatus: e });
})
.then(() => {
this.getList(e);
})
.catch(() => {});
},
// 取消按钮 // 取消按钮
cancel() { cancel() {
this.open = false; this.open = false;
@ -529,7 +634,7 @@ export default {
}) })
.then(() => { .then(() => {
this.getList(); this.getList();
this.msgSuccess("删除成功"); this.$modal.msgSuccess("删除成功");
}) })
.catch(() => {}); .catch(() => {});
}, },

Write Preview
Loading…
Cancel
Save