|
|
@@ -1,164 +1,213 @@
|
|
|
<template>
|
|
|
- <div class="app-container">
|
|
|
+ <div class="app-container zap-main">
|
|
|
<!-- 添加或修改融资记录对话框 -->
|
|
|
- <span style="float: right; margin-right: 125px;">创建人:{{ user }}</span>
|
|
|
- <span style="float: right; margin-right: 125px;">创建时间:{{ time }}</span>
|
|
|
- <span style="float: right; margin-right: 125px;">融资编号:{{ number }}</span>
|
|
|
- <el-form ref="form" label-position="top" :model="form" :rules="rules" label-width="80px">
|
|
|
- <el-divider content-position="left">融资信息</el-divider>
|
|
|
- <el-row>
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="融信编号" prop="zfrFinanceId" >
|
|
|
- <el-select v-model="form.zfrFinanceId" style="width : 284px" clearable @clear="clearBoth" disabled>
|
|
|
- <el-option
|
|
|
- v-for="(item,index) in financeInfList"
|
|
|
- :key="index"
|
|
|
- :label="item.zfiNumber"
|
|
|
- :value="item.zfiId"
|
|
|
- @click.native="amount(item)"
|
|
|
- ></el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="融资金额" prop="zfrAmount" >
|
|
|
- <el-input v-model="form.zfrAmount" placeholder="请输入融资金额" style="width: 284px;" readonly>
|
|
|
- <template slot="append">元</template>
|
|
|
- </el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="融资账户" prop="zfrCollectionAccount">
|
|
|
- <el-input v-model="form.zfrCollectionAccount" placeholder="请输入融资账户" style="width: 284px;" disabled/>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <el-row>
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="承诺还款日" prop="zfrRepaymentDate" >
|
|
|
- <el-input v-model="form.zfrRepaymentDate" placeholder="请输入承诺还款日" style="width: 284px;" disabled/>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="融资利率" prop="zfrRate" v-if="false" >
|
|
|
- <el-input v-model="form.zfrRate" placeholder="请输入融资利率" style="width: 284px;" disabled/>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="融资放款方式" prop="zfpcrLoantype" label-width="90px" v-if="false" >
|
|
|
- <el-input v-model="form.zfpcrLoantype" placeholder="请输入融资账户" style="width: 284px;" disabled/>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <el-row>
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="融资产品" prop="zfiProductId" v-if="false" >
|
|
|
- <el-input v-model="form.zfiProductId" placeholder="请输入融资产品" style="width: 284px;" disabled/>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- </el-form>
|
|
|
- <el-divider content-position="left">应收账款</el-divider>
|
|
|
- <span style="float: right; margin-right: 125px;">金额大写：{{ smallToBig(allAmount()) }}</span>
|
|
|
- <span style="float: right; margin-right: 125px;">消费金额：{{ allAmount() }} 元</span>
|
|
|
- <el-table :data="billInfList" >
|
|
|
- <el-table-column label="序号" type="index" width="50" align="center">
|
|
|
- <template slot-scope="scope">
|
|
|
- <span>{{(queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1}}</span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column label="编号" align="center" prop="zbiNumber" />
|
|
|
- <el-table-column label="账款名称" align="center" prop="zbiName" />
|
|
|
- <el-table-column label="应收企业" align="center" prop="payee" />
|
|
|
- <el-table-column label="应付企业" align="center" prop="payer" />
|
|
|
- <el-table-column label="还款时间" align="center" prop="zbiPayDate" />
|
|
|
- <el-table-column label="金额" align="center" prop="zbiAmount" />
|
|
|
- </el-table>
|
|
|
- <!-- 发票附件 -->
|
|
|
- <el-divider content-position="left">发票附件</el-divider>
|
|
|
- <el-table :data="invoiceFileList" border style="width: 100%">
|
|
|
- <el-table-column label="文件名称" align="center" prop="pfiFileName" show-overflow-tooltip />
|
|
|
- <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width='300' fixed="right" >
|
|
|
- <template slot-scope="scope">
|
|
|
- <el-button
|
|
|
- size="mini"
|
|
|
- type="text"
|
|
|
- icon="el-icon-view"
|
|
|
- @click="handlePreview(scope.row)"
|
|
|
- >预览</el-button>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- </el-table>
|
|
|
- <!-- 合同附件 -->
|
|
|
- <el-divider content-position="left">合同附件</el-divider>
|
|
|
- <el-table :data="contractFileList" border style="width: 100%">
|
|
|
- <el-table-column label="文件名称" align="center" prop="pfiFileName" show-overflow-tooltip />
|
|
|
- <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width='300' fixed="right" >
|
|
|
- <template slot-scope="scope">
|
|
|
- <el-button
|
|
|
- size="mini"
|
|
|
- type="text"
|
|
|
- icon="el-icon-view"
|
|
|
- @click="handlePreview(scope.row)"
|
|
|
- >预览</el-button>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- </el-table>
|
|
|
- <!-- 其他附件 -->
|
|
|
- <el-divider content-position="left">其他附件</el-divider>
|
|
|
- <el-table :data="otherFileList" border style="width: 100%">
|
|
|
- <el-table-column label="文件名称" align="center" prop="pfiFileName" show-overflow-tooltip />
|
|
|
- <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width='300' fixed="right" >
|
|
|
- <template slot-scope="scope">
|
|
|
- <el-button
|
|
|
- size="mini"
|
|
|
- type="text"
|
|
|
- icon="el-icon-view"
|
|
|
- @click="handlePreview(scope.row)"
|
|
|
- >预览</el-button>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- </el-table>
|
|
|
- <el-divider content-position="left">盖章附件</el-divider>
|
|
|
- <el-row>
|
|
|
- <img style="width:50px;height:50px;"
|
|
|
- :key="dict.pfiFileId"
|
|
|
- src="../../../assets/images/pdf.png"
|
|
|
- v-for="dict in recordSealList"
|
|
|
- @click="handlePreview(dict)"
|
|
|
- :title="dict.pfiFileName"
|
|
|
- >
|
|
|
+ <div class="zap-No">
|
|
|
+ <el-row type="flex" align="middle" :gutter="10">
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-row type="flex" align="middle">
|
|
|
+ <img class="icon" src="../../../assets/images/icon_contract_no.png" alt />
|
|
|
+ <span class="label">融资编号</span>
|
|
|
+ <span class="value">{{number}}</span>
|
|
|
</el-row>
|
|
|
- <div style="margin-top: 100px; margin-left:45%">
|
|
|
- <el-button type="info" @click="cancel">取消</el-button>
|
|
|
- <!-- <el-button type="success" @click="submitForm"
|
|
|
- >提交</el-button> -->
|
|
|
- </div>
|
|
|
- <!--预览-->
|
|
|
- <el-dialog :visible.sync="openFile" width="900px" append-to-body>
|
|
|
- <img :src="wordUrl" v-if="show" width='800px' height='500px'/>
|
|
|
- <iframe :src="wordUrl" width='800px' height='500px' frameborder='1' v-if="heid"/>
|
|
|
- </el-dialog>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-row type="flex" align="middle">
|
|
|
+ <img class="icon" src="../../../assets/images/icon_calendar.png" alt />
|
|
|
+ <span class="label">创建时间</span>
|
|
|
+ <span class="value">{{time}}</span>
|
|
|
+ </el-row>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-row type="flex" align="middle">
|
|
|
+ <img class="icon" src="../../../assets/images/icon_person.png" alt />
|
|
|
+ <span class="label">创建人</span>
|
|
|
+ <span class="value">{{user}}</span>
|
|
|
+ </el-row>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </div>
|
|
|
+ <el-form
|
|
|
+ class="zap-form"
|
|
|
+ ref="form"
|
|
|
+ :model="form"
|
|
|
+ :inline="true"
|
|
|
+ :rules="rules"
|
|
|
+ label-width="auto"
|
|
|
+ >
|
|
|
+ <div class="zap-title zap-margin-top">融资信息</div>
|
|
|
+ <el-form-item label="融信编号" prop="zfrFinanceId" size="large">
|
|
|
+ <el-select v-model="form.zfrFinanceId" clearable @clear="clearBoth" disabled>
|
|
|
+ <el-option
|
|
|
+ v-for="(item,index) in financeInfList"
|
|
|
+ :key="index"
|
|
|
+ :label="item.zfiNumber"
|
|
|
+ :value="item.zfiId"
|
|
|
+ @click.native="amount(item)"
|
|
|
+ ></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="融资金额" prop="zfrAmount" size="large">
|
|
|
+ <el-input v-model="form.zfrAmount" placeholder="请输入融资金额" readonly>
|
|
|
+ <template slot="append">元</template>
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="融资账户" prop="zfrCollectionAccount" size="large">
|
|
|
+ <el-input v-model="form.zfrCollectionAccount" placeholder="请输入融资账户" disabled />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="承诺还款日" prop="zfrRepaymentDate" size="large">
|
|
|
+ <el-input v-model="form.zfrRepaymentDate" placeholder="请输入承诺还款日" disabled />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="融资利率" prop="zfrRate" v-if="false" size="large">
|
|
|
+ <el-input v-model="form.zfrRate" placeholder="请输入融资利率" disabled />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="融资放款方式" prop="zfpcrLoantype" v-if="false" size="large">
|
|
|
+ <el-input v-model="form.zfpcrLoantype" placeholder="请输入融资账户" disabled />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="融资产品" prop="zfiProductId" v-if="false" size="large">
|
|
|
+ <el-input v-model="form.zfiProductId" placeholder="请输入融资产品" disabled />
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ <div class="zap-title zap-margin-top">应收账款</div>
|
|
|
+ <el-row class="zap-form zap-padding-bottom">
|
|
|
+ <el-row class="zap-accounts-receivable">
|
|
|
+ <el-col>
|
|
|
+ <el-row type="flex" align="middle" style="height: 36px;">
|
|
|
+ <span class="label">金额大写：</span>
|
|
|
+ <span class="value" style="margin-right: 40px;">{{ smallToBig(allAmount()) }}</span>
|
|
|
+ <span class="label">消费金额：</span>
|
|
|
+ <span class="value">{{ allAmount() }} 元</span>
|
|
|
+ </el-row>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+
|
|
|
+ <el-table :data="billInfList" stripe>
|
|
|
+ <el-table-column label="序号" type="index" width="50" align="center">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span>{{(queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1}}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="编号" align="center" prop="zbiNumber" />
|
|
|
+ <el-table-column label="账款名称" align="center" prop="zbiName" />
|
|
|
+ <el-table-column label="应收企业" align="center" prop="payee" />
|
|
|
+ <el-table-column label="应付企业" align="center" prop="payer" />
|
|
|
+ <el-table-column label="还款时间" align="center" prop="zbiPayDate" />
|
|
|
+ <el-table-column label="金额" align="center" prop="zbiAmount" />
|
|
|
+ </el-table>
|
|
|
+ </el-row>
|
|
|
+ <!-- 发票附件 -->
|
|
|
+ <div class="zap-title zap-margin-top">发票附件</div>
|
|
|
+ <el-row class="zap-form zap-padding-bottom">
|
|
|
+ <el-table :data="invoiceFileList" style="width: 100%" stripe>
|
|
|
+ <el-table-column label="文件名称" align="center" prop="pfiFileName" show-overflow-tooltip />
|
|
|
+ <el-table-column
|
|
|
+ label="操作"
|
|
|
+ align="center"
|
|
|
+ class-name="small-padding fixed-width"
|
|
|
+ width="300"
|
|
|
+ fixed="right"
|
|
|
+ >
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-button
|
|
|
+ size="mini"
|
|
|
+ type="text"
|
|
|
+ icon="el-icon-view"
|
|
|
+ @click="handlePreview(scope.row)"
|
|
|
+ >预览</el-button>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ </el-row>
|
|
|
+ <!-- 合同附件 -->
|
|
|
+ <div class="zap-title zap-margin-top">合同附件</div>
|
|
|
+ <el-row class="zap-form zap-padding-bottom">
|
|
|
+ <el-table :data="contractFileList" border style="width: 100%">
|
|
|
+ <el-table-column label="文件名称" align="center" prop="pfiFileName" show-overflow-tooltip />
|
|
|
+ <el-table-column
|
|
|
+ label="操作"
|
|
|
+ align="center"
|
|
|
+ class-name="small-padding fixed-width"
|
|
|
+ width="300"
|
|
|
+ fixed="right"
|
|
|
+ >
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-button
|
|
|
+ size="mini"
|
|
|
+ type="text"
|
|
|
+ icon="el-icon-view"
|
|
|
+ @click="handlePreview(scope.row)"
|
|
|
+ >预览</el-button>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ </el-row>
|
|
|
+ <!-- 其他附件 -->
|
|
|
+ <div class="zap-title zap-margin-top">其他附件</div>
|
|
|
+ <el-row class="zap-form zap-padding-bottom">
|
|
|
+ <el-table :data="otherFileList" border style="width: 100%">
|
|
|
+ <el-table-column label="文件名称" align="center" prop="pfiFileName" show-overflow-tooltip />
|
|
|
+ <el-table-column
|
|
|
+ label="操作"
|
|
|
+ align="center"
|
|
|
+ class-name="small-padding fixed-width"
|
|
|
+ width="300"
|
|
|
+ fixed="right"
|
|
|
+ >
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-button
|
|
|
+ size="mini"
|
|
|
+ type="text"
|
|
|
+ icon="el-icon-view"
|
|
|
+ @click="handlePreview(scope.row)"
|
|
|
+ >预览</el-button>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ </el-row>
|
|
|
+ <div class="zap-title zap-margin-top">盖章附件</div>
|
|
|
+ <el-row>
|
|
|
+ <img
|
|
|
+ style="width:50px;height:50px;"
|
|
|
+ :key="dict.pfiFileId"
|
|
|
+ src="../../../assets/images/pdf.png"
|
|
|
+ v-for="dict in recordSealList"
|
|
|
+ @click="handlePreview(dict)"
|
|
|
+ :title="dict.pfiFileName"
|
|
|
+ />
|
|
|
+ </el-row>
|
|
|
+ <el-row type="flex" align="middle" justify="center" style="height: 77px;">
|
|
|
+ <el-button type="primary" plain @click="cancel">取消</el-button>
|
|
|
+ <!-- <el-button type="success" @click="submitForm"
|
|
|
+ >提交</el-button>-->
|
|
|
+ </el-row>
|
|
|
+ <!--预览-->
|
|
|
+ <el-dialog :visible.sync="openFile" width="900px" append-to-body>
|
|
|
+ <img :src="wordUrl" v-if="show" width="800px" height="500px" />
|
|
|
+ <iframe :src="wordUrl" width="800px" height="500px" frameborder="1" v-if="heid" />
|
|
|
+ </el-dialog>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-import { getRecord,listBillInf,listAccInf,getRecordSealFile} from "@/api/service/financeRecord/record";
|
|
|
+import {
|
|
|
+ getRecord,
|
|
|
+ listBillInf,
|
|
|
+ listAccInf,
|
|
|
+ getRecordSealFile
|
|
|
+} from "@/api/service/financeRecord/record";
|
|
|
import { listFinanceInf } from "@/api/common/financeInf";
|
|
|
import { getFile } from "@/api/service/credit/credit";
|
|
|
-import {getToken} from "@/utils/auth";
|
|
|
+import { getToken } from "@/utils/auth";
|
|
|
export default {
|
|
|
name: "financeRecord",
|
|
|
- components: {
|
|
|
- },
|
|
|
+ components: {},
|
|
|
data() {
|
|
|
return {
|
|
|
//融资编号
|
|
|
- number: '',
|
|
|
+ number: "",
|
|
|
//创建时间
|
|
|
- time: '',
|
|
|
+ time: "",
|
|
|
//创建人
|
|
|
- user: '',
|
|
|
+ user: "",
|
|
|
// 遮罩层
|
|
|
loading: true,
|
|
|
// 选中数组
|
|
|
@@ -178,13 +227,13 @@ export default {
|
|
|
//应收账款
|
|
|
billInfList: [],
|
|
|
//合同附件
|
|
|
- contractFileList:[],
|
|
|
+ contractFileList: [],
|
|
|
//发票附件
|
|
|
- invoiceFileList:[],
|
|
|
+ invoiceFileList: [],
|
|
|
//其他文件
|
|
|
- otherFileList:[],
|
|
|
+ otherFileList: [],
|
|
|
//盖章文件
|
|
|
- recordSealList:[],
|
|
|
+ recordSealList: [],
|
|
|
// 弹出层标题
|
|
|
title: "",
|
|
|
// 是否显示弹出层
|
|
|
@@ -217,52 +266,64 @@ export default {
|
|
|
],
|
|
|
zfrAmount: [
|
|
|
{ required: true, message: "融资金额不能为空", trigger: "blur" }
|
|
|
- ],
|
|
|
+ ]
|
|
|
},
|
|
|
- openFile:false,
|
|
|
+ openFile: false,
|
|
|
wordUrl: "",
|
|
|
- show:false,
|
|
|
- heid:false,
|
|
|
+ show: false,
|
|
|
+ heid: false
|
|
|
};
|
|
|
},
|
|
|
created() {
|
|
|
const zfrId = this.$route.params && this.$route.params.zfrId;
|
|
|
- getRecord(zfrId).then((response) => {
|
|
|
+ getRecord(zfrId).then(response => {
|
|
|
this.number = response.data.zfrNumber;
|
|
|
- this.time = this.parseTime(new Date(response.data.createTime),'{y}-{m}-{d} {h}:{m}:{s}');
|
|
|
+ this.time = this.parseTime(
|
|
|
+ new Date(response.data.createTime),
|
|
|
+ "{y}-{m}-{d} {h}:{m}:{s}"
|
|
|
+ );
|
|
|
this.user = response.data.createUser;
|
|
|
const zfrFinanceId = response.data.zfrFinanceId;
|
|
|
listFinanceInf(zfrFinanceId).then(response => {
|
|
|
this.financeInfList = response.data;
|
|
|
- })
|
|
|
- listBillInf(zfrFinanceId).then(response => {
|
|
|
- this.billInfList = response.data;
|
|
|
- this.loading = false;
|
|
|
- }).then(() =>{
|
|
|
- var queryParamsFile = {};
|
|
|
- queryParamsFile.ticketList = this.billInfList;
|
|
|
- getFile(queryParamsFile).then((response) => {
|
|
|
- if(response.data){
|
|
|
- //获取发票文件
|
|
|
- this.invoiceFileList = response.data.invoiceFileList;
|
|
|
- //获取合同文件
|
|
|
- this.contractFileList = response.data.contractFileList;
|
|
|
- //获取其他文件
|
|
|
- this.otherFileList = response.data.otherFileList;
|
|
|
+ });
|
|
|
+ listBillInf(zfrFinanceId)
|
|
|
+ .then(response => {
|
|
|
+ this.billInfList = response.data;
|
|
|
+ this.loading = false;
|
|
|
+ })
|
|
|
+ .then(() => {
|
|
|
+ var queryParamsFile = {};
|
|
|
+ queryParamsFile.ticketList = this.billInfList;
|
|
|
+ getFile(queryParamsFile).then(response => {
|
|
|
+ if (response.data) {
|
|
|
+ //获取发票文件
|
|
|
+ this.invoiceFileList = response.data.invoiceFileList;
|
|
|
+ //获取合同文件
|
|
|
+ this.contractFileList = response.data.contractFileList;
|
|
|
+ //获取其他文件
|
|
|
+ this.otherFileList = response.data.otherFileList;
|
|
|
}
|
|
|
+ });
|
|
|
+ })
|
|
|
+ .then(() => {
|
|
|
+ this.form = response.data;
|
|
|
+ this.$set(
|
|
|
+ this.form,
|
|
|
+ "zfrRepaymentDate",
|
|
|
+ this.parseTime(
|
|
|
+ new Date(response.data.zfrRepaymentDate),
|
|
|
+ "{y}-{m}-{d}"
|
|
|
+ )
|
|
|
+ );
|
|
|
+ this.getRecordSealFile();
|
|
|
});
|
|
|
- }).then(() =>{
|
|
|
- this.form = response.data;
|
|
|
- this.$set(this.form, "zfrRepaymentDate", this.parseTime(new Date(response.data.zfrRepaymentDate),'{y}-{m}-{d}'));
|
|
|
- this.getRecordSealFile()
|
|
|
- })
|
|
|
-
|
|
|
});
|
|
|
// this.getFinanceInf();
|
|
|
},
|
|
|
methods: {
|
|
|
- /** 查询融信编号 */
|
|
|
- getFinanceInf(){
|
|
|
+ /** 查询融信编号 */
|
|
|
+ getFinanceInf() {
|
|
|
this.loading = true;
|
|
|
listFinanceInf().then(response => {
|
|
|
this.financeInfList = response.data;
|
|
|
@@ -320,9 +381,9 @@ export default {
|
|
|
},
|
|
|
//全部 多选框选中数据
|
|
|
handleSelectionChange(selection) {
|
|
|
- this.ids = selection.map(item => item.zfrId)
|
|
|
- this.single = selection.length!==1
|
|
|
- this.multiple = !selection.length
|
|
|
+ this.ids = selection.map(item => item.zfrId);
|
|
|
+ this.single = selection.length !== 1;
|
|
|
+ this.multiple = !selection.length;
|
|
|
},
|
|
|
/* 融信编号赋值融资金额 */
|
|
|
amount(item) {
|
|
|
@@ -331,30 +392,32 @@ export default {
|
|
|
this.$set(this.form, "zfrRate", item.zfpcrRate);
|
|
|
this.$set(this.form, "zfpcrLoantype", item.zfpcrLoantype);
|
|
|
this.$set(this.form, "zfiProductId", item.zfiProductId);
|
|
|
- if(item.zfiId){
|
|
|
+ if (item.zfiId) {
|
|
|
this.loading = true;
|
|
|
- listBillInf(item.zfiId).then(response => {
|
|
|
- this.billInfList = response.data;
|
|
|
- this.loading = false;
|
|
|
- }).then(() =>{
|
|
|
- var queryParamsFile = {};
|
|
|
- queryParamsFile.ticketList = this.billInfList;
|
|
|
- getFile(queryParamsFile).then((response) => {
|
|
|
- if(response.data){
|
|
|
+ listBillInf(item.zfiId)
|
|
|
+ .then(response => {
|
|
|
+ this.billInfList = response.data;
|
|
|
+ this.loading = false;
|
|
|
+ })
|
|
|
+ .then(() => {
|
|
|
+ var queryParamsFile = {};
|
|
|
+ queryParamsFile.ticketList = this.billInfList;
|
|
|
+ getFile(queryParamsFile).then(response => {
|
|
|
+ if (response.data) {
|
|
|
//获取发票文件
|
|
|
- this.invoiceFileList = response.data.invoiceFileList;
|
|
|
+ this.invoiceFileList = response.data.invoiceFileList;
|
|
|
//获取合同文件
|
|
|
- this.contractFileList = response.data.contractFileList;
|
|
|
+ this.contractFileList = response.data.contractFileList;
|
|
|
//获取其他文件
|
|
|
this.otherFileList = response.data.otherFileList;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ if (item.zfpcrLoanType == "0") {
|
|
|
+ listAccInf(item.zfiProductId).then(response => {
|
|
|
+ this.$set(this.form, "zfrCollectionAccount", response.msg);
|
|
|
+ });
|
|
|
}
|
|
|
- });
|
|
|
- if(item.zfpcrLoanType == '0'){
|
|
|
- listAccInf(item.zfiProductId).then((response) => {
|
|
|
- this.$set(this.form, "zfrCollectionAccount", response.msg);
|
|
|
- })
|
|
|
- }
|
|
|
- })
|
|
|
+ });
|
|
|
}
|
|
|
},
|
|
|
/** 提交按钮 */
|
|
|
@@ -365,26 +428,27 @@ export default {
|
|
|
lock: true,
|
|
|
text: "Loading",
|
|
|
spinner: "el-icon-loading",
|
|
|
- background: "rgba(0, 0, 0, 0.7)",
|
|
|
+ background: "rgba(0, 0, 0, 0.7)"
|
|
|
});
|
|
|
- addRecord(this.form).then(response => {
|
|
|
- this.msgSuccess("新增成功");
|
|
|
- loading.close();
|
|
|
- this.$store.dispatch("tagsView/delView", this.$route);
|
|
|
- this.$router.go(-1);
|
|
|
- }).catch((response) => {
|
|
|
+ addRecord(this.form)
|
|
|
+ .then(response => {
|
|
|
+ this.msgSuccess("新增成功");
|
|
|
loading.close();
|
|
|
- });
|
|
|
-
|
|
|
+ this.$store.dispatch("tagsView/delView", this.$route);
|
|
|
+ this.$router.go(-1);
|
|
|
+ })
|
|
|
+ .catch(response => {
|
|
|
+ loading.close();
|
|
|
+ });
|
|
|
}
|
|
|
});
|
|
|
},
|
|
|
/* 清空 */
|
|
|
clearBoth() {
|
|
|
- this.form.zfrAmount = '';
|
|
|
- this.form,zfrRepaymentDate = '';
|
|
|
- this.form.zfrRate = '';
|
|
|
- this.form.zfpcrLoantype = '';
|
|
|
+ this.form.zfrAmount = "";
|
|
|
+ this.form, (zfrRepaymentDate = "");
|
|
|
+ this.form.zfrRate = "";
|
|
|
+ this.form.zfpcrLoantype = "";
|
|
|
this.billInfList = [];
|
|
|
this.contractFileList = [];
|
|
|
this.invoiceFileList = [];
|
|
|
@@ -395,64 +459,61 @@ export default {
|
|
|
const pfiUrl = row.pfiUrl;
|
|
|
const pfiFileName = row.pfiFileName;
|
|
|
if (row.pfiUrl) {
|
|
|
- console.log(pfiFileName.substr(-3));
|
|
|
- if (pfiFileName.substr(-3) == "pdf") {
|
|
|
- this.wordUrl = pfiUrl + "/" + getToken();
|
|
|
- this.show=false;
|
|
|
- this.heid=true;
|
|
|
- } else if (
|
|
|
- pfiFileName.substr(-3) == "jpg" ||
|
|
|
- pfiFileName.substr(-3) == "png" ||
|
|
|
- pfiFileName.substr(-3) == "JPG" ||
|
|
|
- pfiFileName.substr(-3) == "PNG" ||
|
|
|
- pfiFileName.substr(-4) == "jpeg" ||
|
|
|
- pfiFileName.substr(-3) == "JPEG"
|
|
|
- ) {
|
|
|
- this.wordUrl =
|
|
|
- pfiUrl +
|
|
|
- "/" +
|
|
|
- getToken();
|
|
|
- this.show=true;
|
|
|
- this.heid=false;
|
|
|
- console.log("====>",this.wordUrl);
|
|
|
- } else if (
|
|
|
- pfiFileName.substr(-3) == "doc" ||
|
|
|
- pfiFileName.substr(-3) == "DOC"||
|
|
|
- pfiFileName.substr(-4) == "docx" ||
|
|
|
- pfiFileName.substr(-3) == "DOCX"
|
|
|
- ) {
|
|
|
- this.wordUrl =
|
|
|
- "https://view.officeapps.live.com/op/view.aspx?src=" +
|
|
|
- pfiUrl +
|
|
|
- "/" +
|
|
|
- getToken() +
|
|
|
- "/" +
|
|
|
- pfiFileName;
|
|
|
- this.show=false;
|
|
|
- this.heid=true;
|
|
|
- console.log("====>",this.wordUrl);
|
|
|
- } else {
|
|
|
- this.$message({
|
|
|
- message: "暂不支持该类型文件预览",
|
|
|
- type: "warning",
|
|
|
- });
|
|
|
- return;
|
|
|
- }
|
|
|
+ console.log(pfiFileName.substr(-3));
|
|
|
+ if (pfiFileName.substr(-3) == "pdf") {
|
|
|
+ this.wordUrl = pfiUrl + "/" + getToken();
|
|
|
+ this.show = false;
|
|
|
+ this.heid = true;
|
|
|
+ } else if (
|
|
|
+ pfiFileName.substr(-3) == "jpg" ||
|
|
|
+ pfiFileName.substr(-3) == "png" ||
|
|
|
+ pfiFileName.substr(-3) == "JPG" ||
|
|
|
+ pfiFileName.substr(-3) == "PNG" ||
|
|
|
+ pfiFileName.substr(-4) == "jpeg" ||
|
|
|
+ pfiFileName.substr(-3) == "JPEG"
|
|
|
+ ) {
|
|
|
+ this.wordUrl = pfiUrl + "/" + getToken();
|
|
|
+ this.show = true;
|
|
|
+ this.heid = false;
|
|
|
+ console.log("====>", this.wordUrl);
|
|
|
+ } else if (
|
|
|
+ pfiFileName.substr(-3) == "doc" ||
|
|
|
+ pfiFileName.substr(-3) == "DOC" ||
|
|
|
+ pfiFileName.substr(-4) == "docx" ||
|
|
|
+ pfiFileName.substr(-3) == "DOCX"
|
|
|
+ ) {
|
|
|
+ this.wordUrl =
|
|
|
+ "https://view.officeapps.live.com/op/view.aspx?src=" +
|
|
|
+ pfiUrl +
|
|
|
+ "/" +
|
|
|
+ getToken() +
|
|
|
+ "/" +
|
|
|
+ pfiFileName;
|
|
|
+ this.show = false;
|
|
|
+ this.heid = true;
|
|
|
+ console.log("====>", this.wordUrl);
|
|
|
+ } else {
|
|
|
+ this.$message({
|
|
|
+ message: "暂不支持该类型文件预览",
|
|
|
+ type: "warning"
|
|
|
+ });
|
|
|
+ return;
|
|
|
+ }
|
|
|
}
|
|
|
this.openFile = true;
|
|
|
},
|
|
|
//获取盖章文件
|
|
|
- getRecordSealFile(){
|
|
|
- getRecordSealFile(this.form).then((response) => {
|
|
|
- debugger
|
|
|
- if(response.data.list){
|
|
|
+ getRecordSealFile() {
|
|
|
+ getRecordSealFile(this.form).then(response => {
|
|
|
+ debugger;
|
|
|
+ if (response.data.list) {
|
|
|
this.recordSealList = response.data.list;
|
|
|
}
|
|
|
});
|
|
|
},
|
|
|
//应收账款合计
|
|
|
allAmount() {
|
|
|
- var strarr = [0.00];
|
|
|
+ var strarr = [0.0];
|
|
|
for (let i in this.billInfList) {
|
|
|
strarr.push(this.billInfList[i]["zbiAmount"]);
|
|
|
}
|
|
|
@@ -462,7 +523,17 @@ export default {
|
|
|
smallToBig(money) {
|
|
|
// 将数字金额转换为大写金额
|
|
|
var cnNums = new Array(
|
|
|
- "零", "壹", "贰", "叁", "肆", "伍", "陆", "柒", "捌", "玖" ); //汉字的数字
|
|
|
+ "零",
|
|
|
+ "壹",
|
|
|
+ "贰",
|
|
|
+ "叁",
|
|
|
+ "肆",
|
|
|
+ "伍",
|
|
|
+ "陆",
|
|
|
+ "柒",
|
|
|
+ "捌",
|
|
|
+ "玖"
|
|
|
+ ); //汉字的数字
|
|
|
var cnIntRadice = new Array("", "拾", "佰", "仟"); //基本单位
|
|
|
var cnIntUnits = new Array("", "万", "亿", "兆"); //对应整数部分扩展单位
|
|
|
var cnDecUnits = new Array("角", "分", "毫", "厘"); //对应小数部分单位
|
|
|
@@ -535,10 +606,64 @@ export default {
|
|
|
},
|
|
|
/** 导出按钮操作 */
|
|
|
handleExport() {
|
|
|
- this.download('sc-service/record/export', {
|
|
|
- ...this.queryParams
|
|
|
- }, `sc-service_record.xlsx`)
|
|
|
+ this.download(
|
|
|
+ "sc-service/record/export",
|
|
|
+ {
|
|
|
+ ...this.queryParams
|
|
|
+ },
|
|
|
+ `sc-service_record.xlsx`
|
|
|
+ );
|
|
|
}
|
|
|
}
|
|
|
};
|
|
|
-</script>
|
|
|
+</script>
|
|
|
+<style lang="scss" scoped>
|
|
|
+.zap-No {
|
|
|
+ padding: 14px 25px;
|
|
|
+ background-color: #ffffff;
|
|
|
+
|
|
|
+ .icon {
|
|
|
+ width: 18px;
|
|
|
+ margin-right: 10px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .label {
|
|
|
+ white-space: nowrap;
|
|
|
+ margin-right: 8px;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #999999;
|
|
|
+ }
|
|
|
+
|
|
|
+ .value {
|
|
|
+ font-size: 14px;
|
|
|
+ color: #333333;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.zap-title {
|
|
|
+ padding: 25px;
|
|
|
+ font-size: 16px;
|
|
|
+ color: #333333;
|
|
|
+ background-color: #ffffff;
|
|
|
+}
|
|
|
+
|
|
|
+.zap-form {
|
|
|
+ padding: 0 25px;
|
|
|
+ background-color: #ffffff;
|
|
|
+}
|
|
|
+
|
|
|
+.zap-table ::v-deep .el-form-item__content {
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
+.zap-accounts-receivable {
|
|
|
+ height: 36px;
|
|
|
+ .label {
|
|
|
+ font-size: 12px;
|
|
|
+ color: #999999;
|
|
|
+ }
|
|
|
+ .value {
|
|
|
+ font-size: 14px;
|
|
|
+ color: #333333;
|
|
|
+ }
|
|
|
+}
|
|
|
+</style>
|
zhanglb