|
|
@@ -1,124 +1,248 @@
|
|
|
<template>
|
|
|
- <div class="app-container">
|
|
|
- <el-form ref="form" :model="form" disabled :rules="rules" :inline="true" style="margin-top: 20px" label-width="auto" >
|
|
|
- <el-divider content-position="left">融信详情</el-divider>
|
|
|
- <el-row>
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="融信编号" prop="zfiNumber">
|
|
|
- <el-input v-model="form.zfiNumber" style="width: 200px"/>
|
|
|
+ <el-tabs type="border-card">
|
|
|
+ <!-- 资产信息-->
|
|
|
+ <el-tab-pane label="资产信息">
|
|
|
+ <!-- <div class="app-container"> -->
|
|
|
+ <el-form ref="form" :model="form" :rules="rules" :inline="true" style="margin-top: 20px" label-width="auto" >
|
|
|
+ <el-divider content-position="left">融信详情</el-divider>
|
|
|
+ <table class="gridtable" style="width:80%;text-align:center" align="center" v-show="financeStatus != null && financeStatus != '00' && financeStatus != '03'">
|
|
|
+ <tr>
|
|
|
+ <td rowspan="4">开立方</td>
|
|
|
+ <td>全称</td>
|
|
|
+ <td>{{openName}}</td>
|
|
|
+ <td rowspan="4">接收方</td>
|
|
|
+ <td>全称</td>
|
|
|
+ <td>{{receiveName}}</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td>社会统一码</td>
|
|
|
+ <td>{{openCode}}</td>
|
|
|
+ <td>社会统一码</td>
|
|
|
+ <td>{{receiverCode}}</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td>开户银行</td>
|
|
|
+ <td>{{openBank}}</td>
|
|
|
+ <td>开户银行</td>
|
|
|
+ <td>{{receiverBank}}</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td>账号</td>
|
|
|
+ <td>{{openAccount}}</td>
|
|
|
+ <td>账号</td>
|
|
|
+ <td>{{receiverAccount}}</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td colspan="2">粮信金额</td>
|
|
|
+ <td colspan="4">人民币(大写):{{issuedAmount}}<br>人民币(小写)￥{{form.zfiAmount}}</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td colspan="2">起止日期</td>
|
|
|
+ <td colspan="4">{{stopDate}}</td>
|
|
|
+ </tr>
|
|
|
+ </table>
|
|
|
+ <el-row v-show="this.financeStatus == null || this.financeStatus == '00' || this.financeStatus == '03'">
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="融信编号" prop="zfiNumber">
|
|
|
+ <el-input v-model="form.zfiNumber" style="width: 200px" readonly/>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="创建时间" prop="createTime">
|
|
|
+ <el-date-picker disabled size="small" style="width: 200px" v-model="form.createTime" type="datetime" value-format="yyyy-MM-dd HH:mm:ss">
|
|
|
+ </el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="创建人" prop="createName">
|
|
|
+ <el-input v-model="form.createName" style="width: 200px" readonly/>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row v-show="this.financeStatus == null || this.financeStatus == '00' || this.financeStatus == '03'">
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="开立方" prop="openName">
|
|
|
+ <el-input v-model="form.openName" style="width: 200px" readonly/>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="接收方" prop="receiveName">
|
|
|
+ <el-input v-model="form.receiveName" style="width: 200px" readonly/>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="授信额度" prop="zfpName" >
|
|
|
+ <el-input v-model="form.zfpName" style="width: 200px" readonly/>
|
|
|
</el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="创建时间" prop="createTime">
|
|
|
- <el-date-picker disabled size="small" style="width: 200px" v-model="form.createTime" type="datetime" value-format="yyyy-MM-dd HH:mm:ss">
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row v-show="this.financeStatus == null || this.financeStatus == '00' || this.financeStatus == '03'">
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="签发有效期" prop="zfiEffectiveDate">
|
|
|
+ <el-date-picker disabled size="small" style="width: 200px" v-model="form.zfiEffectiveDate" type="date" value-format="yyyy-MM-dd">
|
|
|
</el-date-picker>
|
|
|
</el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="创建人" prop="createName">
|
|
|
- <el-input v-model="form.createName" style="width: 200px"/>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="承诺还款日" prop="zfiExpireDate" >
|
|
|
+ <el-date-picker disabled size="small" style="width: 200px" v-model="form.zfiExpireDate" type="date" value-format="yyyy-MM-dd">
|
|
|
+ </el-date-picker>
|
|
|
</el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <el-row>
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="开立方" prop="openName">
|
|
|
- <el-input v-model="form.openName" style="width: 200px"/>
|
|
|
+ </el-col>
|
|
|
+ <!-- <el-col :span="8">
|
|
|
+ <el-form-item label="收款账号" prop="zfiCollectionAccount" v-if="isShow">
|
|
|
+ <el-input v-model="form.zfiCollectionAccount" style="width: 200px"/>
|
|
|
</el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="接收方" prop="receiveName">
|
|
|
- <el-input v-model="form.receiveName" style="width: 200px"/>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="授信额度" prop="zfpName" >
|
|
|
- <el-input v-model="form.zfpName" style="width: 200px"/>
|
|
|
+ </el-col> -->
|
|
|
+ </el-row>
|
|
|
+ <el-divider content-position="left" >{{tableTitle}}</el-divider>
|
|
|
+ <el-form-item style="margin-left: 100px">
|
|
|
+ <el-form-item label="合计金额:">
|
|
|
+ <span>{{checkTotalAmt}}</span>
|
|
|
</el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <el-row>
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="签发有效期" prop="zfiEffectiveDate">
|
|
|
- <el-date-picker disabled size="small" style="width: 200px" v-model="form.zfiEffectiveDate" type="date" value-format="yyyy-MM-dd">
|
|
|
- </el-date-picker>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="承诺还款日" prop="zfiExpireDate" >
|
|
|
- <el-date-picker disabled size="small" style="width: 200px" v-model="form.zfiExpireDate" type="date" value-format="yyyy-MM-dd">
|
|
|
- </el-date-picker>
|
|
|
+ <el-form-item label="金额大写:">
|
|
|
+ <span>{{checkTotalBigAmt}}</span>
|
|
|
</el-form-item>
|
|
|
- </el-col>
|
|
|
- <!-- <el-col :span="8">
|
|
|
- <el-form-item label="收款账号" prop="zfiCollectionAccount" v-if="isShow">
|
|
|
- <el-input v-model="form.zfiCollectionAccount" style="width: 200px"/>
|
|
|
- </el-form-item>
|
|
|
- </el-col> -->
|
|
|
- </el-row>
|
|
|
- <el-divider content-position="left" >{{tableTitle}}</el-divider>
|
|
|
- <el-form-item style="margin-left: 100px">
|
|
|
- <el-form-item label="合计金额:">
|
|
|
- <span>{{checkTotalAmt}}</span>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="金额大写:">
|
|
|
- <span>{{checkTotalBigAmt}}</span>
|
|
|
+
|
|
|
+ <el-table :data="payList" style="width: 1100px">
|
|
|
+ <el-table-column label="账款名称" align="center" prop="zbiName" show-overflow-tooltip />
|
|
|
+ <el-table-column label="应收企业" align="center" prop="receiveName"/>
|
|
|
+ <el-table-column label="应付企业" align="center" prop="payName" />
|
|
|
+ <el-table-column label="预计还款期" align="center" prop="zbiPayDate" show-overflow-tooltip />
|
|
|
+ <el-table-column label="金额" align="center" prop="zbiAmount" />
|
|
|
+ <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="250">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-button
|
|
|
+ size="mini"
|
|
|
+ type="text"
|
|
|
+ icon="el-icon-view"
|
|
|
+ @click="handleDetail(scope.$index, payList)"
|
|
|
+ >详情</el-button>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
</el-form-item>
|
|
|
-
|
|
|
- <el-table :data="payList" style="width: 1100px">
|
|
|
- <el-table-column label="账款名称" align="center" prop="zbiName" show-overflow-tooltip />
|
|
|
- <el-table-column label="应收企业" align="center" prop="receiveName"/>
|
|
|
- <el-table-column label="应付企业" align="center" prop="payName" />
|
|
|
- <el-table-column label="预计还款期" align="center" prop="zbiPayDate" show-overflow-tooltip />
|
|
|
- <el-table-column label="金额" align="center" prop="zbiAmount" />
|
|
|
- </el-table>
|
|
|
- </el-form-item>
|
|
|
- <el-row>
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="签发金额" prop="zfiAmount">
|
|
|
- <el-input v-model="form.zfiAmount" style="width: 200px"/>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="金额大写" prop="issuedAmount">
|
|
|
- {{issuedAmount}}
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <!-- <el-row>
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="金额大写" prop="issuedAmount">
|
|
|
- {{issuedAmount}}
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row> -->
|
|
|
- </el-form>
|
|
|
- <!-- 发票附件 -->
|
|
|
- <el-divider content-position="left">发票附件</el-divider>
|
|
|
- <el-table :data="invoiceFileList" style="width: 100%">
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="签发金额" prop="zfiAmount">
|
|
|
+ <el-input v-model="form.zfiAmount" style="width: 200px"/>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="金额大写" prop="issuedAmount">
|
|
|
+ {{issuedAmount}}
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <!-- <el-row>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="金额大写" prop="issuedAmount">
|
|
|
+ {{issuedAmount}}
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row> -->
|
|
|
+ </el-form>
|
|
|
+ <!-- 发票附件 -->
|
|
|
+ <!-- <el-divider content-position="left">发票附件</el-divider>
|
|
|
+ <el-table :data="invoiceFileList" 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="handleDownload(scope.row)"
|
|
|
+ >下载</el-button>
|
|
|
+ <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" 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="handleDownload(scope.row)"
|
|
|
+ >下载</el-button>
|
|
|
+ <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" 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="handleDownload(scope.row)"
|
|
|
+ >下载</el-button>
|
|
|
+ <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 creditSealList"
|
|
|
+ @click="handlePreview(dict)"
|
|
|
+ :title="dict.pfiFileName"
|
|
|
+ >
|
|
|
+
|
|
|
+ </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 title="详情" :visible.sync="openDetailBill" width="1120px" append-to-body>
|
|
|
+ <detail-bill :zbiId="this.zbiId" v-if="openDetailBill"></detail-bill>
|
|
|
+ </el-dialog>
|
|
|
+ <!--预览-->
|
|
|
+ <el-dialog :visible.sync="openFile" width="1000px" append-to-body>
|
|
|
+ <img :src="wordUrl" v-if="show" width='450px' height='500px'/>
|
|
|
+ <iframe :src="wordUrl" width='800px' height='600px' frameborder='1' v-if="heid"/>
|
|
|
+ </el-dialog>
|
|
|
+ </el-tab-pane>
|
|
|
+ <el-tab-pane label="签署合同">
|
|
|
+ <el-table :data="creditSealList" style="width: 100%">
|
|
|
+ <el-table-column label="文件名称" align="center" prop="pfiFileName" show-overflow-tooltip>
|
|
|
<template slot-scope="scope">
|
|
|
- <el-button
|
|
|
- size="mini"
|
|
|
- type="text"
|
|
|
- icon="el-icon-view"
|
|
|
- @click="handleDownload(scope.row)"
|
|
|
- >下载</el-button>
|
|
|
- <el-button
|
|
|
- size="mini"
|
|
|
- type="text"
|
|
|
- icon="el-icon-view"
|
|
|
- @click="handlePreview(scope.row)"
|
|
|
- >预览</el-button>
|
|
|
+ <img style="width:30px;height:30px;"
|
|
|
+ src="../../../assets/images/pdf.png"
|
|
|
+ />
|
|
|
+ <span>{{scope.row.pfiFileName}}
|
|
|
+ </span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- </el-table>
|
|
|
- <!-- 合同附件 -->
|
|
|
- <el-divider content-position="left">合同附件</el-divider>
|
|
|
- <el-table :data="contractFileList" 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" >
|
|
|
+ <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width='300' fixed="right" >
|
|
|
<template slot-scope="scope">
|
|
|
<el-button
|
|
|
size="mini"
|
|
|
@@ -134,72 +258,109 @@
|
|
|
>预览</el-button>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- </el-table>
|
|
|
- <!-- 其他附件 -->
|
|
|
- <el-divider content-position="left">其他附件</el-divider>
|
|
|
- <el-table :data="otherFileList" 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" >
|
|
|
+ </el-table>
|
|
|
+ </el-tab-pane>
|
|
|
+ <el-tab-pane label="最终还款明细" v-if="this.companyType == '01'">
|
|
|
+ <el-form :inline="true" ref="forms" :model="forms" label-width="auto" style="margin-top: 20px" disabled>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="还款明细编号:" prop="zfcName" >
|
|
|
+ <el-input v-model="forms.zfrPayNumber"/>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="最终付款方:" prop="core">
|
|
|
+ <el-input v-model="forms.core" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="还款承诺函编号:" prop="zfiPaymentNumber" >
|
|
|
+ <el-input v-model="forms.zfiPaymentNumber" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="付款承诺日期:" prop="zfrRepaymentDate">
|
|
|
+ <el-input v-model="forms.zfrRepaymentDate"/>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="承诺付款金额:" prop="zfrLoanAmount" >
|
|
|
+ <el-input v-model="forms.zfrLoanAmount" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="融信产品:" prop="zfpName">
|
|
|
+ <el-input v-model="forms.zfpName"/>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="承诺付款账户:" prop="zfpcrAccount">
|
|
|
+ <el-input v-model="forms.zfpcrAccount"/>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="付款账户开户行:" prop="zfpcrAccountBank">
|
|
|
+ <el-input v-model="forms.zfpcrAccountBank" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="还款状态:" prop="zfrApplyStatus">
|
|
|
+ <el-input v-model="forms.zfrApplyStatus"/>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-table v-loading="loading" :data="list" border>
|
|
|
+ <!-- <el-table-column label="序号" type="index" width="50" align="center">
|
|
|
<template slot-scope="scope">
|
|
|
- <el-button
|
|
|
- size="mini"
|
|
|
- type="text"
|
|
|
- icon="el-icon-view"
|
|
|
- @click="handleDownload(scope.row)"
|
|
|
- >下载</el-button>
|
|
|
- <el-button
|
|
|
- size="mini"
|
|
|
- type="text"
|
|
|
- icon="el-icon-view"
|
|
|
- @click="handlePreview(scope.row)"
|
|
|
- >预览</el-button>
|
|
|
+ <span>{{(queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1}}</span>
|
|
|
</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 creditSealList"
|
|
|
- @click="handlePreview(dict)"
|
|
|
- :title="dict.pfiFileName"
|
|
|
- >
|
|
|
-
|
|
|
- </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="1000px" append-to-body>
|
|
|
- <img :src="wordUrl" v-if="show" width='450px' height='500px'/>
|
|
|
- <iframe :src="wordUrl" width='800px' height='600px' frameborder='1' v-if="heid"/>
|
|
|
- </el-dialog>
|
|
|
- </div>
|
|
|
+ </el-table-column> -->
|
|
|
+ <el-table-column label="收款账户" align="center" prop="zfrCollectionAccount" :show-overflow-tooltip="true"/>
|
|
|
+ <el-table-column label="收款账户户名" align="center" prop="supplier" :show-overflow-tooltip="true"/>
|
|
|
+ <el-table-column label="收款金额" align="center" prop="zfrLoanAmount" :show-overflow-tooltip="true" />
|
|
|
+ </el-table>
|
|
|
+ </el-form>
|
|
|
+ </el-tab-pane>
|
|
|
+ </el-tabs>
|
|
|
+ <!-- </div> -->
|
|
|
</template>
|
|
|
<script>
|
|
|
import {getCreditDetail,getFile} from "@/api/service/credit/credit";
|
|
|
import {accAdd} from "@/utils/calculation";
|
|
|
import {getToken} from "@/utils/auth";
|
|
|
import {getCreditSealFile} from "@/api/service/credit/creditHandle";
|
|
|
+import DetailBill from "@/views/service/credit/billDetail";
|
|
|
+import { getRepayment } from "@/api/service/repayment/repayment";
|
|
|
export default {
|
|
|
name: "addCredit",
|
|
|
- components: {},
|
|
|
+ components: {DetailBill},
|
|
|
data() {
|
|
|
return {
|
|
|
+ //企业类型
|
|
|
+ companyType: null,
|
|
|
+ //授信状态
|
|
|
+ financeStatus: null,
|
|
|
+ //融资id
|
|
|
+ zfrId: null,
|
|
|
+ //往来账款id
|
|
|
+ zbiId: '',
|
|
|
// 总条数
|
|
|
total: 0,
|
|
|
// 表单参数
|
|
|
form: {
|
|
|
|
|
|
},
|
|
|
+ forms: {},
|
|
|
// 表单校验
|
|
|
rules: {
|
|
|
},
|
|
|
// 是否显示弹出层
|
|
|
open: false,
|
|
|
+ openDetailBill: false,
|
|
|
//应付账款
|
|
|
payList:[],
|
|
|
//签发金额大写
|
|
|
@@ -225,21 +386,43 @@ export default {
|
|
|
show:false,
|
|
|
heid:false,
|
|
|
//盖章文件
|
|
|
- creditSealList:[]
|
|
|
+ creditSealList:[],
|
|
|
+ //开立方
|
|
|
+ openName: null,
|
|
|
+ //开立社会码
|
|
|
+ openCode:null,
|
|
|
+ //开立银行
|
|
|
+ openBank:null,
|
|
|
+ //开立账户
|
|
|
+ openAccount:null,
|
|
|
+ //接收方
|
|
|
+ receiveName:null,
|
|
|
+ //接收方社会统一码
|
|
|
+ receiverCode:null,
|
|
|
+ //接收方银行
|
|
|
+ receiverBank:null,
|
|
|
+ //接收方账户
|
|
|
+ receiverAccount:null,
|
|
|
+ //起止日期
|
|
|
+ stopDate:null,
|
|
|
};
|
|
|
},
|
|
|
created() {
|
|
|
const zfiId = this.$route.params && this.$route.params.zfiId;
|
|
|
getCreditDetail(zfiId).then((response) => {
|
|
|
+ debugger
|
|
|
if(response.data){
|
|
|
//融信信息
|
|
|
this.form = response.data.financeInf;
|
|
|
+ this.financeStatus = response.data.financeInf.zfiStatus;
|
|
|
+ this.zfrId = response.data.zfrId;
|
|
|
+ this.companyType = response.data.companyType;
|
|
|
this.createType = response.data.financeInf.zfiCreateType;
|
|
|
//核心开立
|
|
|
if(response.data.financeInf.zfiCreateType == '1'){
|
|
|
- this.tableTitle = "应付账款";
|
|
|
+ this.tableTitle = "资产信息";
|
|
|
}else{
|
|
|
- this.tableTitle = "应收账款";
|
|
|
+ this.tableTitle = "资产信息";
|
|
|
//融资开立
|
|
|
if(response.data.financeInf.zfiCreateType == '2'){
|
|
|
//收款账号
|
|
|
@@ -260,6 +443,17 @@ export default {
|
|
|
this.form.createName = response.data.createName;
|
|
|
//签发金额大写
|
|
|
this.issuedAmount = this.smallToBig(this.form.zfiAmount);
|
|
|
+
|
|
|
+ //给表格赋值
|
|
|
+ this.openName = response.data.openName;
|
|
|
+ this.openCode = response.data.openCode;
|
|
|
+ this.openBank = response.data.openBank;
|
|
|
+ this.openAccount = response.data.openAccount;
|
|
|
+ this.receiveName = response.data.receiveName;
|
|
|
+ this.receiverCode = response.data.receiverCode;
|
|
|
+ this.receiverBank = response.data.receiverBank;
|
|
|
+ this.receiverAccount = response.data.receiverAccount;
|
|
|
+ this.stopDate = response.data.stopDate;
|
|
|
}
|
|
|
if(response.data.payList){
|
|
|
this.payList = response.data.payList.records;
|
|
|
@@ -269,8 +463,16 @@ export default {
|
|
|
}
|
|
|
this.getCreditSealFile();
|
|
|
|
|
|
+ }).then(() =>{
|
|
|
+ getRepayment(this.zfrId).then((response)=>{
|
|
|
+ this.forms = response.data[0];
|
|
|
+ this.forms.zfrApplyStatus = this.selectDictLabel(this.applyStatusOptions,this.forms.zfrApplyStatus)
|
|
|
+ this.list = response.data;
|
|
|
+ })
|
|
|
+ this.getDicts("zc_zfr_apply_status").then((response) => {
|
|
|
+ this.applyStatusOptions = response.data;
|
|
|
+ });
|
|
|
})
|
|
|
-
|
|
|
},
|
|
|
methods: {
|
|
|
|
|
|
@@ -320,7 +522,13 @@ export default {
|
|
|
});
|
|
|
return;
|
|
|
}
|
|
|
- },
|
|
|
+ },
|
|
|
+ //详情按钮
|
|
|
+ handleDetail(index, rows){
|
|
|
+ debugger
|
|
|
+ this.zbiId = rows[0].zbiId
|
|
|
+ this.openDetailBill = true
|
|
|
+ },
|
|
|
//格式化金额
|
|
|
amtFormat(cellValue) {
|
|
|
if(cellValue == null || cellValue== undefined || cellValue == ''){
|
|
|
@@ -490,4 +698,23 @@ table th.star div::before {
|
|
|
color: red;
|
|
|
}
|
|
|
|
|
|
-</style>
|
|
|
+</style>
|
|
|
+<style type="text/css">
|
|
|
+ table.gridtable {
|
|
|
+ font-size:11px;
|
|
|
+ color:#333333;
|
|
|
+ border-width: 1px;
|
|
|
+ border-collapse: collapse;
|
|
|
+}
|
|
|
+ table.gridtable th {
|
|
|
+ border-width: 1px;
|
|
|
+ padding: 8px;
|
|
|
+ border-style: solid;
|
|
|
+ background-color: #dedede;
|
|
|
+ }
|
|
|
+ table.gridtable td {
|
|
|
+ border-width: 1px;
|
|
|
+ padding: 8px;
|
|
|
+ border-style: solid;
|
|
|
+ }
|
|
|
+ </style>
|
peixh