264 lines
12 KiB
Vue
264 lines
12 KiB
Vue
<template>
|
|
<a-form-model :model="formInline" class="form-add" :rules="rules" ref="ruleForm">
|
|
<div class="collapsible-panel-form">
|
|
<div class="form-flex-box collapsible-panel-form-content collapsible-content-no-head">
|
|
<!-- 企标编号 -->
|
|
<div class="box-title-text form-flex-item">
|
|
<div class="title-text">
|
|
<span class="required">*</span>
|
|
<span class="title-text-text"
|
|
:title="$t('workCenter.enterpriseInitChangePlan.enterpriseStandardNum')">
|
|
{{ $t('workCenter.enterpriseInitChangePlan.enterpriseStandardNum') }}
|
|
</span>
|
|
</div>
|
|
<a-form-model-item class="item-model" prop="espId">
|
|
<enterprise-plan-selection type="radio"
|
|
:placeholder="$t('pleaseSelect')+$t('workCenter.enterpriseInitChangePlan.enterpriseStandardNum')"
|
|
v-model="formInline.espId"
|
|
:standard-number="formInline.originEnStandardNo"
|
|
@standardNumberChange="standardNumberChange"
|
|
:searchParam="{ projectType: projectType }"
|
|
:disabled="disabled"
|
|
@listChange="listChange"/>
|
|
</a-form-model-item>
|
|
</div>
|
|
<!-- 企标名称 -->
|
|
<div class="box-title-text form-flex-item">
|
|
<div class="title-text">
|
|
<span class="title-text-text"
|
|
:title="$t('workCenter.enterpriseInitChangePlan.enterpriseStandardName')">
|
|
{{ $t('workCenter.enterpriseInitChangePlan.enterpriseStandardName') }}
|
|
</span>
|
|
</div>
|
|
<a-form-model-item class="item-model" prop="originEnStandardName">
|
|
<a-input class="box-input"
|
|
disabled
|
|
v-model="formInline.originEnStandardName"
|
|
:maxLength="50"
|
|
@change="event => event.target.value = event.target.value.trim()"
|
|
:placeholder="$t('pleaseEnter')+$t('workCenter.enterpriseInitChangePlan.enterpriseStandardName')" />
|
|
</a-form-model-item>
|
|
</div>
|
|
<!-- 原主起草人 -->
|
|
<div class="box-title-text form-flex-item">
|
|
<div class="title-text">
|
|
<span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.originPrincipalDrafter')">
|
|
{{ $t('workCenter.enterpriseInitChangePlan.originPrincipalDrafter') }}
|
|
</span>
|
|
</div>
|
|
<a-form-model-item class="item-model" prop="mainDraftingUser">
|
|
<user-selection :placeholder="$t('pleaseSelect')+$t('workCenter.enterpriseInitChangePlan.originPrincipalDrafter')"
|
|
v-model="formInline.mainDraftingUser"
|
|
disabled
|
|
filedName="mainDraftingUser"
|
|
@nameChange="userSelectNameChange"
|
|
:nameStr="formInline.mainDraftingUser_dictText"
|
|
type="radio" />
|
|
</a-form-model-item>
|
|
</div>
|
|
<!-- 原主起草单位 -->
|
|
<div class="box-title-text form-flex-item">
|
|
<div class="title-text">
|
|
<span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.originMainDraftUnit')">
|
|
{{ $t('workCenter.enterpriseInitChangePlan.originMainDraftUnit') }}
|
|
</span>
|
|
</div>
|
|
<a-form-model-item class="item-model" prop="mainDraftingUnit">
|
|
<j-select-depart v-model="formInline.mainDraftingUnit"
|
|
disabled
|
|
:backDepart="true" />
|
|
</a-form-model-item>
|
|
</div>
|
|
<!-- 原起草单位负责人 -->
|
|
<div class="box-title-text form-flex-item">
|
|
<div class="title-text">
|
|
<span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.originHeadOfMainDraftingUnit')">
|
|
{{ $t('workCenter.enterpriseInitChangePlan.originHeadOfMainDraftingUnit') }}
|
|
</span>
|
|
</div>
|
|
<a-form-model-item class="item-model" prop="mainDraftingUnitResponsiblePerson">
|
|
<user-selection :placeholder="$t('pleaseSelect')+$t('workCenter.enterpriseInitChangePlan.originHeadOfMainDraftingUnit')"
|
|
v-model="formInline.mainDraftingUnitResponsiblePerson"
|
|
disabled
|
|
filedName="mainDraftingUnitResponsiblePerson"
|
|
@nameChange="userSelectNameChange"
|
|
:nameStr="formInline.mainDraftingUnitResponsiblePerson_dictText"
|
|
type="radio" />
|
|
</a-form-model-item>
|
|
</div>
|
|
<!-- 主起草人 -->
|
|
<div class="box-title-text form-flex-item">
|
|
<div class="title-text">
|
|
<span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.principalDrafter')">
|
|
{{ $t('workCenter.enterpriseInitChangePlan.principalDrafter') }}
|
|
</span>
|
|
</div>
|
|
<a-form-model-item class="item-model" prop="newMainDraftingUser">
|
|
<user-selection :placeholder="$t('pleaseSelect')+$t('workCenter.enterpriseInitChangePlan.principalDrafter')"
|
|
v-model="formInline.newMainDraftingUser"
|
|
:disabled="disabled"
|
|
filedName="newMainDraftingUser"
|
|
@nameChange="userSelectNameChange"
|
|
:nameStr="formInline.newMainDraftingUser_dictText"
|
|
type="radio" />
|
|
</a-form-model-item>
|
|
</div>
|
|
<!-- 主起草单位 -->
|
|
<div class="box-title-text form-flex-item">
|
|
<div class="title-text">
|
|
<span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.mainDraftUnit')">
|
|
{{ $t('workCenter.enterpriseInitChangePlan.mainDraftUnit') }}
|
|
</span>
|
|
</div>
|
|
<a-form-model-item class="item-model" prop="newMainDraftingUnit">
|
|
<j-select-depart v-model="formInline.newMainDraftingUnit"
|
|
:disabled="disabled"
|
|
:backDepart="true" />
|
|
</a-form-model-item>
|
|
</div>
|
|
<!-- 起草单位负责人 -->
|
|
<div class="box-title-text form-flex-item">
|
|
<div class="title-text">
|
|
<span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.headOfMainDraftingUnit')">
|
|
{{ $t('workCenter.enterpriseInitChangePlan.headOfMainDraftingUnit') }}
|
|
</span>
|
|
</div>
|
|
<a-form-model-item class="item-model" prop="newMainDraftingUnitResponsiblePerson">
|
|
<user-selection :placeholder="$t('pleaseSelect')+$t('workCenter.enterpriseInitChangePlan.headOfMainDraftingUnit')"
|
|
v-model="formInline.newMainDraftingUnitResponsiblePerson"
|
|
:disabled="disabled"
|
|
filedName="newMainDraftingUnitResponsiblePerson"
|
|
@nameChange="userSelectNameChange"
|
|
:nameStr="formInline.newMainDraftingUnitResponsiblePerson_dictText"
|
|
type="radio" />
|
|
</a-form-model-item>
|
|
</div>
|
|
<!-- 变更原因 -->
|
|
<div class="box-title-text form-flex-item form-flex-item-long">
|
|
<div class="title-text title-text-long">
|
|
<span class="required">*</span>
|
|
<span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.changeReason')">
|
|
{{ $t('workCenter.enterpriseInitChangePlan.changeReason') }}
|
|
</span>
|
|
</div>
|
|
<a-form-model-item class="item-model" prop="changeReason">
|
|
<a-textarea :placeholder="$t('pleaseEnter')+$t('workCenter.enterpriseInitChangePlan.changeReason')"
|
|
:maxLength="500"
|
|
:disabled="disabled"
|
|
v-model="formInline.changeReason" :rows="4" />
|
|
</a-form-model-item>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</a-form-model>
|
|
</template>
|
|
|
|
<script>
|
|
import EnterprisePlanSelection from '@/components/selection/EnterprisePlanSelection'
|
|
import UserSelection from '@/components/selection/UserSelection'
|
|
|
|
export default {
|
|
name: 'DutyDepartChangeBaseInfo',
|
|
components: { EnterprisePlanSelection, UserSelection },
|
|
props: {
|
|
disabled: {
|
|
type: Boolean,
|
|
required: false,
|
|
default: false
|
|
},
|
|
projectType: {
|
|
type: [Number, String],
|
|
required: false,
|
|
default: 1
|
|
}
|
|
},
|
|
watch: {
|
|
// 企标编号，如果修改流程名称需更新
|
|
'formInline.originEnStandardNo' (value) {
|
|
const processName = (value || '') + '-' + (this.formInline.originEnStandardName || '') + '-' + '变更'
|
|
this.$emit('processNameChange', processName)
|
|
},
|
|
// 企标名称
|
|
'formInline.originEnStandardName' (value) {
|
|
const processName = (this.formInline.originEnStandardNo || '') + '-' + (value || '') + '-' + '变更'
|
|
this.$emit('processNameChange', processName)
|
|
}
|
|
},
|
|
data () {
|
|
return {
|
|
formInline: {},
|
|
rules: {
|
|
// 企标计划id
|
|
espId: [
|
|
{
|
|
required: true,
|
|
message: this.$t('workCenter.enterpriseInitChangePlan.enterpriseStandardNum') + this.$t('cannotEmpty'),
|
|
trigger: 'change'
|
|
}
|
|
],
|
|
// 变更原因
|
|
changeReason: [
|
|
{
|
|
required: true,
|
|
message: this.$t('workCenter.enterpriseInitChangePlan.changeReason') + this.$t('cannotEmpty'),
|
|
trigger: 'blur'
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
methods: {
|
|
// 企标计划选择完成的企标编号回调
|
|
standardNumberChange (value) {
|
|
this.formInline.originEnStandardNo = value
|
|
},
|
|
// 企标选编号选择完成的回调
|
|
listChange (value) {
|
|
console.log(value)
|
|
if (value && value.length > 0) {
|
|
this.formInline.originEnStandardName = value[0].originEnStandardName
|
|
this.formInline.mainDraftingUser = value[0].mainDraftingUser
|
|
this.formInline.mainDraftingUser_dictText = value[0].mainDraftingUser_dictText
|
|
this.formInline.mainDraftingUnit = value[0].mainDraftingUnit
|
|
this.formInline.newMainDraftingUser = value[0].mainDraftingUser
|
|
this.formInline.newMainDraftingUser_dictText = value[0].mainDraftingUser_dictText
|
|
this.formInline.newMainDraftingUnit = value[0].mainDraftingUnit
|
|
this.formInline.mainDraftingUnitResponsiblePerson = value[0].mainDraftingUnitResponsiblePerson
|
|
this.formInline.mainDraftingUnitResponsiblePerson_dictText = value[0].mainDraftingUnitResponsiblePerson_dictText
|
|
this.formInline.newMainDraftingUnitResponsiblePerson = value[0].mainDraftingUnitResponsiblePerson
|
|
this.formInline.newMainDraftingUnitResponsiblePerson_dictText = value[0].mainDraftingUnitResponsiblePerson_dictText
|
|
}
|
|
},
|
|
// 选择用户得到用户名
|
|
userSelectNameChange (value, fieldName) {
|
|
this.formInline[fieldName + '_dictText'] = value
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped lang="less">
|
|
@import '~@assets/less/common.less';
|
|
/deep/ .ant-form-item-children {
|
|
width: 100%;
|
|
display: inline-block;
|
|
}
|
|
|
|
.collapsible-content-no-head {
|
|
border-top: 1px solid #E5E6EB;
|
|
border-radius: 8px 8px 8px 8px;
|
|
}
|
|
|
|
.form-flex-item {
|
|
width: calc(100% / 3);
|
|
}
|
|
|
|
.form-flex-item-long {
|
|
width: 100%;
|
|
}
|
|
|
|
.title-text-long {
|
|
width: 114px;
|
|
}
|
|
</style>
|