|
@@ -9,7 +9,7 @@
|
|
|
label-width="95px"
|
|
label-width="95px"
|
|
|
class="form"
|
|
class="form"
|
|
|
>
|
|
>
|
|
|
- <el-form-item label="发票类型" label-width="95px" prop="invoiceType">
|
|
|
|
|
|
|
+ <el-form-item label="发票类型" label-width="80px" prop="invoiceType">
|
|
|
<el-select
|
|
<el-select
|
|
|
v-model="pageRequest.invoiceType"
|
|
v-model="pageRequest.invoiceType"
|
|
|
placeholder="请选择发票类型"
|
|
placeholder="请选择发票类型"
|
|
@@ -23,7 +23,7 @@
|
|
|
></el-option>
|
|
></el-option>
|
|
|
</el-select>
|
|
</el-select>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
- <el-form-item label="开票员" label-width="95px" prop="biller">
|
|
|
|
|
|
|
+ <el-form-item label="开票员" label-width="80px" prop="biller">
|
|
|
<el-input
|
|
<el-input
|
|
|
v-model="pageRequest.biller"
|
|
v-model="pageRequest.biller"
|
|
|
placeholder="请输入开票员"
|
|
placeholder="请输入开票员"
|
|
@@ -31,7 +31,7 @@
|
|
|
clearable
|
|
clearable
|
|
|
></el-input>
|
|
></el-input>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
- <el-form-item label="开票方" label-width="95px" prop="invoiceBy">
|
|
|
|
|
|
|
+ <el-form-item label="开票方" label-width="80px" prop="invoiceBy">
|
|
|
<el-input
|
|
<el-input
|
|
|
v-model="pageRequest.invoiceBy"
|
|
v-model="pageRequest.invoiceBy"
|
|
|
placeholder="请输入开票方"
|
|
placeholder="请输入开票方"
|
|
@@ -39,6 +39,14 @@
|
|
|
clearable
|
|
clearable
|
|
|
></el-input>
|
|
></el-input>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
|
|
+ <el-form-item label="对方单位名称" label-width="110px" prop="otherUnit">
|
|
|
|
|
+ <el-input
|
|
|
|
|
+ v-model="pageRequest.otherUnit"
|
|
|
|
|
+ placeholder="请输入对方单位名称"
|
|
|
|
|
+ class=""
|
|
|
|
|
+ clearable
|
|
|
|
|
+ ></el-input>
|
|
|
|
|
+ </el-form-item>
|
|
|
<el-form-item label="开票日期" label-width="95px" prop="invoiceTime">
|
|
<el-form-item label="开票日期" label-width="95px" prop="invoiceTime">
|
|
|
<el-date-picker
|
|
<el-date-picker
|
|
|
v-model="pageRequest.invoiceTime"
|
|
v-model="pageRequest.invoiceTime"
|
|
@@ -53,15 +61,40 @@
|
|
|
>
|
|
>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
</el-form>
|
|
</el-form>
|
|
|
|
|
+ <el-button
|
|
|
|
|
+ class="operation"
|
|
|
|
|
+ type="primary"
|
|
|
|
|
+ plain
|
|
|
|
|
+ size="medium"
|
|
|
|
|
+ @click="addPayment"
|
|
|
|
|
+ >开票新增</el-button
|
|
|
|
|
+ >
|
|
|
|
|
+ <!-- <el-button size="medium" @click="look=!look">查看合计</el-button> -->
|
|
|
|
|
+ <!-- 合计 -->
|
|
|
|
|
+ <div v-show="look" style="margin-top: 20px">
|
|
|
|
|
+ <el-descriptions title="" size="mini" border>
|
|
|
|
|
+ <el-descriptions-item label="开票金额总和">{{
|
|
|
|
|
+ allNumObj.invoiceMoneySum
|
|
|
|
|
+ }}</el-descriptions-item>
|
|
|
|
|
+ <el-descriptions-item label="进账金额总和">{{
|
|
|
|
|
+ allNumObj.payoutMoneySum
|
|
|
|
|
+ }}</el-descriptions-item>
|
|
|
|
|
+ <el-descriptions-item label="未进账金额总和">{{
|
|
|
|
|
+ allNumObj.notPayoutMoneySum
|
|
|
|
|
+ }}</el-descriptions-item>
|
|
|
|
|
+ <el-descriptions-item label="开票数总和">{{
|
|
|
|
|
+ allNumObj.invoiceNumSum
|
|
|
|
|
+ }}</el-descriptions-item>
|
|
|
|
|
+ <el-descriptions-item label="税额总和">{{
|
|
|
|
|
+ allNumObj.taxSum
|
|
|
|
|
+ }}</el-descriptions-item>
|
|
|
|
|
+ <el-descriptions-item label="不含税金额总和">{{
|
|
|
|
|
+ allNumObj.noHasTaxSum
|
|
|
|
|
+ }}</el-descriptions-item>
|
|
|
|
|
+ </el-descriptions>
|
|
|
|
|
+ </div>
|
|
|
</el-row>
|
|
</el-row>
|
|
|
- <el-button
|
|
|
|
|
- class="operation"
|
|
|
|
|
- type="primary"
|
|
|
|
|
- plain
|
|
|
|
|
- size="medium"
|
|
|
|
|
- @click="addPayment"
|
|
|
|
|
- >开票新增</el-button
|
|
|
|
|
- >
|
|
|
|
|
|
|
+
|
|
|
<!-- 表格 -->
|
|
<!-- 表格 -->
|
|
|
<kt-common-table
|
|
<kt-common-table
|
|
|
v-loading="loading"
|
|
v-loading="loading"
|
|
@@ -75,15 +108,15 @@
|
|
|
:columns="columns"
|
|
:columns="columns"
|
|
|
:showBatchDelete="false"
|
|
:showBatchDelete="false"
|
|
|
:showOperation="true"
|
|
:showOperation="true"
|
|
|
|
|
+ editButtonName="编辑"
|
|
|
button3Name="撤销"
|
|
button3Name="撤销"
|
|
|
button3Icon="fa fa-trash"
|
|
button3Icon="fa fa-trash"
|
|
|
button3Background="#f56c6c"
|
|
button3Background="#f56c6c"
|
|
|
@handleButton3="handleTableDelete"
|
|
@handleButton3="handleTableDelete"
|
|
|
|
|
+ @handleEdit="handleDetail"
|
|
|
@findPage="findPage"
|
|
@findPage="findPage"
|
|
|
:isshowpagination="true"
|
|
:isshowpagination="true"
|
|
|
></kt-common-table>
|
|
></kt-common-table>
|
|
|
- <!-- editButtonName="编辑"
|
|
|
|
|
- @handleEdit="handleDetail" -->
|
|
|
|
|
<!-- 新增编辑弹框 -->
|
|
<!-- 新增编辑弹框 -->
|
|
|
<el-dialog
|
|
<el-dialog
|
|
|
class="dialog detailtTable"
|
|
class="dialog detailtTable"
|
|
@@ -100,78 +133,83 @@
|
|
|
ref="formData"
|
|
ref="formData"
|
|
|
label-width="130px"
|
|
label-width="130px"
|
|
|
size="small"
|
|
size="small"
|
|
|
- class="frame"
|
|
|
|
|
|
|
+ :class="formDataId ? 'data_form' : 'frame data_form'"
|
|
|
>
|
|
>
|
|
|
- <el-row>
|
|
|
|
|
- <el-col :span="12">
|
|
|
|
|
- <el-form-item label="开票方" prop="invoiceBy">
|
|
|
|
|
- <el-select
|
|
|
|
|
- v-model="formData.invoiceBy"
|
|
|
|
|
- filterable
|
|
|
|
|
- placeholder=""
|
|
|
|
|
- clearable
|
|
|
|
|
- value-key="bankCardNum"
|
|
|
|
|
- @change="companyChange"
|
|
|
|
|
- >
|
|
|
|
|
- <el-option
|
|
|
|
|
- v-for="(item, index) in collectionData"
|
|
|
|
|
- :key="index + 'kpf'"
|
|
|
|
|
- :label="item.name"
|
|
|
|
|
- :value="item"
|
|
|
|
|
|
|
+ <div v-if="!formDataId">
|
|
|
|
|
+ <el-row>
|
|
|
|
|
+ <el-col :span="12">
|
|
|
|
|
+ <el-form-item label="开票方" prop="invoiceBy">
|
|
|
|
|
+ <el-select
|
|
|
|
|
+ v-model="formData.invoiceBy"
|
|
|
|
|
+ filterable
|
|
|
|
|
+ placeholder=""
|
|
|
|
|
+ clearable
|
|
|
|
|
+ value-key="bankCardNum"
|
|
|
|
|
+ @change="companyChange"
|
|
|
>
|
|
>
|
|
|
- </el-option>
|
|
|
|
|
- </el-select>
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- </el-col>
|
|
|
|
|
- <el-col :span="12">
|
|
|
|
|
- <el-form-item label="卡号" prop="bankCardNum">
|
|
|
|
|
- <el-input
|
|
|
|
|
- disabled
|
|
|
|
|
- v-model="formData.bankCardNum"
|
|
|
|
|
- autocomplete="off"
|
|
|
|
|
- ></el-input>
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- </el-col>
|
|
|
|
|
- </el-row>
|
|
|
|
|
- <el-row>
|
|
|
|
|
- <el-col :span="12">
|
|
|
|
|
- <el-form-item label="开票员" prop="biller">
|
|
|
|
|
- <el-input
|
|
|
|
|
- disabled
|
|
|
|
|
- v-model="formData.biller"
|
|
|
|
|
- autocomplete="off"
|
|
|
|
|
- ></el-input>
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- </el-col>
|
|
|
|
|
- <el-col :span="12">
|
|
|
|
|
- <el-form-item label="开票金额" prop="invoiceMoney">
|
|
|
|
|
- <el-input-number
|
|
|
|
|
- v-model="formData.invoiceMoney"
|
|
|
|
|
- :min="0"
|
|
|
|
|
- :max="99999999999999999"
|
|
|
|
|
- label=""
|
|
|
|
|
- ></el-input-number>
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- </el-col>
|
|
|
|
|
- </el-row>
|
|
|
|
|
- <el-row>
|
|
|
|
|
- <el-col :span="12">
|
|
|
|
|
- <el-form-item label="发票数" prop="invoiceNum">
|
|
|
|
|
- <el-input-number
|
|
|
|
|
- v-model="formData.invoiceNum"
|
|
|
|
|
- :min="0"
|
|
|
|
|
- :max="99999999999999999"
|
|
|
|
|
- label=""
|
|
|
|
|
- ></el-input-number>
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- </el-col>
|
|
|
|
|
- <el-col :span="12">
|
|
|
|
|
- <el-form-item label="开票科目" prop="invoiceSubjects">
|
|
|
|
|
- <el-input
|
|
|
|
|
- v-model="formData.invoiceSubjects"
|
|
|
|
|
- autocomplete="off"
|
|
|
|
|
- ></el-input>
|
|
|
|
|
- <!-- <el-select
|
|
|
|
|
|
|
+ <el-option
|
|
|
|
|
+ v-for="(item, index) in collectionData"
|
|
|
|
|
+ :key="index + 'kpf'"
|
|
|
|
|
+ :label="item.name"
|
|
|
|
|
+ :value="item"
|
|
|
|
|
+ >
|
|
|
|
|
+ </el-option>
|
|
|
|
|
+ </el-select>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ </el-col>
|
|
|
|
|
+ <el-col :span="12">
|
|
|
|
|
+ <el-form-item label="卡号" prop="bankCardNum">
|
|
|
|
|
+ <el-input
|
|
|
|
|
+ disabled
|
|
|
|
|
+ v-model="formData.bankCardNum"
|
|
|
|
|
+ autocomplete="off"
|
|
|
|
|
+ ></el-input>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ </el-col>
|
|
|
|
|
+ </el-row>
|
|
|
|
|
+ <el-row>
|
|
|
|
|
+ <el-col :span="12">
|
|
|
|
|
+ <el-form-item label="开票员" prop="biller">
|
|
|
|
|
+ <el-input
|
|
|
|
|
+ disabled
|
|
|
|
|
+ v-model="formData.biller"
|
|
|
|
|
+ autocomplete="off"
|
|
|
|
|
+ ></el-input>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ </el-col>
|
|
|
|
|
+ <el-col :span="12">
|
|
|
|
|
+ <el-form-item label="开票金额" prop="invoiceMoney">
|
|
|
|
|
+ <el-input-number
|
|
|
|
|
+ v-model="formData.invoiceMoney"
|
|
|
|
|
+ :min="0"
|
|
|
|
|
+ :max="99999999999999999"
|
|
|
|
|
+ label=""
|
|
|
|
|
+ ></el-input-number>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ </el-col>
|
|
|
|
|
+ </el-row>
|
|
|
|
|
+ <el-row>
|
|
|
|
|
+ <el-col :span="12">
|
|
|
|
|
+ <el-form-item label="发票数" prop="invoiceNum">
|
|
|
|
|
+ <el-input-number
|
|
|
|
|
+ v-model="formData.invoiceNum"
|
|
|
|
|
+ :min="0"
|
|
|
|
|
+ :max="99999999999999999"
|
|
|
|
|
+ label=""
|
|
|
|
|
+ ></el-input-number>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ </el-col>
|
|
|
|
|
+ <el-col class="invoic" :span="12">
|
|
|
|
|
+ <el-form-item label="开票科目" prop="invoiceSubjects">
|
|
|
|
|
+ <el-input
|
|
|
|
|
+ v-model="formData.invoiceSubjects1"
|
|
|
|
|
+ autocomplete="off"
|
|
|
|
|
+ ></el-input>
|
|
|
|
|
+ <el-input
|
|
|
|
|
+ v-model="formData.invoiceSubjects2"
|
|
|
|
|
+ autocomplete="off"
|
|
|
|
|
+ ></el-input>
|
|
|
|
|
+ <!-- <el-select
|
|
|
v-model="formData.invoiceSubjects"
|
|
v-model="formData.invoiceSubjects"
|
|
|
placeholder="请选择开票科目"
|
|
placeholder="请选择开票科目"
|
|
|
>
|
|
>
|
|
@@ -182,124 +220,154 @@
|
|
|
:value="item.value"
|
|
:value="item.value"
|
|
|
></el-option>
|
|
></el-option>
|
|
|
</el-select> -->
|
|
</el-select> -->
|
|
|
- </el-form-item>
|
|
|
|
|
- </el-col>
|
|
|
|
|
- </el-row>
|
|
|
|
|
- <el-row>
|
|
|
|
|
- <el-col :span="12">
|
|
|
|
|
- <el-form-item label="发票类型" prop="invoiceType">
|
|
|
|
|
- <el-select
|
|
|
|
|
- v-model="formData.invoiceType"
|
|
|
|
|
- placeholder="请选择发票类型"
|
|
|
|
|
- clearable
|
|
|
|
|
- >
|
|
|
|
|
- <el-option
|
|
|
|
|
- v-for="item in invoice_typeData"
|
|
|
|
|
- :key="item.value + 'km'"
|
|
|
|
|
- :label="item.label"
|
|
|
|
|
- :value="item.value"
|
|
|
|
|
- ></el-option>
|
|
|
|
|
- </el-select>
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- </el-col>
|
|
|
|
|
- <el-col :span="12">
|
|
|
|
|
- <el-form-item label="开票日期" prop="invoiceTime">
|
|
|
|
|
- <el-date-picker
|
|
|
|
|
- v-model="formData.invoiceTime"
|
|
|
|
|
- value-format="yyyy-MM-dd"
|
|
|
|
|
- type="date"
|
|
|
|
|
- placeholder="选择日期"
|
|
|
|
|
- >
|
|
|
|
|
- </el-date-picker>
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- </el-col>
|
|
|
|
|
- </el-row>
|
|
|
|
|
- <el-row>
|
|
|
|
|
- <el-col :span="12">
|
|
|
|
|
- <el-form-item label="未进账金额" prop="notPayoutMoney">
|
|
|
|
|
- <el-input-number
|
|
|
|
|
- v-model="formData.notPayoutMoney"
|
|
|
|
|
- :min="0"
|
|
|
|
|
- :max="99999999999999999"
|
|
|
|
|
- label=""
|
|
|
|
|
- ></el-input-number>
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- </el-col>
|
|
|
|
|
- <el-col :span="12">
|
|
|
|
|
- <el-form-item label="对方单位" prop="otherUnit">
|
|
|
|
|
- <el-input
|
|
|
|
|
- v-model="formData.otherUnit"
|
|
|
|
|
- autocomplete="off"
|
|
|
|
|
- ></el-input>
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- </el-col>
|
|
|
|
|
- </el-row>
|
|
|
|
|
- <el-row>
|
|
|
|
|
- <el-col :span="12">
|
|
|
|
|
- <el-form-item label="进账金额" prop="payoutMoney">
|
|
|
|
|
- <el-input-number
|
|
|
|
|
- v-model="formData.payoutMoney"
|
|
|
|
|
- :min="0"
|
|
|
|
|
- :max="99999999999999999"
|
|
|
|
|
- label=""
|
|
|
|
|
- ></el-input-number>
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- </el-col>
|
|
|
|
|
- <el-col :span="12">
|
|
|
|
|
- <el-form-item label="进账日期" prop="payoutTime">
|
|
|
|
|
- <el-date-picker
|
|
|
|
|
- v-model="formData.payoutTime"
|
|
|
|
|
- type="date"
|
|
|
|
|
- value-format="yyyy-MM-dd"
|
|
|
|
|
- placeholder="选择日期"
|
|
|
|
|
- >
|
|
|
|
|
- </el-date-picker>
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- </el-col>
|
|
|
|
|
- </el-row>
|
|
|
|
|
- <el-row>
|
|
|
|
|
- <el-col :span="12">
|
|
|
|
|
- <el-form-item label="税率(%)" prop="rate">
|
|
|
|
|
- <el-input-number
|
|
|
|
|
- v-model="formData.rate"
|
|
|
|
|
- :min="0"
|
|
|
|
|
- :max="99999999999999999"
|
|
|
|
|
- label=""
|
|
|
|
|
- ></el-input-number>
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- </el-col>
|
|
|
|
|
- <el-col :span="12">
|
|
|
|
|
- <el-form-item label="备注" prop="remark">
|
|
|
|
|
- <el-select
|
|
|
|
|
- v-model="formData.remark"
|
|
|
|
|
- placeholder="请选择备注"
|
|
|
|
|
- clearable
|
|
|
|
|
- >
|
|
|
|
|
- <el-option
|
|
|
|
|
- v-for="item in use_fundsData"
|
|
|
|
|
- :key="item.value + 'km'"
|
|
|
|
|
- :label="item.label"
|
|
|
|
|
- :value="item.label"
|
|
|
|
|
- ></el-option>
|
|
|
|
|
- </el-select>
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- </el-col>
|
|
|
|
|
- </el-row>
|
|
|
|
|
- <el-row>
|
|
|
|
|
- <el-col :span="12">
|
|
|
|
|
- <el-form-item label="支付方式" prop="payMethod">
|
|
|
|
|
- <el-select v-model="formData.payMethod" multiple placeholder="">
|
|
|
|
|
- <el-option
|
|
|
|
|
- v-for="item in payment_methodsData"
|
|
|
|
|
- :key="item.value"
|
|
|
|
|
- :label="item.label"
|
|
|
|
|
- :value="item.value"
|
|
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ </el-col>
|
|
|
|
|
+ </el-row>
|
|
|
|
|
+ <el-row>
|
|
|
|
|
+ <el-col :span="12">
|
|
|
|
|
+ <el-form-item label="发票类型" prop="invoiceType">
|
|
|
|
|
+ <el-select
|
|
|
|
|
+ v-model="formData.invoiceType"
|
|
|
|
|
+ placeholder="请选择发票类型"
|
|
|
|
|
+ clearable
|
|
|
|
|
+ >
|
|
|
|
|
+ <el-option
|
|
|
|
|
+ v-for="item in invoice_typeData"
|
|
|
|
|
+ :key="item.value + 'km'"
|
|
|
|
|
+ :label="item.label"
|
|
|
|
|
+ :value="item.value"
|
|
|
|
|
+ ></el-option>
|
|
|
|
|
+ </el-select>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ </el-col>
|
|
|
|
|
+ <el-col :span="12">
|
|
|
|
|
+ <el-form-item label="开票日期" prop="invoiceTime">
|
|
|
|
|
+ <el-date-picker
|
|
|
|
|
+ v-model="formData.invoiceTime"
|
|
|
|
|
+ value-format="yyyy-MM-dd"
|
|
|
|
|
+ type="date"
|
|
|
|
|
+ placeholder="选择日期"
|
|
|
|
|
+ >
|
|
|
|
|
+ </el-date-picker>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ </el-col>
|
|
|
|
|
+ </el-row>
|
|
|
|
|
+ <el-row>
|
|
|
|
|
+ <el-col :span="12">
|
|
|
|
|
+ <el-form-item label="对方单位" prop="otherUnit">
|
|
|
|
|
+ <el-select
|
|
|
|
|
+ v-model="formData.otherUnit"
|
|
|
|
|
+ filterable
|
|
|
|
|
+ placeholder=""
|
|
|
|
|
+ clearable
|
|
|
|
|
+ value-key="bankCardNum"
|
|
|
|
|
+ >
|
|
|
|
|
+ <el-option
|
|
|
|
|
+ v-for="(item, index) in allCollectionData"
|
|
|
|
|
+ :key="index + 'kpf'"
|
|
|
|
|
+ :label="item.name"
|
|
|
|
|
+ :value="item"
|
|
|
|
|
+ >
|
|
|
|
|
+ </el-option>
|
|
|
|
|
+ </el-select>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ </el-col>
|
|
|
|
|
+ <el-col :span="12">
|
|
|
|
|
+ <el-form-item label="进账日期" prop="payoutTime">
|
|
|
|
|
+ <el-date-picker
|
|
|
|
|
+ v-model="formData.payoutTime"
|
|
|
|
|
+ type="date"
|
|
|
|
|
+ value-format="yyyy-MM-dd"
|
|
|
|
|
+ placeholder="选择日期"
|
|
|
|
|
+ >
|
|
|
|
|
+ </el-date-picker>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ </el-col>
|
|
|
|
|
+ </el-row>
|
|
|
|
|
+ <el-row>
|
|
|
|
|
+ <el-col :span="12">
|
|
|
|
|
+ <el-form-item label="税率(%)" prop="rate">
|
|
|
|
|
+ <el-input-number
|
|
|
|
|
+ v-model="formData.rate"
|
|
|
|
|
+ :min="0"
|
|
|
|
|
+ :max="99999999999999999"
|
|
|
|
|
+ label=""
|
|
|
|
|
+ ></el-input-number>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ </el-col>
|
|
|
|
|
+ <el-col :span="12">
|
|
|
|
|
+ <el-form-item label="备注" prop="remark">
|
|
|
|
|
+ <el-select
|
|
|
|
|
+ v-model="formData.remark"
|
|
|
|
|
+ placeholder="请选择备注"
|
|
|
|
|
+ clearable
|
|
|
|
|
+ allow-create
|
|
|
|
|
+ filterable
|
|
|
>
|
|
>
|
|
|
- </el-option>
|
|
|
|
|
- </el-select>
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- </el-col>
|
|
|
|
|
- </el-row>
|
|
|
|
|
|
|
+ <el-option
|
|
|
|
|
+ v-for="item in use_fundsData"
|
|
|
|
|
+ :key="item.value + 'km'"
|
|
|
|
|
+ :label="item.label"
|
|
|
|
|
+ :value="item.label"
|
|
|
|
|
+ ></el-option>
|
|
|
|
|
+ </el-select>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ </el-col>
|
|
|
|
|
+ </el-row>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div v-else>
|
|
|
|
|
+ <el-row>
|
|
|
|
|
+ <el-col :span="12">
|
|
|
|
|
+ <el-form-item label="进账金额" prop="payoutMoney">
|
|
|
|
|
+ <el-input-number
|
|
|
|
|
+ v-model="formData.payoutMoney"
|
|
|
|
|
+ :min="0"
|
|
|
|
|
+ :max="99999999999999999"
|
|
|
|
|
+ label=""
|
|
|
|
|
+ ></el-input-number>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ </el-col>
|
|
|
|
|
+ <el-col :span="12">
|
|
|
|
|
+ <el-form-item label="支付方式" prop="payMethod">
|
|
|
|
|
+ <el-select
|
|
|
|
|
+ v-model="formData.payMethod"
|
|
|
|
|
+ multiple
|
|
|
|
|
+ placeholder=""
|
|
|
|
|
+ >
|
|
|
|
|
+ <el-option
|
|
|
|
|
+ v-for="item in payment_methodsData"
|
|
|
|
|
+ :key="item.value"
|
|
|
|
|
+ :label="item.label"
|
|
|
|
|
+ :value="item.value"
|
|
|
|
|
+ >
|
|
|
|
|
+ </el-option>
|
|
|
|
|
+ </el-select>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ </el-col>
|
|
|
|
|
+ </el-row>
|
|
|
|
|
+ <el-row>
|
|
|
|
|
+ <el-col :span="12">
|
|
|
|
|
+ <el-form-item label="资金用途" prop="fundUse">
|
|
|
|
|
+ <el-cascader
|
|
|
|
|
+ v-model="formData.fundUse"
|
|
|
|
|
+ :show-all-levels="false"
|
|
|
|
|
+ :clearable="true"
|
|
|
|
|
+ :checkStrictly="true"
|
|
|
|
|
+ :emitPath="false"
|
|
|
|
|
+ placeholder=""
|
|
|
|
|
+ :options="fundFlowData"
|
|
|
|
|
+ filterable
|
|
|
|
|
+ :props="{
|
|
|
|
|
+ children: 'child',
|
|
|
|
|
+ label: 'category',
|
|
|
|
|
+ value: 'category',
|
|
|
|
|
+ checkStrictly: true,
|
|
|
|
|
+ }"
|
|
|
|
|
+ ></el-cascader>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ </el-col>
|
|
|
|
|
+ </el-row>
|
|
|
|
|
+ </div>
|
|
|
</el-form>
|
|
</el-form>
|
|
|
</div>
|
|
</div>
|
|
|
<div slot="footer" class="dialog-footer">
|
|
<div slot="footer" class="dialog-footer">
|
|
@@ -324,20 +392,24 @@ export default {
|
|
|
this.business("invoice_type"); //开票类型
|
|
this.business("invoice_type"); //开票类型
|
|
|
this.business("use_funds"); //备注
|
|
this.business("use_funds"); //备注
|
|
|
this.business("payment_methods"); //支付方式字典
|
|
this.business("payment_methods"); //支付方式字典
|
|
|
|
|
+ this.getTreeList(); //资金用途字典数据
|
|
|
},
|
|
},
|
|
|
mounted() {
|
|
mounted() {
|
|
|
this.getAllUser();
|
|
this.getAllUser();
|
|
|
},
|
|
},
|
|
|
data() {
|
|
data() {
|
|
|
return {
|
|
return {
|
|
|
|
|
+ look:true,
|
|
|
|
|
+ allNumObj: {}, //合计对象
|
|
|
subjectsData: [], //开票科目数据
|
|
subjectsData: [], //开票科目数据
|
|
|
invoice_typeData: [], //发票类型数据
|
|
invoice_typeData: [], //发票类型数据
|
|
|
|
|
+ fundFlowData: [], //资金用途字典数据
|
|
|
use_fundsData: [], //备注数据
|
|
use_fundsData: [], //备注数据
|
|
|
payment_methodsData: [], //支付方式数据
|
|
payment_methodsData: [], //支付方式数据
|
|
|
title: "开票新增",
|
|
title: "开票新增",
|
|
|
loading: true,
|
|
loading: true,
|
|
|
detailDialog: false,
|
|
detailDialog: false,
|
|
|
- operationWidth: 100, //操作列宽度
|
|
|
|
|
|
|
+ operationWidth: 200, //操作列宽度
|
|
|
queryFrom: {
|
|
queryFrom: {
|
|
|
//查询条件
|
|
//查询条件
|
|
|
},
|
|
},
|
|
@@ -357,57 +429,67 @@ export default {
|
|
|
{ prop: "invoiceId", label: "发票号码", type: "text", minWidth: 160 },
|
|
{ prop: "invoiceId", label: "发票号码", type: "text", minWidth: 160 },
|
|
|
{ prop: "invoiceNum", label: "发票数", type: "text", minWidth: 60 },
|
|
{ prop: "invoiceNum", label: "发票数", type: "text", minWidth: 60 },
|
|
|
{ prop: "invoiceBy", label: "开票方", type: "text", minWidth: 180 },
|
|
{ prop: "invoiceBy", label: "开票方", type: "text", minWidth: 180 },
|
|
|
- { prop: "otherUnit", label: "对方单位名称", type: "text", minWidth: 180 },
|
|
|
|
|
|
|
+ {
|
|
|
|
|
+ prop: "otherUnit",
|
|
|
|
|
+ label: "对方单位名称",
|
|
|
|
|
+ type: "text",
|
|
|
|
|
+ minWidth: 180,
|
|
|
|
|
+ },
|
|
|
{
|
|
{
|
|
|
prop: "invoiceTypeName",
|
|
prop: "invoiceTypeName",
|
|
|
label: "发票类型",
|
|
label: "发票类型",
|
|
|
type: "text",
|
|
type: "text",
|
|
|
- minWidth: 80
|
|
|
|
|
|
|
+ minWidth: 80,
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
prop: "invoiceMoney",
|
|
prop: "invoiceMoney",
|
|
|
label: "开票金额",
|
|
label: "开票金额",
|
|
|
type: "text",
|
|
type: "text",
|
|
|
- minWidth: 100
|
|
|
|
|
|
|
+ minWidth: 100,
|
|
|
},
|
|
},
|
|
|
- { prop: "invoiceTime", label: "开票日期", type: "text",minWidth: 100 },
|
|
|
|
|
|
|
+ { prop: "invoiceTime", label: "开票日期", type: "text", minWidth: 100 },
|
|
|
{
|
|
{
|
|
|
prop: "payoutTime",
|
|
prop: "payoutTime",
|
|
|
label: "进账日期",
|
|
label: "进账日期",
|
|
|
type: "text",
|
|
type: "text",
|
|
|
- minWidth: 100
|
|
|
|
|
|
|
+ minWidth: 100,
|
|
|
|
|
+ },
|
|
|
|
|
+ { prop: "biller", label: "开票员", type: "text", minWidth: 70 },
|
|
|
|
|
+ {
|
|
|
|
|
+ prop: "invoiceSubjects",
|
|
|
|
|
+ label: "开票科目",
|
|
|
|
|
+ type: "text",
|
|
|
|
|
+ minWidth: 120,
|
|
|
},
|
|
},
|
|
|
- { prop: "biller", label: "开票员", type: "text",minWidth: 70 },
|
|
|
|
|
- { prop: "invoiceSubjects", label: "开票科目", type: "text",minWidth: 120 },
|
|
|
|
|
{
|
|
{
|
|
|
prop: "payoutMoney",
|
|
prop: "payoutMoney",
|
|
|
label: "进账金额",
|
|
label: "进账金额",
|
|
|
type: "text",
|
|
type: "text",
|
|
|
- minWidth: 100
|
|
|
|
|
|
|
+ minWidth: 100,
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
prop: "notPayoutMoney",
|
|
prop: "notPayoutMoney",
|
|
|
label: "未进账金额",
|
|
label: "未进账金额",
|
|
|
type: "text",
|
|
type: "text",
|
|
|
- minWidth: 100
|
|
|
|
|
|
|
+ minWidth: 100,
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
prop: "rate",
|
|
prop: "rate",
|
|
|
label: "税率(%)",
|
|
label: "税率(%)",
|
|
|
type: "text",
|
|
type: "text",
|
|
|
- minWidth: 70
|
|
|
|
|
|
|
+ minWidth: 70,
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
prop: "tax",
|
|
prop: "tax",
|
|
|
label: "税额",
|
|
label: "税额",
|
|
|
type: "text",
|
|
type: "text",
|
|
|
- minWidth: 100
|
|
|
|
|
|
|
+ minWidth: 100,
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
prop: "noHasTax",
|
|
prop: "noHasTax",
|
|
|
label: "不含税金额",
|
|
label: "不含税金额",
|
|
|
type: "text",
|
|
type: "text",
|
|
|
- minWidth: 100
|
|
|
|
|
|
|
+ minWidth: 100,
|
|
|
},
|
|
},
|
|
|
],
|
|
],
|
|
|
detailData: [],
|
|
detailData: [],
|
|
@@ -424,15 +506,17 @@ export default {
|
|
|
invoiceMoney: "", //开票金额
|
|
invoiceMoney: "", //开票金额
|
|
|
invoiceNum: 1, //发票数
|
|
invoiceNum: 1, //发票数
|
|
|
invoiceSubjects: "", //开票科目
|
|
invoiceSubjects: "", //开票科目
|
|
|
|
|
+ invoiceSubjects1: "", //开票科目
|
|
|
|
|
+ invoiceSubjects2: "", //开票科目
|
|
|
invoiceTime: "", //开票日期
|
|
invoiceTime: "", //开票日期
|
|
|
invoiceType: "", //发票类型
|
|
invoiceType: "", //发票类型
|
|
|
- notPayoutMoney: 0, //未进账金额
|
|
|
|
|
otherUnit: "", //对方单位
|
|
otherUnit: "", //对方单位
|
|
|
payoutMoney: 0, //进账金额
|
|
payoutMoney: 0, //进账金额
|
|
|
payoutTime: "", //进账日期
|
|
payoutTime: "", //进账日期
|
|
|
rate: 0, //税率
|
|
rate: 0, //税率
|
|
|
remark: "", //备注
|
|
remark: "", //备注
|
|
|
payMethod: [], //支付方式
|
|
payMethod: [], //支付方式
|
|
|
|
|
+ fundUse: "", //资金用途
|
|
|
},
|
|
},
|
|
|
rules: {
|
|
rules: {
|
|
|
//内部表单规则
|
|
//内部表单规则
|
|
@@ -445,15 +529,15 @@ export default {
|
|
|
invoiceNum: [
|
|
invoiceNum: [
|
|
|
{ required: true, message: "发票数不能为空", trigger: "blur" },
|
|
{ required: true, message: "发票数不能为空", trigger: "blur" },
|
|
|
],
|
|
],
|
|
|
- invoiceSubjects: [
|
|
|
|
|
|
|
+ invoiceSubjects1: [
|
|
|
|
|
+ { required: true, message: "开票科目不能为空", trigger: "change" },
|
|
|
|
|
+ ],
|
|
|
|
|
+ invoiceSubjects2: [
|
|
|
{ required: true, message: "开票科目不能为空", trigger: "change" },
|
|
{ required: true, message: "开票科目不能为空", trigger: "change" },
|
|
|
],
|
|
],
|
|
|
invoiceType: [
|
|
invoiceType: [
|
|
|
{ required: true, message: "请选择发票类型", trigger: "blur" },
|
|
{ required: true, message: "请选择发票类型", trigger: "blur" },
|
|
|
],
|
|
],
|
|
|
- notPayoutMoney: [
|
|
|
|
|
- { required: true, message: "未进账金额不能为空", trigger: "blur" },
|
|
|
|
|
- ],
|
|
|
|
|
otherUnit: [
|
|
otherUnit: [
|
|
|
{ required: true, message: "对方单位不能为空", trigger: "blur" },
|
|
{ required: true, message: "对方单位不能为空", trigger: "blur" },
|
|
|
],
|
|
],
|
|
@@ -465,6 +549,9 @@ export default {
|
|
|
payMethod: [
|
|
payMethod: [
|
|
|
{ required: true, message: "请选择支付方式", trigger: "change" },
|
|
{ required: true, message: "请选择支付方式", trigger: "change" },
|
|
|
],
|
|
],
|
|
|
|
|
+ fundUse: [
|
|
|
|
|
+ { required: true, message: "请选择资金用途", trigger: "change" },
|
|
|
|
|
+ ],
|
|
|
payoutTime: [
|
|
payoutTime: [
|
|
|
{
|
|
{
|
|
|
required: true,
|
|
required: true,
|
|
@@ -480,7 +567,8 @@ export default {
|
|
|
},
|
|
},
|
|
|
],
|
|
],
|
|
|
},
|
|
},
|
|
|
- collectionData: [], //所以内部账户信息列表
|
|
|
|
|
|
|
+ collectionData: [], //所有内部账户信息列表
|
|
|
|
|
+ allCollectionData: [], //所有账户信息列表
|
|
|
formDataId: "", //编辑数据id
|
|
formDataId: "", //编辑数据id
|
|
|
};
|
|
};
|
|
|
},
|
|
},
|
|
@@ -496,7 +584,6 @@ export default {
|
|
|
invoiceSubjects: "", //开票科目
|
|
invoiceSubjects: "", //开票科目
|
|
|
invoiceTime: "", //开票日期
|
|
invoiceTime: "", //开票日期
|
|
|
invoiceType: "", //发票类型
|
|
invoiceType: "", //发票类型
|
|
|
- notPayoutMoney: 0, //未进账金额
|
|
|
|
|
otherUnit: "", //对方单位
|
|
otherUnit: "", //对方单位
|
|
|
payoutMoney: 0, //进账金额
|
|
payoutMoney: 0, //进账金额
|
|
|
payoutTime: "", //进账日期
|
|
payoutTime: "", //进账日期
|
|
@@ -512,6 +599,12 @@ export default {
|
|
|
},
|
|
},
|
|
|
},
|
|
},
|
|
|
methods: {
|
|
methods: {
|
|
|
|
|
+ //获取资金用途树数据
|
|
|
|
|
+ getTreeList() {
|
|
|
|
|
+ this.$api.expense.getAccountExpensesTreeList().then((res) => {
|
|
|
|
|
+ this.fundFlowData = res.data;
|
|
|
|
|
+ });
|
|
|
|
|
+ },
|
|
|
//撤销开票数据
|
|
//撤销开票数据
|
|
|
handleTableDelete(index) {
|
|
handleTableDelete(index) {
|
|
|
let row = index.row;
|
|
let row = index.row;
|
|
@@ -543,8 +636,8 @@ export default {
|
|
|
this.$api.expense.getAccountByAccountName().then((res) => {
|
|
this.$api.expense.getAccountByAccountName().then((res) => {
|
|
|
if (res.code == 200) {
|
|
if (res.code == 200) {
|
|
|
let arr = [];
|
|
let arr = [];
|
|
|
- let outArr = res.data.filter((item) => item.outerFlag == 0);
|
|
|
|
|
- outArr.forEach((item, index) => {
|
|
|
|
|
|
|
+
|
|
|
|
|
+ res.data.forEach((item, index) => {
|
|
|
if (item.invAccountCardList != null) {
|
|
if (item.invAccountCardList != null) {
|
|
|
item.invAccountCardList.forEach((it) => {
|
|
item.invAccountCardList.forEach((it) => {
|
|
|
it = { ...it, ...item };
|
|
it = { ...it, ...item };
|
|
@@ -564,7 +657,9 @@ export default {
|
|
|
});
|
|
});
|
|
|
}
|
|
}
|
|
|
});
|
|
});
|
|
|
- this.collectionData = arr;
|
|
|
|
|
|
|
+ let outArr = arr.filter((item) => item.outerFlag == 0);
|
|
|
|
|
+ this.allCollectionData = arr;
|
|
|
|
|
+ this.collectionData = outArr;
|
|
|
}
|
|
}
|
|
|
});
|
|
});
|
|
|
},
|
|
},
|
|
@@ -592,17 +687,18 @@ export default {
|
|
|
//新增编辑开票信息
|
|
//新增编辑开票信息
|
|
|
submitInfo() {
|
|
submitInfo() {
|
|
|
let params = JSON.parse(JSON.stringify(this.formData));
|
|
let params = JSON.parse(JSON.stringify(this.formData));
|
|
|
- params.invoiceBy = this.formData.invoiceBy.accountName; //开票方
|
|
|
|
|
- params.payMethod = params.payMethod.join(","); //支付方式
|
|
|
|
|
- params.bigApplyAmount = toChies(params.invoiceMoney); //大写金额
|
|
|
|
|
- params.company = params.otherUnit; //单位
|
|
|
|
|
- params.fundFlow =
|
|
|
|
|
- params.otherUnit + "→" + this.formData.invoiceBy.nameValue; //资金流向
|
|
|
|
|
this.$refs.formData.validate((valid) => {
|
|
this.$refs.formData.validate((valid) => {
|
|
|
if (valid) {
|
|
if (valid) {
|
|
|
if (this.formDataId) {
|
|
if (this.formDataId) {
|
|
|
- params.invoiceId = this.formDataId;
|
|
|
|
|
- this.$api.expense.putInvAccountIncoice(params).then((res) => {
|
|
|
|
|
|
|
+ let obj = {
|
|
|
|
|
+ invoiceId: this.formDataId, //id
|
|
|
|
|
+ payoutMoney: this.formData.payoutMoney, //进账金额
|
|
|
|
|
+ fundFlow:
|
|
|
|
|
+ params.otherUnit + "→" + this.formData.invoiceBy.nameValue, //资金流向
|
|
|
|
|
+ payMethod: params.payMethod.join(","), //支付方式
|
|
|
|
|
+ fundUse: params.fundUse[params.fundUse.length - 1], //资金用途
|
|
|
|
|
+ };
|
|
|
|
|
+ this.$api.expense.putInvAccountIncoice(obj).then((res) => {
|
|
|
if (res.code == 200) {
|
|
if (res.code == 200) {
|
|
|
this.detailDialog = false;
|
|
this.detailDialog = false;
|
|
|
this.findPage();
|
|
this.findPage();
|
|
@@ -611,6 +707,12 @@ export default {
|
|
|
}
|
|
}
|
|
|
});
|
|
});
|
|
|
} else {
|
|
} else {
|
|
|
|
|
+ params.invoiceBy = this.formData.invoiceBy.accountName; //开票方
|
|
|
|
|
+ params.bigApplyAmount = toChies(params.invoiceMoney); //大写金额
|
|
|
|
|
+ params.invoiceSubjects =
|
|
|
|
|
+ params.invoiceSubjects1 + "*" + params.invoiceSubjects2; //开票科目
|
|
|
|
|
+ params.otherUnit = params.otherUnit.nameValue; //对方单位名称
|
|
|
|
|
+ params.company = params.otherUnit; //单位
|
|
|
this.$api.expense.addInvAccountIncoice(params).then((res) => {
|
|
this.$api.expense.addInvAccountIncoice(params).then((res) => {
|
|
|
if (res.code == 200) {
|
|
if (res.code == 200) {
|
|
|
this.detailDialog = false;
|
|
this.detailDialog = false;
|
|
@@ -706,6 +808,14 @@ export default {
|
|
|
totalPages: res.data.pages,
|
|
totalPages: res.data.pages,
|
|
|
totalSize: res.data.total,
|
|
totalSize: res.data.total,
|
|
|
};
|
|
};
|
|
|
|
|
+ this.allNumObj = {
|
|
|
|
|
+ invoiceMoneySum: res.data.invoiceMoneySum,
|
|
|
|
|
+ invoiceNumSum: res.data.invoiceNumSum,
|
|
|
|
|
+ noHasTaxSum: res.data.noHasTaxSum,
|
|
|
|
|
+ notPayoutMoneySum: res.data.notPayoutMoneySum,
|
|
|
|
|
+ payoutMoneySum: res.data.payoutMoneySum,
|
|
|
|
|
+ taxSum: res.data.taxSum,
|
|
|
|
|
+ };
|
|
|
this.loading = false;
|
|
this.loading = false;
|
|
|
} else {
|
|
} else {
|
|
|
this.$message.error(res.msg);
|
|
this.$message.error(res.msg);
|
|
@@ -766,7 +876,8 @@ export default {
|
|
|
.el-date-editor--daterange.el-input__inner {
|
|
.el-date-editor--daterange.el-input__inner {
|
|
|
width: 300px;
|
|
width: 300px;
|
|
|
}
|
|
}
|
|
|
-/deep/ .el-select--small {
|
|
|
|
|
|
|
+.data_form >>> .el-select--small,
|
|
|
|
|
+.data_form >>> .el-cascader--small {
|
|
|
width: 100%;
|
|
width: 100%;
|
|
|
}
|
|
}
|
|
|
.frame {
|
|
.frame {
|
|
@@ -783,9 +894,8 @@ export default {
|
|
|
-webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
|
|
-webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
|
|
|
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
|
|
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
|
|
|
}
|
|
}
|
|
|
-/deep/ .el-dialog__body {
|
|
|
|
|
|
|
+.dialog__body {
|
|
|
height: 450px;
|
|
height: 450px;
|
|
|
- /* overflow-y: auto; */
|
|
|
|
|
}
|
|
}
|
|
|
.addremove-box {
|
|
.addremove-box {
|
|
|
width: 100%;
|
|
width: 100%;
|
|
@@ -798,7 +908,7 @@ export default {
|
|
|
.addremove-box > i {
|
|
.addremove-box > i {
|
|
|
cursor: pointer;
|
|
cursor: pointer;
|
|
|
}
|
|
}
|
|
|
-.frame >>> .el-date-editor {
|
|
|
|
|
|
|
+.data_form >>> .el-date-editor {
|
|
|
width: 100%;
|
|
width: 100%;
|
|
|
}
|
|
}
|
|
|
.detailtTable >>> .bottomFixed {
|
|
.detailtTable >>> .bottomFixed {
|
|
@@ -811,8 +921,11 @@ export default {
|
|
|
.detailtTable >>> .el-dialog {
|
|
.detailtTable >>> .el-dialog {
|
|
|
margin-top: 10vh !important;
|
|
margin-top: 10vh !important;
|
|
|
}
|
|
}
|
|
|
-.frame >>> .el-input-number--small {
|
|
|
|
|
|
|
+.data_form >>> .el-input-number--small {
|
|
|
width: 100%;
|
|
width: 100%;
|
|
|
}
|
|
}
|
|
|
|
|
+.invoic >>> .el-input {
|
|
|
|
|
+ width: auto;
|
|
|
|
|
+}
|
|
|
</style>
|
|
</style>
|
|
|
|
|
|