供应商授信页面

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

@@ -10,10 +10,20 @@
          </div>
          <hr  style="margin-top: 16px;">
     <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px">
-      <el-form-item prop="scyName" label="企业名称">
+      <el-form-item prop="rzScyName" label="资金方名称" label-width="77px">
         <el-input
-          v-model="queryParams.scyName"
-          placeholder="请输入企业名称"
+          v-model="queryParams.rzScyName"
+          placeholder="请输入资金方名称"
+          clearable
+          size="small"
+          maxlength="25"
+          style="width: 190px"
+        />
+      </el-form-item>
+      <el-form-item prop="zfpName" label="融资产品">
+        <el-input
+          v-model="queryParams.zfpName"
+          placeholder="请输入融资产品"
           clearable
           size="small"
           maxlength="25"
@@ -101,8 +111,25 @@
       </el-col>
     </el-row>
 
+    <el-table v-loading="loading" :data="creditLineList" @selection-change="handleSelectionChange" :row-key="rowKey" stripe  :cell-style="changeCellStyle" border v-if="this.companyType == '02'">
+      <!-- <el-table-column type="selection" width="50" align="center" :reserve-selection="true" /> -->
+      <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="scyName" show-overflow-tooltip/>
+      <el-table-column label="融资产品" align="center" prop="zfpName" v-if="uncheckList.zfpName" show-overflow-tooltip/>
+      <el-table-column label="授信额度" :formatter="moneyFormat"  align="center" prop="zfsqAmount" show-overflow-tooltip  width="120"/>
+      <el-table-column label="利率(%)" align="center" prop="zfpcrRate"  width="120" />
+      <el-table-column label="已使用额度" :formatter="moneyFormat"  align="center" prop="zfiAmount"  width="120"/>
+      <el-table-column label="可用额度" :formatter="moneyFormat"  align="center" prop="usableAmount"  width="120"/>
+      <el-table-column label="生效日期" align="center" prop="zfpcrStartDate"  show-overflow-tooltip/>
+      <el-table-column label="到期日期" align="center" prop="zfpcrEndDate"  show-overflow-tooltip/>
+      <el-table-column label="授信状态" :formatter="statuFormat" align="center" prop="zfsqStatus"  show-overflow-tooltip/>
+    </el-table>
 
-    <el-table v-loading="loading" :data="creditLineList" @selection-change="handleSelectionChange" :row-key="rowKey" stripe  :cell-style="changeCellStyle" border>
+    <el-table v-loading="loading" :data="creditLineList" @selection-change="handleSelectionChange" :row-key="rowKey" stripe  :cell-style="changeCellStyle" border v-if="this.companyType != '02'">
       <!-- <el-table-column type="selection" width="50" align="center" :reserve-selection="true" /> -->
       <el-table-column label="序号" type="index" width="50" align="center">
         <template slot-scope="scope">
@@ -120,8 +147,8 @@
       <el-table-column label="已使用额度" :formatter="moneyFormat"  align="center" prop="zfiAmount" v-if="uncheckList.zfiAmount" width="120"/>
       <el-table-column label="已分配额度" :formatter="moneyFormat"  align="center" prop="supplierAmount" v-if="uncheckList.supplierAmount" width="120"/>
       <el-table-column label="可用额度" :formatter="moneyFormat"  align="center" prop="usableAmount" v-if="uncheckList.usableAmount && (this.companyType == '00' || this.companyType == '03')" width="120"/>
-      <el-table-column label="开始日期" align="center" prop="zfpcrStartDate" v-if="uncheckList.zfpcrStartDate" show-overflow-tooltip/>
-      <el-table-column label="结束日期" align="center" prop="zfpcrEndDate" v-if="uncheckList.zfpcrEndDate" show-overflow-tooltip/>
+      <el-table-column label="生效日期" align="center" prop="zfpcrStartDate" v-if="uncheckList.zfpcrStartDate" show-overflow-tooltip/>
+      <el-table-column label="到期日期" align="center" prop="zfpcrEndDate" v-if="uncheckList.zfpcrEndDate" show-overflow-tooltip/>
       <el-table-column label="授信状态" :formatter="statusFormat" align="center" prop="zfpcrStatus" v-if="uncheckList.zfpcrStatus" show-overflow-tooltip/>
       <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="250">
         <template slot-scope="scope">
@@ -213,6 +240,8 @@ export default {
       contractList: [],
       //授信状态数据字典
       statusOptions: [],
+      //供应商授信状态数据字典
+      statuOptions: [],
       //授信类型(融资产品类型)
       typeOptions: [],
       // 弹出层标题
@@ -248,12 +277,13 @@ export default {
         zfpcrProfitSpare7: null,
         zfpcrProfitSpare8: null,
         zfpcrProfitSpare9: null,
-        sysName: null,
+        rzScyName: null,
         AmountA: null,
         AmountB: null,
         startTime: [],
         endTime: [],
-        zfpType: null
+        zfpType: null,
+        zfpName: null
       },
       options: [],
       // 表单参数
@@ -368,6 +398,9 @@ export default {
     this.getDicts("zc_zfpcr_status").then(response => {
       this.statusOptions = response.data;
     });
+    this.getDicts("zc_zfsq_status").then(response => {
+      this.statuOptions = response.data;
+    });
     this.getDicts("zc_zfp_type").then(response => {
       this.typeOptions = response.data;
     });
@@ -479,6 +512,9 @@ export default {
     statusFormat(row, column) {
       return this.selectDictLabel(this.statusOptions, row.zfpcrStatus);
     },
+    statuFormat(row, column) {
+      return this.selectDictLabel(this.statuOptions, row.zfsqStatus);
+    },
     typeFormat(row, column) {
       return this.selectDictLabel(this.typeOptions, row.zfpType);
     },