From 7df64634d3d7b292713eebfa008c40b3f5f9f65f Mon Sep 17 00:00:00 2001 From: shj <1790240199@qq.com> Date: 星期二, 20 九月 2022 15:57:03 +0800 Subject: [PATCH] 修改 --- src/views/contingencyManagement/emergencyDrill/drillImplementationEvaluation/component/approvalProgress.vue | 146 ++++++++++++++++++++++++++---------------------- 1 files changed, 79 insertions(+), 67 deletions(-) diff --git a/src/views/contingencyManagement/emergencyDrill/drillImplementationEvaluation/component/approvalProgress.vue b/src/views/contingencyManagement/emergencyDrill/drillImplementationEvaluation/component/approvalProgress.vue index 81b4674..4323f55 100644 --- a/src/views/contingencyManagement/emergencyDrill/drillImplementationEvaluation/component/approvalProgress.vue +++ b/src/views/contingencyManagement/emergencyDrill/drillImplementationEvaluation/component/approvalProgress.vue @@ -41,9 +41,9 @@ <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20"> <el-form-item label="演练方式" prop="drillWay"> <el-select :disabled="true" v-model="ruleForm.drillWay" class="w100" placeholder="请选择"> - <el-option label="综合" value="0"></el-option> - <el-option label="桌面" value="1"></el-option> - <el-option label="专项" value="2"></el-option> + <el-option label="综合" :value="1"></el-option> + <el-option label="桌面" :value="2"></el-option> + <el-option label="专项" :value="3"></el-option> </el-select> </el-form-item> </el-col> @@ -64,9 +64,9 @@ <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20"> <el-form-item label="演练级别" prop="drillLevel"> <el-select :disabled="true" v-model="ruleForm.drillLevel" class="w100" placeholder="请选择"> - <el-option label="公司级" value="1"></el-option> - <el-option label="分厂级" value="2"></el-option> - <el-option label="车间级" value="3"></el-option> + <el-option label="公司级" :value="1"></el-option> + <el-option label="分厂级" :value="2"></el-option> + <el-option label="车间级" :value="3"></el-option> </el-select> </el-form-item> </el-col> @@ -167,20 +167,7 @@ </el-col> <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20" style="margin-bottom: 0!important;"> <el-form-item label="预案附件"> - <el-upload - v-model:file-list="fileList" - class="upload-demo" - action="https://run.mocky.io/v3/9d059bf9-4660-45f2-925d-ce80ad6c4d15" - :on-change="handleChange" - > - <el-button type="primary" - >点击上传</el-button> - <template #tip> - <div class="el-upload__tip"> - 添加相关附件 - </div> - </template> - </el-upload> + <uploaderFile :fileList="ruleForm.planFileList" :disabled="true"></uploaderFile> </el-form-item> </el-col> <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20"> @@ -251,100 +238,100 @@ <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20"> <el-form-item label="预案评审-适宜性" prop="suitable"> <el-select :disabled="disabled" v-model="ruleForm.suitable" class="w100" placeholder="请选择"> - <el-option label="全部能够执行" value="1"></el-option> - <el-option label="全部不能够执行" value="2"></el-option> + <el-option label="全部能够执行" :value="1"></el-option> + <el-option label="全部不能够执行" :value="2"></el-option> </el-select> </el-form-item> </el-col> <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20"> <el-form-item label="预案评审-充分性" prop="sufficient"> <el-select :disabled="disabled" v-model="ruleForm.sufficient" class="w100" placeholder="请选择"> - <el-option label="完全满足应急要求" value="1"></el-option> - <el-option label="不完全满足应急要求" value="2"></el-option> - <el-option label="完全不满足应急要求" value="3"></el-option> + <el-option label="完全满足应急要求" :value="1"></el-option> + <el-option label="不完全满足应急要求" :value="2"></el-option> + <el-option label="完全不满足应急要求" :value="3"></el-option> </el-select> </el-form-item> </el-col> <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20"> <el-form-item label="人员到位情况" prop="arrival"> <el-select :disabled="disabled" v-model="ruleForm.arrival" class="w100" placeholder="请选择"> - <el-option label="迅速准确,基本按时到位" value="1"></el-option> - <el-option label="未按时到位" value="2"></el-option> + <el-option label="迅速准确,基本按时到位" :value="1"></el-option> + <el-option label="未按时到位" :value="2"></el-option> </el-select> </el-form-item> </el-col> <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20"> <el-form-item label="物资到位情况-现场物资" prop="supplies"> <el-select :disabled="disabled" v-model="ruleForm.supplies" class="w100" placeholder="请选择"> - <el-option label="现场物资充分,全部有效" value="1"></el-option> - <el-option label="现场物资不充分" value="2"></el-option> - <el-option label="现场没有物资" value="3"></el-option> + <el-option label="现场物资充分,全部有效" :value="1"></el-option> + <el-option label="现场物资不充分" :value="2"></el-option> + <el-option label="现场没有物资" :value="3"></el-option> </el-select> </el-form-item> </el-col> <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20"> <el-form-item label="物资到位情况-个人防护" prop="protection"> <el-select :disabled="disabled" v-model="ruleForm.protection" class="w100" placeholder="请选择"> - <el-option label="全部人员防护到位" value="1"></el-option> - <el-option label="人员未防护到位" value="2"></el-option> + <el-option label="全部人员防护到位" :value="1"></el-option> + <el-option label="人员未防护到位" :value="2"></el-option> </el-select> </el-form-item> </el-col> <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20"> <el-form-item label="协调组织情况-整体组织" prop="whole"> <el-select :disabled="disabled" v-model="ruleForm.whole" class="w100" placeholder="请选择"> - <el-option label="协调基本顺利,能够满足要求" value="1"></el-option> - <el-option label="协调不顺利" value="2"></el-option> + <el-option label="协调基本顺利,能够满足要求" :value="1"></el-option> + <el-option label="协调不顺利" :value="2"></el-option> </el-select> </el-form-item> </el-col> <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20"> <el-form-item label="协调组织情况-疏散组分工" prop="division"> <el-select :disabled="disabled" v-model="ruleForm.division" class="w100" placeholder="请选择"> - <el-option label="安全,快速" value="1"></el-option> - <el-option label="安全,不快速" value="2"></el-option> - <el-option label="不安全,快速" value="3"></el-option> - <el-option label="不安全,不快速" value="4"></el-option> + <el-option label="安全,快速" :value="1"></el-option> + <el-option label="安全,不快速" :value="2"></el-option> + <el-option label="不安全,快速" :value="3"></el-option> + <el-option label="不安全,不快速" :value="4"></el-option> </el-select> </el-form-item> </el-col> <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20"> <el-form-item label="实战效果评价" prop="effect"> <el-select :disabled="disabled" v-model="ruleForm.effect" class="w100" placeholder="请选择"> - <el-option label="基本达到目的,部分环节有待改进" value="1"></el-option> - <el-option label="未达到目的" value="2"></el-option> + <el-option label="基本达到目的,部分环节有待改进" :value="1"></el-option> + <el-option label="未达到目的" :value="2"></el-option> </el-select> </el-form-item> </el-col> <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20"> <el-form-item label="支援部门和协作有效性-报告上级" prop="report"> <el-select :disabled="disabled" v-model="ruleForm.report" class="w100" placeholder="请选择"> - <el-option label="报告及时" value="1"></el-option> - <el-option label="报告不及时" value="2"></el-option> + <el-option label="报告及时" :value="1"></el-option> + <el-option label="报告不及时" :value="2"></el-option> </el-select> </el-form-item> </el-col> <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20"> <el-form-item label="支援部门和协作有效性-安全部门" prop="safety"> <el-select :disabled="disabled" v-model="ruleForm.safety" class="w100" placeholder="请选择"> - <el-option label="按要求协作" value="1"></el-option> - <el-option label="未按要求协作" value="2"></el-option> + <el-option label="按要求协作" :value="1"></el-option> + <el-option label="未按要求协作" :value="2"></el-option> </el-select> </el-form-item> </el-col> <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20"> <el-form-item label="支援部门和协作有效性-救援后勤部门" prop="rescue"> <el-select :disabled="disabled" v-model="ruleForm.rescue" class="w100" placeholder="请选择"> - <el-option label="按要求协作" value="1"></el-option> - <el-option label="未按要求协作" value="2"></el-option> + <el-option label="按要求协作" :value="1"></el-option> + <el-option label="未按要求协作" :value="2"></el-option> </el-select> </el-form-item> </el-col> <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20"> <el-form-item label="支援部门和协作有效性-警戒撤离配合" prop="evacuate"> <el-select :disabled="disabled" v-model="ruleForm.evacuate" class="w100" placeholder="请选择"> - <el-option label="按要求配合" value="1"></el-option> - <el-option label="未按要求配合" value="2"></el-option> + <el-option label="按要求配合" :value="1"></el-option> + <el-option label="未按要求配合" :value="2"></el-option> </el-select> </el-form-item> </el-col> @@ -368,20 +355,8 @@ </el-col> <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20"> <el-form-item label="附件列表"> - <el-upload - v-model:file-list="ruleForm.userList" - class="upload-demo" - action="https://run.mocky.io/v3/9d059bf9-4660-45f2-925d-ce80ad6c4d15" - :on-change="handleChange" - > - <el-button type="primary" - >点击上传</el-button> - <template #tip> - <div class="el-upload__tip"> - 添加相关附件 - </div> - </template> - </el-upload> + <uploaderFile :fileList="fileList" :systemName="'EMERGENCY'" :disabled="disabled" + @successUploader="successUploader"></uploaderFile> </el-form-item> </el-col> </el-row> @@ -421,12 +396,14 @@ import DailogSearchUser from "/@/components/DailogSearchUser/index.vue" import {emergencyDrillEvaluationApi} from "/@/api/contingencyManagement/emergencyDrillEvaluation"; import {goalManagementApi} from "/@/api/goalManagement"; +import uploaderFile from '/@/components/uploaderFile/index.vue'; export default defineComponent({ name: 'approvalProgress', components: { UserSelections, RegionsDialog, - DailogSearchUser + DailogSearchUser, + uploaderFile }, setup(props, { emit }) { const isShowDialog = ref(false) @@ -512,6 +489,8 @@ ruleForm.value.evaluationUserListString += res.data.data.evaluationUserList[a].userName+';' } } + fileList.value = (res.data.data.evaluationFileList?res.data.data.evaluationFileList:[]) + initFileListData() }); } if(title=='演练实施评价'){ @@ -548,6 +527,8 @@ } } } + fileList.value = (res.data.data.evaluationFileList?res.data.data.evaluationFileList:[]) + initFileListData() }); } if(title=='演练实施查看评价'){ @@ -584,15 +565,41 @@ ruleForm.value.evaluationUserListString += res.data.data.evaluationUserList[a].userName+';' } } - + fileList.value = (res.data.data.evaluationFileList?res.data.data.evaluationFileList:[]) + initFileListData() } }); } + }; + const initFileListData = async () => { + for(var a = 0;a<ruleForm.value.planFileList.length;a++){ + ruleForm.value.planFileList[a].name = ruleForm.value.planFileList[a].fileName + } + // 事故分析会议纪要 + for(var a = 0;a<fileList.value.length;a++){ + fileList.value[a].name = fileList.value[a].fileName + } + } + // 上传成功组装数据 + const successUploader = (list) =>{ + fileList.value = list + const formFileList = [] + for(var a = 0;a<fileList.value.length;a++){ + formFileList.push( + { + fileName:fileList.value[a].fileName, + fileUrl:'' + } + ) + } + ruleForm.value.fileList = formFileList + } const resetForm = (formEl: FormInstance | undefined) => { isShowDialog.value = false; if (!formEl) return; formEl.resetFields(); + fileList.value = [] }; // 关闭弹窗 const closeDialog = () => { @@ -605,7 +612,7 @@ //日期选择器 const value1 = ref('') // 上传附件 - const fileList = ref<UploadUserFile[]>([]) + const fileList = ref([]) // 可选择树 const treeSelect = ref() const tree = [ @@ -663,6 +670,9 @@ // }) const submitForm = async (title: string, formEl: FormInstance | undefined) => { + if(!ruleForm.value.fileList){ + ruleForm.value.fileList = [] + } //演练负责人(评价) ruleForm.value.userList = ruleForm.value.evaluationUserList @@ -861,7 +871,9 @@ newTreeList, selectUser, submitForm, - realRuleForm + realRuleForm, + successUploader, + initFileListData }; }, }); @@ -910,4 +922,4 @@ font-weight: 500; font-size: 14px; } -</style> \ No newline at end of file +</style> -- Gitblit v1.9.2