| | |
| | | > |
| | | <el-row :gutter="35"> |
| | | <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12" class="mb20"> |
| | | <el-form-item label="应急预案" prop="teamName"> |
| | | <el-form-item label="应急预案" prop="planId" > |
| | | <el-input |
| | | v-model="ruleForm.planId" |
| | | placeholder="请选择" |
| | | class="input-with-select" |
| | | disabled |
| | | > |
| | | <template #append> |
| | | <el-button :icon="Search" @click="openUser"/> |
| | | <el-button :icon="Search" disabled @click="openUser"/> |
| | | </template> |
| | | </el-input> |
| | | </el-form-item> |
| | |
| | | </span> |
| | | </template> |
| | | </el-dialog> |
| | | <userSelections ref="userRef"/> |
| | | <DailogSearchUser ref="userRef" @SearchUser="onUser"/> |
| | | <AddEmergencyPersonnel ref="addRef" /> |
| | | <EditEmergencyPersonnel ref="editRef" /> |
| | | </div> |
| | |
| | | Search, |
| | | FullScreen |
| | | } from '@element-plus/icons-vue' |
| | | import UserSelections from "/@/components/userSelections/index.vue" |
| | | import DailogSearchUser from "/@/components/DailogSearchUser/index.vue" |
| | | import AddEmergencyPersonnel from "/@/views/contingencyManagement/contingency/component/addEmergencyPersonnel.vue"; |
| | | import EditEmergencyPersonnel from "/@/views/contingencyManagement/contingency/component/editEmergencyPersonnel.vue"; |
| | | import {emergencyPlanLogApi} from "/@/api/emergencyPlanLog"; |
| | |
| | | export default defineComponent({ |
| | | name: 'openEdit', |
| | | components: { |
| | | UserSelections, |
| | | DailogSearchUser, |
| | | AddEmergencyPersonnel, |
| | | EditEmergencyPersonnel |
| | | }, |
| | |
| | | |
| | | const ruleFormRef = ref<FormInstance>(); |
| | | const ruleForm= ref({ |
| | | planId: '应急预案', //应急预案人员 |
| | | planId: '', //应急预案人员 |
| | | remark: '', // 备注 |
| | | }) |
| | | const titles = ref(); |
| | |
| | | // 打开用户选择弹窗 |
| | | const userRef = ref(); |
| | | const openUser = () => { |
| | | userRef.value.openDialog(); |
| | | userRef.value.openDailog(); |
| | | }; |
| | | const onUser = (e:any) => { |
| | | ruleForm.value.planId=e.id |
| | | }; |
| | | // 打开弹窗 |
| | | const openDialog = (title: string, id: number, type: boolean) => { |
| | |
| | | }); |
| | | formEl.resetFields(); |
| | | ruleForm.value = { |
| | | planId: '应急预案', //应急预案人员 |
| | | planId: '', //应急预案人员 |
| | | remark: '', // 备注 |
| | | }; |
| | | } |
| | |
| | | submitForm, |
| | | resetForm, |
| | | isShowDialog, |
| | | onUser, |
| | | }; |
| | | }, |
| | | }); |