From 20b0ce2db27b64a60de60aee05dedd448099e330 Mon Sep 17 00:00:00 2001
From: 马宇豪 <978517621@qq.com>
Date: 星期一, 08 七月 2024 10:12:16 +0800
Subject: [PATCH] xiugai
---
src/views/newSpecialWorkSystem/workTicket/zysq/components/broken.vue | 306 ++++++++++++++++++++++++++++++--------------------
1 files changed, 183 insertions(+), 123 deletions(-)
diff --git a/src/views/newSpecialWorkSystem/workTicket/zysq/components/broken.vue b/src/views/newSpecialWorkSystem/workTicket/zysq/components/broken.vue
index fb4cbf7..65d59ab 100644
--- a/src/views/newSpecialWorkSystem/workTicket/zysq/components/broken.vue
+++ b/src/views/newSpecialWorkSystem/workTicket/zysq/components/broken.vue
@@ -4,20 +4,28 @@
<div class="homeCard">
<el-row>
<el-col :span="12">
- <el-form-item label="作业申请单位" prop="applyDepId">
- <el-cascader style="width: 100%" v-model="form.applyDepId" :options="departList2" :props="props" :show-all-levels="false" placeholder="明确到具体车间" @change="findParent" clearable/>
+ <el-form-item label="作业申请单位" prop="depIdList">
+ <el-cascader style="width: 100%" v-model="form.depIdList" :options="lists.departList2" :props="props1" :show-all-levels="false" placeholder="明确到具体车间" @change="findParent" clearable/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
- <el-form-item label="作业单位" prop="workDepId">
- <el-cascader style="width: 100%" v-model="form.workDepId" :props="depProps" :options="departList" :show-all-levels="false"/>
+ <el-form-item label="作业单位" prop="workDepIds">
+ <el-cascader style="width: 100%" v-model="form.workDepIds" :props="depProps" @change="getWorkerList" :options="lists.departList" :show-all-levels="false"/>
</el-form-item>
</el-col>
<el-col :span="12">
- <el-form-item label="涉及相关单位（部门）" prop="workDetail.involvedDepIds">
- <el-cascader style="width: 100%" v-model="form.workDetail.involvedDepIds" :props="depProps2" :options="departList" :show-all-levels="false"/>
+ <el-form-item label="作业人" prop="operatorUids">
+ <el-select v-model="form.operatorUids" filterable multiple clearable>
+ <el-option
+ v-for="item in zyList"
+ :key="item.uid"
+ :label="item.realName"
+ :value="item.uid"
+ />
+ </el-select>
+ <!-- <el-cascader style="width: 100%" v-model="form.operatorUids" :options="lists.spList.opList" :props="cas2Props" @change="singleSelect($event,'作业人')" filterable :show-all-levels="false"/>-->
</el-form-item>
</el-col>
</el-row>
@@ -56,43 +64,35 @@
</el-col>
<el-col :span="12">
<el-form-item label="监护人" prop="guardianUids">
-<!-- <el-select v-model="form.guardianUids" filterable multiple @change="getSafetyIds" clearable>-->
-<!-- <el-option-->
-<!-- v-for="item in spList.jhList"-->
-<!-- :key="item.uid"-->
-<!-- :label="item.realName"-->
-<!-- :value="item.uid"-->
-<!-- />-->
-<!-- </el-select>-->
- <el-cascader style="width: 100%" v-model="form.guardianUids" :options="spList.jhList" :props="cas3Props" filterable @change="singleSelect($event,'监护人')" :show-all-levels="false"/>
+ <el-select v-model="form.guardianUids" filterable multiple clearable>
+ <el-option
+ v-for="item in lists.spList.jhList"
+ :key="item.uid"
+ :label="item.realName"
+ :value="item.uid"
+ />
+ </el-select>
+<!-- <el-cascader style="width: 100%" v-model="form.guardianUids" :options="lists.spList.jhList" :props="cas3Props" filterable @change="singleSelect($event,'监护人')" :show-all-levels="false"/>-->
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="作业负责人" prop="headUids">
-<!-- <el-select v-model="form.headUids" filterable multiple @change="getStartEndIds" clearable>-->
-<!-- <el-option-->
-<!-- v-for="item in workerList"-->
-<!-- :key="item.uid"-->
-<!-- :label="item.username"-->
-<!-- :value="item.uid"-->
-<!-- />-->
-<!-- </el-select>-->
- <el-cascader style="width: 100%" v-model="form.headUids" :options="workerList" :props="casProps" @change="getStartEndIds" filterable :show-all-levels="false"/>
+ <el-select v-model="form.headUids" filterable multiple @change="getStartEndIds" clearable>
+ <el-option
+ v-for="item in lists.workerList"
+ :key="item.uid"
+ :label="item.username"
+ :value="item.uid"
+ />
+ </el-select>
+<!-- <el-cascader style="width: 100%" v-model="form.headUids" :options="lists.workerList" :props="casProps" @change="getStartEndIds" filterable :show-all-levels="false"/>-->
</el-form-item>
</el-col>
<el-col :span="12">
- <el-form-item label="作业人" prop="operatorUids">
-<!-- <el-select v-model="form.operatorUids" filterable multiple clearable>-->
-<!-- <el-option-->
-<!-- v-for="item in spList.opList"-->
-<!-- :key="item.uid"-->
-<!-- :label="item.realName"-->
-<!-- :value="item.uid"-->
-<!-- />-->
-<!-- </el-select>-->
- <el-cascader style="width: 100%" v-model="form.operatorUids" :options="spList.opList" :props="cas2Props" @change="singleSelect($event,'作业人')" filterable :show-all-levels="false"/>
+ <el-form-item label="涉及相关单位（部门）" prop="workDetail.involvedDepIds">
+ <el-cascader style="width: 100%" v-model="form.workDetail.involvedDepIds" :props="depProps2" :options="lists.departList" :show-all-levels="false"/>
</el-form-item>
</el-col>
</el-row>
@@ -108,7 +108,7 @@
<!-- />-->
<!-- </el-select>-->
<el-select v-model="form.involveOtherWork" multiple clearable :teleported="false" @click="openWorkSelect">
- <el-option v-for="item in otherWorks" :key="item.workApplyId" :label="item.workContent" :value="item.workApplyId">
+ <el-option v-for="item in lists.otherWorks" :key="item.workApplyId" :label="item.workContent" :value="item.workApplyId">
</el-option>
</el-select>
</el-form-item>
@@ -117,7 +117,7 @@
<el-form-item label="绑定执法仪" prop="cameraIds">
<el-select v-model="form.cameraIds" multiple clearable>
<el-option
- v-for="item in deviceList"
+ v-for="item in lists.deviceList"
:key="item.id"
:label="item.name"
:value="item.id"
@@ -188,12 +188,14 @@
<el-row>
<el-col :span="12">
<el-form-item label="风险辨识" prop="riskIdentification">
- <el-input
- v-model="form.riskIdentification"
- :autosize="{ minRows: 1 }"
- type="textarea"
- placeholder="请输入风险辨识"
- />
+ <el-select v-model="form.riskIdentification" multiple clearable>
+ <el-option
+ v-for="item in lists.riskList"
+ :key="item.id"
+ :label="item.content"
+ :value="item.content"
+ />
+ </el-select>
</el-form-item>
</el-col>
<el-col :span="12">
@@ -208,7 +210,7 @@
</el-col>
</el-row>
<el-row style="display: flex;justify-content: center">
- <el-table :data="safetyMeasureBasicList" style="width: 90%" border>
+ <el-table :data="safetyMeasureBasicList" style="width: 90%" border v-loading="tabLoading">
<el-table-column type="index" label="序号" width="100px" align="center"/>
<el-table-column prop="measureContent" label="安全措施"/>
<!-- <el-table-column prop="address" label="确认人">-->
@@ -226,15 +228,15 @@
<el-row>
<el-col :span="12">
<el-form-item label="安全措施确认人" prop="safetyMeasureUids">
-<!-- <el-select v-model="form.safetyMeasureUids" filterable multiple clearable>-->
-<!-- <el-option-->
-<!-- v-for="item in workerList"-->
-<!-- :key="item.uid"-->
-<!-- :label="item.username"-->
-<!-- :value="item.uid"-->
-<!-- />-->
-<!-- </el-select>-->
- <el-cascader style="width: 100%" v-model="form.safetyMeasureUids" :options="workerList" :props="casProps" filterable @change="singleSelect($event,'确认人')" :show-all-levels="false"/>
+ <el-select v-model="form.safetyMeasureUids" filterable multiple clearable>
+ <el-option
+ v-for="item in lists.workerList"
+ :key="item.uid"
+ :label="item.username"
+ :value="item.uid"
+ />
+ </el-select>
+<!-- <el-cascader style="width: 100%" v-model="form.safetyMeasureUids" :options="lists.workerList" :props="casProps" filterable @change="singleSelect($event,'确认人')" :show-all-levels="false"/>-->
</el-form-item>
</el-col>
</el-row>
@@ -259,11 +261,11 @@
<!-- </el-col>-->
<!-- </el-row>-->
<el-row style="display: flex;justify-content: center">
- <el-table :data="form.approvalDepBasicList" style="width: 90%" border>
+ <el-table :data="form.approvalDepBasicList" style="width: 90%" border v-loading="tabLoading">
<el-table-column prop="content" label="审批签字项目" align="center"/>
<el-table-column prop="approvalType" label="是否必签" align="center">
<template #default="scope">
- <el-form-item label="" prop="acceptUid">
+ <el-form-item label="" prop="acceptUid" label-width="0">
<el-radio-group v-model="scope.row.approvalType">
<el-radio :label="0">所有必签</el-radio>
<el-radio :label="1">任一</el-radio>
@@ -276,7 +278,7 @@
<template #default="scope">
<el-select v-model="scope.row.approvalUids" filterable multiple :disabled="isFirstRow(scope.$index)" clearable>
<el-option
- v-for="item in workerList"
+ v-for="item in lists.workerList"
:key="item.uid"
:label="item.username"
:value="item.uid"
@@ -289,28 +291,28 @@
<el-row>
<el-col :span="12">
<el-form-item label="完工验收" prop="acceptUid">
-<!-- <el-select v-model="form.acceptUid" filterable clearable>-->
-<!-- <el-option-->
-<!-- v-for="item in workerList"-->
-<!-- :key="item.uid"-->
-<!-- :label="item.username"-->
-<!-- :value="item.uid"-->
-<!-- />-->
-<!-- </el-select>-->
- <el-cascader style="width: 100%" v-model="form.acceptUid" :options="workerList" :props="cas4Props" filterable :show-all-levels="false"/>
+ <el-select v-model="form.acceptUid" filterable clearable>
+ <el-option
+ v-for="item in lists.workerList"
+ :key="item.uid"
+ :label="item.username"
+ :value="item.uid"
+ />
+ </el-select>
+<!-- <el-cascader style="width: 100%" v-model="form.acceptUid" :options="lists.workerList" :props="cas4Props" filterable :show-all-levels="false"/>-->
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="现场开始结束确认人" prop="startOrEndUids">
-<!-- <el-select v-model="form.startOrEndUids" filterable multiple clearable>-->
-<!-- <el-option-->
-<!-- v-for="item in workerList"-->
-<!-- :key="item.uid"-->
-<!-- :label="item.username"-->
-<!-- :value="item.uid"-->
-<!-- />-->
-<!-- </el-select>-->
- <el-cascader style="width: 100%" v-model="form.startOrEndUids" :options="workerList" :props="casProps" filterable @change="singleSelect($event,'结束人')" :show-all-levels="false"/>
+ <el-select v-model="form.startOrEndUids" filterable multiple clearable>
+ <el-option
+ v-for="item in lists.workerList"
+ :key="item.uid"
+ :label="item.username"
+ :value="item.uid"
+ />
+ </el-select>
+<!-- <el-cascader style="width: 100%" v-model="form.startOrEndUids" :options="lists.workerList" :props="casProps" filterable @change="singleSelect($event,'结束人')" :show-all-levels="false"/>-->
</el-form-item>
</el-col>
</el-row>
@@ -319,7 +321,7 @@
<el-form-item label="签字人" prop="workDetail.signUid">
<el-select v-model="form.workDetail.signUid" filterable clearable>
<el-option
- v-for="item in workerList"
+ v-for="item in lists.workerList"
:key="item.uid"
:label="item.username"
:value="item.uid"
@@ -327,11 +329,24 @@
</el-select>
</el-form-item>
</el-col>
+ <el-col :span="12">
+ <el-form-item label="最终审批人" prop="lastApprover">
+ <el-select v-model="form.lastApprover" filterable clearable>
+ <el-option
+ v-for="item in lists.workerList"
+ :key="item.uid"
+ :label="item.username"
+ :value="item.uid"
+ />
+ </el-select>
+<!-- <el-cascader style="width: 100%" v-model="form.lastApprover" :options="lists.workerList" :props="cas4Props" filterable :show-all-levels="false"/>-->
+ </el-form-item>
+ </el-col>
</el-row>
</div>
</el-form>
<div class="applyBtn">
- <el-button type="primary" size="large" plain @click="submitForm(ruleFormRef)">提交申报</el-button>
+ <el-button type="primary" size="large" v-throttle plain @click="submitForm(ruleFormRef)">提交申报</el-button>
</div>
<work-select ref="workSelectRef" @refreshWorks="getSelected()"></work-select>
</div>
@@ -354,7 +369,8 @@
interface stateType {
form: Object,
equipmentDialog: boolean,
- props:{},
+ zyList: []
+ props1:{},
depProps:{},
depProps2:{},
casProps:{}
@@ -365,6 +381,7 @@
fileList: Array<file>,
uploadUrl: string,
dialogVisible: Boolean,
+ tabLoading: Boolean,
dialogImageUrl: string | null,
imgLimit: number,
}
@@ -374,16 +391,19 @@
export default defineComponent({
name: 'brokenForm',
components: {workSelect},
- props:['departList','departList2','workerList','deviceList','otherWorks','spList'],
+ props:['lists'],
setup(props: any, context: any) {
const userInfo = useUserInfo()
const { userInfos } = storeToRefs(userInfo);
const state = reactive<stateType>({
+ tabLoading: false,
equipmentDialog: false,
safetyMeasureBasicList: [],
+ zyList: [],
form: {
workType: 5,
workLevel: 0,
+ depIdList: [],
applyDepId: null,
seDepId: null,
expStartTime: '',
@@ -392,14 +412,15 @@
headUids: [],
analystUids: [],
guardianUids: [],
- workDepId: null,
+ workDepIds: [],
workContent: '',
workLocation: '',
- riskIdentification: '',
+ riskIdentification: [],
involveOtherWork: [],
safetyMeasureUids: [],
approvalDepBasicList: [],
acceptUid: null,
+ lastApprover: null,
startOrEndUids: [],
cameraIds: [],
workDetail: {
@@ -410,16 +431,16 @@
signUid: null
}
},
- props:{
+ props1:{
expandTrigger: 'hover',
label: 'depName',
- value: 'depId',
- emitPath: false
+ value: 'depId'
},
depProps:{
expandTrigger: 'hover',
label: 'depName',
value: 'depId',
+ multiple: true,
checkStrictly: true,
emitPath: false
},
@@ -432,6 +453,7 @@
multiple: true
},
casProps: {
+ expandTrigger: 'hover',
value: 'uid',
label: 'username',
multiple: true,
@@ -439,8 +461,8 @@
async lazyLoad(node, resolve){
const { value, level } = node
let nodes = []
- if(value == 0){
- nodes = props.workerList
+ if(level == 0){
+ nodes = props.lists.workerList
}else{
let res = await userApi().getCtf({uid: value})
if(res.data.code == 200){
@@ -461,6 +483,7 @@
}
},
cas2Props: {
+ expandTrigger: 'hover',
value: 'uid',
label: 'realName',
multiple: true,
@@ -469,8 +492,8 @@
async lazyLoad(node, resolve){
const { value, level } = node
let nodes = []
- if(value == 0){
- nodes = props.spList.opList
+ if(level == 0){
+ nodes = props.lists.spList.opList
}else{
let res = await userApi().getCtf({uid: value})
if(res.data.code == 200){
@@ -491,6 +514,7 @@
}
},
cas3Props: {
+ expandTrigger: 'hover',
value: 'uid',
label: 'realName',
multiple: true,
@@ -498,8 +522,8 @@
async lazyLoad(node, resolve){
const { value, level } = node
let nodes = []
- if(value == 0){
- nodes = props.spList.jhList
+ if(level == 0){
+ nodes = props.lists.spList.jhList
}else{
let res = await userApi().getCtf({uid: value})
if(res.data.code == 200){
@@ -520,14 +544,15 @@
}
},
cas4Props: {
+ expandTrigger: 'hover',
value: 'uid',
label: 'username',
lazy: true,
async lazyLoad(node, resolve){
const { value, level } = node
let nodes = []
- if(value == 0){
- nodes = props.workerList
+ if(level == 0){
+ nodes = props.lists.workerList
}else{
let res = await userApi().getCtf({uid: value})
if(res.data.code == 200){
@@ -555,12 +580,12 @@
});
const ruleFormRef = ref<FormInstance>()
const applyRules = reactive<FormRules>({
- applyDepId: [{ required: true, message: '该内容不能为空', trigger: 'blur' }],
+ depIdList: [{ required: true, message: '该内容不能为空', trigger: 'blur' }],
workLevel: [{ required: true, message: '该内容不能为空', trigger: 'blur' }],
workContent: [{ required: true, message: '该内容不能为空', trigger: 'blur' }],
workLocation: [{ required: true, message: '该内容不能为空', trigger: 'blur' }],
operatorUids: [{ required: true, message: '该内容不能为空', trigger: 'blur' }],
- workDepId: [{ required: true, message: '该内容不能为空', trigger: 'blur' }],
+ workDepIds: [{ required: true, message: '该内容不能为空', trigger: 'blur' }],
headUids: [{ required: true, message: '该内容不能为空', trigger: 'blur' }],
analystUids: [{ required: true, message: '该内容不能为空', trigger: 'blur' }],
guardianUids: [{ required: true, message: '该内容不能为空', trigger: 'blur' }],
@@ -570,6 +595,7 @@
expEndTime: [{ required: true, message: '该内容不能为空', trigger: 'blur' }],
safetyMeasureUids: [{ required: true, message: '该内容不能为空', trigger: 'blur' }],
acceptUid: [{ required: true, message: '该内容不能为空', trigger: 'blur' }],
+ lastApprover: [{ required: true, message: '该内容不能为空', trigger: 'blur' }],
startOrEndUids: [{ required: true, message: '该内容不能为空', trigger: 'blur' }],
"workDetail.involvedDepIds": [{ required: true, message: '该内容不能为空', trigger: 'blur' }],
"workDetail.bcReason": [{ required: true, message: '该内容不能为空', trigger: 'blur' }],
@@ -580,21 +606,31 @@
const workSelectRef = ref()
// 页面载入时执行方法
onMounted(() => {
+ state.zyList = props.lists.spList.opList
+ getBasicData()
});
const openWorkSelect = ()=>{
workSelectRef.value.openDialog(state.form.involveOtherWork)
}
-
+ const getWorkerList = (val)=>{
+ const filteredList = props.lists.spList.opList.filter(i => state.form.workDepIds.includes(i.depId));
+ if(filteredList && filteredList.length>0){
+ state.zyList = filteredList
+ }else{
+ state.zyList = props.lists.spList.opList
+ }
+ }
const getSelected = ()=>{
state.form.involveOtherWork = workSelectRef.value.selected
}
const findParent = ()=>{
- state.form.seDepId = findNearestDepLevel2DepId(props.departList2,state.form.applyDepId)
- console.log(state.form.seDepId,'state.form.seDepId')
+ state.form.applyDepId = state.form.depIdList[state.form.depIdList.length - 1]
+ state.form.seDepId = state.form.depIdList[0]
}
// 获取基础数据
const getBasicData = async ()=>{
+ state.tabLoading = true
const res = await workApplyApi().getFormData(5)
if (res.data.code === '200') {
state.safetyMeasureBasicList = JSON.parse(JSON.stringify(res.data.data.safetyMeasureBasicList))
@@ -614,24 +650,27 @@
message: res.data.msg
});
}
+ state.tabLoading = false
};
const getStartEndIds = (value)=>{
- let selected = value
- if(selected.length>1){
- const temp = []
- for(let i of selected){
- const index = temp.findIndex(item => item[0] === i[0]);
- if (index !== -1) {
- temp[index] = i
- }else{
- temp.push(i)
- }
- }
- state.form.headUids = temp
- }
+ // let selected = value
+ // if(selected.length>1){
+ // const temp = []
+ // for(let i of selected){
+ // const index = temp.findIndex(item => item[0] === i[0]);
+ // if (index !== -1) {
+ // temp[index] = i
+ // }else{
+ // temp.push(i)
+ // }
+ // }
+ // state.form.headUids = temp
+ // }
+ // state.form.startOrEndUids = state.form.headUids
+ // state.form.approvalDepBasicList[0].approvalUids = [...new Set(state.form.headUids.map((i)=>i[0]))]
state.form.startOrEndUids = state.form.headUids
- state.form.approvalDepBasicList[0].approvalUids = [...new Set(state.form.headUids.map((i)=>i[0]))]
+ state.form.approvalDepBasicList[0].approvalUids = state.form.headUids
}
const getSafetyIds = ()=>{
@@ -653,12 +692,23 @@
})
}
- const transform2Obj = (arr: Array<any>)=>{
+ const transform2Arr = (arr: Array<any>)=>{
+ return arr.map((i)=>{
+ return {
+ uid: i,
+ certificate: '',
+ certExpiredAt: '',
+ certTypeName: ''
+ }
+ })
+ }
+
+ const transform2Obj = (id: any)=>{
return {
- uid: arr[0],
- certificate: arr[1].split(',')[0],
- certExpiredAt: arr[1].split(',')[1],
- certTypeName: arr[1].split(',')[2]
+ uid: id,
+ certificate: '',
+ certExpiredAt: '',
+ certTypeName: ''
}
}
@@ -694,18 +744,20 @@
return
}
}
- if(Array.isArray(state.form.involveOtherWork)){
- state.form.involveOtherWork = state.form.involveOtherWork.join(',')
- }
+ // if(Array.isArray(state.form.involveOtherWork)){
+ // state.form.involveOtherWork = state.form.involveOtherWork.join(',')
+ // }
state.form.workDetail.involvedDepIds = state.form.workDetail.involvedDepIds.join(',')
state.form.workDetail.bcPath = state.form.workDetail.bcPath.join(',')
- const data = state.form
- data.operatorUids = transformArr(data.operatorUids)
- data.headUids = transformArr(data.headUids)
- data.guardianUids = transformArr(data.guardianUids)
- data.safetyMeasureUids = transformArr(data.safetyMeasureUids)
- data.startOrEndUids = transformArr(data.startOrEndUids)
+ state.form.riskIdentification = state.form.riskIdentification.join(',')
+ const {depIdList,...data} = state.form
+ data.operatorUids = transform2Arr(data.operatorUids)
+ data.headUids = transform2Arr(data.headUids)
+ data.guardianUids = transform2Arr(data.guardianUids)
+ data.safetyMeasureUids = transform2Arr(data.safetyMeasureUids)
+ data.startOrEndUids = transform2Arr(data.startOrEndUids)
data.acceptUid = transform2Obj(data.acceptUid)
+ data.lastApprover = transform2Obj(data.lastApprover)
const res = await workApplyApi().submitBrokenApply(data)
if (res.data.code === '200') {
ElMessage({
@@ -713,6 +765,8 @@
message: '提交成功！'
});
formEl.resetFields()
+ state.form.guardianUids = []
+ state.form.involveOtherWork = []
getBasicData()
state.form.workDetail.bcPath = []
state.fileList = []
@@ -724,9 +778,14 @@
state.form.involveOtherWork = state.form.involveOtherWork.split(',')
state.form.workDetail.involvedDepIds = state.form.workDetail.involvedDepIds.split(',')
state.form.workDetail.bcPath = state.form.workDetail.bcPath.split(',')
+ state.form.riskIdentification = state.form.riskIdentification.split(',')
}
} else {
console.log('error submit!', fields)
+ ElMessage({
+ type: 'warning',
+ message: '有表单内容未完成，请再次检查完善'
+ })
}
})
}
@@ -859,6 +918,7 @@
return {
renderMenu,
getBasicData,
+ getWorkerList,
getStartEndIds,
getSafetyIds,
isFirstRow,
--
Gitblit v1.9.2