[需求变更] 资料网员新增/编辑页面合同编号输入框变成下拉选择

This commit is contained in:
zhaoxiao
2021-10-27 15:05:41 +08:00
parent 4fc06160f2
commit 8801eb6388
3 changed files with 70 additions and 50 deletions
@@ -61,8 +61,11 @@ export default {
* 通过企业id获取合同号 * 通过企业id获取合同号
*/ */
initRevenueContractList() { initRevenueContractList() {
const param = { let param = {}
companyId: this.company.id if (this.company && this.company.id){
param.companyId = this.company.id
} else {
param.companyId = null
} }
getAllRevenueContract(param).then(res => { getAllRevenueContract(param).then(res => {
if (res.success) { if (res.success) {
@@ -85,8 +85,14 @@
</a-col> </a-col>
<a-col :xl="12" :sm="24"> <a-col :xl="12" :sm="24">
<a-form-item label="合同编号" :labelCol="labelCol" :wrapperCol="wrapperCol"> <a-form-item label="合同编号" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input placeholder="请输入合同编号" @change="event => event.target.value = event.target.value.trim()" <!-- <a-input placeholder="请输入合同编号" @change="event => event.target.value = event.target.value.trim()"-->
:maxLength="50" v-decorator="['contractNo',validatorRules.contractNo]" disabled></a-input> <!-- :maxLength="50" v-decorator="['contractNo',validatorRules.contractNo]" disabled></a-input>-->
<select-revenue-contract
placeholder="请选择合同编号"
:company="contractInfo.companyId"
disabled
v-decorator="['contractNo',validatorRules.contractNo]" >
</select-revenue-contract>
</a-form-item> </a-form-item>
</a-col> </a-col>
</a-row> </a-row>
@@ -120,14 +126,15 @@ import CompanySelect from '@comp/company/CompanySelect'
import {queryContractMemberProject} from '@api/incomeMeetingApi' import {queryContractMemberProject} from '@api/incomeMeetingApi'
import {money} from '@/utils/validate' import {money} from '@/utils/validate'
import {addZero} from '@/utils/util' import {addZero} from '@/utils/util'
import SelectRevenueContract from '../../../../components/tools/SelectRevenueContract'
export default { export default {
name: 'AddMemberProject', name: 'AddMemberProject',
components: { components: {
SelectContacts, SelectContacts,
JDictSelectTag, JDictSelectTag,
CompanySelect CompanySelect,
SelectRevenueContract
}, },
data() { data() {
return { return {
@@ -132,17 +132,23 @@
:labelCol="labelCol" :labelCol="labelCol"
:wrapperCol="wrapperCol" :wrapperCol="wrapperCol"
> >
<a-input <!-- <a-input-->
placeholder="请输入合同号" <!-- placeholder="请输入合同号"-->
:maxLength="50" <!-- :maxLength="50"-->
<!-- v-decorator="['contractNo', validatorRules.contractNo]"-->
<!-- :disabled="isAssociatedContract"-->
<!-- @change="-->
<!-- (e) => {-->
<!-- e.target.value = (e.target.value + '').trim();-->
<!-- }-->
<!-- "-->
<!-- ></a-input>-->
<select-revenue-contract
:company="selectedCompany"
placeholder="请选择合同号"
v-decorator="['contractNo', validatorRules.contractNo]" v-decorator="['contractNo', validatorRules.contractNo]"
:disabled="isAssociatedContract" :disabled="isAssociatedContract">
@change=" </select-revenue-contract>
(e) => {
e.target.value = (e.target.value + '').trim();
}
"
></a-input>
</a-form-item> </a-form-item>
</a-col> </a-col>
</a-row> </a-row>
@@ -207,11 +213,11 @@
</a-row> </a-row>
</a-form> </a-form>
</a-spin> </a-spin>
<!-- <contact-management-module--> <!-- <contact-management-module-->
<!-- ref="contactForm"--> <!-- ref="contactForm"-->
<!-- is-company-disabled--> <!-- is-company-disabled-->
<!-- :selected-company="selectedCompany"--> <!-- :selected-company="selectedCompany"-->
<!-- ></contact-management-module>--> <!-- ></contact-management-module>-->
</j-modal> </j-modal>
</template> </template>
@@ -222,9 +228,10 @@ import JUpload from '@comp/jero/JUpload'
import CompanySelect from '@comp/company/CompanySelect' import CompanySelect from '@comp/company/CompanySelect'
// import ContactManagementModule from '@views/businessManagement/modules/ContactManagementModule' // import ContactManagementModule from '@views/businessManagement/modules/ContactManagementModule'
import SelectContacts from '@comp/company/SelectContacts' import SelectContacts from '@comp/company/SelectContacts'
import {addZero} from '@/utils/util' import { addZero } from '@/utils/util'
import {money} from '@/utils/validate' import { money } from '@/utils/validate'
import {checkAssociatedProject} from '@/utils/projectCheck' import { checkAssociatedProject } from '@/utils/projectCheck'
import SelectRevenueContract from '../../../../components/tools/SelectRevenueContract'
export default { export default {
name: 'SafeguardMemberModal', name: 'SafeguardMemberModal',
@@ -233,6 +240,7 @@ export default {
CompanySelect, CompanySelect,
// ContactManagementModule, // ContactManagementModule,
SelectContacts, SelectContacts,
SelectRevenueContract
}, },
data() { data() {
return { return {
@@ -244,58 +252,58 @@ export default {
model: {}, model: {},
labelCol: { labelCol: {
xs: { span: 24 }, xs: { span: 24 },
sm: { span: 6 }, sm: { span: 6 }
}, },
wrapperCol: { wrapperCol: {
xs: { span: 24 }, xs: { span: 24 },
sm: { span: 18 }, sm: { span: 18 }
}, },
remarksLabelCol: { remarksLabelCol: {
xs: { span: 24 }, xs: { span: 24 },
sm: { span: 3 }, sm: { span: 3 }
}, },
remarksWrapperCol: { remarksWrapperCol: {
xs: { span: 24 }, xs: { span: 24 },
sm: { span: 21 }, sm: { span: 21 }
}, },
validatorRules: { validatorRules: {
companyId: { companyId: {
rules: [{ required: true, message: '请选择会员单位' }], rules: [{ required: true, message: '请选择会员单位' }],
validateTrigger: 'blur', validateTrigger: 'blur'
}, },
contractNo: { contractNo: {
rules: [{ required: true, message: '请输入合同号' }], rules: [{ required: true, message: '请选择合同号' }],
validateTrigger: 'blur', validateTrigger: 'blur'
}, },
companyContactId: { companyContactId: {
rules: [{ required: true, message: '请选择企业联系人' }], rules: [{ required: true, message: '请选择企业联系人' }],
validateTrigger: 'change', validateTrigger: 'change'
}, },
postContactId: { postContactId: {
rules: [{ required: true, message: '请选择邮寄联系人' }], rules: [{ required: true, message: '请选择邮寄联系人' }],
validateTrigger: 'change', validateTrigger: 'change'
}, },
paymentMethod: { paymentMethod: {
rules: [{ required: true, message: '请选择来款方式' }], rules: [{ required: true, message: '请选择来款方式' }],
validateTrigger: ['blur', 'change'], validateTrigger: ['blur', 'change'],
initialValue: 3, initialValue: 3
}, },
amountReceivable: { amountReceivable: {
rules: [ rules: [
{required: true, validator: this.validateMoney}, { required: true, validator: this.validateMoney }
], ],
validateTrigger: ['blur'] validateTrigger: ['blur']
}, },
chargeNoticeNo: { chargeNoticeNo: {
rules: [{ required: true, message: '请输入收费通知号' }], rules: [{ required: true, message: '请输入收费通知号' }],
validateTrigger: 'blur', validateTrigger: 'blur'
}, },
needInvoice: { needInvoice: {
rules: [{ required: true, message: '请选择发票类型' }], rules: [{ required: true, message: '请选择发票类型' }],
validateTrigger: ['change', 'blur'], validateTrigger: ['change', 'blur'],
initialValue: 0, initialValue: 0
}, }
}, },
// 来款方式 // 来款方式
incomePaysType: 3, incomePaysType: 3,
@@ -309,10 +317,10 @@ export default {
baseInfo: this.$store.state.currentProjetcInfo, baseInfo: this.$store.state.currentProjetcInfo,
url: { url: {
add: '/jero/memberProjectSubitem/add', add: '/jero/memberProjectSubitem/add',
edit: '/jero/memberProjectSubitem/edit', edit: '/jero/memberProjectSubitem/edit'
}, },
disabledCompany: false, // 企业是否可以编辑 disabledCompany: false, // 企业是否可以编辑
isAssociatedContract: false, // 是否已关联合同 isAssociatedContract: false // 是否已关联合同
} }
}, },
methods: { methods: {
@@ -354,7 +362,7 @@ export default {
this.timer = setTimeout(() => { this.timer = setTimeout(() => {
this.form.setFieldsValue({ this.form.setFieldsValue({
chargeNoticeFileId: this.baseInfo.chargeNoticeFileId, chargeNoticeFileId: this.baseInfo.chargeNoticeFileId,
chargeNoticeNo: this.baseInfo.chargeNoticeNo, chargeNoticeNo: this.baseInfo.chargeNoticeNo
}) })
}, 100) }, 100)
} }
@@ -363,16 +371,16 @@ export default {
if (record.companyId) { if (record.companyId) {
this.model.companyId = { this.model.companyId = {
id: record.companyId, id: record.companyId,
companyName: record.companyName, companyName: record.companyName
} }
this.selectedCompany = Object.assign({}, this.model.companyId) this.selectedCompany = Object.assign({}, this.model.companyId)
this.selectPerson = { this.selectPerson = {
id: this.model.companyContactTemporaryId, id: this.model.companyContactTemporaryId,
name: this.model.companyContactName, name: this.model.companyContactName
} }
this.selectMailPerson = { this.selectMailPerson = {
id: this.model.postContactTemporaryId, id: this.model.postContactTemporaryId,
name: this.model.postContactName, name: this.model.postContactName
} }
// 修改来款方式 控制dom对应显示隐藏 // 修改来款方式 控制dom对应显示隐藏
this.incomePaysType = record.paymentMethod this.incomePaysType = record.paymentMethod
@@ -397,10 +405,10 @@ export default {
}) })
}, },
// 选择企业联系人 带出邮寄联系人 // 选择企业联系人 带出邮寄联系人
changetPerson(val){ changetPerson(val) {
// 只有邮寄联系人没有值的时候才去联动复制 // 只有邮寄联系人没有值的时候才去联动复制
if(this.form.getFieldValue('postContactId') === undefined ){ if (this.form.getFieldValue('postContactId') === undefined) {
this.form.setFieldsValue({'postContactId':val}) this.form.setFieldsValue({ 'postContactId': val })
} }
}, },
close() { close() {
@@ -454,7 +462,9 @@ export default {
* 选择会员单位 * 选择会员单位
* */ * */
companyChange(val) { companyChange(val) {
this.selectedCompany = Object.assign({}, val, ) // 清除合同号
this.form.setFieldsValue({ contractNo: undefined })
this.selectedCompany = Object.assign({}, val)
}, },
handleCancel() { handleCancel() {
this.selectedCompany = null this.selectedCompany = null
@@ -472,8 +482,8 @@ export default {
addContactsOk() { addContactsOk() {
this.$refs.selectContacts.getContactsList() this.$refs.selectContacts.getContactsList()
this.$refs.selectMailContacts.getContactsList() this.$refs.selectMailContacts.getContactsList()
}, }
}, }
} }
</script> </script>