| | |
| | | |
| | | <a-spin :spinning="confirmLoading"> |
| | | <a-form-model ref="form" :model="model" :rules="validatorRules"> |
| | | <a-divider orientation="center" style="font-size: large;font-style: italic;color: #66aeed;"> 设备基础信息 |
| | | <a-divider orientation="center" style="font-size: large;font-style: italic;color: #66aeed;"> 保养基础信息 |
| | | </a-divider> |
| | | <a-row :gutter="24"> |
| | | <a-col :span="8"> |
| | |
| | | <a-form-model-item :labelCol="labelCol" :wrapperCol="wrapperCol" prop="equipmentId" label="设备编码"> |
| | | <maintenance-equipment-select placeholder="请输入设备编号或名称搜索" v-model="model.equipmentId" |
| | | :maintenanceCategory="maintenanceCategory" |
| | | @autocompleteForm="autocompleteForm" :disabled="editable"></maintenance-equipment-select> |
| | | @autocompleteForm="autocompleteForm" disabled></maintenance-equipment-select> |
| | | </a-form-model-item> |
| | | </a-col> |
| | | <a-col :span="8"> |
| | |
| | | <a-row :gutter="24"> |
| | | <a-col :span="8"> |
| | | <a-form-model-item :labelCol="labelCol" :wrapperCol="wrapperCol" prop="maintenanceDate" label="保养日期"> |
| | | <a-date-picker placeholder="请选择计划保养日期" v-model="model.maintenanceDate" format="YYYY-MM-DD" |
| | | <a-date-picker placeholder="请选择计划保养日期" v-model="model.maintenanceDate" format="YYYY-MM-DD" disabled |
| | | style="width: 100%" /> |
| | | </a-form-model-item> |
| | | </a-col> |
| | | <a-col :span="8"> |
| | | <a-form-model-item :labelCol="labelCol" :wrapperCol="wrapperCol" prop="operator" label="保养人"> |
| | | <j-search-select-tag v-model="model.operator" placeholder="请选择保养人" |
| | | <j-search-select-tag v-model="model.operator" placeholder="请选择保养人" disabled |
| | | :dictOptions="maintenanceOperatorOptions" /> |
| | | </a-form-model-item> |
| | | </a-col> |
| | |
| | | </a-row> |
| | | <a-row :gutter="24"> |
| | | <a-form-model-item :labelCol="labelColLong" :wrapperCol="wrapperColLong" prop="remark" label="备注"> |
| | | <a-textarea placeholder="请输入备注" v-model="model.remark" /> |
| | | <a-textarea placeholder="请输入备注" v-model="model.remark" disabled /> |
| | | </a-form-model-item> |
| | | </a-row> |
| | | |
| | | <a-divider orientation="center" style="font-size: large;font-style: italic;color: #66aeed;"> 保养项信息 |
| | | </a-divider> |
| | | <a-row :gutter="24"> |
| | | <j-vxe-table |
| | | ref="editableDetailTable" |
| | |
| | | :columns="detail.columns" |
| | | style="margin-top: 8px;" /> |
| | | </a-row> |
| | | <a-divider orientation="center" style="font-size: large;font-style: italic;color: #66aeed;"> 班组长确认信息 |
| | | </a-divider> |
| | | <a-divider orientation="center" style="font-size: large;font-style: italic;color: #66aeed;"> 初验收信息 |
| | | </a-divider> |
| | | <a-divider orientation="center" style="font-size: large;font-style: italic;color: #66aeed;"> 终验收信息 |
| | | </a-divider> |
| | | </a-form-model> |
| | | </a-spin> |
| | | </j-modal> |
| | |
| | | import MaintenanceEquipmentSelect from '@views/eam/equipment/modules/MaintenanceEquipmentSelect' |
| | | |
| | | export default { |
| | | name: 'EamWeekMaintenanceOrderModal', |
| | | name: 'WeekMaintenanceApprovalModal', |
| | | mixins: [JVxeTableModelMixin], |
| | | props: { |
| | | maintenanceId: { |
| | | type: String, |
| | | default: '', |
| | | required: true, |
| | | } |
| | | }, |
| | | components: { |
| | | MaintenanceEquipmentSelect |
| | | }, |
| | |
| | | return { |
| | | title: '操作', |
| | | visible: false, |
| | | //状态控制 |
| | | //保养中 不可编辑 |
| | | underMaintenanceDisable : false, |
| | | confirmDisable : false, |
| | | initialAcceptanceDisable : false, |
| | | finalAcceptanceDisable : false, |
| | | editable: false, |
| | | model: {}, |
| | | maintenanceCategory: 'WEEK_MAINTENANCE', |
| | |
| | | validatorRules: { |
| | | }, |
| | | url: { |
| | | add: '/eam/weekMaintenanceOrder/add', |
| | | edit: '/eam/weekMaintenanceOrder/edit', |
| | | standardDetail: '/eam/eamMaintenanceStandardDetail/queryList', |
| | | queryById: '/eam/weekMaintenanceOrder/queryById', |
| | | detail: '/eam/weekMaintenanceOrderDetail/queryList', |
| | | approval : '/eam/weekMaintenanceOrder/approval', |
| | | userSelect: '/eam/user_select/list', |
| | | }, |
| | | detail: { |
| | |
| | | { |
| | | title: '序号', |
| | | key: 'itemCode', |
| | | type: JVXETypes.inputNumber, |
| | | type: JVXETypes.normal, |
| | | width: '10%', |
| | | align: 'center', |
| | | validateRules: [ |
| | | { required: true, unique: true, message: '序号不能重复' } |
| | | ] |
| | | }, |
| | | { |
| | | title: '保养项', |
| | | key: 'itemName', |
| | | type: JVXETypes.textarea, |
| | | type: JVXETypes.normal, |
| | | width: '20%', |
| | | align: 'center', |
| | | validateRules: [ |
| | | { required: true, message: '保养项不能为空!' } |
| | | ] |
| | | }, |
| | | { |
| | | title: '子保养项', |
| | | key: 'subItemName', |
| | | type: JVXETypes.textarea, |
| | | type: JVXETypes.normal, |
| | | width: '25%', |
| | | align: 'center' |
| | | }, |
| | | { |
| | | title: '保养要求', |
| | | key: 'itemDemand', |
| | | type: JVXETypes.textarea, |
| | | type: JVXETypes.normal, |
| | | width: '30%', |
| | | align: 'center', |
| | | validateRules: [ |
| | | { required: true, message: '保养要求不能为空!' } |
| | | ] |
| | | } |
| | | ], |
| | | toolbarConfig: { |
| | | // prefix 前缀;suffix 后缀 |
| | | slot: ['prefix', 'suffix'], |
| | | // add 新增按钮;remove 删除按钮;clearSelection 清空选择按钮 |
| | | btn: ['add', 'remove', 'clearSelection'] |
| | | btn: ['clearSelection'] |
| | | } |
| | | } |
| | | } |
| | |
| | | created() { |
| | | }, |
| | | methods: { |
| | | add() { |
| | | //初始化默认值 |
| | | this.model = {} |
| | | this.visible = true |
| | | this.editable = false |
| | | async handleDetail(dataId) { |
| | | this.loading = true; |
| | | this.visible = true; |
| | | this.detail.dataSource = [] |
| | | this.loadMaintenanceOperatorList(); |
| | | }, |
| | | edit(record) { |
| | | this.model = Object.assign({}, record) |
| | | this.visible = true |
| | | this.editable = true |
| | | this.detail.dataSource = [] |
| | | this.loadDetail(record.id) |
| | | let res = await getAction(this.url.queryById, {id: dataId}); |
| | | this.model = Object.assign({}, res.result); |
| | | await this.loadDetail(dataId); |
| | | this.loading = false; |
| | | }, |
| | | close() { |
| | | this.$emit('close') |
| | |
| | | this.$refs.form.validate(valid => { |
| | | if (valid) { |
| | | let tableData = that.$refs.editableDetailTable.getTableData() |
| | | let removeData = that.$refs.editableDetailTable.getDeleteData() |
| | | that.model.tableDetailList = [...tableData] |
| | | that.model.removeDetailList = [...removeData] |
| | | |
| | | that.confirmLoading = true |
| | | let httpurl = '' |
| | | let method = '' |
| | | if (!this.model.id) { |
| | | httpurl += this.url.add |
| | | method = 'post' |
| | | } else { |
| | | httpurl += this.url.edit |
| | | method = 'put' |
| | | } |
| | | let httpurl = this.url.approval |
| | | let method = 'put' |
| | | |
| | | httpAction(httpurl, this.model, method).then((res) => { |
| | | if (res.success) { |
| | | that.$message.success(res.message) |
| | |
| | | this.close() |
| | | }, |
| | | autocompleteForm(selectObj) { |
| | | //标准名称,保养周期不刷新解决办法 |
| | | //办法一 validatorRules equipmentId 还是有问题 |
| | | // const newObj = { |
| | | // standardName: selectObj.standardName, |
| | | // maintenancePeriod: selectObj.maintenancePeriod, |
| | | // standardId : selectObj.id, |
| | | // equipmentId: selectObj.equipmentId, |
| | | // }; |
| | | // this.model = Object.assign({}, newObj, this.model) |
| | | //办法二 |
| | | this.$set(this.model, 'standardName', selectObj.standardName) |
| | | this.$set(this.model, 'maintenancePeriod', selectObj.maintenancePeriod) |
| | | this.$set(this.model, 'standardId', selectObj.id) |
| | |
| | | if (!this.model.id) { |
| | | this.loadStandardDetail(selectObj.id) |
| | | } |
| | | debugger |
| | | this.loadMaintenanceOperatorList(this.model.equipmentId); |
| | | }, |
| | | //加载详情数据 |
| | | loadStandardDetail(standardId) { |
| | | if (standardId) { |
| | | getAction(this.url.standardDetail, { standardId: standardId }).then(res => { |
| | | if (res.success) { |
| | | this.detail.dataSource = res.result.map(item => ({ |
| | | itemCode: item.itemCode, |
| | | itemName: item.itemName, |
| | | subItemName: item.subItemName, |
| | | itemDemand: item.itemDemand |
| | | })) |
| | | } |
| | | }) |
| | | } |
| | | }, |
| | | //标准选择变化 |
| | | loadDetail(orderId) { |