1031 lines
38 KiB
Vue
1031 lines
38 KiB
Vue
<template>
|
|
<div>
|
|
<page-header-title class="page-header-title" :is-level-one="false" :img-for-icon="IconImg" :level-two-title="title">
|
|
<template v-slot:default>
|
|
<!--只有新增的时候 可以查看iop系统合同的数据-->
|
|
<a-button v-if="!model.id" class="top-btn" type="link" @click="lookOtherSystemData">查看合同数据</a-button>
|
|
</template>
|
|
</page-header-title>
|
|
<a-card :bordered="false">
|
|
<a-spin :spinning="confirmLoading">
|
|
<a-form :form="form">
|
|
<!-- 主体信息-->
|
|
<div>
|
|
<div class="part-title">
|
|
<div class="part-title-text">主体信息</div>
|
|
</div>
|
|
<a-row>
|
|
<a-col :xxl="6" :xl="8" :sm="12">
|
|
<a-form-item label="合同编号" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
|
<a-input placeholder="请输入合同编号"
|
|
v-decorator="['contractNum',validatorRules.contractNum]"
|
|
:maxLength='50'
|
|
:disabled="isSaved || canEdit"
|
|
@change="e => {e.target.value = (e.target.value + '').trim()}"></a-input>
|
|
</a-form-item>
|
|
</a-col>
|
|
<a-col :xxl="6" :xl="8" :sm="12">
|
|
<a-form-item label="合同名称" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
|
<a-input placeholder="请输入合同名称"
|
|
v-decorator="['contractName',validatorRules.contractName]"
|
|
:maxLength='50'
|
|
:disabled="isSaved || canEdit"
|
|
@change="e => {e.target.value = (e.target.value + '').trim()}"></a-input>
|
|
</a-form-item>
|
|
</a-col>
|
|
<a-col :xxl="6" :xl="8" :sm="12">
|
|
<a-form-item label="签订单位" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
|
<company-select
|
|
ref="companySelect"
|
|
placeholder="请选择签订单位"
|
|
:disabled="isSaved || canEdit"
|
|
v-decorator="['signedCompany',validatorRules.signedCompany]"
|
|
@change="handleSignedCompanyChange"
|
|
></company-select>
|
|
</a-form-item>
|
|
</a-col>
|
|
<a-col :xxl="6" :xl="8" :sm="12" style="margin-bottom: 0px">
|
|
<a-form-item label="签订联系人" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
|
<select-contacts placeholder="请选择签订联系人"
|
|
:selected-company="selectedCompany"
|
|
:init-contacts="selectedContact"
|
|
:is-cancel="isCancel"
|
|
:disabled="isSaved || canEdit"
|
|
v-decorator="['signedContactsId',validatorRules.signedContactsId]"></select-contacts>
|
|
</a-form-item>
|
|
</a-col>
|
|
<a-col :xxl="6" :xl="8" :sm="12">
|
|
<a-form-item label="是否开口" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
|
<j-dict-select-tag v-decorator="['opening']"
|
|
:triggerChange="true"
|
|
placeholder="请选择是否开口"
|
|
:disabled="canEdit"
|
|
dictCode="yn"/>
|
|
</a-form-item>
|
|
</a-col>
|
|
<a-col :xxl="6" :xl="8" :sm="12">
|
|
<a-form-item label="负责人" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
|
<select-principal placeholder="请选择负责人"
|
|
:disabled="canEdit"
|
|
v-decorator="['principalId',validatorRules.principalId]"
|
|
ref="selectPrincipal"
|
|
@change="principalChange"></select-principal>
|
|
</a-form-item>
|
|
</a-col>
|
|
<a-col :xxl="6" :xl="8" :sm="12">
|
|
<a-form-item label="部门名称" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
|
<a-input placeholder="请输入部门名称"
|
|
v-decorator="['departmentName']"
|
|
:disabled="true"></a-input>
|
|
</a-form-item>
|
|
</a-col>
|
|
<a-col :xxl="6" :xl="8" :sm="12">
|
|
<a-form-item label="签订合同总金额" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
|
<a-input placeholder="请输入签订合同总金额"
|
|
v-decorator="['contractAmount',validatorRules.contractAmount]"
|
|
:maxLength='50'
|
|
:disabled="canEdit"
|
|
@blur="addZero"
|
|
@change="contractAmountChange"></a-input>
|
|
</a-form-item>
|
|
</a-col>
|
|
<a-col :xxl="6" :xl="8" :sm="12">
|
|
<a-form-item label="税率" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
|
<a-row :gutter="10">
|
|
<a-col :span="20">
|
|
<a-input placeholder="请输入税率"
|
|
v-decorator="['rate',validatorRules.rate]"
|
|
:maxLength='50'
|
|
:disabled="canEdit"
|
|
@change="rateChange"></a-input>
|
|
</a-col>
|
|
<a-col :span="1">%</a-col>
|
|
</a-row>
|
|
</a-form-item>
|
|
</a-col>
|
|
<a-col :xxl="6" :xl="8" :sm="12">
|
|
<a-form-item label="未税金额" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
|
<a-input placeholder="请输入未税金额"
|
|
v-decorator="['noTaxAmount',validatorRules.noTaxAmount]"
|
|
:maxLength='50'
|
|
@blur="addZero"
|
|
:disabled="canEdit"
|
|
@change="noTaxChange"></a-input>
|
|
</a-form-item>
|
|
</a-col>
|
|
</a-row>
|
|
</div>
|
|
<!-- /主体信息-->
|
|
<a-divider></a-divider>
|
|
<!-- 日期节点-->
|
|
<div>
|
|
<div class="part-title">
|
|
<div class="part-title-text">日期节点</div>
|
|
</div>
|
|
<a-row>
|
|
<a-col :xxl="6" :xl="8" :sm="12">
|
|
<a-form-item label="合同签订日期" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
|
<j-date placeholder="请选择合同签订日期"
|
|
style="width: 100%;"
|
|
v-decorator="['contractDate']"
|
|
:trigger-change="true"
|
|
:disabled="canEdit"
|
|
date-format="YYYY-MM-DD"/>
|
|
</a-form-item>
|
|
</a-col>
|
|
<a-col :xxl="6" :xl="8" :sm="12">
|
|
<a-form-item label="合同终止日期" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
|
<j-date placeholder="请选择合同终止日期"
|
|
style="width: 100%;"
|
|
v-decorator="['terminationDate']"
|
|
:trigger-change="true"
|
|
:disabled="canEdit"
|
|
date-format="YYYY-MM-DD"/>
|
|
</a-form-item>
|
|
</a-col>
|
|
<a-col :xxl="12" :xl="16" :sm="24">
|
|
<a-form-item label="合同约定主要时点" :labelCol="longLabelCol" :wrapperCol="longWrapperCol">
|
|
<!-- 20211022需求变更将input改为textarea-->
|
|
<a-textarea placeholder="请输入合同约定主要时点"
|
|
v-decorator="['contractTimePoints']"
|
|
:maxLength='200'
|
|
autosize
|
|
:disabled="canEdit"
|
|
@change="e => {e.target.value = (e.target.value + '').trim()}"></a-textarea>
|
|
</a-form-item>
|
|
</a-col>
|
|
</a-row>
|
|
</div>
|
|
<!-- /日期节点-->
|
|
<a-divider></a-divider>
|
|
<!-- 账款信息-->
|
|
<div>
|
|
<div class="part-title">
|
|
<div class="part-title-text">账款信息</div>
|
|
</div>
|
|
<div>
|
|
<a-row>
|
|
<a-col :xxl="6" :xl="8" :sm="12">
|
|
<a-form-item label="应收金额" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
|
<a-input placeholder="请输入应收金额"
|
|
v-decorator="['accountsReceivableAmount',validatorRules.accountsReceivableAmount]"
|
|
:maxLength='50'
|
|
@blur="addZero"
|
|
:disabled="canEdit"
|
|
@change="accountsReceivableChange"></a-input>
|
|
</a-form-item>
|
|
</a-col>
|
|
<a-col :xxl="6" :xl="8" :sm="12">
|
|
<a-form-item label="已收金额" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
|
<a-input placeholder="请输入已收金额"
|
|
v-decorator="['amountReceived',validatorRules.amountReceived]"
|
|
:maxLength='50'
|
|
:disabled="true"
|
|
@blur="addZero"
|
|
@change="amountReceivedChange"></a-input>
|
|
</a-form-item>
|
|
</a-col>
|
|
<a-col :xxl="6" :xl="8" :sm="12">
|
|
<a-form-item label="未收金额" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
|
<a-input placeholder="请输入未收金额"
|
|
:maxLength='50'
|
|
@blur="addZero"
|
|
v-decorator="['outstandingAmount']"
|
|
:disabled="true"></a-input>
|
|
</a-form-item>
|
|
</a-col>
|
|
<a-col :xxl="6" :xl="8" :sm="12">
|
|
<a-form-item label="赊账状态" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
|
<j-dict-select-tag v-decorator="['accountStatus']"
|
|
:triggerChange="true"
|
|
placeholder="请选择赊账状态"
|
|
dictCode="revenue_contract_account_status"
|
|
:disabled="true"/>
|
|
</a-form-item>
|
|
</a-col>
|
|
</a-row>
|
|
</div>
|
|
</div>
|
|
<!-- /账款信息-->
|
|
<a-divider></a-divider>
|
|
<!-- 其他-->
|
|
<div>
|
|
<div class="part-title">
|
|
<div class="part-title-text">其他信息</div>
|
|
</div>
|
|
<div>
|
|
<a-row>
|
|
<a-col :xxl="6" :xl="8" :sm="12">
|
|
<a-form-item label="合同约定付款次数" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
|
<a-input placeholder="请输入合同约定付款次数"
|
|
v-decorator="['contractPaymentTimes']"
|
|
:maxLength='50'
|
|
:disabled="canEdit"
|
|
@change="e => {e.target.value = (e.target.value + '').trim()}"></a-input>
|
|
</a-form-item>
|
|
</a-col>
|
|
<a-col :xxl="6" :xl="8" :sm="12">
|
|
<a-form-item label="是否打包" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
|
<j-dict-select-tag v-decorator="['pack', validatorRules.pack]"
|
|
:trigger-change="true"
|
|
placeholder="请选择是否打包"
|
|
dictCode="yn"
|
|
:disabled="isSaved || canEdit"
|
|
@change="packageChange"/>
|
|
</a-form-item>
|
|
</a-col>
|
|
<a-col :xxl="6" :xl="8" :sm="12">
|
|
<a-form-item label="打包年份" :labelCol="labelCol" :wrapperCol="wrapperCol" v-if="isPackage">
|
|
<j-year-date style="width:100%"
|
|
placeholder="请选择打包年份"
|
|
:disabledDate="disabledPackDate"
|
|
:disabled="isSaved || canEdit"
|
|
v-decorator="['packYear',validatorRules.packYear]"></j-year-date>
|
|
</a-form-item>
|
|
</a-col>
|
|
</a-row>
|
|
</div>
|
|
</div>
|
|
<!-- /其他-->
|
|
<a-divider></a-divider>
|
|
<!-- 分期信息-->
|
|
<div>
|
|
<div class="part-title">
|
|
<div class="part-title-text">分期信息</div>
|
|
</div>
|
|
<installment-form ref="installmentForm" @ok="installmentFormOk"></installment-form>
|
|
</div>
|
|
<!-- /分期信息-->
|
|
<a-form-item class="table-operator">
|
|
<a-button type="primary" @click="handleSave" :loading="confirmLoading">保存</a-button>
|
|
<a-button @click="handleCancle">取消</a-button>
|
|
</a-form-item>
|
|
</a-form>
|
|
</a-spin>
|
|
</a-card>
|
|
|
|
|
|
<!-- 关联项目-->
|
|
<a-card :bordered="false" v-if="isSaved" class="associated-project">
|
|
<div class="part-title">
|
|
<div class="part-title-text">关联项目</div>
|
|
<a-button type="link" @click="chooseProject" v-has="'revenueContractModule:chooseProject'" v-if="!canEdit">选择项目
|
|
<a-icon type="right"></a-icon>
|
|
</a-button>
|
|
</div>
|
|
<associated-project
|
|
:contract-id="contractId"
|
|
:can-operate="!canEdit"
|
|
ref="associatedProject">
|
|
</associated-project>
|
|
</a-card>
|
|
<a-card :bordered="false" v-else class="associated-project" style="height: 200px"></a-card>
|
|
|
|
<!-- 项目类型选择-->
|
|
<project-type-selection ref="projectTypeSelection" :is-pack="isPackage"
|
|
@ok="selectProjectTypeOk"></project-type-selection>
|
|
<!-- 普通项目选择-->
|
|
<select-project-module ref="selectProjectModule"
|
|
@ok="selectProjectOk"
|
|
:depart-id="departId"
|
|
:principal="principal"
|
|
:pack="Number(model.pack)"
|
|
:contract-id="model.id"
|
|
:project-type="projectType"
|
|
:default-contract-num="contractNum"
|
|
:signed-contact-id="signedContactId"
|
|
:default-charge-company="selectedCompany"></select-project-module>
|
|
<!-- 工作组项目选择-->
|
|
<select-working-group-project-module ref="selectWorkingGroupProjectModule"
|
|
@ok="selectProjectOk"
|
|
:default-contract-num="contractNum"
|
|
:pack="model.pack"
|
|
:contract-id="model.id"
|
|
:project-type="projectType"
|
|
:signed-contact-id="signedContactId"
|
|
:default-charge-company="selectedCompany"></select-working-group-project-module>
|
|
<!-- 会议项目选择-->
|
|
<select-meeting-project-module ref="selectMeetingProjectModule"
|
|
@ok="selectProjectOk"></select-meeting-project-module>
|
|
|
|
<!-- 会员项目选择-->
|
|
<select-member-project-module ref="selectMemberProjectModule"
|
|
@ok="selectProjectOk"></select-member-project-module>
|
|
<!-- 其他系统合同的数据 IOP系统-->
|
|
<other-system-contract ref="otherSystemContract" @update-info="updateInfoFunc"></other-system-contract>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import IconImg from '@/assets/imgs/icon/icon_revenue_contract.png'
|
|
import PageHeaderTitle from '@/components/layouts/PageHeaderTitle'
|
|
import CompanySelect from '../../../../components/company/CompanySelect'
|
|
import SelectContacts from '../../../../components/company/SelectContacts'
|
|
import SelectPrincipal from '../../../../components/company/SelectPrincipal'
|
|
import JDate from '../../../../components/tools/JDate'
|
|
import JYearDate from '../../../../components/jero/JYearDate'
|
|
import InstallmentForm from '../../../../components/form/InstallmentForm'
|
|
import ProjectTypeSelection from './ProjectTypeSelection'
|
|
import SelectProjectModule from './SelectProjectModule'
|
|
import pick from 'lodash.pick'
|
|
import { getAllUserList } from '../../../../api/api'
|
|
import { postAction } from '../../../../api/manage'
|
|
import { getRevenueContractById, queryUserByDepartId } from '../../../../api/incomePaymentsApi'
|
|
import { duplicateCheck } from '../../../../api/api'
|
|
import AssociatedProject from './AssociatedProject'
|
|
import SelectMeetingProjectModule from './SelectMeetingProjectModule'
|
|
import SelectMemberProjectModule from './SelectMemberProjectModule'
|
|
import { money } from '../../../../utils/validate'
|
|
import SelectWorkingGroupProjectModule from './SelectWorkingGroupProjectModule'
|
|
import { addZero } from '../../../../utils/util'
|
|
import moment from 'moment'
|
|
import { getAccessToken, getCompanyByName } from '../../../../api/contractOpenApi'
|
|
import OtherSystemContract from './OtherSystemContract'
|
|
import { ConnectionKey } from './ContractData'
|
|
|
|
export default {
|
|
name: 'RevenueContractModule',
|
|
components: {
|
|
PageHeaderTitle,
|
|
CompanySelect,
|
|
SelectContacts,
|
|
SelectPrincipal,
|
|
JDate,
|
|
JYearDate,
|
|
InstallmentForm,
|
|
ProjectTypeSelection,
|
|
SelectProjectModule,
|
|
AssociatedProject,
|
|
SelectMeetingProjectModule,
|
|
SelectMemberProjectModule,
|
|
SelectWorkingGroupProjectModule,
|
|
OtherSystemContract
|
|
},
|
|
data() {
|
|
return {
|
|
IconImg,
|
|
form: this.$form.createForm(this),
|
|
confirmLoading: false,
|
|
model: {},
|
|
title: '',
|
|
labelCol: {
|
|
xs: { span: 24 },
|
|
sm: { span: 10 }
|
|
},
|
|
wrapperCol: {
|
|
xs: { span: 24 },
|
|
sm: { span: 14 }
|
|
},
|
|
longLabelCol: {
|
|
xs: { span: 24 },
|
|
sm: { span: 5 }
|
|
},
|
|
longWrapperCol: {
|
|
xs: { span: 24 },
|
|
sm: { span: 19 }
|
|
},
|
|
validatorRules: {
|
|
contractNum: {
|
|
rules: [{ required: true, validator: this.checkContractNum }],
|
|
validateTrigger: 'blur'
|
|
},
|
|
contractName: {
|
|
rules: [{ required: true, message: '请输入合同名称' }],
|
|
validateTrigger: 'blur'
|
|
},
|
|
signedCompany: {
|
|
rules: [{ required: true, message: '请选择签订单位' }],
|
|
validateTrigger: 'change'
|
|
},
|
|
signedContactsId: {
|
|
rules: [{ required: true, message: '请选择签订联系人' }],
|
|
validateTrigger: 'change'
|
|
},
|
|
principalId: {
|
|
rules: [{ required: true, message: '请选择负责人' }],
|
|
validateTrigger: 'change'
|
|
},
|
|
contractAmount: {
|
|
rules: [{ required: true, validator: this.checkMoney }],
|
|
validateTrigger: 'blur'
|
|
},
|
|
rate: {
|
|
rules: [{ required: true, message: '请输入税率' }],
|
|
validateTrigger: 'blur'
|
|
},
|
|
noTaxAmount: {
|
|
rules: [{ required: false, validator: this.checkMoney }],
|
|
validateTrigger: 'blur'
|
|
},
|
|
accountsReceivableAmount: {
|
|
rules: [{ required: true, validator: this.checkMoney }],
|
|
validateTrigger: 'blur'
|
|
},
|
|
amountReceived: {
|
|
rules: [{ required: true, validator: this.checkMoney }],
|
|
validateTrigger: 'blur'
|
|
},
|
|
pack: {
|
|
rules: [{ required: true, message: '请选择是否打包' }],
|
|
validateTrigger: 'change'
|
|
},
|
|
packYear: {
|
|
rules: [{ required: true, message: '请选择打包年份' }],
|
|
validateTrigger: 'change'
|
|
}
|
|
},
|
|
url: {
|
|
add: '/contract/payIncomeContract/add',
|
|
edit: '/contract/payIncomeContract/edit',
|
|
meetingProjectList: '',
|
|
memberProjectList: ''
|
|
},
|
|
selectedCompany: null, // 选中的企业
|
|
installmentList: [],
|
|
isSaved: false, // 是否保存上方数据
|
|
isPackage: false, // 是否打包，控制打包年份显隐
|
|
accountsReceivableNum: null, // 输入的应收金额
|
|
amountReceivedNum: null, // 输入的未收金额
|
|
contractAmountNum: null, // 输入的签订合同总金额
|
|
rateNum: null, // 输入的税率
|
|
inputNoTaxAmount: null, // 未税金额
|
|
selectedContact: null, // 联系人回显
|
|
associatedProjectLoading: false,
|
|
contractId: '', // 收入合同id
|
|
contractNum: '', // 合同号
|
|
isCancel: false, // 是否取消
|
|
departId: null, // 部门id普通项目列表查询
|
|
principal: null, // 负责人id，普通项目列表查询
|
|
projectType: null, //项目类型
|
|
signedContactId: null, //签订联系人正式id，用于新增工作组项目回显
|
|
newFormData: {} // 传入的数据
|
|
}
|
|
},
|
|
computed: {
|
|
canEdit() {
|
|
// 当前登陆人 角色id
|
|
const roleIds = this.$store.getters.userInfo.roleIds
|
|
// 待存档、草稿、管理员不限制
|
|
if (this.model.status === 3 || this.model.status === 1 || roleIds.includes('f6817f48af4fb3af11b9e8bf182f618b')) {
|
|
return false
|
|
}
|
|
// 已存档
|
|
if (this.model.status === 5) {
|
|
return true
|
|
}
|
|
return false
|
|
}
|
|
},
|
|
mounted() {
|
|
console.log(this.$store.getters.userInfo,'this.$store.getters.userInfo')
|
|
// 判断是编辑还是新增
|
|
if (this.$route.query.hasOwnProperty.call(this.$route.query, 'revenueId')) {
|
|
this.contractId = this.$route.query.revenueId
|
|
this.contractNum = this.$route.query.contractNum
|
|
this.edit(this.contractId)
|
|
} else {
|
|
this.add()
|
|
}
|
|
// 获取IOP系统的token --不需要了 后端做相关操作即可
|
|
// this.getOtherSystemAccessToken()
|
|
},
|
|
methods: {
|
|
addZero,
|
|
add() {
|
|
this.title = '新建收入合同'
|
|
this.$refs.installmentForm.initInstallmentList([])
|
|
// 税率默认为6，已收金额默认为0
|
|
let obj = {
|
|
rate: 6,
|
|
amountReceived: '0.00'
|
|
}
|
|
this.$nextTick(() => {
|
|
this.form.setFieldsValue(pick(obj, 'rate', 'amountReceived'))
|
|
})
|
|
this.amountReceivedNum = 0
|
|
this.rateNum = 6 / 100
|
|
},
|
|
edit(id) {
|
|
if (!id) {
|
|
return
|
|
}
|
|
this.title = '编辑收入合同'
|
|
this.confirmLoading = true
|
|
const param = {
|
|
id: id
|
|
}
|
|
// 通过id获取合同信息
|
|
getRevenueContractById(param).then(res => {
|
|
// 这是会员跟会议要传的参数
|
|
this.newFormData = Object.assign({}, res.result)
|
|
let record
|
|
record = res.result
|
|
this.isSaved = true
|
|
// 获取合同号
|
|
this.contractNum = record.contractNum
|
|
// 处理企业信息回显
|
|
record.signedCompany = {
|
|
id: record.signedCompanyId,
|
|
companyName: record.signedCompanyTemporaryName
|
|
}
|
|
this.selectedCompany = record.signedCompany
|
|
// 获取正式表的联系人信息
|
|
this.signedContactId = record.signedContactsId
|
|
// 处理联系人信息回显
|
|
// 使用临时id覆盖正式id用于form的提交
|
|
record.signedContactsId = record.signedContactsTemporaryId
|
|
this.selectedContact = {
|
|
id: record.signedContactsTemporaryId,
|
|
name: record.signedContactsTemporaryName
|
|
}
|
|
// 回显打包年份
|
|
this.isPackage = Number(record.pack) === 1
|
|
// 处理分期信息回显
|
|
this.$refs.installmentForm.initInstallmentList(record.listInstallment)
|
|
// 获取应收金额和已收金额
|
|
this.accountsReceivableNum = record.accountsReceivableAmount
|
|
this.amountReceivedNum = record.amountReceived
|
|
this.model = Object.assign({}, record)
|
|
this.getUserDetailByUserId()
|
|
// 计算未收金额和赊账状态
|
|
this.calculateOutstandingAmount()
|
|
this.$nextTick(() => {
|
|
// 此处回显缺少未收金额和赊账状态，因为需要进行计算，选择了在this.calculateOutstandingAmount()方法中计算后回显
|
|
this.form.setFieldsValue(pick(this.model, 'contractNum', 'contractName', 'signedCompany', 'signedContactsId', 'opening', 'principalId', 'departmentName', 'contractAmount', 'rate', 'noTaxAmount', 'contractDate', 'terminationDate', 'contractTimePoints', 'accountsReceivableAmount', 'amountReceived', 'contractPaymentTimes', 'pack', 'packYear'))
|
|
this.confirmLoading = false
|
|
})
|
|
})
|
|
},
|
|
/**
|
|
* 表单提交
|
|
*/
|
|
handleSave() {
|
|
if (this.confirmLoading) {
|
|
return
|
|
}
|
|
this.confirmLoading = true
|
|
// 验证分期信息
|
|
this.$refs.installmentForm.handleSave()
|
|
this.form.validateFields((err, values) => {
|
|
if (!err) {
|
|
this.confirmLoading = true
|
|
// 分期信息存在时可以提交
|
|
if (this.installmentList && this.installmentList.length > 0) {
|
|
let formData = {}
|
|
values.signedCompanyId = values.signedCompany.id
|
|
delete values.signedCompany
|
|
formData.installment = this.installmentList
|
|
formData.contract = Object.assign(this.model, values)
|
|
console.log('表单提交数据', formData)
|
|
let url = ''
|
|
if (!this.model.id) {
|
|
url = this.url.add
|
|
} else {
|
|
url = this.url.edit
|
|
}
|
|
postAction(url, formData).then(res => {
|
|
if (res.success) {
|
|
// 编辑
|
|
this.contractId = res.result.id || this.model.id
|
|
this.edit(this.contractId)
|
|
this.$message.success(res.message)
|
|
// 保存上方表单信息，（应该在表单验证完全正确时置为true）
|
|
this.isSaved = true
|
|
} else {
|
|
this.$message.warning(res.message)
|
|
}
|
|
}).finally(() => {
|
|
setTimeout(() => {
|
|
this.confirmLoading = false
|
|
}, 1000)
|
|
})
|
|
} else {
|
|
this.confirmLoading = false
|
|
}
|
|
} else {
|
|
this.confirmLoading = false
|
|
}
|
|
})
|
|
},
|
|
handleCancle() {
|
|
if (this.model.id) {
|
|
this.edit(this.model.id)
|
|
} else {
|
|
this.form.resetFields()
|
|
this.$refs.installmentForm.form.resetFields()
|
|
// 清除选中联系人相关信息
|
|
this.selectedContact = null
|
|
}
|
|
this.$router.push({
|
|
path: '/contractManagement/RevenueContractList'
|
|
})
|
|
},
|
|
installmentFormOk(value) {
|
|
this.installmentList = value.installmentList
|
|
},
|
|
/**
|
|
* 选中企业变化, 清空已选联系人信息
|
|
* @param value
|
|
*/
|
|
handleSignedCompanyChange(value) {
|
|
this.selectedCompany = value
|
|
this.model.signedContactsId = undefined
|
|
this.$nextTick(() => {
|
|
this.form.setFieldsValue(pick(this.model, 'signedContactsId'))
|
|
})
|
|
},
|
|
/**
|
|
* 负责人变化获取部门信息回显至部门名称
|
|
* @param value
|
|
*/
|
|
principalChange(value) {
|
|
// value不为undefined
|
|
if (value) {
|
|
let param = {
|
|
id: value
|
|
}
|
|
getAllUserList(param).then(res => {
|
|
if (res.success) {
|
|
this.model.departmentName = res.result[0].orgCodeTxt
|
|
this.$nextTick(() => {
|
|
this.form.setFieldsValue(pick(this.model, 'departmentName'))
|
|
})
|
|
} else {
|
|
this.$message.warn(res.message)
|
|
}
|
|
})
|
|
return
|
|
}
|
|
// value为undefined时清除部门名称
|
|
this.form.setFieldsValue({ departmentName: undefined })
|
|
},
|
|
/**
|
|
* 打包状态修改
|
|
*/
|
|
packageChange(value) {
|
|
if (value === '1') {
|
|
this.isPackage = true
|
|
} else {
|
|
this.isPackage = false
|
|
}
|
|
},
|
|
/**
|
|
* 总签订金额修改
|
|
* @param e
|
|
*/
|
|
contractAmountChange(e) {
|
|
e.target.value = (e.target.value.replace(/[^0-9.]/g, '')).trim()
|
|
this.contractAmountNum = Number(e.target.value)
|
|
this.calculateNoTaxAmount()
|
|
},
|
|
/**
|
|
* 税率修改
|
|
* @param e
|
|
*/
|
|
rateChange(e) {
|
|
e.target.value = (e.target.value.replace(/[^0-9.]/g, '')).trim()
|
|
this.rateNum = Number(e.target.value) / 100
|
|
// 签订合同总金额为空--计算签订合同总金额，否则计算未税金额
|
|
if (!this.contractAmountNum) {
|
|
this.calculateContractAmount()
|
|
} else {
|
|
this.calculateNoTaxAmount()
|
|
}
|
|
},
|
|
/**
|
|
* 未税金额修改
|
|
* @param e
|
|
*/
|
|
noTaxChange(e) {
|
|
e.target.value = (e.target.value.replace(/[^0-9.]/g, '')).trim()
|
|
this.inputNoTaxAmount = Number(e.target.value)
|
|
this.calculateContractAmount()
|
|
},
|
|
/**
|
|
* 计算未税金额
|
|
*/
|
|
calculateNoTaxAmount() {
|
|
if (this.rateNum !== null && this.contractAmountNum !== null) {
|
|
let noTaxAmount = Number(this.contractAmountNum) / (1 + this.rateNum)
|
|
noTaxAmount = noTaxAmount.toFixed(2)
|
|
this.model.noTaxAmount = Number(noTaxAmount)
|
|
this.$nextTick(() => {
|
|
this.form.setFieldsValue(pick(this.model, 'noTaxAmount'))
|
|
})
|
|
}
|
|
},
|
|
/**
|
|
* 计算合同总金额
|
|
*/
|
|
calculateContractAmount() {
|
|
if (!this.rateNum && !this.inputNoTaxAmount) {
|
|
return
|
|
}
|
|
let contractNum = this.inputNoTaxAmount * (1 + this.rateNum)
|
|
contractNum = contractNum.toFixed(2)
|
|
this.form.setFieldsValue({ contractAmount: contractNum })
|
|
},
|
|
/**
|
|
* 应收金额输入
|
|
* @param value
|
|
*/
|
|
accountsReceivableChange(e) {
|
|
e.target.value = (e.target.value.replace(/[^0-9.]/g, '')).trim()
|
|
this.accountsReceivableNum = e.target.value
|
|
this.calculateOutstandingAmount()
|
|
},
|
|
/**
|
|
* 已收金额输入
|
|
* @param value
|
|
*/
|
|
amountReceivedChange(e) {
|
|
e.target.value = (e.target.value.replace(/[^0-9.]/g, '')).trim()
|
|
this.amountReceivedNum = e.target.value
|
|
this.calculateOutstandingAmount()
|
|
},
|
|
/**
|
|
* 计算未收金额和赊账状态
|
|
*/
|
|
calculateOutstandingAmount() {
|
|
if (this.accountsReceivableNum !== null && this.amountReceivedNum !== null) {
|
|
this.model.outstandingAmount = Number(this.accountsReceivableNum) - Number(this.amountReceivedNum)
|
|
this.model.outstandingAmount = this.model.outstandingAmount.toFixed(2)
|
|
// 未收金额 === 0，已付全款状态
|
|
if (Number(this.model.outstandingAmount) <= 0) {
|
|
this.model.accountStatus = '3'
|
|
// 未收金额 > 0 且 未收金额 < 应收金额，部分付款状态
|
|
} else if (Number(this.model.outstandingAmount) > 0 && Number(this.model.outstandingAmount) < Number(this.accountsReceivableNum)) {
|
|
this.model.accountStatus = '2'
|
|
// 未收金额 === 应收金额，未付款状态
|
|
} else if (Number(this.model.outstandingAmount) === Number(this.accountsReceivableNum)) {
|
|
this.model.accountStatus = '1'
|
|
}
|
|
this.$nextTick(() => {
|
|
this.form.setFieldsValue(pick(this.model, 'outstandingAmount', 'accountStatus'))
|
|
})
|
|
}
|
|
},
|
|
/**
|
|
* 合同编号唯一性校验
|
|
* @param rules
|
|
* @param value
|
|
* @param callback
|
|
*/
|
|
checkContractNum(rules, value, callback) {
|
|
if (value) {
|
|
if (!this.model.id) {
|
|
const params = {
|
|
confusionCode: 'pay_contract_num',
|
|
fieldVal: value
|
|
}
|
|
duplicateCheck(params).then(res => {
|
|
if (res.success) {
|
|
callback()
|
|
} else {
|
|
callback('合同编号已存在')
|
|
}
|
|
})
|
|
return
|
|
}
|
|
callback()
|
|
} else {
|
|
callback('请输入合同编号')
|
|
}
|
|
},
|
|
/**
|
|
* 合同名称唯一性校验
|
|
* @param rules
|
|
* @param value
|
|
* @param callback
|
|
*/
|
|
checkContractName(rules, value, callback) {
|
|
if (value) {
|
|
if (!this.model.id) {
|
|
const params = {
|
|
confusionCode: 'pay_contract_name',
|
|
fieldVal: value
|
|
}
|
|
duplicateCheck(params).then(res => {
|
|
if (res.success) {
|
|
callback()
|
|
} else {
|
|
callback('合同名称已存在')
|
|
}
|
|
})
|
|
return
|
|
}
|
|
callback()
|
|
} else {
|
|
callback('请输入合同名称')
|
|
}
|
|
},
|
|
/**
|
|
* 校验金额格式
|
|
* @param rules
|
|
* @param value
|
|
* @param callback
|
|
*/
|
|
checkMoney(rules, value, callback) {
|
|
if (value) {
|
|
if (money(value)) {
|
|
callback()
|
|
return
|
|
}
|
|
callback('请输入合法的金额数字,最多2位小数,10位整数')
|
|
}
|
|
switch (rules.field) {
|
|
case 'contractAmount':
|
|
callback('请输入签订合同总金额')
|
|
break
|
|
case 'accountsReceivableAmount':
|
|
callback('请输入应收金额')
|
|
break
|
|
case 'noTaxAmount':
|
|
callback('请输入未税金额')
|
|
break
|
|
case 'amountReceived':
|
|
callback('请输入已收金额')
|
|
break
|
|
}
|
|
},
|
|
/**
|
|
* 选择关联项目
|
|
*/
|
|
chooseProject() {
|
|
this.$refs.projectTypeSelection.open()
|
|
},
|
|
/**
|
|
* 项目类型选择
|
|
* @param type
|
|
*/
|
|
selectProjectTypeOk(type) {
|
|
this.projectType = type
|
|
switch (type) {
|
|
// 普通项目
|
|
case 1:
|
|
// 混入筛选条件
|
|
this.$refs.selectProjectModule.filters = {
|
|
chargeCompanyId: this.selectedCompany.id,
|
|
contractId: this.contractId
|
|
// departId: this.departId // 一个用户多部门情况下传给后端第一个部门id
|
|
}
|
|
// 获取负责人列表
|
|
this.$refs.selectProjectModule.departChange(this.departId)
|
|
// 打开弹窗
|
|
this.$refs.selectProjectModule.open()
|
|
break
|
|
// 工作组项目
|
|
case 2:
|
|
this.$refs.selectWorkingGroupProjectModule.filters = {
|
|
companyId: this.selectedCompany.id,
|
|
contractId: this.contractId
|
|
}
|
|
this.$refs.selectWorkingGroupProjectModule.open()
|
|
break
|
|
// 会议项目
|
|
case 3:
|
|
// 传入合同信息
|
|
this.$refs.selectMeetingProjectModule.open(this.newFormData)
|
|
// 打包为是不能选择关联会议项目
|
|
// if (this.newFormData.pack === 1) {
|
|
// this.$message.warn('打包不可选择会议项目')
|
|
// } else {
|
|
// }
|
|
break
|
|
// 会员项目
|
|
case 4:
|
|
// 传入合同信息
|
|
this.$refs.selectMemberProjectModule.open(this.newFormData)
|
|
break
|
|
}
|
|
},
|
|
/**
|
|
* 通过用户id获取用户信息
|
|
*/
|
|
getUserDetailByUserId() {
|
|
this.principal = this.model.principalId
|
|
let param = {
|
|
id: this.model.principalId
|
|
}
|
|
queryUserByDepartId(param).then(res => {
|
|
if (res.success) {
|
|
this.departId = res.result[0].departIds
|
|
} else {
|
|
console.log(res.message)
|
|
}
|
|
})
|
|
},
|
|
/**
|
|
* 项目选中回调
|
|
*/
|
|
selectProjectOk() {
|
|
this.edit(this.model.id)
|
|
this.$refs.associatedProject.loadAssociatedProject()
|
|
},
|
|
/**
|
|
* 限制可选打包年份范围---当年+1以及前推15年
|
|
* @param current
|
|
* @returns {boolean}
|
|
*/
|
|
disabledPackDate(current) {
|
|
return current < moment().subtract(15, 'year') || current > moment().add(1, 'year')
|
|
},
|
|
// 获取iop系统的token-用于合同的对接
|
|
getOtherSystemAccessToken() {
|
|
let params = {
|
|
'appid': 'asri',
|
|
'secret': 'QyYjBQ5LyJkxktvMoKqdUOUtYgkk2VW4DgaKjgVIjCoVz7R5bgNoS'
|
|
}
|
|
getAccessToken(params).then(res => {
|
|
if(res.success) {
|
|
console.log(res)
|
|
}
|
|
})
|
|
},
|
|
// 查询其他系统的数据，2022-3-31 需要变更对接其他的系统
|
|
lookOtherSystemData() {
|
|
this.$refs.otherSystemContract.open()
|
|
},
|
|
// 从iop系统中获取合同的信息
|
|
async updateInfoFunc(info) {
|
|
let obj = {}
|
|
// 提前写好 能对应上的字段
|
|
Object.keys(ConnectionKey).forEach(key => {
|
|
obj[key] = info[ConnectionKey[key]]
|
|
})
|
|
// 通过员工号或者姓名 查询相关的负责人数据
|
|
// 负责人信息的处理 todo 需要增加员工号的判断
|
|
let userInfo = {
|
|
realname: obj.realname, // 申请人
|
|
orgCodeTxt: obj.orgCodeTxt, // 申请部门
|
|
workNo: obj.workNo // 申请人工号
|
|
}
|
|
this.$refs.selectPrincipal.setValueByOtherInfo(userInfo)
|
|
|
|
// 需要调接口 通过 企业名称查询 当前的企业信息,然后赋值到主体信息中
|
|
let signedCompanyObj = await this.getCompanyByName(info.contSignPartnerAName)
|
|
// 如果能获取到签订单位数据，则直接回显
|
|
if(signedCompanyObj.id) {
|
|
// 签订单位信息的处理
|
|
obj.signedCompany = {
|
|
id: signedCompanyObj.id,
|
|
companyName: signedCompanyObj.companyName
|
|
}
|
|
// 触发 签订单位的change 事件
|
|
this.handleSignedCompanyChange(obj.signedCompany)
|
|
} else {
|
|
obj.signedCompany = {
|
|
id: '',
|
|
companyName: ''
|
|
}
|
|
this.handleSignedCompanyChange()
|
|
}
|
|
//iop系统没有签订联系人字段
|
|
// 账款信息-应付金额
|
|
obj.accountsReceivableAmount = obj.contractAmount
|
|
// 操作数据，将数据赋值
|
|
this.$nextTick(() => {
|
|
this.form.setFieldsValue(obj)
|
|
})
|
|
|
|
},
|
|
// 通过名字 获取企业的相关信息
|
|
getCompanyByName(name) {
|
|
return new Promise(resolve => {
|
|
let result = {}
|
|
getCompanyByName({companyName: name}).then(res => {
|
|
if(res.success) {
|
|
result = res.result || {}
|
|
}
|
|
}).finally(() => {
|
|
resolve(result)
|
|
})
|
|
})
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped lang="less">
|
|
@import '~@assets/less/common.less';
|
|
|
|
.associated-project {
|
|
margin-top: 2px;
|
|
}
|
|
|
|
.ant-divider-horizontal {
|
|
margin: 20px 0;
|
|
}
|
|
|
|
.ant-btn > .anticon + span, .ant-btn > span + .anticon {
|
|
margin-left: 0;
|
|
}
|
|
.page-header-title {
|
|
position: relative;
|
|
}
|
|
.top-btn{
|
|
position: absolute;
|
|
right: 10px;
|
|
}
|
|
</style>
|