289 lines
12 KiB
Vue
289 lines
12 KiB
Vue
<template>
|
||
<el-dialog :visible.sync="visible" :title="title" width="600px">
|
||
<el-form v-loading="loading" ref="form" :rules="rules" :model="form" label-position="top" label-width="110px" style="width: 500px;">
|
||
<el-form-item label="行业类型" prop="INDUSTRY_TYPE">
|
||
<el-cascader :props="industry_type_list_rule" v-model="form.INDUSTRY_TYPE" :options="industry_type_list" clearable style="width: 100%"/>
|
||
</el-form-item>
|
||
<el-form-item label="检查隐患类型" prop="HIDDEN_TYPES">
|
||
<el-cascader :props="hidden_types_list_rule" v-model="form.HIDDEN_TYPES" :options="hidden_types_list" clearable style="width: 100%"/>
|
||
</el-form-item>
|
||
<el-form-item label="隐患区域(风险单元名称)" prop="RISK_UNIT_NAME">
|
||
<el-input id="RISK_UNIT_NAME" ref="RISK_UNIT_NAME" v-model="form.RISK_UNIT_NAME" maxlength="255" placeholder="这里输入隐患区域(风险单元名称)..." title="隐患区域(风险单元名称)"/>
|
||
</el-form-item>
|
||
<el-form-item label="隐患部位" prop="HIDDEN_PART">
|
||
<el-input id="HIDDEN_PART" ref="HIDDEN_PART" v-model="form.HIDDEN_PART" maxlength="255" placeholder="这里输入隐患部位..." title="隐患部位"/>
|
||
</el-form-item>
|
||
<el-form-item label="隐患描述" prop="INSPECTION_BASIS">
|
||
<el-input id="INSPECTION_BASIS" ref="INSPECTION_BASIS" v-model="form.INSPECTION_BASIS" maxlength="255" placeholder="这里输入检查依据..." title="检查依据"/>
|
||
</el-form-item>
|
||
<el-form-item label="检查依据" prop="HIDDEN_DESCR">
|
||
<el-input id="HIDDEN_DESCR" ref="HIDDEN_DESCR" v-model="form.HIDDEN_DESCR" maxlength="255" placeholder="这里输入隐患描述..." title="隐患描述"/>
|
||
</el-form-item>
|
||
<el-form-item label="依据内容" prop="INSPECTION_INFO">
|
||
<el-input id="INSPECTION_INFO" ref="INSPECTION_INFO" v-model="form.INSPECTION_INFO" maxlength="255" placeholder="这里输入检查依据..." title="检查依据"/>
|
||
</el-form-item>
|
||
<el-form-item label="整改建议" prop="RECTIFYDESCR">
|
||
<el-input id="RECTIFYDESCR" ref="RECTIFYDESCR" v-model="form.RECTIFYDESCR" maxlength="255" placeholder="这里输入整改建议..." title="整改建议"/>
|
||
</el-form-item>
|
||
</el-form>
|
||
<div slot="footer" class="dialog-footer">
|
||
<el-button @click="close">取 消</el-button>
|
||
<el-button type="primary" @click="confirm">确 定</el-button>
|
||
</div>
|
||
</el-dialog>
|
||
</template>
|
||
<script>
|
||
import Pagination from '@/components/Pagination' // 通过 el-pagination二次打包
|
||
import { requestFN } from '@/utils/request'
|
||
import waves from '@/directive/waves'
|
||
export default {
|
||
components: { Pagination },
|
||
directives: { waves },
|
||
props: {
|
||
title: {
|
||
type: String,
|
||
default: ''
|
||
}
|
||
},
|
||
data() {
|
||
return {
|
||
loading: false,
|
||
form: {
|
||
HIDDEN_LIBRARY_ID: '',
|
||
INDUSTRY_TYPE_ONE: '', // 行业类型1(数据字典)
|
||
INDUSTRY_TYPE_TWO: '', // 行业类型2(数据字典)
|
||
INDUSTRY_TYPE_THREE: '', // 行业类型3(数据字典)
|
||
INDUSTRY_TYPE_FOUR: '', // 行业类型4(数据字典)
|
||
INDUSTRY_TYPE: [],
|
||
HIDDEN_TYPES: [], // 检查隐患类型(数据字典)
|
||
HIDDEN_TYPE_ONE: '', // 检查隐患类型(数据字典)
|
||
HIDDEN_TYPE_TWO: '', // 检查隐患类型(数据字典)
|
||
HIDDEN_TYPE_THREE: '', // 检查隐患类型(数据字典)
|
||
RISK_UNIT_ID: '', // 隐患区域(风险单元)
|
||
RISK_UNIT_NAME: '', // 隐患区域名称(风险单元名称)
|
||
HIDDEN_PART: '', // 隐患部位
|
||
HIDDEN_DESCR: '', // 隐患描述
|
||
CREATOR_ID: '', // 创建人
|
||
CREATOR_NAME: '', // 创建人名称
|
||
CREATED_TIME: '', // 创建时间
|
||
OPERATOR_ID: '', // 更改人id
|
||
OPERATOR_NAME: '', // 更改人名称
|
||
OPERAT_TIME: '', // 更改时间
|
||
INSPECTION_BASIS: '', // 检查依据
|
||
INSPECTION_INFO: '',
|
||
CORP_INFO_ID: '', // 企业id
|
||
ISDELETE: '', // 删除标志位
|
||
STATUS: '', // 状态（0-编辑状态，1-已加入库）
|
||
CORPINFO_ID: '',
|
||
SOURCE: '0'
|
||
},
|
||
rules: {
|
||
HIDDEN_TYPES: [{
|
||
required: true,
|
||
validator: (rules, value, callback) => {
|
||
if (!value || value.length === 0 || value[0] === '') {
|
||
return callback(new Error('检查隐患类型必选'))
|
||
}
|
||
return callback()
|
||
},
|
||
trigger: 'blur'
|
||
}],
|
||
RISK_UNIT_NAME: [{ required: true, message: '隐患区域名称(风险单元名称)不能为空', trigger: 'blur' }],
|
||
HIDDEN_PART: [{ required: true, message: '隐患部位不能为空', trigger: 'blur' }],
|
||
INSPECTION_BASIS: [{ required: true, message: '隐患描述不能为空', trigger: 'blur' }],
|
||
RECTIFYDESCR: [{ required: true, message: '整改建议不能为空', trigger: 'blur' }],
|
||
CORPINFO_ID: [{ required: true, message: '企业必选', trigger: 'blur' }],
|
||
INDUSTRY_TYPE: [{
|
||
required: true,
|
||
validator: (rules, value, callback) => {
|
||
if (!value || value.length === 0 || value[0] === '') {
|
||
return callback(new Error('行业类型必选'))
|
||
}
|
||
return callback()
|
||
},
|
||
trigger: 'blur'
|
||
}]
|
||
},
|
||
industry_type_list_rule: {
|
||
value: 'DICTIONARIES_ID',
|
||
label: 'NAME',
|
||
children: 'children'
|
||
},
|
||
hidden_types_list_rule: {
|
||
value: 'DICTIONARIES_ID',
|
||
label: 'NAME',
|
||
children: 'children',
|
||
checkStrictly: true
|
||
},
|
||
industry_type_list: [],
|
||
hidden_types_list: [],
|
||
listQuery: {
|
||
page: 1,
|
||
limit: 10
|
||
},
|
||
corp_info_list: [],
|
||
risk_unit_list: [],
|
||
visible: false,
|
||
info: {}
|
||
}
|
||
},
|
||
methods: {
|
||
init(e) {
|
||
this.visible = true
|
||
this.getRiskUnit()
|
||
this.getDicTree()
|
||
if (e) {
|
||
this.form = e
|
||
this.$set(this.form, 'INDUSTRY_TYPE', [this.form.INDUSTRY_TYPE_ONE, this.form.INDUSTRY_TYPE_TWO, this.form.INDUSTRY_TYPE_THREE, this.form.INDUSTRY_TYPE_FOUR])
|
||
this.corp_info_list = [{ CORPINFO_ID: this.form.CORP_INFO_ID, CORP_NAME: this.form.CORP_INFO_NAME }]
|
||
this.form.CORPINFO_ID = this.form.CORP_INFO_ID
|
||
this.risk_unit_list = [{ RISKUNIT_ID: this.form.RISK_UNIT_ID, RISKUNITNAME: this.form.RISK_UNIT_NAME }]
|
||
if (!this.form.HIDDEN_TYPES) this.form.HIDDEN_TYPES = []
|
||
if (this.form.HIDDEN_TYPE_ONE) this.form.HIDDEN_TYPES.push(this.form.HIDDEN_TYPE_ONE)
|
||
if (this.form.HIDDEN_TYPE_TWO) this.form.HIDDEN_TYPES.push(this.form.HIDDEN_TYPE_TWO)
|
||
if (this.form.HIDDEN_TYPE_THREE) this.form.HIDDEN_TYPES.push(this.form.HIDDEN_TYPE_THREE)
|
||
}
|
||
},
|
||
confirm() {
|
||
this.$refs.form.validate(valid => {
|
||
if (valid) {
|
||
this.loading = true
|
||
this.form.INDUSTRY_TYPE_ONE = this.form.INDUSTRY_TYPE ? this.form.INDUSTRY_TYPE[0] : ''
|
||
this.form.INDUSTRY_TYPE_TWO = this.form.INDUSTRY_TYPE ? this.form.INDUSTRY_TYPE[1] : ''
|
||
this.form.INDUSTRY_TYPE_THREE = this.form.INDUSTRY_TYPE ? this.form.INDUSTRY_TYPE[2] : ''
|
||
this.form.INDUSTRY_TYPE_FOUR = this.form.INDUSTRY_TYPE ? this.form.INDUSTRY_TYPE[3] : ''
|
||
this.form.CORP_INFO_ID = this.form.CORPINFO_ID
|
||
|
||
this.form.HIDDEN_TYPE_ONE = this.form.HIDDEN_TYPES ? this.form.HIDDEN_TYPES[0] : ''
|
||
this.form.HIDDEN_TYPE_TWO = this.form.HIDDEN_TYPES ? this.form.HIDDEN_TYPES[1] : ''
|
||
this.form.HIDDEN_TYPE_THREE = this.form.HIDDEN_TYPES ? this.form.HIDDEN_TYPES[2] : ''
|
||
|
||
requestFN(
|
||
'/hiddenLibrary/init', this.form
|
||
).then((data) => {
|
||
this.loading = false
|
||
this.close()
|
||
this.$emit('beforeClose', '')
|
||
this.$message.success('操作成功')
|
||
}).catch((e) => {
|
||
this.loading = false
|
||
})
|
||
} else {
|
||
return false
|
||
}
|
||
})
|
||
},
|
||
resetForm() {
|
||
this.form = {
|
||
INDUSTRY_TYPE_ONE: '', // 行业类型1(数据字典)
|
||
INDUSTRY_TYPE_TWO: '', // 行业类型2(数据字典)
|
||
INDUSTRY_TYPE_THREE: '', // 行业类型3(数据字典)
|
||
INDUSTRY_TYPE_FOUR: '', // 行业类型4(数据字典)
|
||
HIDDEN_TYPES: '', // 检查隐患类型(数据字典)
|
||
RISK_UNIT_ID: '', // 隐患区域(风险单元)
|
||
RISK_UNIT_NAME: '', // 隐患区域名称(风险单元名称)
|
||
HIDDEN_PART: '', // 隐患部位
|
||
HIDDEN_DESCR: '', // 隐患描述
|
||
CREATOR_ID: '', // 创建人
|
||
CREATOR_NAME: '', // 创建人名称
|
||
CREATED_TIME: '', // 创建时间
|
||
OPERATOR_ID: '', // 更改人id
|
||
OPERATOR_NAME: '', // 更改人名称
|
||
OPERAT_TIME: '', // 更改时间
|
||
INSPECTION_BASIS: '', // 检查依据
|
||
CORP_INFO_ID: '', // 企业id
|
||
ISDELETE: '', // 删除标志位
|
||
STATUS: '', // 状态（0-编辑状态，1-已加入库）
|
||
SOURCE: '0'
|
||
}
|
||
},
|
||
close() {
|
||
this.visible = false
|
||
this.form = {
|
||
HIDDEN_LIBRARY_ID: '',
|
||
INDUSTRY_TYPE_ONE: '', // 行业类型1(数据字典)
|
||
INDUSTRY_TYPE_TWO: '', // 行业类型2(数据字典)
|
||
INDUSTRY_TYPE_THREE: '', // 行业类型3(数据字典)
|
||
INDUSTRY_TYPE_FOUR: '', // 行业类型4(数据字典)
|
||
INDUSTRY_TYPE: '',
|
||
HIDDEN_TYPES: '', // 检查隐患类型(数据字典)
|
||
RISK_UNIT_ID: '', // 隐患区域(风险单元)
|
||
RISK_UNIT_NAME: '', // 隐患区域名称(风险单元名称)
|
||
HIDDEN_PART: '', // 隐患部位
|
||
HIDDEN_DESCR: '', // 隐患描述
|
||
CREATOR_ID: '', // 创建人
|
||
CREATOR_NAME: '', // 创建人名称
|
||
CREATED_TIME: '', // 创建时间
|
||
OPERATOR_ID: '', // 更改人id
|
||
OPERATOR_NAME: '', // 更改人名称
|
||
OPERAT_TIME: '', // 更改时间
|
||
INSPECTION_BASIS: '', // 检查依据
|
||
INSPECTION_INFO: '',
|
||
CORP_INFO_ID: '', // 企业id
|
||
ISDELETE: '', // 删除标志位
|
||
STATUS: '', // 状态（0-编辑状态，1-已加入库）
|
||
CORPINFO_ID: '',
|
||
SOURCE: '0'
|
||
}
|
||
},
|
||
getRiskUnit() {
|
||
requestFN(
|
||
'/riskUnit/getCorpInfoList', {}
|
||
).then((data) => {
|
||
this.corp_info_list = data.list
|
||
}).catch((e) => {
|
||
console.log(e)
|
||
})
|
||
},
|
||
getCorpInfo(query) {
|
||
if (query !== '') {
|
||
requestFN(
|
||
'/riskUnit/getCorpInfoList', { CORP_NAME: query }
|
||
).then((data) => {
|
||
this.corp_info_list = data.list
|
||
}).catch((e) => {
|
||
console.log(e)
|
||
})
|
||
} else {
|
||
requestFN(
|
||
'/riskUnit/getCorpInfoList', { CORP_NAME: query }
|
||
).then((data) => {
|
||
this.corp_info_list = data.list
|
||
}).catch((e) => {
|
||
console.log(e)
|
||
})
|
||
}
|
||
},
|
||
getDicTree() {
|
||
this.loading = true
|
||
const loadingLock = []
|
||
requestFN(
|
||
'/dictionaries/listAllDictToParIdCurrent', { parentId: 'f2598ba72e864eadabf0ca4b664d26b9' }
|
||
).then((data) => {
|
||
this.industry_type_list = JSON.parse(data.tree)
|
||
if (loadingLock.length === 1) {
|
||
this.loading = false
|
||
} else {
|
||
loadingLock.push(1)
|
||
}
|
||
}).catch((e) => {
|
||
this.loading = false
|
||
})
|
||
requestFN(
|
||
'/dictionaries/listAllDictToParIdCurrent', { parentId: 'b4a7325f96af40808ec64c85c162933d' }
|
||
).then((data) => {
|
||
this.hidden_types_list = JSON.parse(data.tree)
|
||
if (loadingLock.length === 1) {
|
||
this.loading = false
|
||
} else {
|
||
loadingLock.push(1)
|
||
}
|
||
}).catch((e) => {
|
||
console.log(e)
|
||
})
|
||
}
|
||
}
|
||
}
|
||
|
||
</script>
|