| | |
| | | <a-form-model ref="form" :model="model" :rules="validatorRules"> |
| | | <a-row :gutter="24"> |
| | | <a-col :span="8"> |
| | | <a-form-model-item :labelCol="labelCol" :wrapperCol="wrapperCol" prop="standardCode" label="标准编码"> |
| | | <a-input placeholder="编码系统自动生成" v-model="model.standardCode" disabled /> |
| | | <a-form-model-item :labelCol="labelCol" :wrapperCol="wrapperCol" prop="standardCode" label="工单号"> |
| | | <a-input placeholder="工单号自动生成" v-model="model.orderNum" disabled /> |
| | | </a-form-model-item> |
| | | </a-col> |
| | | <a-col :span="8"> |
| | |
| | | </a-row> |
| | | <a-row :gutter="24"> |
| | | <a-col :span="8"> |
| | | <a-form-model-item label="点检日期" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="inspectionDate"> |
| | | <j-date placeholder="请选择点检日期" v-model="model.inspectionDate" style="width: 100%" /> |
| | | <a-form-model-item :labelCol="labelCol" :wrapperCol="wrapperCol" prop="standardCode" label="标准编码"> |
| | | <a-input placeholder="请输入标准编码" disabled v-model="model.standardCode" /> |
| | | </a-form-model-item> |
| | | </a-col> |
| | | <a-col :span="8"> |
| | | <a-form-model-item :labelCol="labelCol" :wrapperCol="wrapperCol" prop="maintenancePeriod" label="保养周期"> |
| | | <a-input-number v-model="model.maintenancePeriod" :min="1" :precision="0" 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-dict-select-tag v-model="model.operator" placeholder="请选择用户" dictCode="sys_user,realname,username,username!='admin' order by create_time"/> |
| | | </a-form-model-item> |
| | | </a-col> |
| | | </a-row> |
| | | |
| | | <a-row :gutter="24"> |
| | | <a-col :span="8"> |
| | | <a-form-model-item label="点检日期" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="inspectionDate"> |
| | | <j-date placeholder="请选择点检日期" v-model="model.inspectionDate" @change="expirationTimeFrom(model.inspectionDate)" style="width: 100%" /> |
| | | </a-form-model-item> |
| | | </a-col> |
| | | <a-col :span="8"> |
| | |
| | | <j-vxe-table |
| | | ref="editableDetailTable" |
| | | :rowNumber="true" |
| | | :rowSelection="false" |
| | | :rowSelection="true" |
| | | :bordered="true" |
| | | :alwaysEdit="true" |
| | | :toolbar="false" |
| | | :toolbar="true" |
| | | keep-source |
| | | :height="300" |
| | | :loading="detail.loading" |
| | |
| | | import { JVxeTableModelMixin } from '@/mixins/JVxeTableModelMixin.js' |
| | | import { JVXETypes } from '@/components/jeecg/JVxeTable' |
| | | import MaintenanceEquipmentSelect from '@views/eam/equipment/modules/MaintenanceEquipmentSelect' |
| | | import moment from 'dayjs' |
| | | |
| | | export default { |
| | | name: 'EamMaintenanceStandardModal', |
| | |
| | | ], |
| | | equipmentId: [ |
| | | { required: true, message: '请选择设备!' } |
| | | ] |
| | | ], |
| | | }, |
| | | url: { |
| | | add: '/eam/maintenanceStandard/add', |
| | | edit: '/eam/maintenanceStandard/edit', |
| | | detail: '/eam/eamMaintenanceStandardDetail/queryList' |
| | | add: '/eam/eamInspectionOrder/add', |
| | | edit: '/eam/eamInspectionOrder/edit', |
| | | detail: '/eam/eamMaintenanceStandardDetail/queryList', |
| | | detailOrder: '/eam/eamInspectionOrderDetail/queryList' |
| | | }, |
| | | maintenanceCategory: 'POINT_INSPECTION', |
| | | standardId:"", |
| | | detail: { |
| | | loading: false, |
| | | dataSource: [], |
| | |
| | | { |
| | | title: '序号', |
| | | key: 'itemCode', |
| | | type: JVXETypes.inputNumber, |
| | | width: '10%', |
| | | align: 'center' |
| | | align:"center", |
| | | validateRules: [ |
| | | {required : true, unique: true, message: '序号不能重复'} |
| | | ] |
| | | }, |
| | | { |
| | | title: '保养项', |
| | | key: 'itemName', |
| | | type: JVXETypes.textarea, |
| | | width: '20%', |
| | | align: 'center' |
| | | align:"center", |
| | | validateRules: [ |
| | | {required : true, message: '保养项不能为空!'} |
| | | ] |
| | | }, |
| | | { |
| | | title: '保养要求', |
| | | key: 'itemDemand', |
| | | type: JVXETypes.textarea, |
| | | width: '30%', |
| | | align: 'center' |
| | | } |
| | | align:"center", |
| | | validateRules: [ |
| | | {required : true, message: "保养要求不能为空!"} |
| | | ] |
| | | }, |
| | | ] |
| | | } |
| | | } |
| | |
| | | methods: { |
| | | add() { |
| | | this.model = {} |
| | | this.detail.dataSource = []; |
| | | this.visible = true |
| | | this.editable = false |
| | | }, |
| | | edit(record) { |
| | | console.log(record) |
| | | this.model = Object.assign({}, record) |
| | | this.standardId=record.standardId |
| | | this.visible = true |
| | | this.editable = true |
| | | if (record && record.referenceFile) { |
| | |
| | | } else { |
| | | this.model.fieldList = [] |
| | | } |
| | | this.loadDetail(record.id) |
| | | this.loadDetailOrder(record.id) |
| | | }, |
| | | close() { |
| | | this.$emit('close') |
| | |
| | | httpurl += this.url.edit |
| | | method = 'put' |
| | | } |
| | | this.model.standardId=this.standardId |
| | | httpAction(httpurl, this.model, method).then((res) => { |
| | | if (res.success) { |
| | | that.$message.success(res.message) |
| | |
| | | autocompleteForm(selectObj) { |
| | | this.model.standardName = selectObj.standardName |
| | | this.model.maintenancePeriod=selectObj.maintenancePeriod |
| | | this.model.standardCode=selectObj.standardCode |
| | | if (this.standardId===undefined || this.standardId==="") { |
| | | this.standardId=selectObj.id |
| | | this.loadDetail(selectObj.id) |
| | | } |
| | | }, |
| | | expirationTimeFrom(date) { |
| | | //过期时间是初始时间+保养周期 |
| | | if (date && this.model.maintenancePeriod) { |
| | | // 转换为时间戳字符串(或指定格式) |
| | | this.model.expirationTime = moment(date) |
| | | .add(this.model.maintenancePeriod, 'days') |
| | | .format('YYYY-MM-DD') |
| | | } else { |
| | | this.model.expirationTime = null; // 清空无效值 |
| | | } |
| | | }, |
| | | //加载详情数据 |
| | | loadDetail(standardId) { |
| | |
| | | } |
| | | }) |
| | | } |
| | | }, |
| | | loadDetailOrder(orderId){ |
| | | this.detail.dataSource = [] |
| | | if (orderId) { |
| | | getAction(this.url.detailOrder, { orderId: orderId }).then(res => { |
| | | if (res.success) { |
| | | this.detail.dataSource = [...res.result] |
| | | } |
| | | }) |
| | | } |
| | | } |
| | | |
| | | } |
| | | } |
| | | </script> |