feature：代码初始化。

src/views/invest/accountAnalysis/index.vue

@@ -0,0 +1,535 @@
+<template>
+  <div class="app-container" style="overflow: auto">
+    <div class="header-title" ref="searchHeightRef">
+      &nbsp;&nbsp;&nbsp;&nbsp;负债信息
+        </div>
+    <div class="header-con" ref="searchHeightRef">
+      <div class="item">
+        <img src="./assets/one.png" alt="" />
+        <div class="info-sum">
+          <div class="title">欠款总额</div>
+          <div class="num">{{ totalDebt }}<span>元</span></div>
+        </div>
+      </div>
+      <div class="item">
+        <img src="./assets/ticketSum.png" alt="" />
+        <div class="info-sum">
+          <div class="title">网贷欠款合计</div>
+          <div class="num">{{ unClearedOnlineDebt }}<span>元</span></div>
+        </div>
+      </div>
+      <div class="item">
+        <img src="./assets/completionTickets.png" alt="" />
+        <div class="info-sum">
+          <div class="title">信用卡分期欠款合计</div>
+          <div class="num">{{ creditInstallmentHistory }}<span>元</span></div>
+        </div>
+      </div>
+      <div class="item">
+        <img src="./assets/completionTime.png" alt="" />
+        <div class="info-sum">
+          <div class="title">人情欠款合计</div>
+          <div class="num">{{ peopleLendHistory }}<span>元</span></div>
+        </div>
+      </div>
+    </div>
+    <div class="header-title" ref="searchHeightRef">
+      &nbsp;&nbsp;&nbsp;&nbsp;投资收益
+        </div>
+    <div class="header-con" ref="searchHeightRef">
+      <div class="item">
+        <img src="./assets/one.png" alt="" />
+        <div class="info-sum">
+          <div class="title">总收益</div>
+          <div class="num">{{ totalIncome }}<span>元</span></div>
+        </div>
+      </div>
+      <div class="item">
+        <img src="./assets/ticketSum.png" alt="" />
+        <div class="info-sum">
+          <div class="title">期货收益</div>
+          <div class="num">{{ futuresIncome }}<span>元</span></div>
+        </div>
+      </div>
+      <div class="item">
+        <img src="./assets/completionTickets.png" alt="" />
+        <div class="info-sum">
+          <div class="title">股票收益</div>
+          <div class="num">{{ stocksIncome }}<span>元</span></div>
+        </div>
+      </div>
+      <div class="item">
+        <img src="./assets/completionTime.png" alt="" />
+        <div class="info-sum">
+          <div class="title">其他收益</div>
+          <div class="num">{{ otherIncome  }}<span>元</span></div>
+        </div>
+      </div>
+    </div>
+    <div class="header-title" ref="searchHeightRef">
+      &nbsp;&nbsp;&nbsp;&nbsp;网贷信息
+        </div>
+    <div class="header-con" ref="searchHeightRef">
+      <div class="item">
+        <img src="./assets/one.png" alt="" />
+        <div class="info-sum">
+          <div class="title">未结清网贷笔数</div>
+          <div class="num">{{ unclearedOnlineDebtCount }}<span>笔</span></div>
+        </div>
+      </div>
+      <div class="item">
+        <img src="./assets/ticketSum.png" alt="" />
+        <div class="info-sum">
+          <div class="title">未结清网贷（本息）合计</div>
+          <div class="num">{{ unClearedOnlineDebt }}<span>元</span></div>
+        </div>
+      </div>
+      <div class="item">
+        <img src="./assets/completionTickets.png" alt="" />
+        <div class="info-sum">
+          <div class="title">已结清网贷笔数</div>
+          <div class="num">{{ clearedOnlineDebtCount  }}<span>笔</span></div>
+        </div>
+      </div>
+      <div class="item">
+        <img src="./assets/completionTime.png" alt="" />
+        <div class="info-sum">
+          <div class="title">已结清网贷（本息）合计</div>
+          <div class="num">{{ clearedOnlineDebt }}<span>元</span></div>
+        </div>
+      </div>
+    </div>
+    <div class="header-con" ref="searchHeightRef">
+      <div class="item">
+        <img src="./assets/one.png" alt="" />
+        <div class="info-sum">
+          <div class="title">当月应还款</div>
+          <div class="num">{{ dueOnlineDebt}}<span>元</span></div>
+        </div>
+      </div>
+      <div class="item">
+        <img src="./assets/ticketSum.png" alt="" />
+        <div class="info-sum">
+          <div class="title">当月已还款</div>
+          <div class="num">{{ repaidOnlineDebt  }}<span>元</span></div>
+        </div>
+      </div>
+      <div class="item">
+        <img src="./assets/completionTickets.png" alt="" />
+        <div class="info-sum">
+          <div class="title">当月待还款</div>
+          <div class="num">{{ leftOnlineDebt  }}<span>元</span></div>
+        </div>
+      </div>
+    </div>
+    <div class="header-title" ref="searchHeightRef">
+      &nbsp;&nbsp;&nbsp;&nbsp;信用卡信息
+        </div>
+    <div class="header-con" ref="searchHeightRef">
+      <div class="item">
+        <img src="./assets/one.png" alt="" />
+        <div class="info-sum">
+          <div class="title">信用卡总数</div>
+          <div class="num">{{ creditCount }}<span>张</span></div>
+        </div>
+      </div>
+      <div class="item">
+        <img src="./assets/ticketSum.png" alt="" />
+        <div class="info-sum">
+          <div class="title">总额度</div>
+          <div class="num">{{ creditLimit}}<span>元</span></div>
+        </div>
+      </div>
+      <div class="item">
+        <img src="./assets/completionTickets.png" alt="" />
+        <div class="info-sum">
+          <div class="title">已使用额度</div>
+          <div class="num">{{ creditBalance}}<span>元</span></div>
+        </div>
+      </div>
+      <div class="item">
+        <img src="./assets/completionTime.png" alt="" />
+        <div class="info-sum">
+          <div class="title">可用额度</div>
+          <div class="num">{{ creditAvailableLimit}}<span>元</span></div>
+        </div>
+      </div>
+    </div>
+    <div class="header-con" ref="searchHeightRef">
+      <div class="item">
+        <img src="./assets/one.png" alt="" />
+        <div class="info-sum">
+          <div class="title">近6个月账单平均使用额度</div>
+          <div class="num">{{ lastSixMonthUsedLimit}}<span>元</span></div>
+        </div>
+      </div>
+      <div class="item">
+        <img src="./assets/ticketSum.png" alt="" />
+        <div class="info-sum">
+          <div class="title">近6个月账单使用率</div>
+          <div class="num">{{ lastSixMonthUsedRate}}<span>%</span></div>
+        </div>
+      </div>
+      <div class="item">
+        <img src="./assets/completionTickets.png" alt="" />
+        <div class="info-sum">
+          <div class="title">上月账单使用率</div>
+          <div class="num">{{ lastMonthUsedRate }}<span>%</span></div>
+        </div>
+      </div>
+      <div class="item">
+        <img src="./assets/completionTime.png" alt="" />
+        <div class="info-sum">
+          <div class="title">上月账单合计</div>
+          <div class="num">{{ lastMonthUsedLimit  }}<span>元</span></div>
+        </div>
+      </div>
+
+    </div>
+    <div class="header-con" ref="searchHeightRef">
+      <div class="item">
+        <img src="./assets/one.png" alt="" />
+        <div class="info-sum">
+          <div class="title">信用卡使用率</div>
+          <div class="num">{{ creditBillRate }}<span>%</span></div>
+        </div>
+      </div>
+      <div class="item">
+        <img src="./assets/ticketSum.png" alt="" />
+        <div class="info-sum">
+          <div class="title">当月账单合计</div>
+          <div class="num">{{ currentCreditBill }}<span>元</span></div>
+        </div>
+      </div>
+      <div class="item">
+        <img src="./assets/completionTickets.png" alt="" />
+        <div class="info-sum">
+          <div class="title">当月分期合计</div>
+          <div class="num">{{ creditInstallment }}<span>元</span></div>
+        </div>
+      </div>
+
+    </div>
+    <div class="header-title" ref="searchHeightRef">
+      &nbsp;&nbsp;&nbsp;&nbsp;征信信息
+        </div>
+    <div class="header-con" ref="searchHeightRef">
+      <div class="item">
+        <img src="./assets/one.png" alt="" />
+        <div class="info-sum">
+          <div class="title">近1月硬查询次数</div>
+          <div class="num">{{ lastOneMonths }}<span>次</span></div>
+        </div>
+      </div>
+      <div class="item">
+        <img src="./assets/ticketSum.png" alt="" />
+        <div class="info-sum">
+          <div class="title">近2月硬查询次数</div>
+          <div class="num">{{ lastTwoMonths }}<span>次</span></div>
+        </div>
+      </div>
+      <div class="item">
+        <img src="./assets/completionTickets.png" alt="" />
+        <div class="info-sum">
+          <div class="title">近3月硬查询次数</div>
+          <div class="num">{{ lastThreeMonths }}<span>次</span></div>
+        </div>
+      </div>
+      <div class="item">
+        <img src="./assets/completionTime.png" alt="" />
+        <div class="info-sum">
+          <div class="title">近6月硬查询次数</div>
+          <div class="num">{{ lastSixMonths }}<span>次</span></div>
+        </div>
+      </div>
+    </div>
+    <div class="header-con" ref="searchHeightRef">
+      <div class="item">
+        <img src="./assets/one.png" alt="" />
+        <div class="info-sum">
+          <div class="title">近1年硬查询次数</div>
+          <div class="num">{{ lastOneYears }}<span>次</span></div>
+        </div>
+      </div>
+      <div class="item">
+        <img src="./assets/ticketSum.png" alt="" />
+        <div class="info-sum">
+          <div class="title">近2年硬查询次数</div>
+          <div class="num">{{ lastTwoYears }}<span>次</span></div>
+        </div>
+      </div>
+      <div class="item">
+        <img src="./assets/completionTickets.png" alt="" />
+        <div class="info-sum">
+          <div class="title">总硬查询次数</div>
+          <div class="num">{{ lastAllYears }}<span>次</span></div>
+        </div>
+      </div>
+    </div>
+    <div class="header-con" ref="searchHeightRef">
+      <div class="item">
+        <img src="./assets/one.png" alt="" />
+        <div class="info-sum">
+          <div class="title">近6月个人查询次数</div>
+          <div class="num">{{ lastSixMonthQueryCount }}<span>次</span></div>
+        </div>
+      </div>
+      <div class="item">
+        <img src="./assets/ticketSum.png" alt="" />
+        <div class="info-sum">
+          <div class="title">近6月贷后管理次数</div>
+          <div class="num">{{ lastSixMonthsAfterLoan }}<span>次</span></div>
+        </div>
+      </div>
+      <div class="item">
+        <img src="./assets/completionTickets.png" alt="" />
+        <div class="info-sum">
+          <div class="title">近2年贷后管理次数</div>
+          <div class="num">{{ lastTwoYearsAfterLoan }}<span>次</span></div>
+        </div>
+      </div>
+      <div class="item">
+        <img src="./assets/completionTime.png" alt="" />
+        <div class="info-sum">
+          <div class="title">贷后管理总次数</div>
+          <div class="num">{{ totalAfterLoan }}<span>次</span></div>
+        </div>
+      </div>
+    </div>
+    <div class="header-title" ref="searchHeightRef">
+      &nbsp;&nbsp;&nbsp;&nbsp;基础信息
+        </div>
+    <div class="header-con" ref="searchHeightRef">
+      <div class="item">
+        <img src="./assets/one.png" alt="" />
+        <div class="info-sum">
+          <div class="title">POS机总数</div>
+          <div class="num">{{ posCount }}<span>台</span></div>
+        </div>
+      </div>
+      <div class="item">
+        <img src="./assets/ticketSum.png" alt="" />
+        <div class="info-sum">
+          <div class="title">信用卡总数</div>
+          <div class="num">{{ creditCount }}<span>张</span></div>
+        </div>
+      </div>
+      <div class="item">
+        <img src="./assets/completionTickets.png" alt="" />
+        <div class="info-sum">
+          <div class="title">储蓄卡总数</div>
+          <div class="num">{{ debitCount }}<span>张</span></div>
+        </div>
+      </div>
+
+    </div>
+
+    <div class="header-con" ref="searchHeightRef">
+      <div class="item">
+        <img src="./assets/one.png" alt="" />
+        <div class="info-sum">
+          <div class="title">股票账户总数</div>
+          <div class="num">{{ stocksCount }}<span>个</span></div>
+        </div>
+      </div>
+      <div class="item">
+        <img src="./assets/ticketSum.png" alt="" />
+        <div class="info-sum">
+          <div class="title">期货账户总数</div>
+          <div class="num">{{ futuresCount }}<span>个</span></div>
+        </div>
+      </div>
+      <div class="item">
+        <img src="./assets/completionTickets.png" alt="" />
+        <div class="info-sum">
+          <div class="title">人情总数</div>
+          <div class="num">{{ peopleLendCount }}<span>人</span></div>
+        </div>
+      </div>
+      <div class="item">
+        <img src="./assets/completionTime.png" alt="" />
+        <div class="info-sum">
+          <div class="title">网贷总数</div>
+          <div class="num">{{ onlineLendCount }}<span>个</span></div>
+        </div>
+      </div>
+    </div>
+
+    <div>
+    </div>
+  </div>
+</template>
+<script setup name="facilityType">
+import { getBaseAccountInfo, getDebetInfo, getIncomeInfo, getCreditInfo } from '@/api/invest/accountAnalysis.js'
+import { getCreditRecordAnalysis } from '@/api/invest/creditQueryRecord'
+
+//投资收益
+const futuresIncome = ref(0)
+const totalIncome = ref(0)
+const stocksIncome = ref(0)
+const otherIncome = ref(0)
+
+//基础信息
+const posCount = ref(0)
+const debitCount = ref(0)
+const stocksCount = ref(0)
+const futuresCount = ref(0)
+const peopleLendCount = ref(0)
+const onlineLendCount = ref(0)
+const creditCount = ref(0)
+
+//网贷信息-公共
+const creditInstallmentHistory = ref(0)
+const peopleLendHistory = ref(0)
+const totalDebt = ref(0)
+//网贷信息
+const unclearedOnlineDebtCount = ref(0)
+const unClearedOnlineDebt = ref(0)
+const clearedOnlineDebtCount = ref(0)
+const clearedOnlineDebt = ref(0)
+const dueOnlineDebt = ref(0)
+const repaidOnlineDebt = ref(0)
+const leftOnlineDebt = ref(0)
+
+//信用卡信息
+
+const currentCreditBill = ref(0)
+const creditInstallment = ref(0)
+const creditLimit = ref(0)
+const lastSixMonthUsedLimit = ref(0)
+const lastSixMonthUsedRate = ref(0)
+const lastMonthUsedLimit = ref(0)
+const lastMonthUsedRate = ref(0)
+const creditBalance = ref(0)
+const creditAvailableLimit = ref(0)
+const creditBillRate = ref(0)
+
+//征信信息
+const lastOneMonths = ref(0)
+const lastTwoMonths = ref(0)
+const lastThreeMonths = ref(0)
+const lastSixMonths = ref(0)
+const lastOneYears = ref(0)
+const lastTwoYears = ref(0)
+const lastAllYears = ref(0)
+const lastSixMonthQueryCount = ref(0)
+const lastSixMonthsAfterLoan = ref(0)
+const lastTwoYearsAfterLoan = ref(0)
+const totalAfterLoan = ref(0)
+
+const getIncomeInfoData = () => {
+  getIncomeInfo().then((res) => {
+    totalIncome.value = res.data.totalIncome
+    futuresIncome.value = res.data.futuresIncome
+    stocksIncome.value = res.data.stocksIncome
+    otherIncome.value = res.data.otherIncome
+  })
+}
+
+const getBaseAccountInfoData = () => {
+  getBaseAccountInfo().then((res) => {
+    posCount.value = res.data.posCount
+    creditCount.value = res.data.creditCount
+    debitCount.value = res.data.debitCount
+    stocksCount.value = res.data.stocksCount
+    futuresCount.value = res.data.futuresCount
+    peopleLendCount.value = res.data.peopleLendCount
+    onlineLendCount.value = res.data.onlineLendCount
+  })
+}
+
+const getCreditInfoData = () => {
+  getCreditInfo().then((res) => {
+    currentCreditBill.value = res.data.currentCreditBill
+    creditInstallment.value = res.data.creditInstallment
+    creditLimit.value = res.data.creditLimit
+    lastSixMonthUsedLimit.value = res.data.lastSixMonthUsedLimit
+    lastSixMonthUsedRate.value = res.data.lastSixMonthUsedRate
+    lastMonthUsedLimit.value = res.data.lastMonthUsedLimit
+    lastMonthUsedRate.value = res.data.lastMonthUsedRate
+    creditBalance.value = res.data.creditBalance
+    creditAvailableLimit.value = res.data.creditAvailableLimit
+    creditBillRate.value = res.data.creditBillRate
+  })
+}
+const getDebetInfoData = () => {
+  getDebetInfo().then((res) => {
+    unClearedOnlineDebt.value = res.data.unClearedOnlineDebt
+    creditInstallmentHistory.value = res.data.creditInstallmentHistory
+    totalDebt.value = res.data.totalDebt
+    peopleLendHistory.value = res.data.peopleLendHistory
+    unclearedOnlineDebtCount.value = res.data.unclearedOnlineDebtCount
+    clearedOnlineDebtCount.value = res.data.clearedOnlineDebtCount
+    clearedOnlineDebt.value = res.data.clearedOnlineDebt
+    dueOnlineDebt.value = res.data.dueOnlineDebt
+    repaidOnlineDebt.value = res.data.repaidOnlineDebt
+    leftOnlineDebt.value = res.data.leftOnlineDebt
+  })
+}
+const getCreditRecordAnalysisData = () => {
+  getCreditRecordAnalysis().then((res) => {
+    lastOneMonths.value = res.data.lastOneMonths
+    lastTwoMonths.value = res.data.lastTwoMonths
+    lastThreeMonths.value = res.data.lastThreeMonths
+    lastSixMonths.value = res.data.lastSixMonths
+    lastOneYears.value = res.data.lastOneYears
+    lastTwoYears.value = res.data.lastTwoYears
+    lastAllYears.value = res.data.lastAllYears
+    lastSixMonthQueryCount.value = res.data.lastSixMonthQueryCount
+    lastSixMonthsAfterLoan.value = res.data.lastSixMonthsAfterLoan
+    lastTwoYearsAfterLoan.value = res.data.lastTwoYearsAfterLoan
+    totalAfterLoan.value = res.data.totalAfterLoan
+  })
+}
+
+onMounted(() => {
+  getIncomeInfoData()
+  getBaseAccountInfoData()
+  getCreditInfoData()
+  getDebetInfoData()
+  getCreditRecordAnalysisData()
+})
+</script>
+<style lang="scss" scoped>
+.app-container {
+  .header-con {
+    width: 100%;
+    height: 120px;
+    background-color: #ffffff;
+    margin-bottom: 10px;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    .item {
+      width: 20%;
+      height: 100%;
+      display: flex;
+      position: relative;
+      align-items: center;
+      margin: 30px 60px 30px 60px;
+      .title {
+        margin-left: 20px;
+        color: rgb(133, 133, 148);
+        margin-bottom: 8px;
+      }
+      .num {
+        margin-left: 20px;
+        font-weight: bold;
+      }
+    }
+    img {
+      height: 50px;
+      width: 50px;
+    }
+  }
+  .header-title {
+    width: 100%;
+    height: 30px;
+    background-color: #ffffff;
+    margin-bottom: 3px;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+  }
+}
+</style>