风控审核报告

src/styles/element.scss

@@ -420,9 +420,13 @@ body {
     line-height: 16px;
   }
 }
-.line-input {
+.line-input, .line-input.is-disabled {
   .el-input__wrapper {
-    box-shadow: none;
-    border-bottom: 1px solid rgb(204, 204, 204);
+    box-shadow: none !important;
+    border-bottom: 1px solid rgb(204, 204, 204) !important;
+    background-color: transparent !important;
   }
+}
+.el-radio {
+  margin-right: 8px !important;
 }
\ No newline at end of file

src/views/infoGather/customerGather/components/Customer.vue

@@ -5,9 +5,12 @@
           <el-button type="warning" plain size="mini" v-print="printContent"
             >打印客户信息
           </el-button>
-          <el-button type="warning" plain size="mini" v-print="printContentWd"
+          <el-button type="warning" plain size="mini" v-print="printContentWd" :disabled="!form.lending.length"
             >打印网贷信息
           </el-button>
+          <el-button type="warning" plain size="mini" v-print="printContentXyk" :disabled="!form.creditCard.length"
+            >打印信用卡信息
+          </el-button>
         <!-- </template> -->
         <el-button type="primary" @click="submit()">保存</el-button>
         <!-- <template v-if="route.query.id"> -->
@@ -159,9 +162,9 @@
         </tr>
         <tr>
           <td class="label">信用卡数量</td>
-          <td colspan="2"><el-input class="line-input" v-model="form.roleDesc" placeholder="" /></td>
+          <td colspan="2"><el-input class="line-input" v-model="cardConfig.data.length" placeholder="" disabled /></td>
           <td class="label">信用贷、网贷机构数量</td>
-          <td colspan="2"><el-input class="line-input" v-model="form.roleDesc" placeholder="" /></td>
+          <td colspan="2"><el-input class="line-input" v-model="creditArr.length" placeholder="" disabled/></td>
         </tr>
         <tr>
           <td class="label">特殊原因备注</td>
@@ -252,24 +255,36 @@
       ref="CreditcardRef"
       @success="changeCreditcard"
     ></Creditcard>
+    <div >
     <div style="overflow: hidden;width: 0;height: 0;">
       <div id="customerStatic" style="padding: 10px">
-        <table>
+        <h1 style="text-align: center;font-size: 20px">信用卡、网贷状况统计表</h1>
+        <table style="table-layout:fixed">
           <customerPrint :data="form"></customerPrint>
           <cardAndCredit :data="form"></cardAndCredit>
           <!-- <productOrderDetail :workOrderTable="workOrderTable[index]" style="page-break-after:always"></productOrderDetail> -->
         </table>
-      
-      <div id="customerStaticWd">
+      </div>
+      <div id="customerStaticWd" style="padding: 10px">
         <div v-for="(item, index) in form.lending" :key="'lending' + index">
-          <table>
+          <h1 style="text-align: center;font-size: 20px">客户信息收集表(信用贷、网贷版)</h1>
+          <table style="table-layout:fixed; page-break-after:always">
             <customerPrint :data="form"></customerPrint>
             <creditPrint :data="item" :index="index" :sum="form.lending.length" style="page-break-after:always"></creditPrint>
           </table>
         </div>
       </div>
+      <div id="customerStaticXyk" style="padding: 10px">
+        <div v-for="(item, index) in form.creditCard" :key="'creditCard' + index">
+          <h1 style="text-align: center;font-size: 20px">客户信息收集表(信用卡)</h1>
+          <table style="table-layout:fixed; page-break-after:always">
+            <customerPrint :data="form"></customerPrint>
+            <cardPrint :data="item" :index="index" :sum="form.creditCard.length" style="page-break-after:always"></cardPrint>
+          </table>
+        </div>
       </div>
     </div>
+    </div>
   </div>
 </template>
 <script setup name="Customer" lang="jsx">
@@ -279,19 +294,22 @@
   import { saveCustomer, getgetByIdCustomer } from '@/api/customer';
   import { useRoute } from 'vue-router';
   import { useRouter } from 'vue-router';
+  import { useUserStore } from '@/stores/modules/user';
   import Creditcard from './Creditcard.vue';
   import customerPrint from './customerPrint.vue';
   import cardAndCredit from './cardAndCredit.vue';
   import creditPrint from './creditPrint.vue';
+  import cardPrint from './cardPrint.vue';
 import { ref, computed, reactive, onBeforeMount } from 'vue';
 import { useDict } from '@/hooks/useDict';
+const userStore = useUserStore();
 const { LoanStatus } = useDict("LoanStatus");
 const printContent = ref({
   id: 'customerStatic',
   // preview: true, // 预览工具是否启用
   // previewTitle: '储能服务费结算单', // 预览页面的标题
   popTitle: '',
-  extraHead: `<h1 style="text-align: center;font-size: 20px">信用卡、网贷状况统计表</h1>`,
+  extraHead: ``,
   isRetainOriginData: true, // 是否保留原始数据
   preview: false, // 是否开启预览
   beforeOpenCallback: () => {
@@ -303,7 +321,19 @@ const printContentWd = ref({
   // preview: true, // 预览工具是否启用
   // previewTitle: '储能服务费结算单', // 预览页面的标题
   popTitle: '',
-  extraHead: `<h1 style="text-align: center;font-size: 20px">客户信息收集表(信用贷、网贷版)</h1>`,
+  extraHead: ``,
+  isRetainOriginData: true, // 是否保留原始数据
+  preview: false, // 是否开启预览
+  beforeOpenCallback: () => {
+    console.log('开始打印之前的callback')
+  }
+})
+const printContentXyk = ref({
+  id: 'customerStaticXyk',
+  // preview: true, // 预览工具是否启用
+  // previewTitle: '储能服务费结算单', // 预览页面的标题
+  popTitle: '',
+  extraHead: ``,
   isRetainOriginData: true, // 是否保留原始数据
   preview: false, // 是否开启预览
   beforeOpenCallback: () => {
@@ -320,30 +350,30 @@ const form = ref({
   "phone": "",
   "qualification": "",
   "career": "",
-  "functionary": "",
-  "collection": "",
+  "functionary": "N",
+  "collection": "N",
   "email": "",
   "monthlyIncome": 0,
   "reserveAddress": "",
-  "sueCaseId": "",
+  "sueCaseId": "N",
   "caseType": "",
   "checkInIncome": 0,
   "checkInBank": "",
-  "borrowCheckInBank": "",
+  "borrowCheckInBank": "N",
   "carNum": 0,
   "carPrice": 0,
   "houseNum": 0,
   "housePrice": 0,
   "providentFund": 0,
   "insurance": 0,
-  "hasBusinessLicense": "",
-  "needPoliticalReview": true,
-  "hasLoan": "",
+  "hasBusinessLicense": "N",
+  "needPoliticalReview": "N",
+  "hasLoan": "N",
   "remark": "",
   "creditCard": [],
   lending: [],
   inputUserName: '',
-  inputUser: {},
+  inputUser: userStore.userInfo,
   "inputOrg": "",
   "inputRole": "",
   "referee": "",
@@ -422,8 +452,8 @@ const submit = () => {
     })
 }
 const query = async (type) => {
-  const id = JSON.parse(route.query.id);
-    getgetByIdCustomer(id).then(res => {
+  console.log('route.query.id', route.query)
+    getgetByIdCustomer(route.query.id).then(res => {
       if(res.success) {
         form.value = res.result
         cardConfig.data = res.result.creditCard

src/views/infoGather/customerGather/components/cardAndCredit.vue

@@ -104,14 +104,13 @@ table {
 td {
   border: 1px solid #000;
   background: #fff;
-  width: 240px;
+  width: 150px;
   line-height: 11px;
   height: 40px;
   font-size: 14px;
   padding-left: 5px;
   color: #000;
   text-align: center;
-  -webkit-print-color-adjust: exact;
   &.label {
     -webkit-print-color-adjust: exact;
     background-color: rgb(222, 233, 244);

src/views/infoGather/customerGather/components/cardPrint.vue

+<template>
+    <tr>
+        <td colspan="10" style="background: #bdd6ec;color: #db0039;text-align:left">网贷状况统计*（涉及金额部分单位为：元）</td>
+    </tr>
+    <tr>
+        <td colspan="10" style="text-align:left">本人信用卡共{{props.sum}}张，本页是第{{props.index + 1}}张</td>
+    </tr>
+    <tr>
+        <td class="label" colspan="2">发卡银行</td>
+        <td colspan="3">{{props.data.bank}}</td>
+        <td class="label" colspan="2">开户时间</td>
+        <td colspan="3">{{props.data.issuanceDate}}</td>
+    </tr>
+    <tr>
+        <td class="label" colspan="2">卡号</td>
+        <td colspan="3">{{props.data.card}}</td>
+        <td class="label" colspan="2">卡片状态(正常/逾期)</td>
+        <td colspan="3">{{props.data.creditCardStatus
+                  ? LoanStatus?.find((v) => v.value === props.data.creditCardStatus)?.label
+                  : ''}}</td>
+    </tr>
+    <tr>
+        <td class="label" colspan="2">授信额度</td>
+        <td colspan="3">{{props.data.quota}}</td>
+        <td class="label" colspan="2">已用额度</td>
+        <td colspan="3">{{props.data.usedQuota}}</td>
+    </tr>
+    <tr>
+        <td class="label" colspan="2">近6个月平均使用额度</td>
+        <td colspan="3">{{props.data.sixDevUsedQuota}}</td>
+        <td class="label" colspan="2">当前欠款金额</td>
+        <td colspan="3">{{props.data.debt}}</td>
+    </tr>
+    <tr>
+        <td class="label" colspan="2">逾期期数</td>
+        <td colspan="3">{{props.data.beOverduePeriod}}</td>
+        <td class="label" colspan="2">逾期后是否有过协商</td>
+        <td colspan="3">{{props.data.hasNegotiate == 'Y' ? '是' : '否'}}</td>
+    </tr>
+    <tr>
+        <td class="label" colspan="2">有无分期</td>
+        <td colspan="3">{{props.data.hasStages == 'Y' ? '是' : '否'}}</td>
+        <td class="label" colspan="2">有无协商方案</td>
+        <td colspan="3">{{props.data.hasNegotiateCase == 'Y' ? '是' : '否'}}</td>
+    </tr>
+    <!-- <tr>
+        <td class="label" colspan="2">协商方案</td>
+        <td colspan="8">{{props.data.hasSue == 'Y' ? '是' : '否'}}</td>
+    </tr> -->
+    <tr>
+        <td class="label" colspan="2">查询密码</td>
+        <td colspan="3">{{props.data.queryPassword}}</td>
+        <td class="label" colspan="2">最后一次还款时间</td>
+        <td colspan="3">{{props.data.lastRepaymentDate}}</td>
+    </tr>
+    <tr>
+        <td class="label" colspan="2">支付密码</td>
+        <td colspan="3">{{props.data.payPassword}}</td>
+        <td class="label" colspan="2">最后一次还款金额</td>
+        <td colspan="3">{{props.data.lastRepaymentAmount}}</td>
+    </tr>
+    <tr>
+        <td class="label" colspan="2">是否有大额专项分期额度</td>
+        <td colspan="3">{{props.data.hasBigQuotaStages == 'Y' ? '是' : '否'}}</td>
+        <td class="label" colspan="2">大额专项分期借款种类</td>
+        <td colspan="3">{{props.data.bigQuotaType}}</td>
+    </tr>
+    <tr>
+        <td class="label" colspan="2">大额专项分期额度</td>
+        <td colspan="3">{{props.data.bigQuotaStagesAmount}}</td>
+        <td class="label" colspan="2">大额专项分期开立日期</td>
+        <td colspan="3">{{props.data.bigQuotaStagesDate}}</td>
+    </tr>
+    <tr>
+        <td class="label" colspan="2">大额专项分期到期日期</td>
+        <td colspan="3">{{props.data.bigQuotaStagesExpireDate}}</td>
+        <td class="label" colspan="2">大额专项分期已还期数</td>
+        <td colspan="3">{{props.data.bigQuotaRepayPeriod}}</td>
+    </tr>
+    <tr>
+        <td class="label" colspan="2">银行预留手机号码</td>
+        <td colspan="3">{{props.data.phone}}</td>
+        <td class="label" colspan="2">银行预留家庭地址</td>
+        <td colspan="3">{{props.data.address}}</td>
+    </tr>
+    <tr>
+        <td class="label" colspan="2">银行预留紧急联系人姓名</td>
+        <td colspan="3">{{props.data.liaisonName}}</td>
+        <td class="label" colspan="2">银行预留紧急联系人电话</td>
+        <td colspan="3">{{props.data.liaisonPhone}}</td>
+    </tr>
+
+</template>
+<script setup lang="jsx" name="caseDetail">
+    import { useDict } from '@/hooks/useDict';
+    import { ref, computed, reactive, onBeforeMount } from 'vue';
+    const { LoanStatus } = useDict("LoanStatus");
+
+    const props = defineProps({
+        data: Object,
+        index: Number,
+        sum: Number
+    })
+</script>
+<style lang="scss" scoped>
+table {
+  width: calc(100%);
+  border-collapse: collapse;
+}
+td {
+  border: 1px solid #000;
+  width: 150px;
+  background: #fff;
+  line-height: 11px;
+  height: 40px;
+  font-size: 14px;
+  padding-left: 5px;
+  color: #000;
+  -webkit-print-color-adjust: exact;
+  text-align: center;
+  &.label {
+    -webkit-print-color-adjust: exact;
+    background-color: rgb(222, 233, 244);
+    font-weight: 400 !important;
+  }
+}
+</style>
\ No newline at end of file

src/views/infoGather/customerGather/components/creditPrint.vue

@@ -3,7 +3,7 @@
         <td colspan="10" style="background: #bdd6ec;color: #db0039;text-align:left">网贷状况统计*（涉及金额部分单位为：元）</td>
     </tr>
     <tr>
-        <td colspan="10">本人网贷共{{props.sum}}家，本页是第{{props.index + 1}}家</td>
+        <td colspan="10" style="text-align:left">本人网贷共{{props.sum}}家，本页是第{{props.index + 1}}家</td>
     </tr>
     <tr>
         <td class="label" colspan="2">贷款机构</td>
@@ -13,90 +13,93 @@
     </tr>
     <tr>
         <td class="label" colspan="2">网贷状态(正常/逾期)</td>
-        <td colspan="3">{{props.data.loanPlatform}}</td>
+        <td colspan="3">{{props.data.loanStatus
+                  ? LoanStatus?.find((v) => v.value === props.data.loanStatus)?.label
+                  : ''}}</td>
         <td class="label" colspan="2">贷款审批额度</td>
-        <td colspan="3">{{props.data.loanPlatform}}</td>
+        <td colspan="3">{{props.data.quota}}</td>
     </tr>
     <tr>
         <td class="label" colspan="2">网贷类型</td>
-        <td colspan="3">{{props.data.loanPlatform}}</td>
+        <td colspan="3">{{props.data.lendingType}}</td>
         <td class="label" colspan="2">还款方式</td>
-        <td colspan="3">{{props.data.loanPlatform}}</td>
+        <td colspan="3">{{props.data.repayType}}</td>
     </tr>
     <tr>
         <td class="label" colspan="2">欠款金额</td>
-        <td colspan="3">{{props.data.loanPlatform}}</td>
+        <td colspan="3">{{props.data.debt}}</td>
         <td class="label" colspan="2">贷款到账金额</td>
-        <td colspan="3">{{props.data.loanPlatform}}</td>
+        <td colspan="3">{{props.data.receivedAmount}}</td>
     </tr>
     <tr>
         <td class="label" colspan="2">贷款期数</td>
-        <td colspan="3">{{props.data.loanPlatform}}</td>
+        <td colspan="3">{{props.data.period}}</td>
         <td class="label" colspan="2">已还期数</td>
-        <td colspan="3">{{props.data.loanPlatform}}</td>
+        <td colspan="3">{{props.data.repayPeriod}}</td>
     </tr>
     <tr>
         <td class="label" colspan="2">贷款笔数</td>
-        <td colspan="3">{{props.data.loanPlatform}}</td>
+        <td colspan="3">{{props.data.lendingNum}}</td>
         <td class="label" colspan="2">逾期期数</td>
-        <td colspan="3">{{props.data.loanPlatform}}</td>
+        <td colspan="3">{{props.data.beOverduePeriod}}</td>
     </tr>
     <tr>
         <td class="label" colspan="2">是否被代偿或起诉</td>
-        <td colspan="3">{{props.data.loanPlatform}}</td>
+        <td colspan="3">{{props.data.hasSue == 'Y' ? '是' : '否'}}</td>
         <td class="label" colspan="2">还款日</td>
-        <td colspan="3">{{props.data.loanPlatform}}</td>
+        <td colspan="3">{{props.data.repayDate}}</td>
     </tr>
     <tr>
         <td class="label" colspan="2">代扣银行及卡号</td>
-        <td colspan="3">{{props.data.loanPlatform}}</td>
+        <td colspan="3">{{props.data.bankCard}}</td>
         <td class="label" colspan="2">贷款支付密码</td>
-        <td colspan="3">{{props.data.loanPlatform}}</td>
+        <td colspan="3">{{props.data.payPassword}}</td>
     </tr>
     <tr>
         <td class="label" colspan="2">最后一次还款时间</td>
-        <td colspan="3">{{props.data.loanPlatform}}</td>
+        <td colspan="3">{{props.data.lastRepaymentDate}}</td>
         <td class="label" colspan="2">最后一次还款金额</td>
-        <td colspan="3">{{props.data.loanPlatform}}</td>
+        <td colspan="3">{{props.data.lastRepaymentAmount}}</td>
     </tr>
     <tr>
         <td class="label" colspan="2">贷款担保人姓名</td>
-        <td colspan="3">{{props.data.loanPlatform}}</td>
+        <td colspan="3">{{props.data.guarantorName}}</td>
         <td class="label" colspan="2">贷款担保人关系</td>
-        <td colspan="3">{{props.data.loanPlatform}}</td>
+        <td colspan="3">{{props.data.roleDesc}}</td>
     </tr>
     <tr>
         <td class="label" colspan="2">贷款担保人联系方式</td>
-        <td colspan="3">{{props.data.loanPlatform}}</td>
+        <td colspan="3">{{props.data.guarantorPhone}}</td>
         <td class="label" colspan="2">紧急联系人姓名</td>
-        <td colspan="3">{{props.data.loanPlatform}}</td>
+        <td colspan="3">{{props.data.liaisonName}}</td>
     </tr>
     <tr>
         <td class="label" colspan="2">银行预留手机号码</td>
-        <td colspan="3">{{props.data.loanPlatform}}</td>
+        <td colspan="3">{{props.data.bankPhone}}</td>
         <td class="label" colspan="2">催收情况</td>
-        <td colspan="3">{{props.data.loanPlatform}}</td>
+        <td colspan="3">{{props.data.collectionDesc}}</td>
     </tr>
     <tr>
         <td class="label" colspan="2">逾期后是否有过协商方案</td>
-        <td colspan="3">{{props.data.loanPlatform}}</td>
+        <td colspan="3">{{props.data.hasNegotiateCase == 'Y' ? '是' : '否'}}</td>
         <td class="label" colspan="2">负债情况</td>
-        <td colspan="3">{{props.data.loanPlatform}}</td>
+        <td colspan="3">{{props.data.liabilities}}</td>
     </tr>
     <tr>
         <td class="label" colspan="2">是否连续还款</td>
-        <td colspan="8">{{props.data.loanPlatform}}</td>
+        <td colspan="8">{{props.data.hasContinuousRepay == 'Y' ? '是' : '否'}}</td>
     </tr>
 </template>
 <script setup lang="jsx" name="caseDetail">
     import { useDict } from '@/hooks/useDict';
     import { ref, computed, reactive, onBeforeMount } from 'vue';
+    const { LoanStatus } = useDict("LoanStatus");
+
     const props = defineProps({
         data: Object,
         index: Number,
         sum: Number
     })
-    const { LoanStatus } = useDict("LoanStatus");
 </script>
 <style lang="scss" scoped>
 table {
@@ -105,15 +108,15 @@ table {
 }
 td {
   border: 1px solid #000;
+  width: 150px;
   background: #fff;
-  width: 240px;
   line-height: 11px;
   height: 40px;
   font-size: 14px;
   padding-left: 5px;
   color: #000;
-  text-align: center;
   -webkit-print-color-adjust: exact;
+  text-align: center;
   &.label {
     -webkit-print-color-adjust: exact;
     background-color: rgb(222, 233, 244);

src/views/infoGather/customerGather/components/customerPrint.vue

@@ -103,7 +103,7 @@ table {
 td {
   border: 1px solid #000;
   background: #fff;
-  width: 240px;
+  width: 150px;
   line-height: 11px;
   height: 40px;
   font-size: 14px;