<template>
<div class="app-container">
<div class="level-title">
<h1>消防点位检查表</h1>
</div>
<div>
<el-form ref="form" :model="form" :rules="rules" label-width="auto">
<el-row>
<el-col :span="10">
<el-form-item label="消防点位检查表名称：" prop="FIRE_CHECK_STANDARD_NAME">
<el-input v-model="form.FIRE_CHECK_STANDARD_NAME" placeholder="请输入内容"/>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="检查表类型：" prop="FIRE_CHECK_TYPE">
<el-select v-model="form.FIRE_CHECK_TYPE" placeholder="请选择" @change = "getCheckTypeName">
<el-option v-for="item in periodList" :key="item.DICTIONARIES_ID" :label="item.NAME" :value="item.BIANMA"/>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="10">
<el-form-item label="负责部门：" prop="DEPARTMENT_ID">
<SelectTree
v-if="treeData.length !== 0 && FIRE_CHECK_ID != ''"
ref="deptTree_Select"
:clearable="false"
:options="treeData"
:props="defaultProps"
:key="form.UPDATE_DEPARTMENT_ID"
v-model="form.UPDATE_DEPARTMENT_ID"
placeholder="请选择部门"
@change="updateDeptChange"/>
<Treeselect
v-if="updateValue && FIRE_CHECK_ID == ''"
:multiple="true"
:flat="true"
:default-expand-level="1"
:options="treeData"
:normalizer="normalizer"
:disable="true"
:clearable="false"
v-model="form.DEPARTMENT_ID"
placeholder="请选择部门"
no-options-text="暂无数据"
no-children-text="暂无数据"
style="width: 100%;"
@select="handleSelect"
@deselect="handleRemove"
/>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="检查人：" prop="USER_ID">
<el-select
v-if="FIRE_CHECK_ID == ''"
ref="userTree_Select"
:key="userListChangeValue"
v-model="form.USER_ID"
multiple
clearable
placeholder="请选择人员"
class="filter-item">
<el-option v-for="item in peopleList" :key="item.USER_ID" :label="item.NAME" :value="item.USER_ID"/>
</el-select>
<el-select
v-if="FIRE_CHECK_ID != ''"
ref="userTree_Select"
:key="form.UPDATE_USER_ID"
v-model="form.UPDATE_USER_ID"
clearable
placeholder="请选择人员"
class="filter-item">
<el-option v-for="item in peopleList" :key="item.USER_ID" :label="item.NAME" :value="item.USER_ID"/>
</el-select>
</el-form-item>
</el-col>
</el-row>
</el-form>
</div>
<div class="level-line"/>
<div class="level-title">
<h1>检查器材</h1>
<!-- <div class="level-btns">-->
<!-- <el-button type="danger" size="mini" @click="removeSelectHandel">-->
<!-- 批量移除消防设备-->
<!-- </el-button>-->
<!-- <el-button type="primary" size="mini" @click="showRisk">-->
<!-- 添加消防设备-->
<!-- </el-button>-->
<!-- </div>-->
</div>
<div>
<div class="rightCont">
<el-form label-width="100px">
<el-row :gutter="20">
<el-col :span="4">
<el-form-item label="消防区域" label-width="110px">
<el-select v-model="deviceCriteria.FIRE_REGION_NAME" placeholder="请选择">
<el-option v-for="item in FILTER_LIST_REGION" :key="item" :label="item" :value="item" />
</el-select>
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item label="消防点位" label-width="110px">
<el-select v-model="deviceCriteria.FIRE_POINT_NAME" placeholder="请选择">
<el-option v-for="item in FILTER_LIST_POINT" :key="item" :label="item" :value="item" />
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item>
<el-button v-waves class="filter-item" type="primary" icon="el-icon-search" @click="searchCheckList">
搜索
</el-button>
<el-button v-waves class="filter-item" type="success" icon="el-icon-refresh" @click="resetCheckSearch">
重置
</el-button>
<el-button v-waves class="filter-item" type="danger" icon="el-icon-delete-solid" @click="removeSelectHandel">
批量移除消防设备
</el-button>
<el-button v-waves class="filter-item" type="primary" icon="el-icon-circle-plus" @click="showRisk">
添加其他消防设备
</el-button>
</el-form-item>
</el-col>
</el-row>
</el-form>
<div>
<el-table ref="multipleTable" :data="checkList" border style="width: 100%">
<el-table-column
type="selection"
width="55"/>
<el-table-column type="index" label="序号" width="55" align="center"/>
<el-table-column prop="FIRE_REGION_NAME" label="消防区域"/>
<el-table-column prop="FIRE_POINT_NAME" label="消防点位"/>
<el-table-column prop="FIRE_POINT_CODE" label="点位编号"/>
<el-table-column prop="FIRE_DEVICE_CODE" label="设备编号"/>
<el-table-column prop="FIRE_DEVICE_TYPE_NAME" label="设备类型"/>
<el-table-column prop="DEPARTMENTNAME" label="点位负责部门"/>
<el-table-column prop="POSTNAME" label="岗位"/>
<el-table-column prop="USERNAME" label="点位责任人"/>
<el-table-column label="操作" width="350">
<template slot-scope="{row}">
<el-button type="success" icon="el-icon-success" @click="handleInfo(row)">查看检查项</el-button>
<el-button type="danger" icon="el-icon-success" @click="handleDelete(row)">移除此设备</el-button>
</template>
</el-table-column>
</el-table>
</div>
</div>
</div>
<div class="ui-height"/>
<div class="ui-foot">
<el-button v-if="FIRE_CHECK_ID == ''" type="success" @click="save">保 存</el-button>
<el-button v-else type="success" @click="edit">修 改</el-button>
<el-button plain type="info" @click="back">返 回</el-button>
</div>
<!--检查项数组-->
<el-dialog :visible.sync="checkShow" title="检查项列表" width="80%">
<div>
<el-table
ref="multipleTableRisk"
:data="csList"
border
tooltip-effect="dark"
style="width: 100%;">
<el-table-column type="index" label="序号" width="55" align="center"/>
<el-table-column prop="FIRE_CHECK_STANDARD_ITEM" label="检查项"/>
</el-table>
</div>
<div class="page-btn-group">
<div>
<el-button plain type="info" @click="closAddOtherPoint">返 回</el-button>
</div>
</div>
</el-dialog>
<!--选择设备与检查标准-->
<el-dialog :visible.sync="dialogTableVisible" title="添加消防设备" width="80%">
<div class="filter-container">
<el-form label-width="10px">
<el-row>
<el-col :span="4">
<el-form-item label="消防区域" label-width="80px">
<el-select
v-model="waitFor.FIRE_REGION_ID"
placeholder="请选择"
class="filter-item"
@change="changeRegionName">
<el-option
v-for="item in varRegionList"
:key="item.FIRE_REGION_ID"
:label="item.FIRE_REGION_NAME"
:value="item.FIRE_REGION_ID"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item label="消防点位" label-width="80px">
<el-select
v-model="waitFor.FIRE_POINT_ID"
placeholder="请选择点位"
class="filter-item"
@change="changePointName">
<el-option
v-for="item in pointList"
:key="item.FIRE_POINT_ID"
:label="item.FIRE_POINT_NAME"
:value="item.FIRE_POINT_ID"/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item label="设备编号" label-width="80px">
<el-input
v-model="waitFor.FIRE_DEVICE_CODE"
placeholder="请输入"
/>
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item label="消防设备类型" label-width="100px">
<el-select
v-model="waitFor.FIRE_DEVICE_TYPE_ID"
placeholder="消防设备类型"
class="filter-item"
@change="changeDeviceCode">
<el-option
v-for="item in deviceTypeList"
:key="item.NAME"
:label="item.NAME"
:value="item.BIANMA"/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="4" label-width="80px">
<el-form-item>
<el-button v-waves class="filter-item" type="success" icon="el-icon-refresh" @click="getDevice">
查询设备
</el-button>
<el-button v-waves class="filter-item" type="success" icon="el-icon-refresh" @click="getReset">
重置
</el-button>
</el-form-item>
</el-col>
</el-row>
</el-form>
</div>
<el-table
ref="multipleTableRisk"
:data="tempList"
border
tooltip-effect="dark"
style="width: 100%;">
<el-table-column :reserve-selection="true" type="selection" width="55" align="center"/>
<el-table-column type="index" label="序号" width="55" align="center"/>
<el-table-column prop="FIRE_REGION_NAME" label="消防区域"/>
<el-table-column prop="FIRE_POINT_NAME" label="消防点位"/>
<el-table-column prop="FIRE_POINT_CODE" label="点位编号"/>
<el-table-column prop="FIRE_DEVICE_CODE" label="设备编号"/>
<el-table-column prop="DEPARTMENTNAME" label="部门"/>
<el-table-column prop="POSTNAME" label="岗位"/>
<el-table-column prop="USERNAME" label="责任人"/>
</el-table>
<div class="page-btn-group">
<div/>
<pagination :total="total" :page.sync="listQuery.page" :limit.sync="listQuery.limit" @pagination="getDevice"/>
</div>
<template slot="footer">
<el-button type="success" @click="checkItem">保 存</el-button>
<el-button plain type="info" @click="closAddOtherPoint">返 回</el-button>
</template>
</el-dialog>
</div>
</template>
<script>
import Pagination from '@/components/Pagination' // 通过 el-pagination二次打包
import { requestFN } from '@/utils/request'
import SelectTree from '@/components/SelectTree'
import waves from '@/directive/waves' // waves directive
export default {
components: { Pagination, SelectTree },
directives: { waves },
data() {
return {
FILTER_LIST_REGION: [],
FILTER_LIST_POINT: [],
deviceCriteria: {
FIRE_REGION_NAME: '',
FIRE_POINT_NAME: ''
},
FIRE_CHECK_ID: '',
dialogFormVisible: false,
dialogTableVisible: false,
riskForm: {
RISKPOINT_ID: '',
DEPARTMENT_ID: '',
USER_ID: '',
RISK_UNIT_ID: '',
IDENTIFICATION_ID: '',
RISK_DESCR: '',
LEVELID: '',
MEASURES: '',
ACCIDENTS: '',
ACCIDENTS_NAME: '',
CHECK_CONTENT: '',
EME_MEASURES: ''
},
riskRules: {
DEPARTMENT_ID: [{ required: true, message: '部门不能为空', trigger: 'blur' }]
},
unitList: [],
LISTMANAGER_ID: '', // 主键ID
KEYWORDS: '',
msg: 'add',
periodList: [],
typeList: [],
postList: [],
userList: [],
screenTypeList: [],
defaultNodes: {},
DEPARTMENT_ID: '',
varList: [],
otherIds: [],
listItem: [],
START_DATE: '',
END_DATE: '',
USER_IDS: '', // 负责人合集
checked: false, // 全选框
checkList: [], // 检查项
waitfordel: [], // 待删除的检查项id
waitfordelDeviceIds: [], // 待删除的检查项id
checkListBackUp: [], // 检查项备份数组
otherItemList: [], // 选中的其他存在风险集合
treeData: [],
peopleList: [],
partsList: [],
dates: [], // 时间
defaultProps: {
value: 'id',
children: 'nodes',
label: 'name'
},
formLabelWidth: '120px',
OTHERLEVELID: '',
OTHERDEPARTMENT_ID: '',
OTHERKEYWORDS: '',
levelList: [],
riskList: [],
// myself------------------
checkShow: false,
// 检查表类型 0日检1月检
checkType: [
{ value: '0', label: '日检' },
{ value: '1', label: '月检' }
],
form: {
FIRE_CHECK_STANDARD_NAME: '',
FIRE_CHECK_TYPE: '',
POST_ID: [],
FIRE_CHECK_TYPE_NAME: '',
DEPARTMENT_ID: [],
UPDATE_DEPARTMENT_ID: '',
USER_ID: [],
UPDATE_USER_ID: '',
DATA: ''
},
rules: {
FIRE_CHECK_STANDARD_NAME: [{ required: true, message: '清单名称不能为空', trigger: 'blur' }],
DEPARTMENT_ID: [{ required: true, message: '部门不能为空', trigger: 'blur' }],
POST_ID: [{ required: true, message: '岗位不能为空', trigger: 'blur' }],
USER_ID: [{ required: true, message: '人员不能为空', trigger: 'blur' }],
FIRE_CHECK_TYPE: [{ required: true, message: '清单类型不能为空', trigger: 'blur' }]
},
varRegionList: '',
// 检查标准数组
csList: [],
// 检查项的id
idListFcS: [],
tableList: [],
tempList: [],
// 添加其他点位准备压入 展示页的数据
waitList: [],
tempRow: '',
tempidListFcS: '',
typeData: [],
deviceTypeList: [],
// 弹窗的点位等信息
waitFor: {
FIRE_REGION_ID: '',
FIRE_REGION_NAME: '',
FIRE_DEVICE_ID: '',
FIRE_DEVICE_TYPE_ID: '',
FIRE_DEVICE_CODE: '',
FIRE_DEVICE_TYPE: '',
FIRE_POINT_ID: '',
FIRE_POINT_NAME: '',
FIRE_POINT_CODE: '',
DEPARTMENTNAME: '',
POSTNAME: '',
USERNAME: '',
varList: [],
idListFcS: []
},
pointList: [],
pointCode: '',
// ------------end
total: 0,
listQuery: {
page: 1,
limit: 20
},
multipleSelectionAll: [], // 所有选中的数据包含跨页数据
multipleSelection: [], // 当前页选中的数据
accidentList: [],
updateValue: true,
normalizer(node) {
return {
id: node.id,
label: node.name,
children: node.nodes,
isDisabled: node.pId === '0'
}
},
userListChangeValue: 0
}
},
watch: {
// 根据消防设备 查 检查列表
'waitFor.FIRE_DEVICE_ID': {
handler(newVal, oldVal) {
if (newVal !== '') this.changeCheckItem(newVal)
}, immediate: false
},
'form.USER_ID': {
handler(newVal, oldVal) {
}, immediate: false
},
'waitFor.FIRE_REGION_ID': {
handler(newVal, oldVal) {
if (newVal !== '') this.waitFor.FIRE_POINT_ID = ''
if (newVal !== '') this.getPointByRegionId(newVal)
}, immediate: false
},
'waitFor.FIRE_POINT_ID': {
handler(newVal, oldVal) {
if (newVal !== '') this.getDeviceByPointId(newVal)
}, immediate: false
},
// 'form.POST_ID': {
// handler(newVal, oldVal) {
// this.peopleList = []
// this.form.USER_ID = []
// if (this.form.POST_ID != '') this.getUserList()
// }
// },
'form.DEPARTMENT_ID': {
// 选择了负责部门 查询相关的点检
handler(newVal, oldVal) {
this.peopleList = []
// if (newVal !== '') this.form.POST_ID = ''
if (newVal.length !== 0) this.getList(newVal)
if (newVal.length !== 0) this.getCheckList(newVal)
// if (newVal !== '') this.getPostList(newVal)
if (newVal.length !== 0) this.getUserList()
},
immediate: false
},
'form.UPDATE_DEPARTMENT_ID': {
// 选择了负责部门 查询相关的点检
handler(newVal, oldVal) {
this.peopleList = []
// if (newVal !== '') this.form.POST_ID = ''
if (newVal.length !== 0) this.getList(newVal)
if (newVal.length !== 0) this.getCheckList(newVal)
// if (newVal !== '') this.getPostList(newVal)
if (newVal.length !== 0) this.getUserList()
},
immediate: false
}
},
async created() {
this.getDict()
await this.getTreeData()
this.getFireRegion()
if (this.$parent.FIRE_CHECK_ID) {
// 修改的
this.FIRE_CHECK_ID = this.$parent.FIRE_CHECK_ID
this.getData(this.$parent.FIRE_CHECK_ID)
}
},
methods: {
getUserList() {
let DEPARTMENT_ID = ''
if (this.FIRE_CHECK_ID != '') {
DEPARTMENT_ID = this.form.UPDATE_DEPARTMENT_ID
} else {
DEPARTMENT_ID = this.form.DEPARTMENT_ID.toString()
}
requestFN(
'/user/listAll',
{
DEPARTMENT_ID: DEPARTMENT_ID
// DEPARTMENT_ID: this.form.DEPARTMENT_ID,
// POST_ID: this.form.POST_ID
}
).then((data) => {
this.peopleList = data.userList
}).catch((e) => {
})
},
// 岗位
getPostList() {
requestFN(
'/post/listAll',
{ DEPARTMENT_ID: this.form.DEPARTMENT_ID }
).then((data) => {
this.postList = data.postList
}).catch((e) => {
})
},
getDevice() {
requestFN(
'/fireDevice/list?showCount=' + this.listQuery.limit + '¤tPage=' + this.listQuery.page,
{
FIRE_DEVICE_TYPE_ID: this.waitFor.FIRE_DEVICE_TYPE_ID,
FIRE_POINT_ID: this.waitFor.FIRE_POINT_ID,
FIRE_DEVICE_CODE: this.waitFor.FIRE_DEVICE_CODE,
FIRE_REGION_ID: this.waitFor.FIRE_REGION_ID
}
).then((data) => {
this.listLoading = false
this.tempList = data.varList
this.total = data.page.totalResult
}).catch((e) => {
this.listLoading = false
})
},
getCheckTypeName(value) {
this.periodList.find((item) => {
if (item.DICTIONARIES_ID === value) {
this.form.FIRE_CHECK_TYPE_NAME = item.NAME
}
})
},
// 根据设备id 获取 检查项
getDeviceCheckItem(FIRE_DEVICE_ID, FIRE_DEVICE_TYPE_ID) {
requestFN(
'/fireCheckStandard/getStandardListByDeviceId',
{
FIRE_DEVICE_ID: FIRE_DEVICE_ID,
FIRE_DEVICE_TYPE_ID: FIRE_DEVICE_TYPE_ID
}
).then((data) => {
this.csList = data.varList
this.total = data.page.totalResult
}).catch((e) => {
})
},
// 点击添加其他的 器材
changeCheckItem(newVal) {
requestFN(
'/fireCheckStandard/list',
{
FIRE_DEVICE_ID: newVal
}
).then((data) => {
this.tempList = data.varList
this.waitList = data.waitList
this.total = data.page.totalResult
}).catch((e) => {
})
},
// 部门列表树
async getTreeData() {
return new Promise((resolve, reject) => {
requestFN(
'/department/listTree',
{}
).then((data) => {
this.treeData = JSON.parse(data.zTreeNodes)
this.treeData.forEach((item) => {
item.isDisabled = true
})
resolve()
}).catch((e) => {
})
})
},
getList(DEPARTMENT_ID) {
// debugger
this.listLoading = true
if (DEPARTMENT_ID) {
this.DEPARTMENT_ID = DEPARTMENT_ID
}
requestFN(
'/user/getDepartmentId',
{
KEYWORDS: this.KEYWORDS,
DEPARTMENT_ID: this.DEPARTMENT_ID.toString()
}
).then((data) => {
this.listLoading = false
// this.peopleList = data.userList
this.total = data.page.totalResult
}).catch((e) => {
this.listLoading = false
})
},
// 删除单个检查项 未用
handleCheckDelete(row) {
this.tempRow.varList = this.tempList.filter(o => o.FIRE_CHECK_STANDARD_ID !== row.FIRE_CHECK_STANDARD_ID)
this.tempList = this.tempList.filter(o => o.FIRE_CHECK_STANDARD_ID !== row.FIRE_CHECK_STANDARD_ID)
this.tempRow.idListFcS = this.tempidListFcS.filter(o => o !== row.FIRE_CHECK_STANDARD_ID)
this.tempidListFcS = this.tempidListFcS.filter(o => o !== row.FIRE_CHECK_STANDARD_ID)
},
// 获取消防区域名字
changeRegionName(value) {
this.varRegionList.find((item) => {
if (item.FIRE_REGION_ID === value) {
this.waitFor.FIRE_REGION_NAME = item.FIRE_REGION_NAME
}
})
},
// 获取点位名字
changePointName(value) {
this.pointList.find((item) => {
if (item.FIRE_POINT_ID === value) {
this.waitFor.FIRE_POINT_NAME = item.FIRE_POINT_NAME
this.waitFor.FIRE_POINT_ID = item.FIRE_POINT_ID
this.waitFor.FIRE_POINT_CODE = this.pointCode
}
})
},
// 获取消防设备
changeDeviceCode(value) {
this.pointList.find((item) => {
if (item.FIRE_DEVICE_ID === value) {
this.waitFor.FIRE_DEVICE_ID = item.FIRE_DEVICE_ID
this.waitFor.FIRE_DEVICE_CODE = item.FIRE_DEVICE_CODE
}
})
},
// 查看当前的检查项
handleInfo(row) {
this.checkShow = true
this.getDeviceCheckItem(row.FIRE_DEVICE_ID, row.FIRE_DEVICE_TYPE_ID)
},
// 删除单个行
handleDelete(row) {
this.$confirm('确定要移除吗?', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
this.listLoading = true
if (row.FIRE_PREPARED_ID) this.waitfordel.push(row.FIRE_PREPARED_ID)
if (row.FIRE_DEVICE_ID) this.waitfordelDeviceIds.push(row.FIRE_DEVICE_ID)
this.checkList = this.checkList.filter(o => o.FIRE_DEVICE_ID !== row.FIRE_DEVICE_ID)
this.checkListBackUp = this.checkListBackUp.filter(o => o.FIRE_DEVICE_ID !== row.FIRE_DEVICE_ID)
this.$message.success('移除成功')
this.listLoading = false
})
},
// 获取所有的检查标准
/*
getCheckStandard() {
requestFN(
'/fireCheckStandard/list?showCount=' + this.listQuery.limit + '¤tPage=' + this.listQuery.page,
{}
).then((data) => {
this.listLoading = false
this.csList = data.varList
this.total = data.page.totalResult
this.hasButton()
}).catch((e) => {
this.listLoading = false
})
},*/
// 获取点位下所有设备
getDeviceByPointId(POINT_ID) {
requestFN(
'/fireDevice/getDeviceByPointId',
{ FIRE_POINT_ID: POINT_ID }
).then((data) => {
this.pointList = data.varList
this.pointCode = data.pointCode
}).catch((e) => {
})
},
getCheckList(DEPARTMENT_ID) {
if (!this.FIRE_CHECK_ID) {
requestFN(
'/fireCheckList/getCheckList',
{ DEPARTMENT_ID: DEPARTMENT_ID.toString() }
).then((data) => {
this.checkList = data.varList
this.checkListBackUp = data.varList
var r = new Set()
var p = new Set()
data.varList.forEach(item => {
if (!r.has(item.FIRE_REGION_NAME)) {
r.add(item.FIRE_REGION_NAME)
}
if (!p.has(item.FIRE_POINT_NAME)) {
p.add(item.FIRE_POINT_NAME)
}
})
this.FILTER_LIST_REGION = r
this.FILTER_LIST_POINT = p
}).catch((e) => {
})
}
},
// 获取所有区域下的点位
getPointByRegionId(REGION_ID) {
requestFN(
'/fireregion/getAllPointName',
{ FIRE_REGION_ID: REGION_ID }
).then((data) => {
this.pointList = data.varList
}).catch((e) => {
})
},
save() {
if (this.checkList == null || this.checkList.length === 0) {
this.$message({
message: '请选择检查项...',
type: 'error'
})
return false
}
this.$refs.form.validate(valid => {
// debugger
// 库里已有数据 所以对改数据修改
if (valid) {
this.listLoading = true
this.form.DATA = this.checkList
requestFN(
'/fireCheckList/saveInfo',
{
from: JSON.stringify(this.form)
}
).then((data) => {
this.listLoading = false
this.dialogFormEdit = false
this.$parent.activeName = 'List'
}).catch((e) => {
this.listLoading = false
})
} else {
this.form.DATA = this.tableList
return false
}
})
},
edit() {
this.$confirm('确定要修改吗?当前排查的清单将会变更，但已排查的记录不会变更。', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
if (this.checkList == null || this.checkList.length === 0) {
this.$message({
message: '请选择检查项...',
type: 'error'
})
return false
}
this.$refs.form.validate(valid => {
// debugger
// 库里已有数据 所以对改数据修改
if (valid) {
this.listLoading = true
this.form.DATA = this.checkList
requestFN(
// 修改人 会添加很多表
// '/fireCheckList/updById',
// {
// DATA_IDS: this.FIRE_CHECK_ID,
// from: JSON.stringify(this.form)
// }
'/fireCheckList/upd4PcById',
{
FIRE_CHECK_ID: this.FIRE_CHECK_ID,
from: JSON.stringify(this.form),
DEVICE_IDS: this.waitfordelDeviceIds.join(','),
DEVICE_PREPARED_IDS: this.waitfordel.join(',')
}
).then((data) => {
this.listLoading = false
this.dialogFormEdit = false
this.$parent.activeName = 'List'
this.$message.success('修改成功')
}).catch((e) => {
this.listLoading = false
})
} else {
this.form.DATA = this.tableList
return false
}
})
})
},
// 获取消防区域列表
getFireRegion() {
requestFN(
'/fireregion/getAllRegionName',
{}
).then((data) => {
this.varRegionList = data.varList
}).catch((e) => {
})
},
// 风险项搜索条件重置
getReset() {
this.waitFor.FIRE_REGION_ID = ''
this.waitFor.FIRE_POINT_ID = ''
this.waitFor.FIRE_CHECK_TYPE = ''
this.waitFor.FIRE_CHECK_TYPE_ID = ''
this.waitFor.FIRE_DEVICE_TYPE_ID = ''
this.waitFor.FIRE_DEVICE_ID = ''
this.waitFor.FIRE_DEVICE_CODE = ''
this.waitFor.FIRE_POINT_NAME = ''
this.pointList = []
this.getList()
this.getDevice()
},
// 选择检查项
checkItem() {
// 跨页保存
const _selectData = this.$refs.multipleTableRisk.selection
if (_selectData == null || _selectData.length == 0) {
this.$message({
message: '请选中要保存的项...',
type: 'error'
})
return false
}
_selectData.map((item, index) => {
var flag = true
this.checkList.forEach(cl => {
if (cl.FIRE_DEVICE_ID === item.FIRE_DEVICE_ID) {
flag = false
}
})
if (flag) {
this.checkList.push(item)
var p = new Set(this.FILTER_LIST_POINT)
var r = new Set(this.FILTER_LIST_REGION)
if (!p.has(item.FIRE_POINT_NAME)) {
p.add(item.FIRE_POINT_NAME)
this.FILTER_LIST_POINT = p
}
if (!r.has(item.FIRE_REGION_NAME)) {
r.add(item.FIRE_REGION_NAME)
this.FILTER_LIST_REGION = r
}
// this.checkListBackUp.push(item)
}
// this.checkList = this.checkList.filter(cl => cl.FIRE_DEVICE_ID === item.FIRE_DEVICE_ID)
})
// 清除选中项 this.$refs.multipleTable.clearSelection()
// 校验等待添加的 集合不为null
// if (this.waitFor.FIRE_DEVICE_ID !== '') {
// this.checkList = this.checkList.filter(cl => cl.FIRE_DEVICE_ID !== this.waitList[0].FIRE_DEVICE_ID)
// this.checkList.push(this.waitList[0])
// } else {
// this.$message({ message: '请选择设备', type: 'error' })
// return
// }
// this.$message({ message: '添加成功', type: 'success' })
this.resetWaitFor()
this.closAddOtherPoint()
},
// 清除缓存
resetWaitFor() {
this.waitFor.FIRE_REGION_ID = ''
this.waitFor.FIRE_REGION_NAME = ''
this.waitFor.FIRE_CHECK_STANDARD_NAME = ''
this.waitFor.FIRE_DEVICE_ID = ''
this.waitFor.FIRE_DEVICE_CODE = ''
this.waitFor.FIRE_CHECK_TYPE = ''
this.waitFor.FIRE_POINT_ID = ''
this.waitFor.FIRE_POINT_NAME = ''
this.waitFor.FIRE_POINT_CODE = ''
this.waitList = []
this.waitFor.varList = []
this.waitFor.idListFcS = []
},
searchCheckList() {
if (this.deviceCriteria.FIRE_DEVICE_CODE) {
this.checkList = this.checkList.filter(item => item.FIRE_DEVICE_CODE.search(this.deviceCriteria.FIRE_DEVICE_CODE) !== -1)
}
if (this.deviceCriteria.FIRE_POINT_CODE) {
this.checkList = this.checkList.filter(item => item.FIRE_POINT_CODE.search(this.deviceCriteria.FIRE_POINT_CODE) !== -1)
}
if (this.deviceCriteria.FIRE_POINT_NAME) {
this.checkList = this.checkList.filter(item => item.FIRE_POINT_NAME === this.deviceCriteria.FIRE_POINT_NAME)
}
if (this.deviceCriteria.FIRE_REGION_NAME) {
this.checkList = this.checkList.filter(item => item.FIRE_REGION_NAME.search(this.deviceCriteria.FIRE_REGION_NAME) !== -1)
}
},
resetCheckSearch() {
this.checkList = this.checkListBackUp
this.deviceCriteria = {}
},
// 批量移除检查项
removeSelectHandel() {
this.$confirm('确定要移除吗?', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
const selectData = this.$refs.multipleTable.selection
if (!selectData.length > 0) {
this.$message.warning('请选择要移除的设备')
return
}
selectData.forEach(item => {
if (item.FIRE_PREPARED_ID) {
this.waitfordel.push(item.FIRE_PREPARED_ID)
}
this.waitfordelDeviceIds.push(item.FIRE_DEVICE_ID)
})
var set1 = new Set(this.checkList)
var set2 = new Set(selectData)
var set3 = new Set(this.checkListBackUp)
var subset = []
var subsetBack = []
for (const item of set1) {
if (!set2.has(item)) {
subset.push(item)
}
}
for (const item of set3) {
if (!set2.has(item)) {
subsetBack.push(item)
}
}
this.checkList = subset
this.checkListBackUp = subsetBack
this.$message.success('移除成功')
})
},
// 添加消防设备与检查内容
showRisk() {
if (this.form.USER_ID === '') {
this.$message({ message: '请填写表头', type: 'error' })
return
}
this.resetWaitFor()
this.getDevice()
this.$refs.multipleTableRisk && this.$refs.multipleTableRisk.clearSelection()
this.dialogTableVisible = true
// 重置表单
},
// 关闭选择其他风险
closAddOtherPoint() {
this.dialogTableVisible = false
this.checkShow = false
},
// 返回列表
back() {
this.$parent.activeName = 'List'
},
getData(FIRE_CHECK_ID) {
requestFN(
'/fireCheckList/getInfo4Edit',
{
FIRE_CHECK_ID: FIRE_CHECK_ID
}
).then((data) => {
this.form.FIRE_CHECK_STANDARD_NAME = data.checkListInfo.FIRE_CHECK_STANDARD_NAME
this.form.FIRE_CHECK_TYPE = data.checkListInfo.FIRE_CHECK_TYPE
// this.form.DEPARTMENT_ID = data.checkListInfo.DEPARTMENT_ID
this.form.DEPARTMENT_ID.push(data.checkListInfo.DEPARTMENT_ID)
this.form.UPDATE_DEPARTMENT_ID = data.checkListInfo.DEPARTMENT_ID
this.$nextTick(() => {
// this.form.POST_ID = data.checkListInfo.POST_ID
this.userList = []
this.getUserList()
const u = []
u.push(data.checkListInfo.USER_ID)
this.form.UPDATE_USER_ID = data.checkListInfo.USER_ID
this.$nextTick(() => {
this.form.USER_ID = u
this.checkListBackUp = data.checkStandardList
this.checkList = data.checkStandardList
var r = new Set()
var p = new Set()
data.checkStandardList.forEach(item => {
if (!r.has(item.FIRE_REGION_NAME)) {
r.add(item.FIRE_REGION_NAME)
}
if (!p.has(item.FIRE_POINT_NAME)) {
p.add(item.FIRE_POINT_NAME)
}
})
this.FILTER_LIST_REGION = r
this.FILTER_LIST_POINT = p
})
})
})
},
// 数据字典
getDict() {
requestFN(
'/dictionaries/getLevels',
{
DICTIONARIES_ID: 'f60cf0e8315b4993b6d6049dd29f2ba5'
}
).then((data) => {
this.periodList = data.list
})
requestFN(
'dictionaries/getLevels',
{
DICTIONARIES_ID: '249151f04fd64132a949fdd430a7b9c5'
}
).then((data) => {
this.deviceTypeList = data.list
})
},
onClick() {
this.updateValue = false
this.$nextTick(() => {
this.updateValue = true
})
},
// 选择项时触发的事件
handleSelect(selectedItems) {
// 选择父节点时同时勾选全部子节点
if (!this.form.DEPARTMENT_ID.includes(selectedItems.id)) {
this.form.DEPARTMENT_ID.push(selectedItems.id)
}
this.pullSelectedNodes(selectedItems)
this.onClick()
},
// 将树节点的子节点全部添加到数组中
pullSelectedNodes(selectedItems) {
if (selectedItems.nodes && selectedItems.nodes.length > 0) {
for (let i = 0; i < selectedItems.nodes.length; i++) {
if (!this.form.DEPARTMENT_ID.includes(selectedItems.nodes[i].id)) {
this.form.DEPARTMENT_ID.push(selectedItems.nodes[i].id)
}
this.pullSelectedNodes(selectedItems.nodes[i])
}
}
},
// 移除选中项时触发的事件
handleRemove(selectedItems) {
console.log(this.form.USER_ID)
const currentUserId = this.form.USER_ID
requestFN(
'/user/listUserByCorp',
{
DEPARTMENT_ID: selectedItems.id
}
).then((data) => {
const userList = data.userList
if (userList) {
for (let i = 0; i < userList.length; i++) {
for (let j = 0; j < this.form.USER_ID.length; j++) {
if (userList[i].USER_ID === this.form.USER_ID[j]) {
for (let k = 0; k < currentUserId.length; k++) {
if (this.form.USER_ID[j] === currentUserId[k]) {
console.log(this.form.USER_ID[j])
currentUserId.splice(k, 1)
break
}
}
break
}
}
}
}
this.listLoading = false
// this.peopleList = data.userList
}).catch((e) => {
this.listLoading = false
})
this.form.USER_ID = currentUserId
// 移除选中项时同时移除全部子节点
if (this.form.INVOLVING_CORPS_DEPART_ID.includes(selectedItems.id)) {
this.form.INVOLVING_CORPS_DEPART_ID.splice(this.form.INVOLVING_CORPS_DEPART_ID.indexOf(selectedItems.id), 1)
}
this.removeSelectedNodes(selectedItems)
this.onClick()
},
// 将选中项的子节点全部移除
removeSelectedNodes(selectedItems) {
if (selectedItems.nodes && selectedItems.nodes.length > 0) {
for (let i = 0; i < selectedItems.nodes.length; i++) {
if (this.form.INVOLVING_CORPS_DEPART_ID.includes(selectedItems.nodes[i].id)) {
this.form.INVOLVING_CORPS_DEPART_ID.splice(this.form.INVOLVING_CORPS_DEPART_ID.indexOf(selectedItems.nodes[i].id), 1)
}
this.removeSelectedNodes(selectedItems.nodes[i])
}
}
},
updateDeptChange() {
this.form.UPDATE_USER_ID = ''
}
}
}
</script>
<style scoped lang="scss">
.level-search {
align-items: center;
}
</style>