|
|
@@ -0,0 +1,1229 @@
|
|
|
+<template>
|
|
|
+ <ele-modal
|
|
|
+ custom-class="ele-dialog-form long-dialog-form"
|
|
|
+ :centered="true"
|
|
|
+ :visible.sync="addOrEditDialogFlag"
|
|
|
+ :title="title"
|
|
|
+ :append-to-body="true"
|
|
|
+ :close-on-click-modal="false"
|
|
|
+ width="70%"
|
|
|
+ :before-close="cancel"
|
|
|
+ :maxable="true"
|
|
|
+ :resizable="true"
|
|
|
+ >
|
|
|
+ <el-form
|
|
|
+ ref="form"
|
|
|
+ :rules="rules"
|
|
|
+ class="el-form-box"
|
|
|
+ :model="form"
|
|
|
+ label-width="160px"
|
|
|
+ >
|
|
|
+ <headerTitle title="基本信息"></headerTitle>
|
|
|
+ <el-row :gutter="12">
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="发票类型" prop="type">
|
|
|
+ <el-select
|
|
|
+ v-model="form.type"
|
|
|
+ @change="handleSelType('isType')"
|
|
|
+ clearable
|
|
|
+ :disabled="!isEditType"
|
|
|
+ style="width: 100%"
|
|
|
+ >
|
|
|
+ <el-option label="开票" value="1"></el-option>
|
|
|
+ <el-option label="收票" value="2"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8" v-if="form.type">
|
|
|
+ <el-form-item label="来源类型" prop="sourceType">
|
|
|
+ <el-select
|
|
|
+ v-model="form.sourceType"
|
|
|
+ @change="handleSelType()"
|
|
|
+ :disabled="!isEditType"
|
|
|
+ clearable
|
|
|
+ style="width: 100%"
|
|
|
+ >
|
|
|
+ <el-option v-for="item in sourceTypeOp" :label="item.label" :value="item.value" :key="item.value"></el-option>
|
|
|
+ <!-- <el-option label="对账单" :value="1"></el-option>
|
|
|
+ <el-option label="合同" :value="2"></el-option>
|
|
|
+ <el-option label="订单" :value="3"></el-option>
|
|
|
+ <el-option label="收款计划" :value="1"></el-option>
|
|
|
+ <el-option
|
|
|
+ label="应收"
|
|
|
+ :value="5"
|
|
|
+ v-if="form.type == 1"
|
|
|
+ ></el-option>
|
|
|
+ <el-option
|
|
|
+ label="应付"
|
|
|
+ :value="4"
|
|
|
+ v-if="form.type == 2"
|
|
|
+ ></el-option> -->
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8" v-if="form.sourceType == 6">
|
|
|
+ <el-form-item label="收款计划编码" prop="sourceCode">
|
|
|
+ <el-input
|
|
|
+ v-model="form.sourceCode"
|
|
|
+ readonly
|
|
|
+ @click.native="handleSelectAccount(6)"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8" v-if="form.sourceType == 7">
|
|
|
+ <el-form-item label="付款计划编码" prop="sourceCode">
|
|
|
+ <el-input
|
|
|
+ v-model="form.sourceCode"
|
|
|
+ readonly
|
|
|
+ @click.native="handleSelectAccount(7)"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8" v-if="form.sourceType == 5">
|
|
|
+ <el-form-item label="应收编码" prop="sourceCode">
|
|
|
+ <el-input
|
|
|
+ v-model="form.sourceCode"
|
|
|
+ readonly
|
|
|
+ @click.native="handleSelectAccount(5)"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8" v-if="form.sourceType == 4">
|
|
|
+ <el-form-item label="应付编码" prop="sourceCode">
|
|
|
+ <el-input
|
|
|
+ v-model="form.sourceCode"
|
|
|
+ readonly
|
|
|
+ @click.native="handleSelectAccount(4)"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="发票金额" prop="amount">
|
|
|
+ <el-input
|
|
|
+ type="number"
|
|
|
+ v-model="form.amount"
|
|
|
+ :precision="2"
|
|
|
+ :controls="false"
|
|
|
+ style="width: 100%"
|
|
|
+ disabled
|
|
|
+ :min="0"
|
|
|
+ >
|
|
|
+ <template slot="append">
|
|
|
+ <span>元</span>
|
|
|
+ </template>
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="发票号" prop="invoiceNos">
|
|
|
+ <el-input
|
|
|
+ v-model="form.invoiceNos"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="开票日期">
|
|
|
+ <el-date-picker
|
|
|
+ style="width: 100%"
|
|
|
+ v-model="form.expectInvoiceDate"
|
|
|
+ type="date"
|
|
|
+ value-format="yyyy-MM-dd"
|
|
|
+ placeholder="选择日期"
|
|
|
+ >
|
|
|
+ </el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="申请部门" prop="applyDeptId">
|
|
|
+ <ele-tree-select
|
|
|
+ clearable
|
|
|
+ :data="deptTreeList"
|
|
|
+ v-model="form.applyDeptId"
|
|
|
+ valueKey="id"
|
|
|
+ labelKey="name"
|
|
|
+ placeholder="请选择"
|
|
|
+ @change="changeDeptInfo"
|
|
|
+ default-expand-all
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="申请人" prop="applyUserId">
|
|
|
+ <personSelect
|
|
|
+ ref="directorRef"
|
|
|
+ v-model="form.applyUserId"
|
|
|
+ @selfChange="changeUserInfo"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="发票种类" prop="category">
|
|
|
+ <el-select
|
|
|
+ v-model="form.category"
|
|
|
+ clearable
|
|
|
+ style="width: 100%"
|
|
|
+ >
|
|
|
+ <el-option label="增值税专用发票" :value="1"></el-option>
|
|
|
+ <el-option label="增值税普通发票" :value="2"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item prop="files" label="发票附件">
|
|
|
+ <fileMain v-model="form.files"></fileMain>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <headerTitle title="发票信息"></headerTitle>
|
|
|
+ <el-row :gutter="12">
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="购买方名称" prop="companyName">
|
|
|
+ <el-input
|
|
|
+ v-model="form.companyName"
|
|
|
+ placeholder="请输入"
|
|
|
+ v-if="enterprisePage.length <= 1 || form.type == 1"
|
|
|
+ />
|
|
|
+ <el-select
|
|
|
+ v-if="enterprisePage.length > 1 && form.type == 2"
|
|
|
+ style="width: 100%"
|
|
|
+ v-model="form.companyName"
|
|
|
+ placeholder="请选择"
|
|
|
+ @change="enterpriseChange"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="item in enterprisePage"
|
|
|
+ :key="item.id"
|
|
|
+ :label="item.name"
|
|
|
+ :value="item.name"
|
|
|
+ >
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item
|
|
|
+ label="统一社会信用代码"
|
|
|
+ prop="companyUsc"
|
|
|
+ class="form_item_label"
|
|
|
+ >
|
|
|
+ <el-input v-model="form.companyUsc"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="联系人" prop="companyContactName">
|
|
|
+ <el-input v-model="form.companyContactName"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="电话" prop="companyTel">
|
|
|
+ <el-input v-model="form.companyTel"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="银行账号" prop="companyBankAccount">
|
|
|
+ <el-input v-model="form.companyBankAccount"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="开户行" prop="companyBankBranchNo">
|
|
|
+ <el-input v-model="form.companyBankBranchNo"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
+ <el-form-item label="地址" prop="companyAddress">
|
|
|
+ <el-input v-model="form.companyAddress"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="销售方名称" prop="receiverName">
|
|
|
+ <el-input
|
|
|
+ v-model="form.receiverName"
|
|
|
+ placeholder="请输入"
|
|
|
+ v-if="enterprisePage.length <= 1 || form.type == 2"
|
|
|
+ />
|
|
|
+ <el-select
|
|
|
+ v-if="enterprisePage.length > 1 && form.type == 1"
|
|
|
+ style="width: 100%"
|
|
|
+ v-model="form.receiverName"
|
|
|
+ placeholder="请选择"
|
|
|
+ @change="enterpriseChange"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="item in enterprisePage"
|
|
|
+ :key="item.id"
|
|
|
+ :label="item.name"
|
|
|
+ :value="item.name"
|
|
|
+ >
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item
|
|
|
+ label="统一社会信用代码"
|
|
|
+ prop="salesCompanyUsc"
|
|
|
+ class="form_item_label"
|
|
|
+ >
|
|
|
+ <el-input v-model="form.salesCompanyUsc"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="联系人" prop="receiverContactName">
|
|
|
+ <el-input v-model="form.receiverContactName"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="电话" prop="receiverTel">
|
|
|
+ <el-input v-model="form.receiverTel"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="银行账号" prop="salesCompanyBankAccount">
|
|
|
+ <el-input v-model="form.salesCompanyBankAccount"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="开户行" prop="salesCompanyBankBranchNo">
|
|
|
+ <el-input v-model="form.salesCompanyBankBranchNo"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
+ <el-form-item label="地址" prop="receiverAddress">
|
|
|
+ <el-input v-model="form.receiverAddress"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <!-- <el-form-item prop="files" label="发票附件">
|
|
|
+ <fileMain v-model="form.files"></fileMain>
|
|
|
+ </el-form-item> -->
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+
|
|
|
+ <div style="margin-top: 20px;">
|
|
|
+ <headerTitle :title="form.type == 2 ? '付款计划信息' : '收款计划信息'"></headerTitle>
|
|
|
+ <!-- <el-form ref="form" :model="tableForm"> -->
|
|
|
+ <ele-pro-table
|
|
|
+ ref="table"
|
|
|
+ :needPage="false"
|
|
|
+ :columns="columns"
|
|
|
+ :datasource="form.receiptPayments"
|
|
|
+ row-key="id"
|
|
|
+ class="time-form"
|
|
|
+ >
|
|
|
+ <template v-slot:toolbar>
|
|
|
+ <!-- <span>已开票金额：{{ totalInvoiceAmount }}</span> -->
|
|
|
+ </template>
|
|
|
+
|
|
|
+ <template v-slot:invoiceAmount="scope">
|
|
|
+ <el-form-item
|
|
|
+ style="width: 100%;"
|
|
|
+ label-width="0"
|
|
|
+ :prop="'receiptPayments.' + scope.$index + '.invoiceAmount'"
|
|
|
+ :rules="[
|
|
|
+ {
|
|
|
+ required: true,
|
|
|
+ message: '请输入开票金额',
|
|
|
+ trigger: 'blur'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ validator: (rule, value, callback) => {
|
|
|
+ if (value === undefined || value === null || value === '') {
|
|
|
+ callback('请输入开票金额');
|
|
|
+ } else if (parseFloat(value) <= 0 || parseFloat(value) > parseFloat(scope.row.unInvoiceAmount)) {
|
|
|
+ callback('开票金额必须大于0且不超过未开票金额');
|
|
|
+ } else {
|
|
|
+ callback();
|
|
|
+ }
|
|
|
+ },
|
|
|
+ trigger: 'blur'
|
|
|
+ }
|
|
|
+ ]"
|
|
|
+ >
|
|
|
+ <span v-if="dialogType === 'view'">{{ scope.row.invoiceAmount }}</span>
|
|
|
+ <el-input :min="0" :max="scope.row.unInvoiceAmount" v-limit="{ min: 0, max: scope.row.unInvoiceAmount }" v-else v-model="scope.row.invoiceAmount" type="number" @input="updateInvoiceAmount(scope.row)"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </template>
|
|
|
+ </ele-pro-table>
|
|
|
+ <!-- </el-form> -->
|
|
|
+ </div>
|
|
|
+ </el-form>
|
|
|
+ <div style="margin-top: 20px;">
|
|
|
+ <headerTitle title="关联物品清单信息"></headerTitle>
|
|
|
+ <table-info-new
|
|
|
+ :dialogType="dialogType"
|
|
|
+ :contactData="contactData"
|
|
|
+ ref="tableInfoRef"
|
|
|
+ :invoiceAmount="form.invoiceAmount"
|
|
|
+ ></table-info-new>
|
|
|
+ </div>
|
|
|
+ <div slot="footer">
|
|
|
+ <el-button type="primary" v-click-once @click="handleSave(0)">保存</el-button>
|
|
|
+ <el-button
|
|
|
+ type="primary"
|
|
|
+ v-if="isNeed_process_is_close"
|
|
|
+ v-click-once
|
|
|
+ @click="handleSave(1)"
|
|
|
+ >提交</el-button
|
|
|
+ >
|
|
|
+ <el-button v-click-once @click="cancel">返回</el-button>
|
|
|
+ </div>
|
|
|
+ <process-submit-dialog
|
|
|
+ api-fun-name="fininvoiceapplyStatusAPI"
|
|
|
+ :processSubmitDialogFlag.sync="processSubmitDialogFlag"
|
|
|
+ v-if="processSubmitDialogFlag"
|
|
|
+ ref="processSubmitDialogRef"
|
|
|
+ @reload="reload"
|
|
|
+ ></process-submit-dialog>
|
|
|
+ <!--对账单-->
|
|
|
+ <!-- <account-statement-dialog
|
|
|
+ ref="accountStatementDialogRef"
|
|
|
+ :form="form"
|
|
|
+ v-if="accountStatementDialogFlag"
|
|
|
+ :accountstatement-dialog-flag.sync="accountStatementDialogFlag"
|
|
|
+ @getAccountData="getAccountData"
|
|
|
+ :contactData="contactData"
|
|
|
+ :type="form.type"
|
|
|
+ >
|
|
|
+ </account-statement-dialog> -->
|
|
|
+ <!--采购订单-->
|
|
|
+ <purchasinOrderListDialog
|
|
|
+ ref="orderListDialogRef"
|
|
|
+ @changeParent="changeOrder"
|
|
|
+ ></purchasinOrderListDialog>
|
|
|
+ <!--销售订单-->
|
|
|
+ <saleOrderListDialog
|
|
|
+ ref="saleOrderListDialogref"
|
|
|
+ @changeParent="changeOrder"
|
|
|
+ ></saleOrderListDialog>
|
|
|
+
|
|
|
+ <contractListDialog
|
|
|
+ ref="selectContractRef"
|
|
|
+ @changeParent="changeContract"
|
|
|
+ :type="form.type"
|
|
|
+ ></contractListDialog>
|
|
|
+ <!-- 应收 -->
|
|
|
+ <receivableDialog
|
|
|
+ ref="receivableRef"
|
|
|
+ @receivableDone="receivableDone"
|
|
|
+ v-if="receivableDialogFlag"
|
|
|
+ :receivableDialogFlag.sync="receivableDialogFlag"
|
|
|
+ ></receivableDialog>
|
|
|
+ <!-- 应付 -->
|
|
|
+ <paymentListDialog
|
|
|
+ ref="receivableRef1"
|
|
|
+ @receivableDone="receivableDone"
|
|
|
+ v-if="paymentListDialogFlag"
|
|
|
+ :paymentListDialogFlag.sync="paymentListDialogFlag"
|
|
|
+ ></paymentListDialog>
|
|
|
+
|
|
|
+ <!-- 收款计划列表 -->
|
|
|
+ <collectionPlanDialog
|
|
|
+ ref="collectionPlanDialogRef"
|
|
|
+ v-if="collectionPlanDialogFlag"
|
|
|
+ :collectionPlanDialogFlag.sync="collectionPlanDialogFlag"
|
|
|
+ @getPlanData="getPlanData"
|
|
|
+ :type="form.type"
|
|
|
+ ></collectionPlanDialog>
|
|
|
+
|
|
|
+ </ele-modal>
|
|
|
+</template>
|
|
|
+<script>
|
|
|
+ import personSelect from '@/components/CommomSelect/person-select.vue';
|
|
|
+ import { listOrganizations } from '@/api/system/organization';
|
|
|
+ import { mapGetters } from 'vuex';
|
|
|
+ import fileUpload from '@/components/upload/fileUpload.vue';
|
|
|
+ import tableInfoNew from './tableInfoNew.vue';
|
|
|
+ import { getTreeByPid } from '@/api/classifyManage';
|
|
|
+ import {
|
|
|
+ invoiceApplyInfoV2API,
|
|
|
+ invoiceApplyCreateAPI,
|
|
|
+ invoiceApplyUpdateV2API
|
|
|
+ } from '@/api/financialManage/invoiceManage';
|
|
|
+ import { getpurchaseorderDetail } from '@/api/purchasingManage/purchaseOrder';
|
|
|
+ import { getSaleOrderDetail } from '@/api/saleManage/saleorder';
|
|
|
+ import { getDetail } from '@/api/contractManage/contractBook';
|
|
|
+ import processSubmitDialog from '@/BIZComponents/processSubmitDialog/processSubmitDialog.vue';
|
|
|
+ import accountStatementDialog from './accountstatementDialog.vue';
|
|
|
+ import contractListDialog from '@/views/saleManage/saleOrder/components/contractListDialog.vue';
|
|
|
+ import purchasinOrderListDialog from '@/views/purchasingManage/purchaseOrder/invoice/components/orderListDialog.vue'; //采购订单
|
|
|
+ import saleOrderListDialog from '@/views/saleManage/saleOrder/invoice/components/orderListDialog.vue'; //销售订单
|
|
|
+ import { enterprisePage } from '@/api/contractManage/contractBook';
|
|
|
+ import { contactDetail } from '@/api/saleManage/contact';
|
|
|
+ // import fileMain from '@/components/addDoc/index.vue';
|
|
|
+ import receivableDialog from '@/views/financialManage/receivableManage/components/receivableDialog.vue'; //应收
|
|
|
+ import paymentListDialog from '@/views/financialManage/payableManage/components/paymentListDialog.vue'; //应付
|
|
|
+ import collectionPlanDialog from './collectionPlanDialog.vue' // 收款计划列表
|
|
|
+
|
|
|
+ import { updateContractStatus } from '@/api/contractManage/contractBook';
|
|
|
+ import { getMergeInvoiceInfoAPI } from '@/api/financialManage/payAndCollectPlan';
|
|
|
+ import { paymentTypeOp } from '@/enum/dict';
|
|
|
+
|
|
|
+ const defForm = {
|
|
|
+ accountingSubjectCode: '',
|
|
|
+ accountingSubjectId: '',
|
|
|
+ accountingSubjectName: '',
|
|
|
+ amount: undefined,
|
|
|
+ contactId: '',
|
|
|
+ companyAddress: '',
|
|
|
+ companyBankAccount: '',
|
|
|
+ companyUsc: '',
|
|
|
+ expectInvoiceDate: '',
|
|
|
+ companyBankBranchNo: '',
|
|
|
+ companyName: '',
|
|
|
+ receiverAddress: '',
|
|
|
+ receiverName: '',
|
|
|
+ receiverTel: '',
|
|
|
+ receiverContactName: '',
|
|
|
+ companyTel: '',
|
|
|
+ companyContactName: '',
|
|
|
+ detailList: [],
|
|
|
+ drawerId: '',
|
|
|
+ drawerName: '',
|
|
|
+ files: [],
|
|
|
+ invoiceStatus: '',
|
|
|
+ link: [],
|
|
|
+ remark: '',
|
|
|
+ settlementAccountId: '',
|
|
|
+ settlementAccountName: '',
|
|
|
+ invoiceAmount: 0,
|
|
|
+ getAccountData: '',
|
|
|
+ sourceId: '',
|
|
|
+ sourceCode: '',
|
|
|
+ salesCompanyUsc: '',
|
|
|
+ salesCompanyBankBranchNo: '',
|
|
|
+ salesCompanyBankAccount: '',
|
|
|
+ category: 1,
|
|
|
+ receiptPayments: [],
|
|
|
+ productMap: {}
|
|
|
+ };
|
|
|
+ export default {
|
|
|
+ name: 'add-or-edit-dialog',
|
|
|
+ components: {
|
|
|
+ processSubmitDialog,
|
|
|
+ fileUpload,
|
|
|
+ personSelect,
|
|
|
+ tableInfoNew,
|
|
|
+ accountStatementDialog,
|
|
|
+ contractListDialog,
|
|
|
+ purchasinOrderListDialog,
|
|
|
+ saleOrderListDialog,
|
|
|
+ // fileMain,
|
|
|
+ receivableDialog,
|
|
|
+ paymentListDialog,
|
|
|
+ collectionPlanDialog
|
|
|
+ },
|
|
|
+ props: {
|
|
|
+ isEditType: {
|
|
|
+ type: Boolean,
|
|
|
+ default: true
|
|
|
+ },
|
|
|
+ addOrEditDialogFlag: {
|
|
|
+ type: Boolean,
|
|
|
+ default: false
|
|
|
+ },
|
|
|
+ contactData: {
|
|
|
+ type: Object,
|
|
|
+ default: () => {
|
|
|
+ return {};
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ provide() {
|
|
|
+ return {
|
|
|
+ invoiceType: () => this.form.type
|
|
|
+ };
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ ...mapGetters(['user']),
|
|
|
+ sourceTypeOp() {
|
|
|
+ return this.form.type == 1 ? [{
|
|
|
+ label: '收款计划',
|
|
|
+ value: 6
|
|
|
+ }, {
|
|
|
+ label: '应收管理',
|
|
|
+ value: 5
|
|
|
+ }] : [{
|
|
|
+ label: '付款计划',
|
|
|
+ value: 7
|
|
|
+ }, {
|
|
|
+ label: '应付管理',
|
|
|
+ value: 4
|
|
|
+ }]
|
|
|
+ },
|
|
|
+ columns() {
|
|
|
+ return [
|
|
|
+ {
|
|
|
+ width: 45,
|
|
|
+ type: 'index',
|
|
|
+ columnKey: 'index',
|
|
|
+ align: 'center',
|
|
|
+ fixed: 'left'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ width: 150,
|
|
|
+ prop: 'sourceOrderDetailNo',
|
|
|
+ label: this.form.type == 1 ? '收款计划编码' : '付款计划编码',
|
|
|
+ align: 'center'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ width: 150,
|
|
|
+ prop: 'relatedOrderNo',
|
|
|
+ label: '订单编号',
|
|
|
+ align: 'center'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ width: 120,
|
|
|
+ prop: 'relatedOrderType',
|
|
|
+ label: '订单类型',
|
|
|
+ align: 'center',
|
|
|
+ formatter: (row) => {
|
|
|
+ return row.relatedOrderType == 1 ? '销售订单' : '采购订单'
|
|
|
+ }
|
|
|
+ },
|
|
|
+ {
|
|
|
+ width: 120,
|
|
|
+ prop: 'contractNo',
|
|
|
+ label: '合同编码',
|
|
|
+ align: 'center'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ width: 120,
|
|
|
+ prop: 'contractCode',
|
|
|
+ label: '合同编号',
|
|
|
+ align: 'center'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ width: 120,
|
|
|
+ prop: 'contractName',
|
|
|
+ label: '合同名称',
|
|
|
+ align: 'center'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ prop: 'issueNumber',
|
|
|
+ label: '期数',
|
|
|
+ align: 'center'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ width: 120,
|
|
|
+ prop: 'paymentType',
|
|
|
+ label: '款项类型',
|
|
|
+ align: 'center',
|
|
|
+ formatter: (row) => {
|
|
|
+ return this.paymentTypeOp.find(item => item.value == row.paymentType)?.label || ''
|
|
|
+ }
|
|
|
+ },
|
|
|
+ {
|
|
|
+ prop: 'moneyName',
|
|
|
+ label: '款项名称',
|
|
|
+ align: 'center',
|
|
|
+ width: 170
|
|
|
+ },
|
|
|
+ {
|
|
|
+ width: 150,
|
|
|
+ prop: 'paymentRatio',
|
|
|
+ label: '比例',
|
|
|
+ align: 'center'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ width: 170,
|
|
|
+ prop: 'planPaymentAmount',
|
|
|
+ label: this.form.type == 1 ? '计划收款金额' : '计划付款金额',
|
|
|
+ align: 'center',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ width: 150,
|
|
|
+ prop: 'unInvoiceAmount',
|
|
|
+ label: '未开票金额',
|
|
|
+ align: 'center'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ width: 150,
|
|
|
+ prop: 'invoicedAmount',
|
|
|
+ label: '已开票金额',
|
|
|
+ align: 'center'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ width: 160,
|
|
|
+ prop: 'invoiceAmount',
|
|
|
+ label: '开票金额',
|
|
|
+ align: 'center',
|
|
|
+ slot: 'invoiceAmount',
|
|
|
+ fixed: 'right'
|
|
|
+ }
|
|
|
+ ];
|
|
|
+ },
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ businessId: '',
|
|
|
+ paymentTypeOp,
|
|
|
+ fullscreen: false,
|
|
|
+ receivableDialogFlag: false,
|
|
|
+ dialogType: '',
|
|
|
+ title: '',
|
|
|
+ isOtherSourceFlag: false,
|
|
|
+ processSubmitDialogFlag: false,
|
|
|
+ collectionPlanDialogFlag: false,
|
|
|
+ paymentListDialogFlag: false,
|
|
|
+ enterprisePage: [],
|
|
|
+ totalInvoiceAmount: 0,
|
|
|
+ form: {
|
|
|
+ applyDeptId: '',
|
|
|
+ applyDeptName: '',
|
|
|
+ applyUserId: '',
|
|
|
+ applyUserName: '',
|
|
|
+ type: '1',
|
|
|
+ id: '',
|
|
|
+ ...defForm
|
|
|
+ },
|
|
|
+ feeTypeList: [],
|
|
|
+ accountingSubjectList: [],
|
|
|
+ deptList: [],
|
|
|
+ deptTreeList: [],
|
|
|
+ rules: {
|
|
|
+ applyDeptId: { required: true, message: '请选择', trigger: 'change' },
|
|
|
+ applyUserId: { required: true, message: '请选择', trigger: 'change' },
|
|
|
+ accountingSubjectId: {
|
|
|
+ required: true,
|
|
|
+ message: '请选择',
|
|
|
+ trigger: 'change'
|
|
|
+ },
|
|
|
+ feeTypeId: { required: true, message: '请选择', trigger: 'change' },
|
|
|
+ // amount: { required: true, message: '请输入', trigger: 'blur' },
|
|
|
+ companyName: { required: true, message: '请输入', trigger: 'blur' },
|
|
|
+ type: { required: true, message: '请选择', trigger: 'change' },
|
|
|
+ sourceType: { required: true, message: '请选择', trigger: 'change' }
|
|
|
+ }
|
|
|
+ };
|
|
|
+ },
|
|
|
+ created() {
|
|
|
+ this.getClassifyList(24, 'accountingSubjectList');
|
|
|
+ this.getDeptList();
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ //从发票管理新增发票初始化
|
|
|
+ async init(row = {}, type) {
|
|
|
+ this.businessId = row.id || '';
|
|
|
+ this.title = type == 'add' ? '新增' : '修改';
|
|
|
+ console.log('row', row, type);
|
|
|
+ this.dialogType = type;
|
|
|
+ if (type == 'add') {
|
|
|
+ this.form.applyDeptId = this.user.info.groupId;
|
|
|
+ this.form.applyDeptName = this.user.info.groupName;
|
|
|
+ this.form.applyUserId = this.user.info.userId;
|
|
|
+ this.form.applyUserName = this.user.info.name;
|
|
|
+ enterprisePage({
|
|
|
+ pageNum: 1,
|
|
|
+ size: 200
|
|
|
+ }).then((res) => {
|
|
|
+ this.enterprisePage = [];
|
|
|
+ this.enterprisePage.push(...res.list);
|
|
|
+ this.enterpriseChange(this.enterprisePage[0]?.name);
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ await this.getInfo(row.id);
|
|
|
+ }
|
|
|
+ this.$nextTick(async () => {
|
|
|
+ // await this.getUser List(this.form.applyDeptId);
|
|
|
+ });
|
|
|
+ },
|
|
|
+ updateInvoiceAmount(row) {
|
|
|
+ // row.invoiceAmount = Number(row.invoiceAmount).toFixed(2);
|
|
|
+ this.form.amount = this.form.receiptPayments.reduce((pre, cur) => {
|
|
|
+ return pre + Number(cur.invoiceAmount);
|
|
|
+ }, 0);
|
|
|
+ this.$refs.tableInfoRef.setSinglePrice(row, this.form.receiptPayments);
|
|
|
+ },
|
|
|
+ //来源类型
|
|
|
+ async handleSelectAccount(val) {
|
|
|
+ if (val == 6 || val == 7) {
|
|
|
+ this.collectionPlanDialogFlag = true;
|
|
|
+ }
|
|
|
+ if (val == 2) {
|
|
|
+ this.$refs.selectContractRef.open({}, 1, 1);
|
|
|
+ }
|
|
|
+ if (val == 3 && this.form.type == 2) {
|
|
|
+ this.$refs.orderListDialogRef.open({}, 1, true);
|
|
|
+ }
|
|
|
+ if (val == 3 && this.form.type == 1) {
|
|
|
+ this.$refs.saleOrderListDialogref.open({}, 1, true);
|
|
|
+ }
|
|
|
+ if (val == 5) {
|
|
|
+ this.receivableDialogFlag = true;
|
|
|
+ }
|
|
|
+ if (val == 4) {
|
|
|
+ this.paymentListDialogFlag = true;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ //合同回调
|
|
|
+ async changeContract(data) {
|
|
|
+ const res = await getDetail(data.id);
|
|
|
+ this.$set(this.form, 'sourceId', data.id);
|
|
|
+ this.$set(this.form, 'sourceCode', data.contractNo);
|
|
|
+ this.$set(
|
|
|
+ this.form,
|
|
|
+ 'amount',
|
|
|
+ res.contractVO?.discountTotalPrice - res.contractVO?.invoiceAmount
|
|
|
+ );
|
|
|
+ this.$set(this.form, 'invoiceAmount', res.contractVO?.invoiceAmount);
|
|
|
+ this.getContactDetail(
|
|
|
+ this.form.type == 2
|
|
|
+ ? res.contractVO?.partbId
|
|
|
+ : res.contractVO?.partaId,
|
|
|
+ res.contractVO
|
|
|
+ );
|
|
|
+
|
|
|
+ res.productList.forEach((item) => {
|
|
|
+ item.singlePrice =
|
|
|
+ (item.discountSinglePrice &&
|
|
|
+ Number(item.discountSinglePrice).toFixed(2)) ||
|
|
|
+ item.singlePrice;
|
|
|
+ item.totalPrice =
|
|
|
+ (item.discountTotalPrice &&
|
|
|
+ Number(item.discountTotalPrice).toFixed(2)) ||
|
|
|
+ item.totalPrice;
|
|
|
+ item.typeName = this.form.type == 1 ? '销售合同' : '采购合同';
|
|
|
+ item.type = this.form.type == 1 ? '101' : '102';
|
|
|
+ });
|
|
|
+ this.$nextTick(() => {
|
|
|
+ this.$refs.table.setValue(res.productList);
|
|
|
+ });
|
|
|
+ this.$forceUpdate();
|
|
|
+ },
|
|
|
+ async getContactDetail(id, data) {
|
|
|
+ let contactValue = {};
|
|
|
+ if (id) {
|
|
|
+ this.form.contactId = id;
|
|
|
+ contactValue = await contactDetail(id);
|
|
|
+ }
|
|
|
+ const { base, other, bankList, linkList } = contactValue;
|
|
|
+ if (this.form.type == 1) {
|
|
|
+ this.form.companyName = base.name;
|
|
|
+ this.form.companyUsc = base.unifiedSocialCreditCode;
|
|
|
+ this.form.companyAddress = other?.addressName + other?.address;
|
|
|
+ this.form.companyTel =
|
|
|
+ data.partbTel ||
|
|
|
+ linkList.find((item) => item.ifChief == 1)?.mobilePhone;
|
|
|
+
|
|
|
+ this.form.companyBankAccount = bankList[0]?.accountNo;
|
|
|
+ this.form.companyBankBranchNo = bankList[0]?.bankName;
|
|
|
+ this.enterpriseChange(data.partbName);
|
|
|
+ } else {
|
|
|
+ this.form.receiverName = base.name;
|
|
|
+ this.form.receiverAddress = base?.addressName + other?.address;
|
|
|
+ this.form.receiverTel =
|
|
|
+ data.partaTel ||
|
|
|
+ linkList.find((item) => item.ifChief == 1)?.mobilePhone;
|
|
|
+ this.form.salesCompanyUsc = base.unifiedSocialCreditCode;
|
|
|
+ this.form.salesCompanyBankAccount = bankList[0]?.accountNo;
|
|
|
+ this.form.salesCompanyBankBranchNo = bankList[0]?.bankName;
|
|
|
+ this.enterpriseChange(data.partaName);
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
+ setCompanyBankAccount(base) {
|
|
|
+ console.log('base~~~', base);
|
|
|
+ if (this.form.type == 1) {
|
|
|
+ console.log('base~~~111', base.companyName);
|
|
|
+ this.form.companyName = base.companyName;
|
|
|
+ this.form.companyUsc = base.companyUsc;
|
|
|
+ this.form.companyAddress = base.companyAddress;
|
|
|
+ this.form.companyTel = base.companyTel;
|
|
|
+ this.form.companyContactName = base.companyContactName;
|
|
|
+
|
|
|
+ this.form.companyBankAccount = base.companyBankAccount;
|
|
|
+ this.form.companyBankBranchNo = base.companyBankBranchNo;
|
|
|
+ // this.enterpriseChange(base.companyName);
|
|
|
+ } else {
|
|
|
+ this.form.receiverName = base.receiverName;
|
|
|
+ this.form.receiverAddress = base.receiverAddress;
|
|
|
+ this.form.receiverTel = base.receiverTel;
|
|
|
+ this.form.receiverContactName = base.receiverContactName;
|
|
|
+ this.form.salesCompanyUsc = base.salesCompanyUsc;
|
|
|
+ this.form.salesCompanyBankAccount = base.salesCompanyBankAccount;
|
|
|
+ this.form.salesCompanyBankBranchNo = base.salesCompanyBankBranchNo;
|
|
|
+ // this.enterpriseChange(base.receiverName);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ //订单回调
|
|
|
+ async changeOrder(data) {
|
|
|
+ this.$set(this.form, 'sourceId', data.id);
|
|
|
+ this.$set(this.form, 'sourceCode', data.orderNo);
|
|
|
+ let res = {};
|
|
|
+ if (this.form.type == 2) {
|
|
|
+ res = await getpurchaseorderDetail(data.id);
|
|
|
+ } else {
|
|
|
+ res = await getSaleOrderDetail(data.id);
|
|
|
+ }
|
|
|
+ this.$set(this.form, 'amount', res.payAmount - res.invoiceAmount);
|
|
|
+ this.$set(this.form, 'invoiceAmount', res.invoiceAmount);
|
|
|
+ this.getContactDetail(
|
|
|
+ this.form.type == 2 ? res.partbId : res.partaId,
|
|
|
+ res
|
|
|
+ );
|
|
|
+ res.productList.forEach((item) => {
|
|
|
+ item.singlePrice =
|
|
|
+ (item.discountSinglePrice &&
|
|
|
+ Number(item.discountSinglePrice).toFixed(2)) ||
|
|
|
+ item.singlePrice;
|
|
|
+ item.totalPrice =
|
|
|
+ (item.discountTotalPrice &&
|
|
|
+ Number(item.discountTotalPrice).toFixed(2)) ||
|
|
|
+ item.totalPrice;
|
|
|
+ item.typeName = this.form.type == 1 ? '销售订单' : '采购订单';
|
|
|
+ item.type = this.form.type == 1 ? '201' : '202';
|
|
|
+ });
|
|
|
+ this.$nextTick(() => {
|
|
|
+ this.$refs.table.setValue(res.productList);
|
|
|
+ });
|
|
|
+ this.$forceUpdate();
|
|
|
+
|
|
|
+ console.log(res);
|
|
|
+ },
|
|
|
+
|
|
|
+ //应收应付回调
|
|
|
+ async payableManage(data) {
|
|
|
+ const { row, form } = data;
|
|
|
+ console.log(data);
|
|
|
+ this.$set(this.form, 'sourceId', row.id);
|
|
|
+ this.$set(this.form, 'sourceCode', row.code);
|
|
|
+ // this.$set(
|
|
|
+ // this.form,
|
|
|
+ // 'amount',
|
|
|
+ // row.receivedTotalPrice || row.paidTotalPrice
|
|
|
+ // );
|
|
|
+ // this.$set(this.form, 'invoiceAmount', row.invoiceAmount);
|
|
|
+ // this.getContactDetail(form.contactId, {});
|
|
|
+ },
|
|
|
+ receivableDone(data) {
|
|
|
+ // this.$set(this.form, 'type', Number(data.type));
|
|
|
+ // this.$set(this.form, 'sourceType', data.sourceType);
|
|
|
+ // this.payableManage(data.data);
|
|
|
+ this.getPlanData(data)
|
|
|
+ },
|
|
|
+ // 收/付款计划回调
|
|
|
+ async getPlanData(data) {
|
|
|
+ let tempIds = [];
|
|
|
+ let tempNames = [];
|
|
|
+ if(this.form.sourceType == 4 || this.form.sourceType == 5) {
|
|
|
+ tempIds = data.map((item) => item.receiptPlanOrderId);
|
|
|
+ tempNames = data.map((item) => item.code);
|
|
|
+ } else {
|
|
|
+ tempIds = data.map((item) => item.id);
|
|
|
+ tempNames = data.map((item) => item.detailNo);
|
|
|
+ }
|
|
|
+
|
|
|
+ this.form.sourceCode = tempNames.join(',');
|
|
|
+
|
|
|
+ const res = await getMergeInvoiceInfoAPI(tempIds)
|
|
|
+ res.receiptPayments = res.receiptPayments.map((item) => {
|
|
|
+ item.invoiceAmount = item.unInvoiceAmount;
|
|
|
+ return item
|
|
|
+ })
|
|
|
+
|
|
|
+ this.form.receiptPayments = res.receiptPayments;
|
|
|
+ this.form.productMap = res.productMap;
|
|
|
+ const amount = this.form.receiptPayments.reduce((prev, cur) => prev +
|
|
|
+ +cur.invoiceAmount, 0) || 0;
|
|
|
+ this.form.amount = amount;
|
|
|
+ console.log('form~~~', this.form);
|
|
|
+ this.setCompanyBankAccount(res)
|
|
|
+ // this.form.detailList = res.detailList;
|
|
|
+ this.$nextTick(() => {
|
|
|
+ this.$refs.tableInfoRef.setValue(this.form);
|
|
|
+ })
|
|
|
+ console.log('getPlanData~~~', res);
|
|
|
+ // console.log('detailList~~~', res.detailList);
|
|
|
+ },
|
|
|
+ //对账单回调
|
|
|
+ async getAccountData(tableInfo) {
|
|
|
+ let res = {};
|
|
|
+ if (this.form.type == 2) {
|
|
|
+ res = await getpurchaseorderDetail(tableInfo?.children?.orderId);
|
|
|
+ } else {
|
|
|
+ res = await getSaleOrderDetail(tableInfo?.children?.orderId);
|
|
|
+ }
|
|
|
+ this.getContactDetail(tableInfo.contactId, res);
|
|
|
+ this.$nextTick(() => {
|
|
|
+ this.$set(this.form, 'sourceId', tableInfo?.children?.id);
|
|
|
+ this.$set(this.form, 'sourceCode', tableInfo?.statementNo);
|
|
|
+ this.$set(
|
|
|
+ this.form,
|
|
|
+ 'invoiceAmount',
|
|
|
+ tableInfo?.children?.invoiceAmount
|
|
|
+ );
|
|
|
+
|
|
|
+ this.$refs.table.getAccountData(tableInfo);
|
|
|
+ });
|
|
|
+ },
|
|
|
+ //订单、合同列表
|
|
|
+ async createInvoice1(data, type, sourceType) {
|
|
|
+ console.log('createInvoice1~~~', data);
|
|
|
+ // const tempIds = data.map((item) => item.id).join(',');
|
|
|
+ this.$set(this.form, 'type', type);
|
|
|
+ this.$set(this.form, 'sourceType', sourceType);
|
|
|
+ // this.$set(this.form, 'sourceCode', tempIds);
|
|
|
+
|
|
|
+ await this.init({}, 'add');
|
|
|
+
|
|
|
+ this.getPlanData(data);
|
|
|
+ // if (sourceType == 2) {
|
|
|
+ // this.changeContract(data);
|
|
|
+ // }
|
|
|
+ // if (sourceType == 3) {
|
|
|
+ // this.changeOrder(data);
|
|
|
+ // }
|
|
|
+ // if (sourceType == 4 || sourceType == 5) {
|
|
|
+ // this.payableManage(data);
|
|
|
+ // }
|
|
|
+ },
|
|
|
+
|
|
|
+ //对账单列表
|
|
|
+ createInvoice(
|
|
|
+ row = {},
|
|
|
+ invoiceType,
|
|
|
+ tableInfo = {},
|
|
|
+ isOtherSourceFlag = true,
|
|
|
+ dialogType = 'add'
|
|
|
+ ) {
|
|
|
+ this.dialogType = dialogType;
|
|
|
+ this.init(row, dialogType);
|
|
|
+ this.form.type = tableInfo.type;
|
|
|
+ this.$set(this.form, 'sourceType', invoiceType);
|
|
|
+ // this.form.sourceType=invoiceType
|
|
|
+ setTimeout(() => {
|
|
|
+ this.getAccountData(tableInfo);
|
|
|
+ }, 400);
|
|
|
+ },
|
|
|
+ //获取详情
|
|
|
+ async getInfo(id) {
|
|
|
+ this.form = await invoiceApplyInfoV2API(id);
|
|
|
+ this.$nextTick(() => {
|
|
|
+ this.$refs.tableInfoRef.putValue(this.form);
|
|
|
+ })
|
|
|
+ },
|
|
|
+
|
|
|
+ //获取分类管理中的数据
|
|
|
+ async getClassifyList(id, listName) {
|
|
|
+ let res = await getTreeByPid(id);
|
|
|
+ this[listName] = res.data;
|
|
|
+ },
|
|
|
+ //获取费用类别选中数据
|
|
|
+ changeFeeTypeInfo(val) {
|
|
|
+ if (!val) {
|
|
|
+ this.form.feeTypeName = '';
|
|
|
+ this.form.feeTypeCode = '';
|
|
|
+ }
|
|
|
+ let data = this.$refs.feeTypeTree?.$refs?.tree?.getCurrentNode() || {};
|
|
|
+ this.form.feeTypeName = data.name;
|
|
|
+ this.form.feeTypeCode = data.code;
|
|
|
+ },
|
|
|
+ //获取会计科目选中数据
|
|
|
+ changeSubjectInfo(val) {
|
|
|
+ if (!val) return (this.form.accountingSubjectName = '');
|
|
|
+ let data = this.$refs.treeSelect?.$refs?.tree?.getCurrentNode() || {};
|
|
|
+ this.form.accountingSubjectName = data.name;
|
|
|
+ },
|
|
|
+ // 获取部门数据
|
|
|
+ getDeptList() {
|
|
|
+ listOrganizations().then((list) => {
|
|
|
+ this.deptList = list;
|
|
|
+ this.deptTreeList = this.$util.toTreeData({
|
|
|
+ data: list,
|
|
|
+ idField: 'id',
|
|
|
+ parentIdField: 'parentId'
|
|
|
+ });
|
|
|
+ });
|
|
|
+ },
|
|
|
+ // 选择负责人部门
|
|
|
+ changeDeptInfo(id) {
|
|
|
+ const info = this.deptList.find((e) => e.id == id) || {};
|
|
|
+ this.form.applyDeptName = info.name;
|
|
|
+ this.form.applyUserId = '';
|
|
|
+ this.form.applyUserName = '';
|
|
|
+ this.getUserList(id);
|
|
|
+ },
|
|
|
+ // 获取人员数据
|
|
|
+ getUserList(deptId) {
|
|
|
+ if (deptId) {
|
|
|
+ this.$refs.directorRef.getList({ deptId });
|
|
|
+ }
|
|
|
+ },
|
|
|
+ //选择人员数据
|
|
|
+ changeUserInfo(val, info) {
|
|
|
+ this.form.applyUserName = info.name;
|
|
|
+ },
|
|
|
+
|
|
|
+ //
|
|
|
+ handleSelType(val) {
|
|
|
+ this.form = Object.assign({}, this.form, defForm);
|
|
|
+ if (val == 'isType') {
|
|
|
+ this.$set(this.form, 'sourceType', '');
|
|
|
+ }
|
|
|
+ this.form.receiptPayments = [];
|
|
|
+ this.$refs.tableInfoRef.clearTable();
|
|
|
+ this.enterpriseChange(this.enterprisePage[0]?.name);
|
|
|
+ },
|
|
|
+ setPrice(val) {
|
|
|
+ this.form.amount = val;
|
|
|
+ },
|
|
|
+ //系统公司信息
|
|
|
+ enterpriseChange(name) {
|
|
|
+ let data = this.enterprisePage.find((item) => item.name == name);
|
|
|
+
|
|
|
+ if (this.form.type == 2) {
|
|
|
+ this.form.companyName = data?.name;
|
|
|
+ this.form.companyUsc = data?.unifiedSocialCreditCode;
|
|
|
+ this.form.companyAddress = data?.address;
|
|
|
+ this.form.companyTel = data?.tel;
|
|
|
+ this.form.companyContactName = data?.contact;
|
|
|
+ } else {
|
|
|
+ this.form.receiverName = data?.name;
|
|
|
+ this.form.receiverAddress = data?.address;
|
|
|
+ this.form.salesCompanyUsc = data?.unifiedSocialCreditCode;
|
|
|
+ this.form.receiverTel = data?.tel;
|
|
|
+ this.form.receiverContactName = data?.contact;
|
|
|
+ }
|
|
|
+ this.$forceUpdate();
|
|
|
+ },
|
|
|
+
|
|
|
+ getValidate() {
|
|
|
+ console.log(this.form);
|
|
|
+ let arr = [
|
|
|
+ new Promise((resolve, reject) => {
|
|
|
+ this.$refs.form.validate((valid) => {
|
|
|
+ if (!valid) {
|
|
|
+ reject(false);
|
|
|
+ } else {
|
|
|
+ resolve(true);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ })
|
|
|
+ ];
|
|
|
+
|
|
|
+ // this.$refs.tableInfoRef.tableForm.detailList.forEach((item, index) => {
|
|
|
+ // arr.push(
|
|
|
+ // new Promise((resolve, reject) => {
|
|
|
+ // this.$refs.tableInfoRef.$ref['form'+index].validateForm((valid) => {
|
|
|
+ // if (!valid) {
|
|
|
+ // reject(false);
|
|
|
+ // } else {
|
|
|
+ // resolve(true);
|
|
|
+ // }
|
|
|
+ // });
|
|
|
+ // })
|
|
|
+ // );
|
|
|
+ // })
|
|
|
+ return Promise.all(arr);
|
|
|
+ },
|
|
|
+
|
|
|
+ async handleSave(flag) {
|
|
|
+ // this.$refs.form.validate(async (valid) => {
|
|
|
+ try {
|
|
|
+ const valid = await this.getValidate();
|
|
|
+ console.log('valid~~~',valid);
|
|
|
+ // if (!valid) return this.$message.warning('有必填项未填，请检查');
|
|
|
+
|
|
|
+ // if (this.form.sourceType != 4 || this.form.sourceType != 5) {
|
|
|
+ // tableData = await this.$refs.table.getTableValidate();
|
|
|
+ // }
|
|
|
+ // // 校验表格数据
|
|
|
+ // const tableValid = await new Promise((resolve) => {
|
|
|
+ // this.$refs.table.validateForm((valid) => {
|
|
|
+ // resolve(valid);
|
|
|
+ // });
|
|
|
+ // });
|
|
|
+ const tableValid = await this.$refs.tableInfoRef.getTableValidate();
|
|
|
+ console.log('tableValid~~~',tableValid);
|
|
|
+ // if (!tableValid) {
|
|
|
+ // return;
|
|
|
+ // }
|
|
|
+
|
|
|
+ let tableData = this.$refs.tableInfoRef.getTableData();
|
|
|
+ // this.form.link = tableData.link;
|
|
|
+ this.form.productMap = tableData;
|
|
|
+ console.log('commitData~~~',this.form);
|
|
|
+ const API =
|
|
|
+ this.dialogType == 'add'
|
|
|
+ ? invoiceApplyCreateAPI
|
|
|
+ : invoiceApplyUpdateV2API;
|
|
|
+ const id = await API(this.form);
|
|
|
+ if (this.form.sourceType == 2) {
|
|
|
+ updateContractStatus([this.form.sourceId]);
|
|
|
+ }
|
|
|
+ if (flag) {
|
|
|
+ await this.handleSub(id);
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ this.$message.success('操作成功');
|
|
|
+ this.done();
|
|
|
+ this.cancel();
|
|
|
+ // });
|
|
|
+ } catch (error) {
|
|
|
+ // this.$message.warning('有必填项未填，请检查');
|
|
|
+ }
|
|
|
+ },
|
|
|
+ //
|
|
|
+ handleSave1(flag) {
|
|
|
+ this.$refs.form.validate(async (valid) => {
|
|
|
+ if (!valid) return this.$message.warning('有必填项未填，请检查');
|
|
|
+ let tableData = {};
|
|
|
+ if (this.form.sourceType != 4 || this.form.sourceType != 5) {
|
|
|
+ tableData = await this.$refs.table.getTableValidate();
|
|
|
+ }
|
|
|
+ // 校验表格数据
|
|
|
+ const tableValid = await new Promise((resolve) => {
|
|
|
+ this.$refs.table.validateForm((valid) => {
|
|
|
+ resolve(valid);
|
|
|
+ });
|
|
|
+ });
|
|
|
+ if (!tableValid) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ this.form.link = tableData.link;
|
|
|
+ this.form.detailList = tableData.detailList;
|
|
|
+ const API =
|
|
|
+ this.dialogType == 'add'
|
|
|
+ ? invoiceApplySaveAPI
|
|
|
+ : invoiceApplyUpdateV2API;
|
|
|
+ const id = await API(this.form);
|
|
|
+ if (this.form.sourceType == 2) {
|
|
|
+ updateContractStatus([this.form.sourceId]);
|
|
|
+ }
|
|
|
+ if (flag) {
|
|
|
+ await this.handleSub(id);
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ this.$message.success('操作成功');
|
|
|
+ this.done();
|
|
|
+ this.cancel();
|
|
|
+ });
|
|
|
+ },
|
|
|
+ //提交-开启流程
|
|
|
+ async handleSub(id = '') {
|
|
|
+ let data = await invoiceApplyInfoV2API(this.businessId || id);
|
|
|
+ this.processSubmitDialogFlag = true;
|
|
|
+ let key =
|
|
|
+ data.type == 1 ? 'fin_invoice_apply' : 'fin_invoice_receive_apply';
|
|
|
+ this.$nextTick(() => {
|
|
|
+ let params = {
|
|
|
+ businessId: data.id,
|
|
|
+ businessKey: key,
|
|
|
+ formCreateUserId: data.createUserId,
|
|
|
+ variables: {
|
|
|
+ type: data.type,
|
|
|
+ businessCode: data.code,
|
|
|
+
|
|
|
+ businessName: data.companyName,
|
|
|
+ businessType: data.type == 1 ? '开票' : '收票'
|
|
|
+ }
|
|
|
+ // callBackMethodType : '1',
|
|
|
+ // callBackMethod : 'proTargetPlanApproveApiImpl.updatePlanApprovalStatus',
|
|
|
+ // pcHandle : '/bpm/handleTask/components/project-manage/plan-manage/submit.vue',
|
|
|
+ // pcView : '/bpm/handleTask/components/project-manage/plan-manage/detailDialog.vue',
|
|
|
+ // miniHandle : '',
|
|
|
+ // miniView : '',
|
|
|
+ };
|
|
|
+ this.$refs.processSubmitDialogRef.init(params);
|
|
|
+ });
|
|
|
+ // try {
|
|
|
+ // await invoiceApplySubmit({
|
|
|
+ // businessId: id || this.form.id,
|
|
|
+ // type: this.form.type
|
|
|
+ // });
|
|
|
+ // } catch (e) {
|
|
|
+ // this.$message.error(e.message);
|
|
|
+ // }
|
|
|
+ },
|
|
|
+ reload() {
|
|
|
+ this.done();
|
|
|
+ this.cancel();
|
|
|
+ },
|
|
|
+ //刷新主列表数据
|
|
|
+ done() {
|
|
|
+ this.$emit('reload');
|
|
|
+ },
|
|
|
+ //关闭弹窗
|
|
|
+ cancel() {
|
|
|
+ this.$emit('update:addOrEditDialogFlag', false);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ };
|
|
|
+</script>
|
|
|
+<style scoped lang="scss"></style>
|
liujt