518 lines
23 KiB
Vue
518 lines
23 KiB
Vue
<template>
|
|
<a-spin :spinning="loading">
|
|
<a-form-model :model="formInline" :rules="rules" ref="ruleForm">
|
|
<div class="form-flex-box">
|
|
<!-- 制修订类型 -->
|
|
<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.typeOfRevision')">
|
|
{{ $t('workCenter.enterpriseInitChangePlan.typeOfRevision') }}
|
|
</span>
|
|
</div>
|
|
<a-form-model-item class="item-model">
|
|
<a-input class="box-input"
|
|
:maxLength="50"
|
|
defaultValue="更改"
|
|
disabled
|
|
@change="event => event.target.value = event.target.value.trim()"
|
|
:placeholder="$t('pleaseEnter')+$t('workCenter.enterpriseInitChangePlan.typeOfRevision')" />
|
|
</a-form-model-item>
|
|
</div>
|
|
<!-- 企标编号 -->
|
|
<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="standardNumber">
|
|
<standard-selection :source="StandardSource.ENTERPRISE.value"
|
|
:disabled="disabled"
|
|
:disabledSourceSearch="true"
|
|
type="radio"
|
|
v-model="formInline.standardNumber"
|
|
@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="standardName">
|
|
<a-input class="box-input"
|
|
v-model="formInline.standardName"
|
|
: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="required">*</span>
|
|
<span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.standardGradeClassification')">
|
|
{{ $t('workCenter.enterpriseInitChangePlan.standardGradeClassification') }}
|
|
</span>
|
|
</div>
|
|
<a-form-model-item class="item-model" prop="gradeClassification">
|
|
<j-dict-select-tag class="box-input"
|
|
:disabled="disabled"
|
|
v-model="formInline.gradeClassification"
|
|
:placeholder="$t('pleaseSelect')+$t('workCenter.enterpriseInitChangePlan.standardGradeClassification')"
|
|
:type="'select'"
|
|
:triggerChange="false"
|
|
dictCode="standard_grade_classify" />
|
|
</a-form-model-item>
|
|
</div>
|
|
<!-- 标准体系 -->
|
|
<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.standardSystem')">
|
|
{{ $t('workCenter.enterpriseInitChangePlan.standardSystem') }}
|
|
</span>
|
|
</div>
|
|
<a-form-model-item class="item-model" prop="standardSystem">
|
|
<a-tree-select
|
|
v-model="formInline.standardSystem"
|
|
:getPopupContainer="triggerNode=> triggerNode.parentNode"
|
|
style="width: 100%"
|
|
:disabled="disabled"
|
|
:tree-data="standardSystemOptions"
|
|
tree-checkable
|
|
treeCheckStrictly
|
|
:placeholder="$t('pleaseSelect')+$t('workCenter.enterpriseInitChangePlan.standardSystem')" />
|
|
</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.standardEnglishName')">
|
|
{{ $t('workCenter.enterpriseInitChangePlan.standardEnglishName') }}
|
|
</span>
|
|
</div>
|
|
<a-form-model-item class="item-model" prop="standardEnglishName">
|
|
<a-input class="box-input"
|
|
:disabled="disabled"
|
|
v-model="formInline.standardEnglishName"
|
|
:maxLength="50"
|
|
@change="event => event.target.value = event.target.value.trim()"
|
|
:placeholder="$t('pleaseEnter')+$t('workCenter.enterpriseInitChangePlan.standardEnglishName')" />
|
|
</a-form-model-item>
|
|
</div>
|
|
<!-- 发布日期 -->
|
|
<div class="box-title-text form-flex-item">
|
|
<div class="title-text title-text-long">
|
|
<span class="required">*</span>
|
|
<span class="title-text-text" :title="$t('workCenter.enStandardChange.releaseDate')">
|
|
{{ $t('workCenter.enStandardChange.releaseDate') }}
|
|
</span>
|
|
</div>
|
|
<a-form-model-item class="item-model" prop="releaseDate">
|
|
<a-date-picker
|
|
v-model="formInline.releaseDate"
|
|
:showTime="false"
|
|
:disabled="disabled"
|
|
value-format="YYYY-MM-DD">
|
|
</a-date-picker>
|
|
</a-form-model-item>
|
|
</div>
|
|
<!-- 实施日期 -->
|
|
<div class="box-title-text form-flex-item">
|
|
<div class="title-text title-text-long">
|
|
<span class="required">*</span>
|
|
<span class="title-text-text" :title="$t('workCenter.enStandardChange.materialDate')">
|
|
{{ $t('workCenter.enStandardChange.materialDate') }}
|
|
</span>
|
|
</div>
|
|
<a-form-model-item class="item-model" prop="implementationDate">
|
|
<a-date-picker
|
|
v-model="formInline.implementationDate"
|
|
:showTime="false"
|
|
:disabled="disabled"
|
|
value-format="YYYY-MM-DD">
|
|
</a-date-picker>
|
|
</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.enStandardChange.isTry')">
|
|
{{ $t('workCenter.enStandardChange.isTry') }}
|
|
</span>
|
|
</div>
|
|
<a-form-model-item class="item-model" prop="tryFlag">
|
|
<j-dict-select-tag class="box-input"
|
|
:disabled="disabled"
|
|
v-model="formInline.tryFlag"
|
|
:placeholder="$t('pleaseSelect')+$t('workCenter.enStandardChange.isTry')"
|
|
:type="'select'"
|
|
:triggerChange="false"
|
|
dictCode="is_trial" />
|
|
</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.enStandardChange.trialPeriod')">
|
|
{{ $t('workCenter.enStandardChange.trialPeriod') }}
|
|
</span>
|
|
</div>
|
|
<a-form-model-item class="item-model" prop="trialPeriod">
|
|
<j-dict-select-tag class="box-input"
|
|
:disabled="disabled"
|
|
v-model="formInline.trialPeriod"
|
|
:placeholder="$t('pleaseSelect')+$t('workCenter.enStandardChange.trialPeriod')"
|
|
:type="'select'"
|
|
:triggerChange="false"
|
|
dictCode="trial_period" />
|
|
</a-form-model-item>
|
|
</div>
|
|
<!-- 零部件名称 -->
|
|
<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.partName')">
|
|
{{ $t('workCenter.enterpriseInitChangePlan.partName') }}
|
|
</span>
|
|
</div>
|
|
<a-form-model-item class="item-model" prop="partName">
|
|
<tree-selection :placeholder="$t('pleaseSelect')+$t('workCenter.enterpriseInitChangePlan.partName')"
|
|
v-model="formInline.partName"
|
|
@nameChange="treeSelectNameChange"
|
|
filedName="partName"
|
|
type="radio"
|
|
:nameStr="formInline.partName_dictText"
|
|
dict-id="1696007957666533377"
|
|
:disabled="disabled" />
|
|
</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="mainDraftingUser">
|
|
<user-selection :placeholder="$t('pleaseSelect')+$t('workCenter.enterpriseInitChangePlan.principalDrafter')"
|
|
v-model="formInline.mainDraftingUser"
|
|
:disabled="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.mainDraftUnit')">
|
|
{{ $t('workCenter.enterpriseInitChangePlan.mainDraftUnit') }}
|
|
</span>
|
|
</div>
|
|
<a-form-model-item class="item-model" prop="mainDraftingUnit">
|
|
<j-select-depart v-model="formInline.mainDraftingUnit"
|
|
:disabled="disabled"
|
|
:backDepart="true" />
|
|
</a-form-model-item>
|
|
</div>
|
|
<!-- 标准适用范围 -->
|
|
<div class="box-title-text form-flex-item">
|
|
<div class="title-text title-text-long">
|
|
<span class="title-text-text" :title="$t('workCenter.enStandardChange.scopeOfApplication')">
|
|
{{ $t('workCenter.enStandardChange.scopeOfApplication') }}
|
|
</span>
|
|
</div>
|
|
<a-form-model-item class="item-model" prop="standardScope">
|
|
<a-textarea :placeholder="$t('pleaseEnter')+$t('workCenter.enStandardChange.scopeOfApplication')"
|
|
:maxLength="500"
|
|
:disabled="disabled"
|
|
v-model="formInline.standardScope" :rows="4" />
|
|
</a-form-model-item>
|
|
</div>
|
|
<!-- 代替标准号 -->
|
|
<div class="box-title-text form-flex-item">
|
|
<div class="title-text">
|
|
<span class="required">*</span>
|
|
<span class="title-text-text" :title="$t('workCenter.enStandardChange.substituteStandardNumber')">
|
|
{{ $t('workCenter.enStandardChange.substituteStandardNumber') }}
|
|
</span>
|
|
</div>
|
|
<a-form-model-item class="item-model" prop="substituteStandardNumber">
|
|
<standard-selection :source="StandardSource.ENTERPRISE.value"
|
|
:disabled="disabled"
|
|
:disabledSourceSearch="true"
|
|
type="radio"
|
|
v-model="formInline.substituteStandardNumber" />
|
|
</a-form-model-item>
|
|
</div>
|
|
<!-- 引用标准 -->
|
|
<div class="box-title-text form-flex-item">
|
|
<div class="title-text">
|
|
<span class="required">*</span>
|
|
<span class="title-text-text" :title="$t('workCenter.enStandardChange.quotedStandard')">
|
|
{{ $t('workCenter.enStandardChange.quotedStandard') }}
|
|
</span>
|
|
</div>
|
|
<a-form-model-item class="item-model" prop="quotedStandard">
|
|
<standard-selection :source="StandardSource.ENTERPRISE.value"
|
|
:disabled="disabled"
|
|
:disabledSourceSearch="true"
|
|
type="radio"
|
|
v-model="formInline.quotedStandard" />
|
|
</a-form-model-item>
|
|
</div>
|
|
<!-- 关联文件 -->
|
|
<div class="box-title-text form-flex-item">
|
|
<div class="title-text title-text-long">
|
|
<span class="title-text-text" :title="$t('workCenter.enStandardChange.relevantFile')">
|
|
{{ $t('workCenter.enStandardChange.relevantFile') }}
|
|
</span>
|
|
</div>
|
|
<a-form-model-item class="item-model" prop="associatedFile">
|
|
<a-button type="primary" class="button-text" style="width: 200px" @click="clickButtonToUpload('associatedFile')">
|
|
{{
|
|
(formInline.associatedFile === 'null' || formInline.associatedFile === ''
|
|
|| formInline.associatedFile === null || formInline.associatedFile === undefined)
|
|
? $t('uploadFile.clickUpload')
|
|
: $t('uploadFile.viewUploadedFiles')
|
|
}}
|
|
</a-button>
|
|
</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.enStandardChange.degreeOfBidAcquisition')">
|
|
{{ $t('workCenter.enStandardChange.degreeOfBidAcquisition') }}
|
|
</span>
|
|
</div>
|
|
<a-form-model-item class="item-model" prop="acquisitionDegree">
|
|
<j-dict-select-tag class="box-input"
|
|
:disabled="disabled"
|
|
v-model="formInline.acquisitionDegree"
|
|
:placeholder="$t('pleaseSelect')+$t('workCenter.enStandardChange.degreeOfBidAcquisition')"
|
|
:type="'select'"
|
|
:triggerChange="false"
|
|
dictCode="degree_bid_acquisition" />
|
|
</a-form-model-item>
|
|
</div>
|
|
<!-- 采用国际标准号 -->
|
|
<div class="box-title-text form-flex-item">
|
|
<div class="title-text">
|
|
<span class="required">*</span>
|
|
<span class="title-text-text" :title="$t('workCenter.enStandardChange.adoptInternationalStandardNumber')">
|
|
{{ $t('workCenter.enStandardChange.adoptInternationalStandardNumber') }}
|
|
</span>
|
|
</div>
|
|
<a-form-model-item class="item-model" prop="internationalStandardNum">
|
|
<a-input class="box-input"
|
|
v-model="formInline.internationalStandardNum"
|
|
:disabled="disabled"
|
|
:maxLength="50"
|
|
@change="event => event.target.value = event.target.value.trim()"
|
|
:placeholder="$t('pleaseEnter')+$t('workCenter.enStandardChange.adoptInternationalStandardNumber')" />
|
|
</a-form-model-item>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 上传文件弹框 -->
|
|
<upload-file ref="uploadFile" @change="uploadFileChange" :return-url="false" :disabled="disabled"></upload-file>
|
|
</a-form-model>
|
|
</a-spin>
|
|
</template>
|
|
|
|
<script>
|
|
import { StandardSource } from '@/enums/commonEnums'
|
|
import { getTreeList, getEnterpriseStandardInfoById } from '@/api/enterpriseStandardLibraryApi'
|
|
import StandardSelection from '@/components/selection/StandardSelection'
|
|
import UserSelection from '@/components/selection/UserSelection'
|
|
import UploadFile from '@/components/UploadFile'
|
|
import TreeSelection from '@/components/selection/TreeSelection'
|
|
|
|
export default {
|
|
name: 'BaseInfoForm',
|
|
components: {
|
|
StandardSelection,
|
|
UserSelection,
|
|
UploadFile,
|
|
TreeSelection
|
|
},
|
|
props: {
|
|
disabled: {
|
|
type: Boolean,
|
|
required: false,
|
|
default: false
|
|
}
|
|
},
|
|
watch: {
|
|
// 企标编号监视
|
|
'formInline.standardNumber' (value) {
|
|
this.$emit('processNameChange', (value || '') + '-' + (this.formInline.standardName || '') + '-' + '企标更改')
|
|
},
|
|
// 企标名称监视
|
|
'formInline.standardName' (value) {
|
|
this.$emit('processNameChange', (this.formInline.standardNumber || '') + '-' + (value || '') + '-' + '企标更改')
|
|
}
|
|
},
|
|
data () {
|
|
return {
|
|
StandardSource,
|
|
loading: false,
|
|
standardSystemOptions: [], // 标准体系下拉框数据
|
|
formInline: {},
|
|
rules: {
|
|
// 企标编号
|
|
standardNumber: [
|
|
{
|
|
required: true,
|
|
message: this.$t('workCenter.enterpriseInitChangePlan.enterpriseStandardNum') + this.$t('cannotEmpty'),
|
|
trigger: 'change'
|
|
}
|
|
],
|
|
// 标准等级分类
|
|
gradeClassification: [
|
|
{
|
|
required: true,
|
|
message: this.$t('workCenter.enterpriseInitChangePlan.standardGradeClassification') + this.$t('cannotEmpty'),
|
|
trigger: 'change'
|
|
}
|
|
],
|
|
// 标准体系
|
|
standardSystem: [
|
|
{
|
|
required: true,
|
|
message: this.$t('workCenter.enterpriseInitChangePlan.standardSystem') + this.$t('cannotEmpty'),
|
|
trigger: 'change'
|
|
}
|
|
],
|
|
// 发布日期
|
|
releaseDate: [
|
|
{
|
|
required: true,
|
|
message: this.$t('workCenter.enStandardChange.releaseDate') + this.$t('cannotEmpty'),
|
|
trigger: ['change', 'blur']
|
|
}
|
|
],
|
|
// 实施日期
|
|
implementationDate: [
|
|
{
|
|
required: true,
|
|
message: this.$t('workCenter.enStandardChange.materialDate') + this.$t('cannotEmpty'),
|
|
trigger: ['change', 'blur']
|
|
}
|
|
],
|
|
// 零部件名称
|
|
partName: [
|
|
{
|
|
required: true,
|
|
message: this.$t('workCenter.enterpriseInitChangePlan.partName') + this.$t('cannotEmpty'),
|
|
trigger: 'change'
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
mounted () {
|
|
// 获取标准体系下拉框数据
|
|
this.initStandardSystemOptions()
|
|
},
|
|
methods: {
|
|
// 获取标准体系下拉框数据
|
|
initStandardSystemOptions () {
|
|
getTreeList({ option: 1 }).then(res => {
|
|
if (res.success) {
|
|
this.standardSystemOptions = res.result
|
|
}
|
|
})
|
|
},
|
|
// 选完企标编号了，需要回显内容
|
|
listChange (value) {
|
|
console.log(value)
|
|
this.loading = true
|
|
// 企标名称
|
|
this.formInline.standardName = value[0].standardName
|
|
// 根据返回的id查询企标数据
|
|
getEnterpriseStandardInfoById({ id: value[0].id, type: '2' }).then(res => {
|
|
if (res.success) {
|
|
const result = res.result
|
|
// 标准等级分类
|
|
this.formInline.gradeClassification = result.grade_classification
|
|
// 标准体系
|
|
this.formInline.standardSystem = result.standard_system ? result.standard_system.split(',').map(item => {
|
|
return { value: item }
|
|
}) : []
|
|
console.log(this.formInline.standardSystem)
|
|
// 标准英文名称
|
|
this.formInline.standardEnglishName = result.standard_english_name
|
|
// 发布日期
|
|
this.formInline.releaseDate = result.release_date
|
|
// 实施日期
|
|
this.formInline.implementationDate = result.implementation_date
|
|
// 是否试行
|
|
this.formInline.tryFlag = result.try_flag
|
|
// 试行周期
|
|
this.formInline.trialPeriod = result.trial_period || undefined
|
|
// 零部件名称
|
|
this.formInline.partName = result.part_name
|
|
this.formInline.partName_dictText = result.part_name_dictText
|
|
// 主起草人
|
|
this.formInline.mainDraftingUser = result.main_drafting_user
|
|
this.formInline.mainDraftingUser_dictText = result.main_drafting_user_dictText
|
|
// 主起草单位
|
|
this.formInline.mainDraftingUnit = result.main_drafting_unit
|
|
// 代替标准号
|
|
this.formInline.substituteStandardNumber = result.substitute_standard_number
|
|
// 引用标准
|
|
this.formInline.quotedStandard = result.reference_standard
|
|
// 关联文件
|
|
this.formInline.associatedFile = result.associated_file
|
|
// 采标程度
|
|
this.formInline.acquisitionDegree = result.acquisition_degree || null
|
|
// 采用国际标准号
|
|
this.formInline.internationalStandardNum = result.international_standard_num
|
|
this.formInline = Object.assign({}, this.formInline)
|
|
}
|
|
}).finally(() => {
|
|
this.loading = false
|
|
})
|
|
},
|
|
// 零部件名称选择完成的回调
|
|
treeSelectNameChange (value, fieldName) {
|
|
this.formInline[fieldName + '_dictText'] = value
|
|
},
|
|
// 选择用户得到用户名
|
|
userSelectNameChange (value, fieldName) {
|
|
this.formInline[fieldName + '_dictText'] = value
|
|
},
|
|
// 点击文件上传
|
|
clickButtonToUpload (fieldName) {
|
|
this.$refs.uploadFile.open(this.formInline[fieldName])
|
|
this.uploadName = fieldName
|
|
},
|
|
// 文件上传改变后的回调
|
|
uploadFileChange (data) {
|
|
const attIdList = []
|
|
if (data && data.length > 0) {
|
|
data.map(item => {
|
|
attIdList.push(item.id)
|
|
})
|
|
}
|
|
/** 赋值给当前对应的表单文件 */
|
|
this.formInline[this.uploadName] = attIdList.join(',')
|
|
this.formInline = { ...this.formInline }
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped lang="less">
|
|
@import '~@assets/less/common.less';
|
|
</style>
|