<template>
|
<j-modal
|
:title="title"
|
:width="800"
|
:visible="visible"
|
:confirmLoading="confirmLoading"
|
:okButtonProps="{ class:{'jee-hidden': disableSubmit} }"
|
switchFullscreen
|
@ok="handleOk"
|
@cancel="handleCancel"
|
centered
|
cancelText="关闭"
|
>
|
|
<a-spin :spinning="spinning">
|
<a-form-model
|
ref="form"
|
:model="model"
|
:rules="validatorRules"
|
>
|
<a-divider
|
orientation="center"
|
style="font-size: large;font-style: italic;color: #66aeed;"
|
> 调拨信息
|
</a-divider>
|
<a-row :gutter="24">
|
<a-col :span="12">
|
<a-form-model-item
|
:labelCol="labelCol"
|
:wrapperCol="wrapperCol"
|
prop="code"
|
label="单据号"
|
>
|
<a-input
|
v-model="model.code"
|
disabled
|
/>
|
</a-form-model-item>
|
</a-col>
|
<a-col :span="12">
|
<a-form-model-item
|
:labelCol="labelCol"
|
:wrapperCol="wrapperCol"
|
prop="equipmentId"
|
label="设备编码"
|
>
|
<lx-search-equipment-select
|
placeholder="请输入设备编号或名称搜索"
|
v-model="model.equipmentId"
|
disabled
|
></lx-search-equipment-select>
|
</a-form-model-item>
|
</a-col>
|
</a-row>
|
<a-row :gutter="24">
|
<a-col :span="12">
|
<a-form-model-item
|
:labelCol="labelCol"
|
:wrapperCol="wrapperCol"
|
prop="newDepartId_dictText"
|
label="调入部门"
|
>
|
<a-input
|
v-model="model.newDepartId_dictText"
|
disabled
|
/>
|
</a-form-model-item>
|
</a-col>
|
<a-col :span="12">
|
<a-form-model-item
|
:labelCol="labelCol"
|
:wrapperCol="wrapperCol"
|
prop="oldDepartId_dictText"
|
label="调出部门"
|
>
|
<a-input
|
v-model="model.oldDepartId_dictText"
|
disabled
|
/>
|
</a-form-model-item>
|
</a-col>
|
</a-row>
|
<a-row :gutter="24">
|
<a-col :span="12">
|
<a-form-model-item
|
:labelCol="labelCol"
|
:wrapperCol="wrapperCol"
|
prop="reportUser_dictText"
|
label="申请人"
|
>
|
<a-input
|
v-model="model.reportUser_dictText"
|
disabled
|
/>
|
</a-form-model-item>
|
</a-col>
|
<a-col :span="12">
|
<a-form-model-item
|
:labelCol="labelCol"
|
:wrapperCol="wrapperCol"
|
prop="transferReason"
|
label="变动原因"
|
>
|
<a-input
|
v-model="model.transferReason"
|
disabled
|
/>
|
</a-form-model-item>
|
</a-col>
|
</a-row>
|
<a-row :gutter="24">
|
<a-col :span="24">
|
<a-form-model-item
|
:labelCol="labelColLong"
|
:wrapperCol="wrapperColLong"
|
prop="remark"
|
label="备注"
|
>
|
<a-textarea
|
v-model="model.remark"
|
disabled
|
/>
|
</a-form-model-item>
|
</a-col>
|
</a-row>
|
<div v-if="useApprovalDisable">
|
<a-divider
|
orientation="center"
|
style="font-size: large;font-style: italic;color: #66aeed;"
|
> 使用单位领导审批
|
</a-divider>
|
<a-row :gutter="24">
|
<a-col :span="12">
|
<a-form-model-item
|
:labelCol="labelCol"
|
:wrapperCol="wrapperCol"
|
prop="useLeaderApprovalDealType"
|
label="审批类型"
|
>
|
<j-dict-select-tag
|
type="radio"
|
v-model="model.useLeaderApprovalDealType"
|
dictCode="approved_rejected"
|
placeholder="请选择处理类型"
|
:disabled="disableSubmit || leanOutApprovalDisable"
|
/>
|
</a-form-model-item>
|
</a-col>
|
<a-col :span="12">
|
<a-form-model-item
|
:labelCol="labelCol"
|
:wrapperCol="wrapperCol"
|
prop="useLeaderApprovalComment"
|
label="审批意见"
|
>
|
<a-textarea
|
placeholder="请输入意见"
|
v-model="model.useLeaderApprovalComment"
|
:disabled="disableSubmit || leanOutApprovalDisable"
|
/>
|
</a-form-model-item>
|
</a-col>
|
</a-row>
|
</div>
|
<div v-if="leanOutApprovalDisable">
|
<a-divider
|
orientation="center"
|
style="font-size: large;font-style: italic;color: #66aeed;"
|
> 调入单位领导审批
|
</a-divider>
|
<a-row :gutter="24">
|
<a-col :span="12">
|
<a-form-model-item
|
:labelCol="labelCol"
|
:wrapperCol="wrapperCol"
|
prop="transferLeaderApprovalDealType"
|
label="审批类型"
|
>
|
<j-dict-select-tag
|
type="radio"
|
v-model="model.transferLeaderApprovalDealType"
|
dictCode="approved_rejected"
|
placeholder="请选择处理类型"
|
:disabled="disableSubmit || externalConfirmDisable"
|
/>
|
</a-form-model-item>
|
</a-col>
|
<a-col :span="12">
|
<a-form-model-item
|
:labelCol="labelCol"
|
:wrapperCol="wrapperCol"
|
prop="transferLeaderApprovalComment"
|
label="审批意见"
|
>
|
<a-textarea
|
placeholder="请输入意见"
|
v-model="model.transferLeaderApprovalComment"
|
:disabled="disableSubmit || externalConfirmDisable"
|
/>
|
</a-form-model-item>
|
</a-col>
|
</a-row>
|
</div>
|
<div v-if="externalConfirmDisable">
|
<a-divider
|
orientation="center"
|
style="font-size: large;font-style: italic;color: #66aeed;"
|
> 机动办确认
|
</a-divider>
|
<a-row :gutter="24">
|
<a-col :span="24">
|
<a-form-model-item
|
:labelCol="labelCol"
|
:wrapperCol="wrapperCol"
|
prop="companyLeaderCheck"
|
label="是否需要公司领导审批"
|
>
|
<j-dict-select-tag
|
type="radio"
|
v-model="model.companyLeaderCheck"
|
dictCode="yn"
|
placeholder="请选择是否"
|
:disabled="disableSubmit || companyApprovalDisable"
|
/>
|
</a-form-model-item>
|
</a-col>
|
</a-row>
|
</div>
|
<div v-if="companyApprovalDisable">
|
<a-divider
|
orientation="center"
|
style="font-size: large;font-style: italic;color: #66aeed;"
|
> 公司领导审批
|
</a-divider>
|
<a-row :gutter="24">
|
<a-col :span="12">
|
<a-form-model-item
|
:labelCol="labelCol"
|
:wrapperCol="wrapperCol"
|
prop="companyLeaderApprovalDealType"
|
label="审批类型"
|
>
|
<j-dict-select-tag
|
type="radio"
|
v-model="model.companyLeaderApprovalDealType"
|
dictCode="approved_rejected"
|
placeholder="请选择处理类型"
|
:disabled="disableSubmit"
|
/>
|
</a-form-model-item>
|
</a-col>
|
<a-col :span="12">
|
<a-form-model-item
|
:labelCol="labelCol"
|
:wrapperCol="wrapperCol"
|
prop="companyLeaderApprovalComment"
|
label="审批意见"
|
>
|
<a-textarea
|
placeholder="请输入意见"
|
v-model="model.companyLeaderApprovalComment"
|
:disabled="disableSubmit"
|
/>
|
</a-form-model-item>
|
</a-col>
|
</a-row>
|
</div>
|
</a-form-model>
|
</a-spin>
|
</j-modal>
|
</template>
|
|
<script>
|
import { getAction, httpAction } from '@/api/manage'
|
import LxSearchEquipmentSelect from '@views/eam/equipment/modules/LxSearchEquipmentSelect.vue'
|
|
export default {
|
name: 'EquipmentTransferApprovalModal',
|
components: {
|
LxSearchEquipmentSelect
|
},
|
props: {
|
selectShenpiData: {
|
type: Object
|
}
|
},
|
data() {
|
return {
|
title: '操作',
|
visible: false,
|
editable: false,
|
model: {},
|
treeData: [],
|
labelCol: {
|
xs: { span: 24 },
|
sm: { span: 6 }
|
},
|
wrapperCol: {
|
xs: { span: 24 },
|
sm: { span: 16 }
|
},
|
labelColLong: {
|
xs: { span: 24 },
|
sm: { span: 3 }
|
},
|
wrapperColLong: {
|
xs: { span: 24 },
|
sm: { span: 20 }
|
},
|
confirmLoading: false,
|
spinning: false,
|
imageSrc: null,
|
validatorRules: {
|
useLeaderApprovalDealType: [
|
{ required: true, message: '请选择通过或驳回!' }
|
],
|
transferLeaderApprovalDealType: [
|
{ required: true, message: '请选择通过或驳回!' }
|
],
|
companyLeaderCheck: [
|
{ required: true, message: '请选择是或否!' }
|
],
|
companyLeaderApprovalDealType: [
|
{ required: true, message: '请选择通过或驳回!' }
|
],
|
useLeaderApprovalComment: [
|
{ required: true, message: '请输入审批意见!' }
|
],
|
transferLeaderApprovalComment: [
|
{ required: true, message: '请输入审批意见!' }
|
],
|
companyLeaderApprovalComment: [
|
{ required: true, message: '请输入审批意见!' }
|
]
|
},
|
url: {
|
queryById: '/eam/eamEquipmentTransfer/queryById',
|
approval: '/eam/eamEquipmentTransfer/approval',
|
loadProductionOptions: '/mdc/mdcProduction/loadProductionTreeOptions'
|
},
|
disableSubmit: false
|
}
|
},
|
created() {
|
this.loadAllProductionTree()
|
},
|
computed: {
|
//使用单位领导审批
|
useApprovalDisable: function () {
|
return ['WAIT_SUBMIT', 'WAIT_USE_LEADER_CHECK', 'WAIT_TRANSFER_LEADER_CHECK', 'WAIT_EXTERNAL_CONFIRM', 'WAIT_COMPANY_LEADER_CHECK', 'REJECT', 'COMPLETE'].includes(this.model.transferStatus)
|
},
|
//调入单位领导审批WAIT_USE_LEADER_CHECK
|
leanOutApprovalDisable: function () {
|
return ['WAIT_TRANSFER_LEADER_CHECK', 'WAIT_EXTERNAL_CONFIRM', 'WAIT_COMPANY_LEADER_CHECK', 'REJECT', 'COMPLETE'].includes(this.model.transferStatus)
|
},
|
//机动办确认
|
externalConfirmDisable: function () {
|
return ['WAIT_EXTERNAL_CONFIRM', 'WAIT_COMPANY_LEADER_CHECK', 'REJECT', 'COMPLETE'].includes(this.model.transferStatus)
|
},
|
// 公司领导审批
|
companyApprovalDisable: function () {
|
return ['WAIT_COMPANY_LEADER_CHECK', 'REJECT', 'COMPLETE'].includes(this.model.transferStatus)
|
},
|
},
|
methods: {
|
async handleDetail(item) {
|
this.initParams()
|
this.model = {}
|
let res = await getAction(this.url.queryById, { id: item.dataId })
|
this.model = Object.assign({}, res.result)
|
this.model.dataId = item.dataId
|
this.model.taskId = item.id
|
this.model.userId = item.assignee
|
this.model.instanceId = item.procInstId
|
this.model.values = item.variables
|
this.spinning = false;
|
},
|
|
recordDetail(record) {
|
console.log('record', record)
|
this.initParams()
|
this.model = Object.assign({}, record)
|
this.spinning = false
|
},
|
|
initParams() {
|
this.visible = true
|
this.spinning = true
|
},
|
|
async handleOk() {
|
const that = this
|
// 触发表单验证
|
this.$refs.form.validate(valid => {
|
if (valid) {
|
that.confirmLoading = that.spinning = true
|
let httpurl = this.url.approval
|
let method = 'put'
|
httpAction(httpurl, this.model, method).then((res) => {
|
if (res.success) {
|
that.$message.success(res.message)
|
that.$emit('searchReset')
|
that.close()
|
} else {
|
that.$message.warning(res.message)
|
}
|
}).finally(() => {
|
that.confirmLoading = that.spinning = false
|
})
|
} else {
|
return false
|
}
|
})
|
},
|
handleCancel() {
|
this.close()
|
},
|
|
close() {
|
this.$emit('close')
|
this.visible = false
|
this.$refs.form.clearValidate()
|
},
|
loadAllProductionTree() {
|
//加载车间选择树
|
getAction(this.url.loadProductionOptions).then(res => {
|
if (res.success) {
|
this.treeData = [...res.result]
|
} else {
|
that.$message.warning(res.message)
|
}
|
})
|
}
|
}
|
}
|
</script>
|
|
<style lang="less" scoped>
|
</style>
|
