| | |
| | | <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> |
| | |
| | | <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> |
| | |
| | | </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"> |
| | |
| | | <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> |
| | |
| | | </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> |
| | |
| | | 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) |
| | |
| | | ruleForm.value.evaluationUserListString += res.data.data.evaluationUserList[a].userName+';' |
| | | } |
| | | } |
| | | fileList.value = (res.data.data.evaluationFileList?res.data.data.evaluationFileList:[]) |
| | | initFileListData() |
| | | }); |
| | | } |
| | | if(title=='演练实施评价'){ |
| | |
| | | } |
| | | } |
| | | } |
| | | fileList.value = (res.data.data.evaluationFileList?res.data.data.evaluationFileList:[]) |
| | | initFileListData() |
| | | }); |
| | | } |
| | | if(title=='演练实施查看评价'){ |
| | |
| | | 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 = () => { |
| | |
| | | //日期选择器 |
| | | const value1 = ref('') |
| | | // 上传附件 |
| | | const fileList = ref<UploadUserFile[]>([]) |
| | | const fileList = ref([]) |
| | | // 可选择树 |
| | | const treeSelect = ref() |
| | | const tree = [ |
| | |
| | | // }) |
| | | |
| | | const submitForm = async (title: string, formEl: FormInstance | undefined) => { |
| | | if(!ruleForm.value.fileList){ |
| | | ruleForm.value.fileList = [] |
| | | } |
| | | //演练负责人(评价) |
| | | ruleForm.value.userList = ruleForm.value.evaluationUserList |
| | | |
| | |
| | | newTreeList, |
| | | selectUser, |
| | | submitForm, |
| | | realRuleForm |
| | | realRuleForm, |
| | | successUploader, |
| | | initFileListData |
| | | }; |
| | | }, |
| | | }); |
| | |
| | | font-weight: 500; |
| | | font-size: 14px; |
| | | } |
| | | </style> |
| | | </style> |