| | |
|---|
| | | <el-step title="计量室意见" @click="setStep(2)"></el-step> |
|---|
| | | <el-step title="批准人" @click="setStep(3)"></el-step> |
|---|
| | | </el-steps> |
|---|
| | | <el-form ref="modelForm" :model="form" :rules="rules" label-width="160px"> |
|---|
| | | <el-form ref="modelForm" :model="form" :rules="rules" label-width="160px" :disabled="!canOperate"> |
|---|
| | | <el-col v-if="showStep === 0" :span="12"> |
|---|
| | | <el-form-item label="单位名称：" prop="unitName"> |
|---|
| | | <el-input v-model="form.unitName" :disabled="currentStep !== 0" clearable size="small"></el-input> |
|---|
| | |
|---|
| | | </el-form> |
|---|
| | | <template #footer><span class="dialog-footer"> |
|---|
| | | <el-button @click="resetForm">取 消</el-button> |
|---|
| | | <el-button v-if="currentStep !== 4" :loading="submitFormLoading" type="primary" @click="submitForm">确 |
|---|
| | | <el-button v-if="currentStep !== 4 && canOperate" :loading="submitFormLoading" type="primary" @click="submitForm">确 |
|---|
| | | 认</el-button> |
|---|
| | | </span></template> |
|---|
| | | </el-dialog> |
|---|
| | |
|---|
| | | addDeviceExternalApply, |
|---|
| | | } from '@/api/cnas/resourceDemand/device.js' |
|---|
| | | import { selectUserCondition } from "@/api/business/inspectionTask"; |
|---|
| | | import { mapGetters } from "@/utils/store-compat"; |
|---|
| | | export default { |
|---|
| | | name: "applicationForm", |
|---|
| | | // import 引入的组件需要注入到对象中才能使用 |
|---|
| | |
|---|
| | | return { |
|---|
| | | dialogVisible: false, |
|---|
| | | submitFormLoading: false, |
|---|
| | | canOperate: true, |
|---|
| | | form: { |
|---|
| | | externalApplyId: '', |
|---|
| | | unitName: '', |
|---|
| | |
|---|
| | | // 打开弹框 |
|---|
| | | openDialog(id) { |
|---|
| | | this.dialogVisible = true |
|---|
| | | this.canOperate = true |
|---|
| | | this.form.externalApplyId = id |
|---|
| | | this.getUserList() |
|---|
| | | if (this.form.externalApplyId) { |
|---|
| | |
|---|
| | | this.currentStep = 4 |
|---|
| | | this.showStep = 3 |
|---|
| | | } |
|---|
| | | this.applyPermission() |
|---|
| | | } |
|---|
| | | }).catch(error => { |
|---|
| | | console.error(error) |
|---|
| | | }) |
|---|
| | | }, |
|---|
| | | // 非当前环节责任人只允许查看 |
|---|
| | | applyPermission() { |
|---|
| | | if (this.form.isFinish === 1 || this.currentStep >= 4) { |
|---|
| | | this.canOperate = false |
|---|
| | | return |
|---|
| | | } |
|---|
| | | const responsibleList = [ |
|---|
| | | this.form.applicantUser, |
|---|
| | | this.form.departmentHeadUser, |
|---|
| | | this.form.meteringRoomUser, |
|---|
| | | this.form.approverUser, |
|---|
| | | ] |
|---|
| | | const responsible = responsibleList[this.currentStep] |
|---|
| | | this.canOperate = !responsible || responsible === this.nickName |
|---|
| | | if (!this.canOperate) { |
|---|
| | | this.$message.warning('当前环节责任人为：' + responsible + '，您只能查看') |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | setStep(step) { |
|---|
| | | this.showStep = step |
|---|
| | |
|---|
| | | this.form.flowType = this.currentStep |
|---|
| | | this.$refs.modelForm.validate((valid) => { |
|---|
| | | if (valid) { |
|---|
| | | this.submitFormLoading = true |
|---|
| | | addDeviceExternalApply(this.form).then(res => { |
|---|
| | | if (res.code == 200) { |
|---|
| | | this.$message.success('新增成功') |
|---|
| | |
|---|
| | | }) |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | computed: { |
|---|
| | | ...mapGetters(["nickName"]), |
|---|
| | | }, |
|---|
| | | } |
|---|
| | | </script> |
|---|
| | | |
|---|
