| | |
| | | <template> |
| | | <div class="system-add-menu-container"> |
| | | <el-dialog :title="title" v-model="isShowRectifyDialog" width="600px"> |
| | | <el-dialog :title="title" v-model="isShowRectifyDialog" width="600px" :close-on-click-modal="false"> |
| | | <el-form :model="rectifyForm" :rules="rectifyFormRules" ref="rectifyFormRef" size="default" label-width="120px"> |
| | | <el-row :gutter="35"> |
| | | <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20"> |
| | |
| | | </el-col> |
| | | <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20"> |
| | | <el-form-item label="整改时间" prop="applyTime"> |
| | | <el-date-picker type="datetime" value-format="YYYY-MM-DD HH:mm:ss" class="input-add" v-model="rectifyForm.applyTime" placeholder="请选择整改时间" clearable> </el-date-picker> |
| | | <el-date-picker type="datetime" :disabled-date="disabledDate" value-format="YYYY-MM-DD HH:mm:ss" class="input-add" v-model="rectifyForm.applyTime" placeholder="请选择整改时间" clearable> </el-date-picker> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | |
| | | <template #footer> |
| | | <span class="dialog-footer"> |
| | | <el-button @click="isShowRectifyDialog = !isShowRectifyDialog" size="default">取 消</el-button> |
| | | <el-button type="primary" @click="submitRectify" v-throttle size="default">确 实</el-button> |
| | | <el-button type="primary" @click="submitRectify" v-throttle size="default">确 定</el-button> |
| | | </span> |
| | | </template> |
| | | </el-dialog> |
| | | <el-dialog :title="title" v-model="isShowDelayDialog" width="600px"> |
| | | <el-dialog :title="title" v-model="isShowDelayDialog" width="600px" :close-on-click-modal="false"> |
| | | <el-form :model="delayForm" :rules="delayFormRules" ref="rectifyFormRef" size="default" label-width="120px"> |
| | | <el-row :gutter="35"> |
| | | <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20"> |
| | |
| | | <template #footer> |
| | | <span class="dialog-footer" v-show="disabled"> |
| | | <el-button @click="isShowDelayDialog = !isShowDelayDialog" size="default">取 消</el-button> |
| | | <el-button type="primary" @click="submitDelay" v-throttle size="default">确 实</el-button> |
| | | <el-button type="primary" @click="submitDelay" v-throttle size="default">确 定</el-button> |
| | | </span> |
| | | </template> |
| | | </el-dialog> |
| | | <el-dialog :title="title" v-model="isShowCheckInfoDialog" width="600px"> |
| | | <el-dialog :title="title" v-model="isShowCheckInfoDialog" width="600px" :close-on-click-modal="false"> |
| | | <el-form :model="checkInfoForm" ref="checkFormRef" size="default" label-width="120px"> |
| | | <el-row :gutter="35"> |
| | | <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20"> |
| | | <el-form-item label="整改内容说明" prop="rectifyDesc"> |
| | | <el-input class="input-add" type="textarea" :rows="2" v-model.trim="checkInfoForm.rectifyDesc" readonly></el-input> |
| | | <el-input class="input-add" :disabled="!disabled" type="textarea" :rows="2" v-model.trim="checkInfoForm.rectifyDesc" readonly></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20"> |
| | | <el-form-item label="整改类型" prop="rectifyType"> |
| | | <el-select class="input-add" v-model="checkInfoForm.rectifyType" readonly> |
| | | <el-select class="input-add" :disabled="!disabled" v-model="checkInfoForm.rectifyType" readonly> |
| | | <el-option v-for="item in rectifyTypeList" :key="item.id" :label="item.name" :value="item.id"></el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20"> |
| | | <el-form-item label="整改部门" prop="rectifyDepId"> |
| | | <el-cascader @change="achieveUserList" :options="departmentList" :props="{ emitPath: false, checkStrictly: true, value: 'depId', label: 'depName' }" placeholder="请选择部门" clearable filterable class="input-add" v-model="checkInfoForm.rectifyDepId" readonly> </el-cascader> |
| | | <el-cascader @change="achieveUserList" :disabled="!disabled" :options="departmentList" :props="{ emitPath: false, checkStrictly: true, value: 'depId', label: 'depName' }" placeholder="请选择部门" clearable filterable class="input-add" v-model="checkInfoForm.rectifyDepId" readonly> </el-cascader> |
| | | </el-form-item> |
| | | </el-col> |
| | | |
| | | <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20"> |
| | | <el-form-item label="整改责任人" prop="liablePersonId"> |
| | | <el-select class="input-add" v-model="checkInfoForm.liablePersonId" clearable filterable readonly> |
| | | <el-select class="input-add" :disabled="!disabled" v-model="checkInfoForm.liablePersonId" clearable filterable readonly> |
| | | <el-option v-for="item in userList" :key="item.uid" :label="item.username" :value="item.uid"></el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | |
| | | |
| | | <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20"> |
| | | <el-form-item label="整改资金" prop="dangerResult"> |
| | | <el-input class="input-add" type="number" v-model="checkInfoForm.cost" readonly> </el-input> |
| | | <el-input class="input-add" :disabled="!disabled" type="number" v-model="checkInfoForm.cost" readonly> </el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20" v-show="personTime"> |
| | | <el-form-item label="创建人" prop="location"> |
| | | <el-input class="input-add" :disabled="!disabled" v-model.trim="checkInfoForm.createByUserName" placeholder="请输入区域位置"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20" v-show="personTime"> |
| | | <el-form-item label="创建时间" prop="location"> |
| | | <el-input class="input-add" :disabled="!disabled" v-model.trim="checkInfoForm.gmtCreate" placeholder="请输入区域位置"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20" v-show="personTime"> |
| | | <el-form-item label="最后修改人" prop="location"> |
| | | <el-input class="input-add" :disabled="!disabled" v-model.trim="checkInfoForm.lastEditUserName" placeholder="请输入区域位置"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20" v-show="personTime"> |
| | | <el-form-item label="最后修改时间" prop="location"> |
| | | <el-input class="input-add" :disabled="!disabled" v-model.trim="checkInfoForm.gmtModitify" placeholder="请输入区域位置"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | |
| | | |
| | | interface stateType { |
| | | disabled: Boolean; |
| | | personTime: Boolean; |
| | | isShowRectifyDialog: Boolean; |
| | | isShowDelayDialog: Boolean; |
| | | isShowCheckInfoDialog: Boolean; |
| | |
| | | rectifyTime: string | null; |
| | | timeOutDesc: string | null; |
| | | }; |
| | | disabledDate: any; |
| | | rangeTime: any; |
| | | title: string; |
| | | departmentList: []; |
| | | userList: []; |
| | |
| | | const state = reactive<stateType>({ |
| | | title: '', |
| | | disabled: false, |
| | | personTime: false, |
| | | rectifyTypeList: [], |
| | | departmentList: [], |
| | | userList: [], |
| | |
| | | dangerManagerId: null, |
| | | rectifyInfo: null, |
| | | applyTime: null |
| | | }, |
| | | disabledDate: (time: any) => { |
| | | const r = new Date().getTime(); |
| | | return time.getTime() > new Date().getTime(); |
| | | }, |
| | | rangeTime: () => { |
| | | return '15:15:14'; |
| | | }, |
| | | delayForm: { |
| | | id: null, |
| | |
| | | if (type === '延期') { |
| | | state.title = '延期'; |
| | | state.disabled = true; |
| | | state.personTime = false; |
| | | state.isShowDelayDialog = true; |
| | | const delayForm = JSON.parse(JSON.stringify(value)); |
| | | state.delayForm.id = delayForm.id; |
| | |
| | | state.delayForm.rectifyTime = null; |
| | | } else if (type === '查看') { |
| | | state.title = '查看'; |
| | | state.personTime = true; |
| | | state.isShowCheckInfoDialog = true; |
| | | state.checkInfoForm.rectifyDepId = JSON.parse(JSON.stringify(value)).rectifyDepId; |
| | | await achieveUserList(); |
| | | state.checkInfoForm = JSON.parse(JSON.stringify(value)); |
| | | } else { |
| | | state.disabled = true; |
| | | state.personTime = false; |
| | | state.title = '整改'; |
| | | state.isShowRectifyDialog = true; |
| | | const rectifyForm = JSON.parse(JSON.stringify(value)); |