<template>
|
<div class="app-container">
|
<el-form
|
ref="form"
|
:inline="true"
|
class="inquire"
|
:model="form"
|
label-width="100px"
|
>
|
<el-form-item label="地点">
|
<el-input
|
v-model="listQuery.form.address"
|
style="width: 202px"
|
placeholder="请输入内容"
|
></el-input>
|
</el-form-item>
|
<el-form-item label="主持人">
|
<el-input
|
v-model="listQuery.form.ht_content"
|
style="width: 202px"
|
placeholder="请输入内容"
|
></el-input>
|
</el-form-item>
|
<el-form-item label="召开时间">
|
<el-col :span="11">
|
<el-date-picker
|
type="date"
|
placeholder="选择日期"
|
v-model="listQuery.form.check_dateStart"
|
style="width: 100%"
|
value-format="yyyy-MM-dd"
|
></el-date-picker>
|
</el-col>
|
<el-col style="text-align: center" :span="2">-</el-col>
|
<el-col :span="11">
|
<el-date-picker
|
type="date"
|
placeholder="选择日期"
|
v-model="listQuery.form.check_dateEnd"
|
style="width: 100%"
|
value-format="yyyy-MM-dd"
|
></el-date-picker>
|
</el-col>
|
</el-form-item>
|
<el-form-item style="text-align: center; padding: 0 50px">
|
<el-button
|
type="primary"
|
class="btns"
|
size="small"
|
icon="el-icon-search"
|
@click="getPageList()"
|
>查询</el-button
|
>
|
<el-button
|
type="primary"
|
class="btns"
|
size="small"
|
icon="el-icon-refresh-right"
|
@click="reset()"
|
>重置</el-button
|
>
|
</el-form-item>
|
</el-form>
|
<el-row class="title-center">
|
<el-col :span="10">
|
<el-radio-group v-model="listQuery.type" @change="typeChange">
|
<el-radio-button label="0">未上报</el-radio-button>
|
<el-radio-button label="1">已上报</el-radio-button>
|
<el-radio-button label="2">上级公司会议</el-radio-button>
|
</el-radio-group>
|
</el-col>
|
<div v-if="listQuery.type==0">
|
<el-col :span="10">
|
<el-row>
|
<el-col :span="7" :offset="7" style="text-align: right;"
|
><span style="line-height: 36px; font-size: 14px; color: #606266;margin-right:10px;font-weight: bold;"
|
>请选择上报方式</span
|
></el-col
|
>
|
<el-col :span="10">
|
<el-select
|
v-model="listQuery.form.check_main_branch"
|
placeholder="请选择"
|
@change="changeJCDW"
|
>
|
<el-option
|
v-for="item in JCDWList"
|
:key="item.value"
|
:label="item.label"
|
:value="item.value"
|
>
|
</el-option>
|
</el-select>
|
<el-button type="primary" class="btns" size="small"
|
>上报</el-button
|
>
|
</el-col>
|
</el-row>
|
</el-col>
|
<el-col :span="4" style="text-align: right">
|
<el-button
|
class="btns"
|
type="primary"
|
size="small"
|
icon="el-icon-plus"
|
>添加</el-button
|
>
|
<el-button
|
class="btns"
|
type="primary"
|
size="small"
|
icon="el-icon-close"
|
@click="sendBath()"
|
>批量删除</el-button
|
>
|
</el-col>
|
</div>
|
<div v-if="listQuery.type==1">
|
<el-col :span="14" style="text-align: right">
|
<el-button
|
class="btns"
|
type="primary"
|
size="small"
|
>撤销</el-button
|
>
|
</el-col>
|
</div>
|
</el-row>
|
<el-row class="title-center">
|
<el-col :span="10">
|
<el-radio-group v-model="radio1">
|
<el-radio-button label="0">全部</el-radio-button>
|
<el-radio-button label="1">综合</el-radio-button>
|
<el-radio-button label="2">生产</el-radio-button>
|
<el-radio-button label="3">设备</el-radio-button>
|
<el-radio-button label="4">电器</el-radio-button>
|
<el-radio-button label="5">仪表</el-radio-button>
|
<el-radio-button label="6">消防</el-radio-button>
|
<el-radio-button label="7">安全管理</el-radio-button>
|
<el-radio-button label="8">其他</el-radio-button>
|
</el-radio-group>
|
</el-col>
|
</el-row>
|
<el-table
|
:data="tableData"
|
style="width: 100%"
|
@selection-change="changeBox"
|
>
|
<el-table-column
|
type="selection"
|
width="55"
|
align="center"
|
></el-table-column>
|
<el-table-column
|
v-if="listQuery.type==2"
|
prop="number"
|
label="会议单位"
|
align="center"
|
width="120"
|
></el-table-column>
|
<el-table-column
|
prop="number"
|
label="召开时间"
|
align="center"
|
width="120"
|
></el-table-column>
|
<el-table-column
|
prop="check_branch"
|
label="地点"
|
align="center"
|
width="120"
|
></el-table-column>
|
<el-table-column
|
prop="check_man"
|
label="主持人"
|
align="center"
|
width="120"
|
></el-table-column>
|
<el-table-column
|
prop="checktype"
|
label="会议专业"
|
align="center"
|
></el-table-column>
|
<el-table-column
|
prop="checktype"
|
label="会议摘要"
|
align="center"
|
></el-table-column>
|
<el-table-column prop="DTRisk_level" label="会议纪要" align="center">
|
</el-table-column>
|
<el-table-column prop="date" v-if="listQuery.type==0" label="基本操作" align="center">
|
<template slot-scope="scope">
|
<el-button @click="updateClick(scope.row)" type="text" size="small">编辑</el-button>
|
<el-button @click="updateClick(scope.row)" type="text" size="small">保存</el-button>
|
<el-button @click="deleteClick(scope.row)" type="text" size="small">删除</el-button>
|
</template>
|
</el-table-column>
|
</el-table>
|
<div style="text-align: right">
|
<el-pagination
|
v-show="recordTotal > 0"
|
@size-change="handleSizeChange"
|
@current-change="handleCurrentChange"
|
:current-page="currentPage"
|
:page-sizes="[10, 20, 30, 50]"
|
:page-size="pageSize"
|
layout="total, sizes, prev, pager, next, jumper"
|
:total="recordTotal"
|
>
|
</el-pagination>
|
</div>
|
</div>
|
</template>
|
<script>
|
import { getPageList, analogy_export_do } from "@/api/sgyhpczl/oneFromanotherN";
|
import {
|
initJCBM,
|
initYHLX,
|
initJCLB,
|
initYHJB,
|
} from "@/api/sgyhpczl/initSelect";
|
|
export default {
|
data() {
|
return {
|
listQuery: {
|
page: 1,
|
limit: 10,
|
type: 0,
|
form: {},
|
},
|
radio1: 0,
|
table1: true,
|
table2: false,
|
|
currentPage: 1,
|
pageSize: 10,
|
recordTotal: 0,
|
XFDWList: [],
|
YHLBList: [],
|
YHJBList: [],
|
JCLBList: [],
|
tableData: [],
|
selectedList: [],
|
listLoading: false,
|
selfInspectVisible: false,
|
selfInspectForm: {
|
id: "",
|
markUserName: "",
|
markDate: "",
|
remark: "",
|
},
|
selfInspectFormRules: {
|
markUserName: [
|
{ required: true, message: "自查人不能为空", trigger: "blur" },
|
],
|
markDate: [
|
{ required: true, message: "自查时间不能为空", trigger: "blur" },
|
],
|
},
|
};
|
},
|
mounted() {
|
this.getPageList();
|
this.initJCLB();
|
this.initXFDW();
|
this.initYHJB();
|
this.initYHLB();
|
},
|
methods: {
|
sendBath() {
|
this.$router.push({
|
path: "/existN",
|
});
|
},
|
handleClick(data, val) {
|
if (val == "存在") {
|
this.$router.push({
|
path: "/exist",
|
});
|
}
|
},
|
handoff(index) {
|
if (index == 1) {
|
this.table1 = false;
|
this.table2 = true;
|
this.listQuery.type = 2;
|
console.log(this.listQuery.type);
|
this.getPageList();
|
} else {
|
this.table1 = true;
|
this.table2 = false;
|
}
|
},
|
initXFDW() {
|
initJCBM(1).then((res) => {
|
if (res.data.ok == 1) {
|
this.XFDWList = res.data.data;
|
} else {
|
this.$message({
|
type: "error",
|
message: res.data.msg,
|
duration: 3000,
|
});
|
}
|
});
|
},
|
initYHLB() {
|
initYHLX().then((res) => {
|
if (res.data.ok == 1) {
|
this.YHLBList = res.data.data;
|
} else {
|
this.$message({
|
type: "error",
|
message: res.data.msg,
|
duration: 3000,
|
});
|
}
|
});
|
},
|
initYHJB() {
|
initYHJB().then((res) => {
|
if (res.data.ok == 1) {
|
this.YHJBList = res.data.data;
|
} else {
|
this.$message({
|
type: "error",
|
message: res.data.msg,
|
duration: 3000,
|
});
|
}
|
});
|
},
|
initJCLB() {
|
initJCLB().then((res) => {
|
if (res.data.ok == 1) {
|
this.JCLBList = res.data.data;
|
} else {
|
this.$message({
|
type: "error",
|
message: res.data.msg,
|
duration: 3000,
|
});
|
}
|
});
|
},
|
checkTime() {
|
if (
|
this.listQuery.form.check_dateStart != null &&
|
this.listQuery.form.check_dateStart != ""
|
) {
|
if (
|
this.listQuery.form.check_dateEnd != null &&
|
this.listQuery.form.check_dateEnd != ""
|
) {
|
} else {
|
this.$message({
|
type: "error",
|
message: "请选择检查结束时间",
|
duration: 3000,
|
});
|
return;
|
}
|
}
|
if (
|
this.listQuery.form.check_dateEnd != null &&
|
this.listQuery.form.check_dateEnd != ""
|
) {
|
if (
|
this.listQuery.form.check_dateStart != null &&
|
this.listQuery.form.check_dateStart != ""
|
) {
|
} else {
|
this.$message({
|
type: "error",
|
message: "请选择检查开始时间",
|
duration: 3000,
|
});
|
return;
|
}
|
}
|
},
|
//搜索
|
getPageList() {
|
this.listQuery.page = 1;
|
this.checkTime();
|
getPageList(this.listQuery).then((res) => {
|
if (res.data.ok == 1) {
|
this.tableData = res.data.data.items;
|
this.recordTotal = res.data.data.total;
|
} else {
|
this.$message({
|
type: "error",
|
message: res.data.msg,
|
duration: 3000,
|
});
|
}
|
});
|
},
|
//重置
|
reset() {
|
this.listQuery.form = {};
|
this.getPageList();
|
},
|
handleSizeChange(val) {
|
this.listQuery.limit = val;
|
this.getPageListForPagination();
|
},
|
handleCurrentChange(val) {
|
this.listQuery.page = val;
|
this.getPageListForPagination();
|
},
|
getPageListForPagination() {
|
this.checkTime();
|
getPageList(this.listQuery).then((res) => {
|
if (res.data.ok == 1) {
|
this.tableData = res.data.data.items;
|
this.recordTotal = res.data.data.total;
|
} else {
|
this.$message({
|
type: "error",
|
message: res.data.msg,
|
duration: 3000,
|
});
|
}
|
});
|
},
|
typeChange(val) {
|
this.listQuery.type = val;
|
this.getPageList();
|
},
|
handleSelectionChange(val) {
|
this.selectedList = [];
|
val.forEach((item) => {
|
this.selectedList.push(item);
|
});
|
},
|
exportData() {
|
var requestData = this.listQuery;
|
//删除分页参数
|
this.$delete(requestData, "page");
|
this.$delete(requestData, "limit");
|
analogy_export_do(requestData)
|
.then((res) => {
|
var blob = new Blob([res.data]);
|
var downloadElement = document.createElement("a");
|
var href = window.URL.createObjectURL(blob); //创建下载的链接
|
downloadElement.href = href;
|
downloadElement.download = "内部举一反三.xlsx"; //下载后文件名
|
document.body.appendChild(downloadElement);
|
downloadElement.click(); //点击下载
|
document.body.removeChild(downloadElement); //下载完成移除元素
|
window.URL.revokeObjectURL(href); //释放掉blob对象
|
})
|
.catch((err) => {
|
console.log(err);
|
});
|
},
|
//日期格式转换
|
formatColumnDate(row, column) {
|
// 获取单元格数据
|
let data = row[column.property];
|
if (data == null) {
|
return null;
|
}
|
let dt = new Date(data);
|
return (
|
dt.getFullYear() + "-" + (dt.getMonth() + 1) + "-" + dt.getDate() + " "
|
);
|
},
|
},
|
};
|
</script>
|
<style scoped>
|
.inquire {
|
display: flex;
|
justify-content: left;
|
flex-wrap: wrap;
|
}
|
.inquire .el-form-item {
|
padding: 0 20px;
|
}
|
.title-center {
|
padding: 20px 0;
|
}
|
|
.btns {
|
background-color: #034ea2;
|
border: 1px solid #034ea2;
|
}
|
|
.title-center /deep/ .el-radio-button:first-child .el-radio-button__inner {
|
border: none;
|
}
|
|
.title-center /deep/ .el-radio-button__inner {
|
border: none;
|
border-radius: 0px;
|
}
|
|
.title-center
|
/deep/
|
.el-radio-button__orig-radio:checked
|
+ .el-radio-button__inner {
|
background-color: #034ea2;
|
background-color: #034ea2;
|
}
|
</style>
|
