| | |
| | | :title="title" |
| | | :width="800" |
| | | :visible="visible" |
| | | :okButtonProps="{ class:{'jee-hidden': disableSubmit} }" |
| | | :confirmLoading="confirmLoading" |
| | | switchFullscreen |
| | | @ok="handleOk" |
| | | @cancel="handleCancel" |
| | | cancelText="关闭"> |
| | | |
| | | |
| | | <a-spin :spinning="confirmLoading"> |
| | | <a-form-model ref="form" :model="model" :rules="validatorRules"> |
| | | |
| | | <a-form-model-item :labelCol="labelCol" :wrapperCol="wrapperCol" prop="delFlag" label="删除标记"> |
| | | <a-input-number v-model="model.delFlag"/> |
| | | </a-form-model-item> |
| | | <a-form-model-item :labelCol="labelCol" :wrapperCol="wrapperCol" prop="code" label="单据号"> |
| | | <a-input placeholder="请输入单据号" v-model="model.code" /> |
| | | <a-input placeholder="编码系统自动生成" v-model="model.code" disabled/> |
| | | </a-form-model-item> |
| | | <a-form-model-item :labelCol="labelCol" :wrapperCol="wrapperCol" prop="equipmentId" label="设备ID"> |
| | | <a-input placeholder="请输入设备ID" v-model="model.equipmentId" /> |
| | | <a-form-model-item :labelCol="labelCol" :wrapperCol="wrapperCol" prop="equipmentId" label="调出设备"> |
| | | <lx-search-equipment-select placeholder="请输入设备编号或名称搜索" |
| | | v-model="model.equipmentId" :disabled="disableSubmit"></lx-search-equipment-select> |
| | | </a-form-model-item> |
| | | <a-form-model-item :labelCol="labelCol" :wrapperCol="wrapperCol" prop="oldDepartId" label="调出部门"> |
| | | <a-input placeholder="请输入调出部门" v-model="model.oldDepartId" /> |
| | | </a-form-model-item> |
| | | <a-form-model-item :labelCol="labelCol" :wrapperCol="wrapperCol" prop="newDepartId" label="调入部门"> |
| | | <a-input placeholder="请输入调入部门" v-model="model.newDepartId" /> |
| | | </a-form-model-item> |
| | | <a-form-model-item :labelCol="labelCol" :wrapperCol="wrapperCol" prop="reportUser" label="申请人"> |
| | | <a-input placeholder="请输入申请人" v-model="model.reportUser" /> |
| | | </a-form-model-item> |
| | | <!-- <a-form-model-item :labelCol="labelCol" :wrapperCol="wrapperCol" prop="oldDepartId" label="调出部门">--> |
| | | <!-- <a-input placeholder="请输入调出部门" v-model="model.oldDepartId" />--> |
| | | <!-- </a-form-model-item>--> |
| | | <a-form-model-item :labelCol="labelCol" :wrapperCol="wrapperCol" prop="newDepartId" label="调入车间"> |
| | | <a-tree-select v-model="model.newDepartId" |
| | | style="width: 100%" |
| | | :tree-data="treeData" |
| | | :dropdown-style="{ maxHeight: '400px', overflow: 'auto' }" |
| | | placeholder="请选择调入车间" |
| | | allow-clear |
| | | tree-default-expand-all |
| | | :disabled="editable || disableSubmit" |
| | | > |
| | | </a-tree-select> |
| | | </a-form-model-item> |
| | | <a-form-model-item :labelCol="labelCol" :wrapperCol="wrapperCol" prop="transferReason" label="变动原因"> |
| | | <a-input placeholder="请输入变动原因" v-model="model.transferReason" /> |
| | | </a-form-model-item> |
| | | <a-form-model-item :labelCol="labelCol" :wrapperCol="wrapperCol" prop="transferStatus" label="变动状态"> |
| | | <a-input placeholder="请输入变动状态" v-model="model.transferStatus" /> |
| | | </a-form-model-item> |
| | | <a-form-model-item :labelCol="labelCol" :wrapperCol="wrapperCol" prop="transferTime" label="变动日期"> |
| | | <a-input placeholder="请输入变动日期" v-model="model.transferTime" /> |
| | | </a-form-model-item> |
| | | <a-form-model-item :labelCol="labelCol" :wrapperCol="wrapperCol" prop="approvalUser" label="审核人"> |
| | | <a-input placeholder="请输入审核人" v-model="model.approvalUser" /> |
| | | </a-form-model-item> |
| | | <a-form-model-item :labelCol="labelCol" :wrapperCol="wrapperCol" prop="approvalTime" label="审核时间"> |
| | | <a-input placeholder="请输入审核时间" v-model="model.approvalTime" /> |
| | | <a-input placeholder="请输入变动原因" v-model="model.transferReason" :disabled="disableSubmit"/> |
| | | </a-form-model-item> |
| | | <a-form-model-item :labelCol="labelCol" :wrapperCol="wrapperCol" prop="remark" label="备注"> |
| | | <a-input placeholder="请输入备注" v-model="model.remark" /> |
| | | <a-textarea placeholder="请输入备注" v-model="model.remark" :disabled="disableSubmit"/> |
| | | </a-form-model-item> |
| | | |
| | | |
| | | </a-form-model> |
| | | </a-spin> |
| | | </j-modal> |
| | | </template> |
| | | |
| | | <script> |
| | | import { httpAction } from '@/api/manage' |
| | | import moment from "moment" |
| | | import { httpAction,getAction } from '@/api/manage' |
| | | import LxSearchEquipmentSelect from '@views/eam/equipment/modules/LxSearchEquipmentSelect.vue' |
| | | |
| | | export default { |
| | | name: "EamEquipmentTransferModal", |
| | | components: { LxSearchEquipmentSelect }, |
| | | data () { |
| | | return { |
| | | title:"操作", |
| | |
| | | xs: { span: 24 }, |
| | | sm: { span: 16 }, |
| | | }, |
| | | |
| | | labelColLong: { |
| | | xs: { span: 24 }, |
| | | sm: { span: 4 } |
| | | }, |
| | | wrapperColLong: { |
| | | xs: { span: 24 }, |
| | | sm: { span: 18 } |
| | | }, |
| | | treeData: [], |
| | | confirmLoading: false, |
| | | validatorRules:{ |
| | | newDepartId: [ |
| | | { required: true, message: '请选择调入车间' } |
| | | ], |
| | | equipmentId: [ |
| | | { required: true, message: '请选择设备!' } |
| | | ], |
| | | transferReason: [ |
| | | { required: true, message: '请输入变动原因!' } |
| | | ], |
| | | }, |
| | | url: { |
| | | add: "/eam/eamEquipmentTransfer/add", |
| | | edit: "/eam/eamEquipmentTransfer/edit", |
| | | loadProductionOptions:'/mdc/mdcProduction/loadProductionTreeOptions', |
| | | }, |
| | | } |
| | | }, |
| | | created () { |
| | | this.loadAllProductionTree(); |
| | | }, |
| | | methods: { |
| | | loadAllProductionTree() { |
| | | //加载车间选择树 |
| | | getAction(this.url.loadProductionOptions).then(res => { |
| | | if (res.success) { |
| | | this.treeData = [...res.result] |
| | | }else { |
| | | that.$message.warning(res.message) |
| | | } |
| | | }) |
| | | }, |
| | | add () { |
| | | //初始化默认值 |
| | | this.edit({}); |
| | | this.visible = true; |
| | | }, |
| | | edit (record) { |
| | | this.model = Object.assign({}, record); |