融资管理,授信管理页面

front-vue/src/api/common/financeInf.js

@@ -1,9 +1,12 @@
 import request from '@/utils/request'
 
 // 查询融信
-export function listFinanceInf() {
+export function listFinanceInf(zfrFinanceId) {
+  if(!zfrFinanceId){
+    zfrFinanceId = null
+  }
   return request({
-    url: '/sc-service/financeInf/list',
+    url: '/sc-service/financeInf/list/' + zfrFinanceId,
     method: 'get'
   })
 }

front-vue/src/api/service/creditLine/creditLine.js

@@ -42,3 +42,18 @@ export function delCreditLine(zfpcrId) {
     method: 'delete'
   })
 }
+
+// 授信状态修改
+export function changeStatus(zfpcrId, zfiAmount,zfpcrStatus) {
+  const data = {
+    zfpcrId,
+    zfiAmount,
+    zfpcrStatus
+  }
+  return request({
+    url: '/sc-service/creditLine/changeStatus',
+    method: 'put',
+    data: data
+  })
+}
+

front-vue/src/api/service/financeRecord/record.js

@@ -3,7 +3,7 @@ import request from '@/utils/request'
 // 查询融资记录列表
 export function listRecord(query) {
   return request({
-    url: '/sc-service_pxh/financeRecord/list',
+    url: '/sc-service/financeRecord/list',
     method: 'get',
     params: query
   })
@@ -12,7 +12,7 @@ export function listRecord(query) {
 // 查询融资记录详细
 export function getRecord(zfrId) {
   return request({
-    url: '/sc-service_pxh/financeRecord/' + zfrId,
+    url: '/sc-service/financeRecord/' + zfrId,
     method: 'get'
   })
 }
@@ -20,7 +20,7 @@ export function getRecord(zfrId) {
 // 新增融资记录
 export function addRecord(data) {
   return request({
-    url: '/sc-service_pxh/financeRecord',
+    url: '/sc-service/financeRecord',
     method: 'post',
     data: data
   })

front-vue/src/views/service/creditLine/addCreditLine.vue

@@ -161,6 +161,13 @@
                 icon="el-icon-delete"
                 @click="handleDelete(scope.$index, ticketList)"
               >删除</el-button>
+              <el-button 
+              :disabled="!scope.row.pfiUrl" 
+              style="font-size:12px" 
+              type="text" 
+              icon="el-icon-s-promotion"
+              @click="handlePreview(scope.row)" 
+              >预览</el-button>
             </template>
           </el-table-column>
         </el-table>
@@ -228,6 +235,9 @@
         <el-button type="primary" @click="submitForm">确 定</el-button>
         <!-- <el-button @click="cancel">取 消</el-button> -->
       </div>
+    <el-dialog :title="title" :visible.sync="openWord" width="1000px" append-to-body>
+      <iframe :src="wordUrl" width='700px' height='500px' frameborder='1' />
+    </el-dialog>
   </div>
 </template>
 
@@ -237,11 +247,14 @@ import { listFinanceProduct } from "@/api/common/financeProduct";
 import { listCompany } from "@/api/common/company";
 import { listCompanyAcc } from "@/api/common/companyAcc";
 import { listContract  } from "@/api/common/contract";
+import { getToken } from "@/utils/auth";
 export default {
   name: "addCreditLine",
   components: {},
   data() {
     return {
+      wordUrl: '',
+      openWord: false,
       //金额展示
       zfpcrAmountFormat: '',
       //还款账户搜所
@@ -526,6 +539,28 @@ export default {
       }
       this.selectChecked();
     },
+    /* 预览 */
+    handlePreview(row) {
+      this.title = "";
+      const pfiUrl = row.pfiUrl;
+      const pfiFileName = row.pfiFileName;
+      console.log(pfiFileName.substr(-3),"laalal");
+      if (row.pfiUrl) {
+          if (pfiFileName.substr(-3) == "pdf") {
+              this.wordUrl = pfiUrl + "/" + getToken();
+          } else {
+              this.wordUrl =
+                  "https://view.officeapps.live.com/op/view.aspx?src=" +
+                  pfiUrl +
+                  "/" +
+                  getToken() +
+                  "/" +
+                  pfiFileName;
+          }
+      }
+
+      this.openWord = true;
+    },
     onSelectAll() {
       if(this.$refs.tableContract){
         this.$refs.tableContract.clearSelection();
@@ -542,7 +577,9 @@ export default {
     /* 清空 */
     change() {
      this.ticketList = [];
-     this.$refs.tableContract.clearSelection()
+     if(this.$refs.tableContract){
+        this.$refs.tableContract.clearSelection();
+      }
     },
     /* -------------------------------------------------------------------------------- */
     /** 提交按钮 */

front-vue/src/views/service/creditLine/creditLine.vue

@@ -26,7 +26,7 @@
           placeholder="请输授信额度"
           clearable
           size="small"
-          maxlength="25"
+          maxlength="20"
           style="width: 190px"
         /> 
       </el-form-item>
@@ -39,7 +39,7 @@
           placeholder="请输授信额度"
           clearable
           size="small"
-          maxlength="25"
+          maxlength="20"
           style="width: 190px"
         />
       </el-form-item>

front-vue/src/views/service/creditLine/editCreditLine.vue

@@ -184,6 +184,13 @@
                 icon="el-icon-delete"
                 @click="handleDelete(scope.$index, ticketList)"
               >删除</el-button>
+              <el-button 
+              :disabled="!scope.row.pfiUrl" 
+              style="font-size:12px" 
+              type="text" 
+              icon="el-icon-s-promotion"
+              @click="handlePreview(scope.row)" 
+              >预览</el-button>
             </template>
           </el-table-column>
         </el-table>
@@ -251,19 +258,25 @@
         <el-button type="primary" @click="submitForm">确 定</el-button>
         <!-- <el-button @click="cancel">取 消</el-button> -->
       </div>
+    <el-dialog :title="title" :visible.sync="openWord" width="1000px" append-to-body>
+      <iframe :src="wordUrl" width='700px' height='500px' frameborder='1' />
+    </el-dialog>
   </div>
 </template>
 
 <script>
 import { listCreditLine, getCreditLine, delCreditLine, addCreditLine, updateCreditLine} from "@/api/service/creditLine/creditLine";
-import { listFinanceProduct } from "@/api/common/financeProduct"
-import { listCompany } from "@/api/common/company"
-import { listCompanyAcc } from "@/api/common/companyAcc"
+import { listFinanceProduct } from "@/api/common/financeProduct";
+import { listCompany } from "@/api/common/company";
+import { listCompanyAcc } from "@/api/common/companyAcc";
+import { getToken } from "@/utils/auth";
 export default {
   name: "editCreditLine",
   components: {},
   data() {
     return {
+      wordUrl: '',
+      openWord: false,
       //存储授信额度
       amount: '',
       //金额展示
@@ -593,6 +606,27 @@ export default {
       }
       this.selectChecked();
     },
+    /* 预览 */
+    handlePreview(row) {
+      this.title = "";
+      const pfiUrl = row.pfiUrl;
+      const pfiFileName = row.pfiFileName;
+      console.log(pfiFileName.substr(-3),"laalal");
+      if (row.pfiUrl) {
+          if (pfiFileName.substr(-3) == "pdf") {
+              this.wordUrl = pfiUrl + "/" + getToken();
+          } else {
+              this.wordUrl =
+                  "https://view.officeapps.live.com/op/view.aspx?src=" +
+                  pfiUrl +
+                  "/" +
+                  getToken() +
+                  "/" +
+                  pfiFileName;
+          }
+      }
+      this.openWord = true;
+    },
     onSelectAll() {
       if(this.$refs.tableContract){
         this.$refs.tableContract.clearSelection();

front-vue/src/views/service/creditLine/supplierCreditLine.vue

@@ -26,7 +26,7 @@
             placeholder="请输授信额度"
             clearable
             size="small"
-            maxlength="25"
+            maxlength="20"
             style="width: 190px"
           /> 
         </el-form-item>
@@ -39,7 +39,7 @@
             placeholder="请输授信额度"
             clearable
             size="small"
-            maxlength="25"
+            maxlength="20"
             style="width: 190px"
           />
         </el-form-item>
@@ -251,7 +251,7 @@ export default {
         // 设置上传的请求头部
         headers: { Authorization: "Bearer " + getToken() },
         // 上传的地址
-        url: process.env.VUE_APP_BASE_API + "/sc-service_pxh/supplierCreditLine/importData/" + self.zfpcrId + '/' + self.zfpcrCompanyId,
+        url: process.env.VUE_APP_BASE_API + "/sc-service/supplierCreditLine/importData/" + self.zfpcrId + '/' + self.zfpcrCompanyId,
       },
       // 查询参数
       queryParams: {
@@ -305,7 +305,7 @@ export default {
   created() {
     this.zfpcrId = this.$route.params && this.$route.params.zfpcrId;
     this.zfpcrCompanyId = this.$route.params && this.$route.params.zfpcrCompanyId;
-    this.upload.url = process.env.VUE_APP_BASE_API + "/sc-service_pxh/supplierCreditLine/importData/" + this.zfpcrId + '/' + this.zfpcrCompanyId,
+    this.upload.url = process.env.VUE_APP_BASE_API + "/sc-service/supplierCreditLine/importData/" + this.zfpcrId + '/' + this.zfpcrCompanyId,
     this.getDicts("zc_zfpcr_status").then(response => {
       this.statusOptions = response.data;
     });
@@ -473,7 +473,7 @@ export default {
      /** 下载模板操作 */
     importTemplate() {
       this.download(
-        "/sc-service_pxh/supplierCreditLine/importTemplate/",
+        "/sc-service/supplierCreditLine/importTemplate/",
         {},
         `融资方授信模版${new Date().getTime()}.xls`
       );

front-vue/src/views/service/financeRecord/addFinanceRecord.vue

@@ -51,6 +51,11 @@
               <el-input v-model="form.zfiProductId" placeholder="请输入融资产品" style="width: 284px;"/> 
             </el-form-item>
           </el-col>
+          <el-col :span="8">
+            <el-form-item label="平台服务费收取费率" prop="zfpcrChargeRate" v-if="false">
+              <el-input v-model="form.zfpcrChargeRate" placeholder="请输入平台服务费收取费率" style="width: 284px;"/> 
+            </el-form-item>
+          </el-col>
         </el-row>
       </el-form>
       <el-divider content-position="left">应收账款</el-divider>
@@ -264,6 +269,7 @@ export default {
       this.$set(this.form, "zfrRate", item.zfpcrRate);
       this.$set(this.form, "zfpcrLoantype", item.zfpcrLoantype);
       this.$set(this.form, "zfiProductId", item.zfiProductId);
+      this.$set(this.form, "zfpcrChargeRate", item.zfpcrChargeRate);
       if(item.zfiId){
         this.loading = true;
         listBillInf(item.zfiId).then(response => {

front-vue/src/views/service/financeRecord/detailFinanceRecord.vue

@@ -1,12 +1,15 @@
 <template>
   <div class="app-container">
     <!-- 添加或修改融资记录对话框 -->
-      <el-form ref="form" :model="form" :rules="rules" label-width="80px">
+    <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">
+            <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"
@@ -18,37 +21,37 @@
             </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;"/>
+            <el-form-item label="融资金额" prop="zfrAmount" >
+              <el-input v-model="form.zfrAmount" placeholder="请输入融资金额"  style="width: 284px;" disabled/>
             </el-form-item>
           </el-col>
           <el-col :span="8">
-            <el-form-item label="融资账户" prop="zfrCollectionAccount" v-if="this.form.zfpcrLoantype != '0'">
-              <el-input v-model="form.zfrCollectionAccount" placeholder="请输入融资账户" style="width: 284px;"/>
+            <el-form-item label="融资账户" prop="zfrCollectionAccount" v-if="this.form.zfpcrLoantype != '0'" >
+              <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" v-if="false">
-              <el-input v-model="form.zfrRepaymentDate" placeholder="请输入承诺还款日" style="width: 284px;"/> 
+            <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;"/>
+            <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;"/>
+            <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;"/> 
+            <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>
@@ -131,6 +134,12 @@ export default {
   },
   data() {
     return {
+      //融资编号
+      number: '',
+      //创建时间
+      time: '',
+      //创建人
+      user: '',
       // 遮罩层
       loading: true,
       // 选中数组
@@ -194,7 +203,34 @@ export default {
   created() {
     const zfrId = this.$route.params && this.$route.params.zfrId;
     getRecord(zfrId).then((response) => {
-      debugger
+      this.number = response.data.zfrNumber;
+      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;
+            }
+        })
+      }).then(() =>{ 
+        this.form = response.data;
+        this.$set(this.form, "zfrRepaymentDate", this.parseTime(new Date(response.data.zfrRepaymentDate),'{y}-{m}-{d}'));
+        
+      })
     });
     // this.getFinanceInf();
   },

front-vue/src/views/service/financeRecord/financeRecord.vue

@@ -11,13 +11,33 @@
         </div>
         <hr  style="margin-top: 16px;">
         <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px">
-          <el-form-item label="融资编号" prop="zfrNumber">
+          <el-form-item prop="zfrTypes">
+            <el-select v-model="queryParams.zfrTypes"  clearable size="small">
+              <el-option
+                v-for="dict in typesOptions"
+                :key="dict.dictValue"
+                :label="dict.dictLabel"
+                :value="dict.dictValue"
+              />
+            </el-select>
+          </el-form-item>
+          <el-form-item prop="zfrQuery">
+            <el-select v-model="queryParams.zfrQuery"  clearable size="small">
+              <el-option
+                v-for="dict in queryOptions"
+                :key="dict.dictValue"
+                :label="dict.dictLabel"
+                :value="dict.dictValue"
+              />
+            </el-select>
+          </el-form-item>
+          <el-form-item prop="zfrValue" v-if="this.queryParams.zfrQuery">
             <el-input
-              v-model="queryParams.zfrNumber"
-              placeholder="请输入融资编号"
+              v-model="queryParams.zfrValue"
               clearable
               size="small"
-              @keyup.enter.native="handleQuery"
+              maxlength="25"
+              style="width: 190px"
             />
           </el-form-item>
         </el-form>
@@ -39,16 +59,16 @@
             <span>{{(queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1}}</span>
           </template>
         </el-table-column>
-        <el-table-column label="融信编号" align="center" prop="zfiNumner" />
-        <el-table-column label="融资编号" align="center" prop="zfrNumber" />
+        <el-table-column label="融信编号" align="center" prop="zfiNumner" width="180" :show-overflow-tooltip="true"/>
+        <el-table-column label="融资编号" align="center" prop="zfrNumber" width="180" :show-overflow-tooltip="true"/>
         <el-table-column label="开立方" align="center" prop="coreScyName" />
         <el-table-column label="融资金额" align="center" prop="zfrAmount" />
         <el-table-column label="融资利率" align="center" prop="zfrRate" />
         <el-table-column label="经办人" align="center" prop="zfrHandler" />
-        <el-table-column label="承诺还款时间" align="center" prop="zfrRepaymentDate" width="180"/>
-        <el-table-column label="融资申请日期" align="center" prop="zfrApplyDate" width="180"/>
-        <el-table-column label="融资放款日期" align="center" prop="zfrLoanDate" width="180"/>
-        <el-table-column label="融资状态" align="center" prop="zfrStatus" />
+        <el-table-column label="承诺还款时间" align="center" prop="zfrRepaymentDate" width="180" :show-overflow-tooltip="true"/>
+        <el-table-column label="融资申请日期" align="center" prop="zfrApplyDate" width="180" :show-overflow-tooltip="true"/>
+        <el-table-column label="融资放款日期" align="center" prop="zfrLoanDate" width="180" :show-overflow-tooltip="true"/>
+        <el-table-column label="融资状态" :formatter="statusFormat" align="center" prop="zfrStatus" />
         <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
           <template slot-scope="scope">
             <el-button
@@ -62,9 +82,17 @@
               size="mini"
               type="text"
               icon="el-icon-delete"
-              @click="handleDelete(scope.row)"
-              v-hasPermi="['sc-service:record:remove']"
-            >删除</el-button>
+              @click="handleLoan(scope.row)"
+              v-hasPermi="['finance:record:edit']"
+              v-if="scope.row.zfrStatus == '00'"
+            >放款登记</el-button>
+            <el-button
+              size="mini"
+              type="text"
+              icon="el-icon-delete"
+              @click="handleExport(scope.row)"
+              v-hasPermi="['finance:record:export']"
+            >导出</el-button>
           </template>
         </el-table-column>
       </el-table>
@@ -77,6 +105,7 @@
         @pagination="getList"
       />
     </el-tab-pane>
+
     <!-- 融资中table页 -->
     <el-tab-pane label="融资中">
       <el-card class="fiche">
@@ -88,60 +117,76 @@
         </div>
         <hr  style="margin-top: 16px;">
         <el-form :model="queryParamsIng" ref="queryFormIng" :inline="true" v-show="showSearch" label-width="68px">
-          <el-form-item label="融资编号" prop="zfrNumber">
+          <el-form-item prop="zfrTypes">
+            <el-select v-model="queryParams.zfrTypes"  clearable size="small">
+              <el-option
+                v-for="dict in typesOptions"
+                :key="dict.dictValue"
+                :label="dict.dictLabel"
+                :value="dict.dictValue"
+              />
+            </el-select>
+          </el-form-item>
+          <el-form-item prop="zfrQuery">
+            <el-select v-model="queryParams.zfrQuery"  clearable size="small">
+              <el-option
+                v-for="dict in queryOptions"
+                :key="dict.dictValue"
+                :label="dict.dictLabel"
+                :value="dict.dictValue"
+              />
+            </el-select>
+          </el-form-item>
+          <el-form-item prop="zfrValue" v-if="this.queryParams.zfrQuery">
             <el-input
-              v-model="queryParamsIng.zfrNumber"
-              placeholder="请输入融资编号"
+              v-model="queryParams.zfrValue"
               clearable
               size="small"
-              @keyup.enter.native="handleQueryIng"
+              maxlength="25"
+              style="width: 190px"
             />
           </el-form-item>
         </el-form>
       </el-card>
-      <el-row :gutter="10" class="mb8">
-        <el-col :span="1.5">
-          <el-button
-            type="primary"
-            icon="el-icon-plus"
-            size="mini"
-            @click="handleAdd"
-            v-hasPermi="['finance:record:add']"
-          >申请融资</el-button>
-        </el-col>
-      </el-row>
       <el-table v-loading="loadingIng" :data="recordIngList" @selection-change="handleSelectionChangeIng">
         <el-table-column label="序号" type="index" width="50" align="center">
           <template slot-scope="scope">
             <span>{{(queryParamsIng.pageNum - 1) * queryParamsIng.pageSize + scope.$index + 1}}</span>
           </template>
         </el-table-column>
-        <el-table-column label="融信编号" align="center" prop="zfiNumner" />
-        <el-table-column label="融资编号" align="center" prop="zfrNumber" />
+        <el-table-column label="融信编号" align="center" prop="zfiNumner" width="180" :show-overflow-tooltip="true"/>
+        <el-table-column label="融资编号" align="center" prop="zfrNumber" width="180" :show-overflow-tooltip="true"/>
         <el-table-column label="开立方" align="center" prop="coreScyName" />
         <el-table-column label="融资金额" align="center" prop="zfrAmount" />
         <el-table-column label="融资利率" align="center" prop="zfrRate" />
         <el-table-column label="经办人" align="center" prop="zfrHandler" />
-        <el-table-column label="承诺还款时间" align="center" prop="zfrRepaymentDate" width="180"/>
-        <el-table-column label="融资申请日期" align="center" prop="zfrApplyDate" width="180"/>
-        <el-table-column label="融资放款日期" align="center" prop="zfrLoanDate" width="180"/>
-        <el-table-column label="融资状态" align="center" prop="zfrStatus" />
+        <el-table-column label="承诺还款时间" align="center" prop="zfrRepaymentDate" width="180" :show-overflow-tooltip="true"/>
+        <el-table-column label="融资申请日期" align="center" prop="zfrApplyDate" width="180" :show-overflow-tooltip="true"/>
+        <el-table-column label="融资放款日期" align="center" prop="zfrLoanDate" width="180" :show-overflow-tooltip="true"/>
+        <el-table-column label="融资状态" :formatter="statusFormat" align="center" prop="zfrStatus" />
         <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
           <template slot-scope="scope">
             <el-button
               size="mini"
               type="text"
               icon="el-icon-edit"
-              @click="handleUpdate(scope.row)"
-              v-hasPermi="['sc-service:record:edit']"
-            >修改</el-button>
+              @click="handleDetail(scope.row)"
+              v-hasPermi="['finance:record:query']"
+            >详情</el-button>
+            <el-button
+              size="mini"
+              type="text"
+              icon="el-icon-delete"
+              @click="handleLoan(scope.row)"
+              v-hasPermi="['finance:record:edit']"
+            >放款登记</el-button>
             <el-button
               size="mini"
               type="text"
               icon="el-icon-delete"
-              @click="handleDelete(scope.row)"
-              v-hasPermi="['sc-service:record:remove']"
-            >删除</el-button>
+              @click="handleExport(scope.row)"
+              v-hasPermi="['finance:record:export']"
+            >导出</el-button>
           </template>
         </el-table-column>
       </el-table>
@@ -151,9 +196,10 @@
         :total="totalIng"
         :page.sync="queryParamsIng.pageNum"
         :limit.sync="queryParamsIng.pageSize"
-        @pagination="getList"
+        @pagination="getIngList"
       />
     </el-tab-pane>
+
     <!-- 已放款table页 -->
     <el-tab-pane label="已放款">
       <el-card class="fiche">
@@ -165,60 +211,69 @@
         </div>
         <hr  style="margin-top: 16px;">
         <el-form :model="queryParamsEnd" ref="queryFormEnd" :inline="true" v-show="showSearch" label-width="68px">
-          <el-form-item label="融资编号" prop="zfrNumber">
+          <el-form-item prop="zfrTypes">
+            <el-select v-model="queryParams.zfrTypes"  clearable size="small">
+              <el-option
+                v-for="dict in typesOptions"
+                :key="dict.dictValue"
+                :label="dict.dictLabel"
+                :value="dict.dictValue"
+              />
+            </el-select>
+          </el-form-item>
+          <el-form-item prop="zfrQuery">
+            <el-select v-model="queryParams.zfrQuery"  clearable size="small">
+              <el-option
+                v-for="dict in queryOptions"
+                :key="dict.dictValue"
+                :label="dict.dictLabel"
+                :value="dict.dictValue"
+              />
+            </el-select>
+          </el-form-item>
+          <el-form-item prop="zfrValue" v-if="this.queryParams.zfrQuery">
             <el-input
-              v-model="queryParamsEnd.zfrNumber"
-              placeholder="请输入融资编号"
+              v-model="queryParams.zfrValue"
               clearable
               size="small"
-              @keyup.enter.native="handleQueryEnd"
+              maxlength="25"
+              style="width: 190px"
             />
           </el-form-item>
         </el-form>
       </el-card>
-      <el-row :gutter="10" class="mb8">
-        <el-col :span="1.5">
-          <el-button
-            type="primary"
-            icon="el-icon-plus"
-            size="mini"
-            @click="handleAdd"
-            v-hasPermi="['finance:record:add']"
-          >申请融资</el-button>
-        </el-col>
-      </el-row>
       <el-table v-loading="loadingEnd" :data="recordEndList" @selection-change="handleSelectionChange">
         <el-table-column label="序号" type="index" width="50" align="center">
           <template slot-scope="scope">
             <span>{{(queryParamsEnd.pageNum - 1) * queryParamsEnd.pageSize + scope.$index + 1}}</span>
           </template>
         </el-table-column>
-        <el-table-column label="融信编号" align="center" prop="zfiNumner" />
-        <el-table-column label="融资编号" align="center" prop="zfrNumber" />
+        <el-table-column label="融信编号" align="center" prop="zfiNumner" width="180" :show-overflow-tooltip="true"/>
+        <el-table-column label="融资编号" align="center" prop="zfrNumber" width="180" :show-overflow-tooltip="true"/>
         <el-table-column label="开立方" align="center" prop="coreScyName" />
         <el-table-column label="融资金额" align="center" prop="zfrAmount" />
         <el-table-column label="融资利率" align="center" prop="zfrRate" />
         <el-table-column label="经办人" align="center" prop="zfrHandler" />
-        <el-table-column label="承诺还款时间" align="center" prop="zfrRepaymentDate" width="180"/>
-        <el-table-column label="融资申请日期" align="center" prop="zfrApplyDate" width="180"/>
-        <el-table-column label="融资放款日期" align="center" prop="zfrLoanDate" width="180"/>
-        <el-table-column label="融资状态" align="center" prop="zfrStatus" />
+        <el-table-column label="承诺还款时间" align="center" prop="zfrRepaymentDate" width="180" :show-overflow-tooltip="true"/>
+        <el-table-column label="融资申请日期" align="center" prop="zfrApplyDate" width="180" :show-overflow-tooltip="true"/>
+        <el-table-column label="融资放款日期" align="center" prop="zfrLoanDate" width="180" :show-overflow-tooltip="true"/>
+        <el-table-column label="融资状态" :formatter="statusFormat" align="center" prop="zfrStatus" />
         <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
           <template slot-scope="scope">
             <el-button
               size="mini"
               type="text"
               icon="el-icon-edit"
-              @click="handleUpdate(scope.row)"
-              v-hasPermi="['sc-service:record:edit']"
-            >修改</el-button>
+              @click="handleDetail(scope.row)"
+              v-hasPermi="['finance:record:query']"
+            >详情</el-button>
             <el-button
               size="mini"
               type="text"
               icon="el-icon-delete"
-              @click="handleDelete(scope.row)"
-              v-hasPermi="['sc-service:record:remove']"
-            >删除</el-button>
+              @click="handleExport(scope.row)"
+              v-hasPermi="['finance:record:export']"
+            >导出</el-button>
           </template>
         </el-table-column>
       </el-table>
@@ -228,7 +283,7 @@
         :total="totalEnd"
         :page.sync="queryParamsEnd.pageNum"
         :limit.sync="queryParamsEnd.pageSize"
-        @pagination="getList"
+        @pagination="getEndList"
       />
     </el-tab-pane>
     <!-- 融资失败table页 -->
@@ -242,44 +297,53 @@
         </div>
         <hr  style="margin-top: 16px;">
         <el-form :model="queryParamsLose" ref="queryFormLose" :inline="true" v-show="showSearch" label-width="68px">
-          <el-form-item label="融资编号" prop="zfrNumber">
+          <el-form-item prop="zfrTypes">
+            <el-select v-model="queryParams.zfrTypes"  clearable size="small">
+              <el-option
+                v-for="dict in typesOptions"
+                :key="dict.dictValue"
+                :label="dict.dictLabel"
+                :value="dict.dictValue"
+              />
+            </el-select>
+          </el-form-item>
+          <el-form-item prop="zfrQuery">
+            <el-select v-model="queryParams.zfrQuery"  clearable size="small">
+              <el-option
+                v-for="dict in queryOptions"
+                :key="dict.dictValue"
+                :label="dict.dictLabel"
+                :value="dict.dictValue"
+              />
+            </el-select>
+          </el-form-item>
+          <el-form-item prop="zfrValue" v-if="this.queryParams.zfrQuery">
             <el-input
-              v-model="queryParamsLose.zfrNumber"
-              placeholder="请输入融资编号"
+              v-model="queryParams.zfrValue"
               clearable
               size="small"
-              @keyup.enter.native="handleQueryLose"
+              maxlength="25"
+              style="width: 190px"
             />
           </el-form-item>
         </el-form>
       </el-card>
-      <el-row :gutter="10" class="mb8">
-        <el-col :span="1.5">
-          <el-button
-            type="primary"
-            icon="el-icon-plus"
-            size="mini"
-            @click="handleAdd"
-            v-hasPermi="['finance:record:add']"
-          >申请融资</el-button>
-        </el-col>
-      </el-row>
       <el-table v-loading="loadingLose" :data="recordLoseList" @selection-change="handleSelectionChange">
         <el-table-column label="序号" type="index" width="50" align="center">
           <template slot-scope="scope">
             <span>{{(queryParamsLose.pageNum - 1) * queryParamsLose.pageSize + scope.$index + 1}}</span>
           </template>
         </el-table-column>
-        <el-table-column label="融信编号" align="center" prop="zfiNumner" />
-        <el-table-column label="融资编号" align="center" prop="zfrNumber" />
+        <el-table-column label="融信编号" align="center" prop="zfiNumner" width="180" :show-overflow-tooltip="true"/>
+        <el-table-column label="融资编号" align="center" prop="zfrNumber" width="180" :show-overflow-tooltip="true"/>
         <el-table-column label="开立方" align="center" prop="coreScyName" />
         <el-table-column label="融资金额" align="center" prop="zfrAmount" />
         <el-table-column label="融资利率" align="center" prop="zfrRate" />
         <el-table-column label="经办人" align="center" prop="zfrHandler" />
-        <el-table-column label="承诺还款时间" align="center" prop="zfrRepaymentDate" width="180"/>
-        <el-table-column label="融资申请日期" align="center" prop="zfrApplyDate" width="180"/>
-        <el-table-column label="融资放款日期" align="center" prop="zfrLoanDate" width="180"/>
-        <el-table-column label="融资状态" align="center" prop="zfrStatus" />
+        <el-table-column label="承诺还款时间" align="center" prop="zfrRepaymentDate" width="180" :show-overflow-tooltip="true"/>
+        <el-table-column label="融资申请日期" align="center" prop="zfrApplyDate" width="180" :show-overflow-tooltip="true"/>
+        <el-table-column label="融资放款日期" align="center" prop="zfrLoanDate" width="180" :show-overflow-tooltip="true"/>
+        <el-table-column label="融资状态" :formatter="statusFormat" align="center" prop="zfrStatus" />
         <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
           <template slot-scope="scope">
             <el-button
@@ -293,9 +357,9 @@
               size="mini"
               type="text"
               icon="el-icon-delete"
-              @click="handleDelete(scope.row)"
-              v-hasPermi="['sc-service:record:remove']"
-            >删除</el-button>
+              @click="handleExport(scope.row)"
+              v-hasPermi="['finance:record:export']"
+            >导出</el-button>
           </template>
         </el-table-column>
       </el-table>
@@ -305,66 +369,41 @@
         :total="totalLose"
         :page.sync="queryParamsLose.pageNum"
         :limit.sync="queryParamsLose.pageSize"
-        @pagination="getList"
+        @pagination="getLoseList"
       />
     </el-tab-pane>
     <!-- 添加或修改融资记录对话框 -->
     <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
       <el-form ref="form" :model="form" :rules="rules" label-width="80px">
-        <el-form-item label="融信ID(zc_finance_inf.zfi_id)" prop="zfrFinanceId">
-          <el-input v-model="form.zfrFinanceId" placeholder="请输入融信ID(zc_finance_inf.zfi_id)" />
+        <el-form-item label="实际放款金额" prop="zfrloanAmount" label-width="100px">
+          <el-input v-model="form.zfrloanAmount" placeholder="实际放款金额" style="width:284px"/>
         </el-form-item>
-        <el-form-item label="融资编号" prop="zfrNumber">
-          <el-input v-model="form.zfrNumber" placeholder="请输入融资编号" />
+        <el-form-item label="上传附件">
+          <el-upload
+            ref="upload"
+            class="upload-demo"
+            action=""
+            :class="{showUoload:showBtnImg,uoloadSty:noneBtnImg}"
+            :on-change="dealImgChange"
+            accept=".jpg, .jpeg, .png, .JPG, .JPEG, .PNG"
+            :http-request="httpRequest"
+            :on-preview="handlePictureCardPreview"
+            :on-remove="handleRemove"
+            multiple
+            :limit="1"
+            :on-exceed="handleExceed"
+            list-type="picture-card"
+            :file-list="fileList"
+            :auto-upload="false">
+            <el-button slot="trigger" size="small" type="primary">点击选择</el-button>
+            <el-button style="margin-left: 10px;" size="small" type="success" @click="submitUpload">上传到服务器</el-button>
+          </el-upload>
         </el-form-item>
-        <el-form-item label="融资金额" prop="zfrAmount">
-          <el-input v-model="form.zfrAmount" placeholder="请输入融资金额" />
+        <el-form-item label="融资id" prop="zfrId" label-width="90px" v-if="false">
+          <el-input v-model="form.zfrId"  style="width:284px"/>
         </el-form-item>
-        <el-form-item label="融资利率" prop="zfrRate">
-          <el-input v-model="form.zfrRate" placeholder="请输入融资利率" />
-        </el-form-item>
-        <el-form-item label="经办人" prop="zfrHandler">
-          <el-input v-model="form.zfrHandler" placeholder="请输入经办人" />
-        </el-form-item>
-        <el-form-item label="承诺还款时间" prop="zfrRepaymentDate">
-          <el-date-picker clearable size="small"
-            v-model="form.zfrRepaymentDate"
-            type="date"
-            value-format="yyyy-MM-dd"
-            placeholder="选择承诺还款时间">
-          </el-date-picker>
-        </el-form-item>
-        <el-form-item label="融资申请日期" prop="zfrApplyDate">
-          <el-date-picker clearable size="small"
-            v-model="form.zfrApplyDate"
-            type="date"
-            value-format="yyyy-MM-dd"
-            placeholder="选择融资申请日期">
-          </el-date-picker>
-        </el-form-item>
-        <el-form-item label="融资放款日期" prop="zfrLoanDate">
-          <el-date-picker clearable size="small"
-            v-model="form.zfrLoanDate"
-            type="date"
-            value-format="yyyy-MM-dd"
-            placeholder="选择融资放款日期">
-          </el-date-picker>
-        </el-form-item>
-        <el-form-item label="已还款金额" prop="zfrApplyAmount">
-          <el-input v-model="form.zfrApplyAmount" placeholder="请输入已还款金额" />
-        </el-form-item>
-        <el-form-item label="还款方式(0:线下, 1:线上)" prop="zfrApplyType">
-          <el-select v-model="form.zfrApplyType" placeholder="请选择还款方式(0:线下, 1:线上)">
-            <el-option label="请选择字典生成" value="" />
-          </el-select>
-        </el-form-item>
-        <el-form-item label="状态">
-          <el-radio-group v-model="form.zfrStatus">
-            <el-radio label="1">请选择字典生成</el-radio>
-          </el-radio-group>
-        </el-form-item>
-        <el-form-item label="审批状态(00:审核中 01:审批退回)" prop="zfrApproveStt">
-          <el-input v-model="form.zfrApproveStt" placeholder="请输入审批状态(00:审核中 01:审批退回)" />
+        <el-form-item label="融信id" prop="zfrFinanceId" label-width="90px" v-if="false">
+          <el-input v-model="form.zfrFinanceId"  style="width:284px"/>
         </el-form-item>
       </el-form>
       <div slot="footer" class="dialog-footer">
@@ -372,18 +411,30 @@
         <el-button @click="cancel">取 消</el-button>
       </div>
     </el-dialog>
+    <el-dialog :visible.sync="dialogVisible">
+      <img width="100%" :src="dialogImageUrl" alt="">
+    </el-dialog>
   </el-tabs>
 </template>
 
 <script>
 import { listRecord, getRecord, delRecord, addRecord, updateRecord } from "@/api/service/financeRecord/record";
-import Cookies from 'js-cookie'
+import { uploadFileNew } from "@/api/common/file";
+import Cookies from 'js-cookie';
+import { getToken } from "@/utils/auth";
 export default {
   name: "finaceRecord",
   components: {
   },
   data() {
     return {
+      //上传使用
+      dialogImageUrl: '',
+      dialogVisible: false,
+      //附件按钮
+      showBtnImg:true,
+      noneBtnImg:false,
+      limitCountImg:1,
       // 遮罩层
       loading: true,
       loadingIng: true,
@@ -410,6 +461,13 @@ export default {
       recordEndList: [],
       // 融资失败融资记录表格数据
       recordLoseList: [],
+      //附件地址
+      fileList:[],
+      //融资状态数据字典
+      statusOptions: [],
+      //筛选条件数据字典
+      typesOptions: [],
+      queryOptions: [],
       // 弹出层标题
       title: "",
       // 是否显示弹出层
@@ -430,6 +488,9 @@ export default {
         zfrApplyType: null,
         zfrStatus: null,
         zfrApproveStt: null,
+        zfrTypes: null,
+        zfrQuery: null,
+        zfrValue: null
       },
       queryParamsIng: {
         pageNum: 1,
@@ -446,6 +507,9 @@ export default {
         zfrApplyType: null,
         zfrStatus: null,
         zfrApproveStt: null,
+        zfrTypes: null,
+        zfrQuery: null,
+        zfrValue: null
       },
       queryParamsEnd: {
         pageNum: 1,
@@ -462,6 +526,9 @@ export default {
         zfrApplyType: null,
         zfrStatus: null,
         zfrApproveStt: null,
+        zfrTypes: null,
+        zfrQuery: null,
+        zfrValue: null
       },
       queryParamsLose: {
         pageNum: 1,
@@ -478,26 +545,18 @@ export default {
         zfrApplyType: null,
         zfrStatus: null,
         zfrApproveStt: null,
+        zfrTypes: null,
+        zfrQuery: null,
+        zfrValue: null
       },
       // 表单参数
       form: {},
       // 表单校验
       rules: {
-        zfrFinanceId: [
-          { required: true, message: "融信ID(zc_finance_inf.zfi_id)不能为空", trigger: "blur" }
-        ],
-        zfrAmount: [
-          { required: true, message: "融资金额不能为空", trigger: "blur" }
-        ],
-        zfrRate: [
-          { required: true, message: "融资利率不能为空", trigger: "blur" }
-        ],
-        zfrHandler: [
-          { required: true, message: "经办人不能为空", trigger: "blur" }
-        ],
-        zfrStatus: [
-          { required: true, message: "状态不能为空", trigger: "blur" }
+        zfrloanAmount: [
+          { required: true, message: "放款金额不能为空", trigger: "blur" }
         ],
+        
       }
     };
   },
@@ -506,13 +565,30 @@ export default {
     this.getIngList();
     this.getEndList();
     this.getLoseList();
+    this.getDicts("ser_zfr_status").then(response => {
+      this.statusOptions = response.data;
+    });
+    this.getDicts("zc_zfr_types").then(response => {
+      this.typesOptions = response.data;
+    });
+    this.getDicts("zc_zfr_query").then(response => {
+      this.queryOptions = response.data;
+    });
+  },
+  activated() {
+    this.getList();
+    this.getIngList();
+    this.getEndList();
+    this.getLoseList();
+    this.getDicts("ser_zfr_status").then(response => {
+      this.statusOptions = response.data;
+    });
   },
   methods: {
     /** 查询全部融资记录列表 */
     getList() {
       this.loading = true;
       listRecord(this.queryParams).then(response => {
-        debugger
         this.recordList = response.data.records;
         this.total = response.data.total;
         this.loading = false;
@@ -567,7 +643,7 @@ export default {
         zfrLoanDate: null,
         zfrApplyAmount: null,
         zfrApplyType: null,
-        zfrStatus: "0",
+        zfrStatus: "00",
         zfrApproveStt: null,
         zfrProfitSpare1: null,
         zfrProfitSpare2: null,
@@ -581,9 +657,11 @@ export default {
         createBy: null,
         createTime: null,
         updateBy: null,
-        updateTime: null
+        updateTime: null,
+        zfrLoanFile: null
       };
       this.resetForm("form");
+      this.fileList = [];
     },
     /** 全部搜索按钮操作 */
     handleQuery() {
@@ -598,7 +676,7 @@ export default {
     /** 融资中搜索按钮操作 */
     handleQueryIng() {
       this.queryParamsIng.pageNum = 1;
-      this.getList();
+      this.getIngList();
     },
     /**融资中重置按钮操作 */
     resetQueryIng() {
@@ -608,7 +686,7 @@ export default {
     /** 已放款搜索按钮操作 */
     handleQueryEnd() {
       this.queryParamsEnd.pageNum = 1;
-      this.getList();
+      this.getEndList();
     },
     /**已放款重置按钮操作 */
     resetQueryEnd() {
@@ -618,7 +696,7 @@ export default {
     /** 融资失败搜索按钮操作 */
     handleQueryLose() {
       this.queryParamsLose.pageNum = 1;
-      this.getList();
+      this.getLoseList();
     },
     /*融资失败重置按钮操作 */
     resetQueryLose() {
@@ -637,6 +715,10 @@ export default {
       this.single = selection.length!==1
       this.multiple = !selection.length
     },
+    /** 字典翻译 */
+    statusFormat(row, column) {
+      return this.selectDictLabel(this.statusOptions, row.zfrStatus);
+    },
     /** 新增按钮操作 */
     handleAdd() {
       Cookies.set("/financeRecord/addFinanceRecord/", this.$route.fullPath)
@@ -655,6 +737,15 @@ export default {
         this.title = "修改融资记录";
       });
     },
+    handleLoan(row){
+      this.reset();
+      this.form.zfrId = row.zfrId || this.ids
+      this.form.zfrAmount = row.zfrAmount;
+      this.form.zfrloanAmount = row.zfrAmount;
+      this.form.zfrFinanceId = row.zfrFinanceId;
+      this.open = true;
+      this.title = "放款登记";
+    },
     handleDetail(row){
       this.reset();
       const zfrId = row.zfrId || this.ids
@@ -666,6 +757,7 @@ export default {
       this.$refs["form"].validate(valid => {
         if (valid) {
           if (this.form.zfrId != null) {
+            this.form.zfrLoanFile = this.fileList;
             updateRecord(this.form).then(response => {
               this.msgSuccess("修改成功");
               this.open = false;
@@ -681,6 +773,59 @@ export default {
         }
       });
     },
+    /** 上传图片 */
+    submitUpload(){
+      this.$refs.upload.submit();
+    },
+    //文件移除提示
+    handleRemove(file, fileList) {
+      console.log(file)
+      for(let i = 0;i< this.fileList.length;i++){
+        if(file.uid == this.fileList[i].uid){
+          this.fileList.splice(i, 1);
+          break;
+        }
+      }
+      this.noneBtnImg = fileList.length >= this.limitCountImg;
+      //return this.$confirm(`确定移除 ${ file.name }？`);
+    },
+
+    dealImgChange(file, fileList){
+      this.noneBtnImg = fileList.length >= this.limitCountImg;
+    },
+
+    handleExceed(files, fileList) {
+      this.$message.warning(`当前限制选择 1 个文件`);
+    },
+    handlePictureCardPreview(file) {
+        this.dialogImageUrl = file.url;
+        this.dialogVisible = true;
+      },
+    //手动上传文件触发
+    httpRequest(param) {
+      let fileObj = param.file // 相当于input里取得的files
+      let fd = new FormData()// FormData 对象
+      fd.append('file', fileObj)// 文件对象
+      fd.append('fileType','00')//文件类型
+      const loading = this.$loading({
+        lock: true,
+        text: 'Loading',
+        spinner: 'el-icon-loading',
+        background: 'rgba(0, 0, 0, 0.7)'
+      });
+      uploadFileNew(fd).then(response => {
+        if(response){
+          // this.form.eeiImgUrl = response.url
+          this.fileList.push({uid : response.fileId,url:response.url+'/'+getToken()})
+          console.log(response.url)
+          setTimeout(() => {
+            loading.close();
+          }, 2000);
+        }
+      }).catch(response => {
+            loading.close();
+      })
+    },
     /** 删除按钮操作 */
     handleDelete(row) {
       const zfrIds = row.zfrId || this.ids;
@@ -696,10 +841,10 @@ export default {
         })
     },
     /** 导出按钮操作 */
-    handleExport() {
-      this.download('sc-service/record/export', {
-        ...this.queryParams
-      }, `sc-service_record.xlsx`)
+    handleExport(row) {
+      const zfrFinanceId = row.zfrFinanceId || this.ids;
+      this.download('sc-service/financeRecord/export/'+ zfrFinanceId, {
+      }, `融资管理附件${new Date()}.zip`)
     }
   }
 };