fix: 统计分析自测问题修复。

src/views/invest/creditAnalysis/index.vue

@@ -116,6 +116,11 @@
           </el-table-column>
           <el-table-column label="统计日期" align="center" prop="time" />
           <el-table-column label="账单金额" align="center" prop="value" />
+          <el-table-column prop="detail" label="账单明细" width="700" v-if="queryParams.type === 2">
+            <template #default="scope">
+              <span v-html="formatMultiLineData(scope.row.detail)"></span>
+            </template>
+          </el-table-column>
         </el-table>
       </div>
     </div>
@@ -131,9 +136,7 @@ import { getCreditAnalysis } from '@/api/invest/statisticAnalysis'
 import { listBankcardLend } from '@/api/invest/bankcardlend'
 const { proxy } = getCurrentInstance()
 
-const dates = [
+const dates = [{ value: 2, label: '月' }]
-  { value: 2, label: '月' }
-]
 
 const loading = ref(true)
 const total = ref(0)
@@ -173,7 +176,7 @@ const data = reactive({
 
 const { queryParams, queryCreditCardParams, rules } = toRefs(data)
 const today = new Date()
-const end = today.getFullYear() + '-' + ('0' + (today.getMonth())).slice(-2)
+const end = today.getFullYear() + '-' + ('0' + today.getMonth()).slice(-2)
 const start = dayjs(end).add(-11, 'months')
 queryParams.value.time = [start, end]
 /** 查询信用卡卡管理列表 */
@@ -183,6 +186,11 @@ function getCreditCardList() {
   })
 }
 
+function formatMultiLineData(data) {
+  if (data != null) {
+    return data.replace(/<br\/>/g, '<br/>')
+  }
+}
 const disabledDateFun = (time) => {
   const arr = [0, 30, 365, 365 * 5]
   const days = arr[queryParams.value.type]

src/views/invest/creditCardDealAnalysis/index.vue

@@ -200,6 +200,11 @@
           </el-table-column>
           <el-table-column label="交易日期" align="center" prop="time" />
           <el-table-column label="交易金额" align="center" prop="value" />
+          <el-table-column prop="detail" label="交易明细" width="700" v-if="queryParams.type === 1">
+            <template #default="scope">
+              <span v-html="formatMultiLineData(scope.row.detail)"></span>
+            </template>
+          </el-table-column>
         </el-table>
       </div>
     </div>
@@ -317,7 +322,11 @@ const calendarChange = (val) => {
   firstChooseDate.value = val[0].getTime()
   if (val[1]) firstChooseDate.value = ''
 }
-
+function formatMultiLineData(data) {
+  if (data != null) {
+    return data.replace(/<br\/>/g, '<br/>')
+  }
+}
 const account = ref({
   amount: '',
   income: '',

src/views/invest/creditInstallmentAnalysis/index.vue

@@ -136,6 +136,11 @@
           </el-table-column>
           <el-table-column label="还款日期" align="center" prop="time" />
           <el-table-column label="待还款金额" align="center" prop="value" />
+          <el-table-column prop="detail" label="待还款明细" width="700" v-if="queryParams.type === 1">
+            <template #default="scope">
+              <span v-html="formatMultiLineData(scope.row.detail)"></span>
+            </template>
+          </el-table-column>
         </el-table>
       </div>
     </div>
@@ -220,6 +225,11 @@ function getCreditCardList() {
   })
 }
 
+function formatMultiLineData(data) {
+  if (data != null) {
+    return data.replace(/<br\/>/g, '<br/>')
+  }
+}
 const handleTimeChange = (type) => {
   queryParams.value.time = null
   if (type === 1) {

src/views/invest/creditInstallmentSettledAnalysis/index.vue

@@ -84,7 +84,7 @@
           <div class="item-wrap">
             <div class="title">已结清分期（本金）</div>
             <div>
-                  <span class="num">{{ historyObj.clearedPrincipal}}</span> <span class="unit"></span>
+              <span class="num">{{ historyObj.clearedPrincipal }}</span> <span class="unit"></span>
             </div>
           </div>
         </div>
@@ -100,7 +100,6 @@
             </div>
           </div>
         </div>
-
       </div>
       <div class="title-con">
         <div class="title">已结清信用卡分期统计</div>
@@ -123,6 +122,11 @@
           </el-table-column>
           <el-table-column label="分期日期" align="center" prop="time" />
           <el-table-column label="分期金额（本息）" align="center" prop="value" />
+          <el-table-column prop="detail" label="分期金额明细" width="700" v-if="queryParams.type === 2">
+            <template #default="scope">
+              <span v-html="formatMultiLineData(scope.row.detail)"></span>
+            </template>
+          </el-table-column>
         </el-table>
       </div>
     </div>
@@ -203,7 +207,11 @@ function getCreditCardList() {
     creditCardList.value = response.rows
   })
 }
-
+function formatMultiLineData(data) {
+  if (data != null) {
+    return data.replace(/<br\/>/g, '<br/>')
+  }
+}
 const handleTimeChange = (type) => {
   queryParams.value.time = null
   if (type === 2) {

src/views/invest/creditRecordAnalysis/index.vue

@@ -50,8 +50,7 @@
       </div>
     </div>
     <div class="main-con" style="height: calc(100% - 1.45rem)">
-          <div class="summary-con" style="height: 115px" >
+      <div class="summary-con" style="height: 115px">
-
         <div class="right-con">
           <div class="img">
             <img src="@/assets/images/average.png" alt="" />
@@ -92,7 +91,8 @@
           <div class="item-wrap">
             <div class="title">近6月硬查询</div>
             <div>
-                  <span class="num">{{ creditRecord.lastSixMonths }}</span>次
+              <span class="num">{{ creditRecord.lastSixMonths }}</span
+              >次
             </div>
           </div>
         </div>
@@ -103,12 +103,13 @@
           <div class="item-wrap">
             <div class="title">近1年硬查询</div>
             <div>
-                  <span class="num">{{ creditRecord.lastOneYears }}</span>次
+              <span class="num">{{ creditRecord.lastOneYears }}</span
+              >次
             </div>
           </div>
         </div>
       </div>
-          <div class="summary-con" style="height: 110px;">
+      <div class="summary-con" style="height: 110px">
         <div class="center-con">
           <div class="img">
             <img src="@/assets/images/average.png" alt="" />
@@ -116,57 +117,61 @@
           <div class="item-wrap">
             <div class="title">近2年硬查询</div>
             <div>
-      <span class="num">{{ creditRecord.lastTwoYears }}</span>次
+              <span class="num">{{ creditRecord.lastTwoYears }}</span
+              >次
             </div>
           </div>
-</div>
+        </div>
-<div class="center-con">
+        <div class="center-con">
           <div class="img">
             <img src="@/assets/images/average.png" alt="" />
           </div>
           <div class="item-wrap">
             <div class="title">近6月个人查询</div>
             <div>
-      <span class="num">{{ creditRecord.lastSixMonthPersonalCount }}</span>次
+              <span class="num">{{ creditRecord.lastSixMonthPersonalCount }}</span
+              >次
             </div>
           </div>
-</div>
+        </div>
-<div class="center-con">
+        <div class="center-con">
           <div class="img">
             <img src="@/assets/images/average.png" alt="" />
           </div>
           <div class="item-wrap">
             <div class="title">个人查询总数</div>
             <div>
-      <span class="num">{{ creditRecord.totalPersonalCount }}</span>次
+              <span class="num">{{ creditRecord.totalPersonalCount }}</span
+              >次
+            </div>
           </div>
         </div>
-</div>
 
-<div class="center-con">
+        <div class="center-con">
           <div class="img">
             <img src="@/assets/images/average.png" alt="" />
           </div>
           <div class="item-wrap">
             <div class="title">近2年贷后管理</div>
             <div>
-      <span class="num">{{ creditRecord.lastTwoYearsAfterLoan }}</span>次
+              <span class="num">{{ creditRecord.lastTwoYearsAfterLoan }}</span
+              >次
             </div>
           </div>
-</div>
+        </div>
-<div class="center-con">
+        <div class="center-con">
           <div class="img">
             <img src="@/assets/images/average.png" alt="" />
           </div>
           <div class="item-wrap">
             <div class="title">贷后管理总数</div>
             <div>
-      <span class="num">{{ creditRecord.totalAfterLoan }}</span>次
+              <span class="num">{{ creditRecord.totalAfterLoan }}</span
+              >次
+            </div>
+          </div>
         </div>
       </div>
-</div>
-
-</div>
       <div class="title-con" style="margin-top: 18px">
         <div class="title">征信查询统计</div>
         <div class="operate-btn-con">
@@ -178,8 +183,8 @@
         </div>
       </div>
       <div class="content-con">
-            <div v-show="radioVal === '柱状图'" class="chart" id="chartBar" style="height: calc(100% - 225px);margin-top: -10px;"></div>
+        <div v-show="radioVal === '柱状图'" class="chart" id="chartBar" style="height: calc(100% - 225px); margin-top: -10px"></div>
-            <div v-show="radioVal === '折线图'" class="chart" id="chartLine" style="height: calc(100% - 225px);margin-top: -10px;"></div>
+        <div v-show="radioVal === '折线图'" class="chart" id="chartLine" style="height: calc(100% - 225px); margin-top: -10px"></div>
         <el-table v-show="radioVal === '表格'" v-loading="loading" :data="creditRecord.tableCreditRecordsList" height="calc(100% - 245px)">
           <el-table-column label="序号" width="50" type="index" align="center">
             <template #default="scope">
@@ -188,6 +193,11 @@
           </el-table-column>
           <el-table-column label="查询日期" align="center" prop="time" />
           <el-table-column label="查询次数" align="center" prop="value" />
+          <el-table-column prop="detail" label="查询明细" width="700" v-if="queryParams.type === 1">
+            <template #default="scope">
+              <span v-html="formatMultiLineData(scope.row.detail)"></span>
+            </template>
+          </el-table-column>
         </el-table>
       </div>
     </div>
@@ -273,7 +283,11 @@ const handleTimeChange = (type) => {
   }
   getList()
 }
-
+function formatMultiLineData(data) {
+  if (data != null) {
+    return data.replace(/<br\/>/g, '<br/>')
+  }
+}
 const disabledDateFun = (time) => {
   const arr = [0, 30, 365, 365 * 5]
   const days = arr[queryParams.value.type]

src/views/invest/debitDealAnalysis/index.vue

@@ -200,6 +200,11 @@
           </el-table-column>
           <el-table-column label="交易日期" align="center" prop="time" />
           <el-table-column label="交易金额" align="center" prop="value" />
+          <el-table-column prop="detail" label="交易明细" width="700" v-if="queryParams.type === 1">
+            <template #default="scope">
+              <span v-html="formatMultiLineData(scope.row.detail)"></span>
+            </template>
+          </el-table-column>
         </el-table>
       </div>
     </div>
@@ -295,7 +300,11 @@ const handleTimeChange = (type) => {
   }
   getList()
 }
-
+function formatMultiLineData(data) {
+  if (data != null) {
+    return data.replace(/<br\/>/g, '<br/>')
+  }
+}
 const disabledDateFun = (time) => {
   const arr = [0, 30, 365, 365 * 5]
   const days = arr[queryParams.value.type]

src/views/invest/futuresAnalysis/index.vue

@@ -57,7 +57,6 @@
     </div>
     <div class="main-con" style="height: calc(100% - 2.05rem)">
       <div class="summary-con">
-
         <div class="right-con">
           <div class="img">
             <img src="@/assets/images/accumulate.png" alt="" />
@@ -124,6 +123,11 @@
           </el-table-column>
           <el-table-column label="统计日期" align="center" prop="time" />
           <el-table-column label="收益" align="center" prop="value" />
+          <el-table-column prop="detail" label="收益明细" width="700" v-if="queryParams.type === 2">
+            <template #default="scope">
+              <span v-html="formatMultiLineData(scope.row.detail)"></span>
+            </template>
+          </el-table-column>
         </el-table>
       </div>
     </div>
@@ -194,7 +198,7 @@ const data = reactive({
 
 const { queryParams, queryFutureStocksListParams, rules } = toRefs(data)
 const today = new Date()
-const end = today.getFullYear() + '-' + ('0' + (today.getMonth())).slice(-2)
+const end = today.getFullYear() + '-' + ('0' + today.getMonth()).slice(-2)
 const start = dayjs(end).add(-59, 'months')
 queryParams.value.time = [start, end]
 /** 查询期货股票卡管理列表 */
@@ -204,11 +208,16 @@ function getFutureStocksList() {
   })
 }
 
+function formatMultiLineData(data) {
+  if (data != null) {
+    return data.replace(/<br\/>/g, '<br/>')
+  }
+}
 const handleTimeChange = (type) => {
   queryParams.value.time = null
   if (type === 2) {
     const today = new Date()
-    const end = today.getFullYear() + '-' + ('0' + (today.getMonth())).slice(-2)
+    const end = today.getFullYear() + '-' + ('0' + today.getMonth()).slice(-2)
     const start = dayjs(end).add(-59, 'months')
     queryParams.value.time = [start, end]
   } else if (type === 3) {

src/views/invest/investAnalysis/index.vue

@@ -52,7 +52,6 @@
     </div>
     <div class="main-con" style="height: calc(100% - 2.05rem)">
       <div class="summary-con">
-
         <div class="right-con">
           <div class="img">
             <img src="@/assets/images/accumulate.png" alt="" />
@@ -141,6 +140,11 @@
           </el-table-column>
           <el-table-column label="统计日期" align="center" prop="time" />
           <el-table-column label="收益" align="center" prop="value" />
+          <el-table-column prop="detail" label="收益明细" width="700" v-if="queryParams.type === 2">
+            <template #default="scope">
+              <span v-html="formatMultiLineData(scope.row.detail)"></span>
+            </template>
+          </el-table-column>
         </el-table>
       </div>
     </div>
@@ -203,14 +207,14 @@ const data = reactive({
 
 const { queryParams, rules } = toRefs(data)
 const today = new Date()
-const end = today.getFullYear() + '-' + ('0' + (today.getMonth())).slice(-2)
+const end = today.getFullYear() + '-' + ('0' + today.getMonth()).slice(-2)
 const start = dayjs(end).add(-59, 'months')
 queryParams.value.time = [start, end]
 const handleTimeChange = (type) => {
   queryParams.value.time = null
   if (type === 2) {
     const today = new Date()
-    const end = today.getFullYear() + '-' + ('0' + (today.getMonth())).slice(-2)
+    const end = today.getFullYear() + '-' + ('0' + today.getMonth()).slice(-2)
     const start = dayjs(end).add(-59, 'months')
     queryParams.value.time = [start, end]
   } else if (type === 3) {
@@ -221,7 +225,11 @@ const handleTimeChange = (type) => {
   }
   getList()
 }
-
+function formatMultiLineData(data) {
+  if (data != null) {
+    return data.replace(/<br\/>/g, '<br/>')
+  }
+}
 const disabledDateFun = (time) => {
   const arr = [0, 30, 365, 365 * 5]
   const days = arr[queryParams.value.type]

src/views/invest/onlineLendAnalysis/index.vue

@@ -136,6 +136,11 @@
           </el-table-column>
           <el-table-column label="还款日期" align="center" prop="time" />
           <el-table-column label="待还款金额" align="center" prop="value" />
+          <el-table-column prop="detail" label="待还款明细" width="700" v-if="queryParams.type === 1">
+            <template #default="scope">
+              <span v-html="formatMultiLineData(scope.row.detail)"></span>
+            </template>
+          </el-table-column>
         </el-table>
       </div>
     </div>
@@ -221,6 +226,12 @@ function getCreditCardList() {
   })
 }
 
+function formatMultiLineData(data) {
+  if (data != null) {
+    return data.replace(/<br\/>/g, '<br/>')
+  }
+}
+
 const handleTimeChange = (type) => {
   queryParams.value.time = null
   if (type === 1) {

src/views/invest/onlineLendSettledAnalysis/index.vue

@@ -84,7 +84,7 @@
           <div class="item-wrap">
             <div class="title">已结清网贷（本金）</div>
             <div>
-                  <span class="num">{{ historyObj.clearedPrincipal}}</span> <span class="unit"></span>
+              <span class="num">{{ historyObj.clearedPrincipal }}</span> <span class="unit"></span>
             </div>
           </div>
         </div>
@@ -100,7 +100,6 @@
             </div>
           </div>
         </div>
-
       </div>
       <div class="title-con">
         <div class="title">已结清网贷统计</div>
@@ -123,6 +122,11 @@
           </el-table-column>
           <el-table-column label="借款日期" align="center" prop="time" />
           <el-table-column label="借款金额（本息）" align="center" prop="value" />
+          <el-table-column prop="detail" label="借款金额明细" width="700" v-if="queryParams.type === 2">
+            <template #default="scope">
+              <span v-html="formatMultiLineData(scope.row.detail)"></span>
+            </template>
+          </el-table-column>
         </el-table>
       </div>
     </div>
@@ -220,7 +224,11 @@ const handleTimeChange = (type) => {
   }
   getList()
 }
-
+function formatMultiLineData(data) {
+  if (data != null) {
+    return data.replace(/<br\/>/g, '<br/>')
+  }
+}
 const firstChooseDate = ref('')
 const calendarChange = (val) => {
   firstChooseDate.value = val[0].getTime()

src/views/invest/posAnalysis/index.vue

@@ -3,7 +3,7 @@
     <div class="search-con">
       <div class="title">查询条件</div>
       <el-form :model="queryParams" ref="queryRef" :inline="true" :rules="rules" label-width="100px">
-            <el-form-item label="POS机"  style="width: 500px;" prop="id">
+        <el-form-item label="POS机" style="width: 500px" prop="id">
           <el-select v-model="queryParams.id" placeholder="请选择POS机" clearable>
             <el-option v-for="pos in posMachineList" :key="pos.id" :label="pos.nameMerchantName" :value="pos.id" />
           </el-select>
@@ -55,8 +55,7 @@
       </div>
     </div>
     <div class="main-con" style="height: calc(100% - 1.45rem)">
-          <div class="summary-con" >
+      <div class="summary-con">
-
         <div class="right-con">
           <div class="img">
             <img src="@/assets/images/average.png" alt="" />
@@ -102,7 +101,7 @@
           </div>
         </div>
       </div>
-          <div class="title-con" >
+      <div class="title-con">
         <div class="title">POS机刷卡统计</div>
         <div class="operate-btn-con">
           <el-radio-group v-model="radioVal" @change="handleRadioChange">
@@ -113,8 +112,8 @@
         </div>
       </div>
       <div class="content-con">
-            <div v-show="radioVal === '柱状图'" class="chart" id="chartBar" style="height: calc(100% - 170px);"></div>
+        <div v-show="radioVal === '柱状图'" class="chart" id="chartBar" style="height: calc(100% - 170px)"></div>
-            <div v-show="radioVal === '折线图'" class="chart" id="chartLine" style="height: calc(100% - 170px);"></div>
+        <div v-show="radioVal === '折线图'" class="chart" id="chartLine" style="height: calc(100% - 170px)"></div>
         <el-table v-show="radioVal === '表格'" v-loading="loading" :data="pos.tablePosList" height="calc(100% - 170px)">
           <el-table-column label="序号" width="50" type="index" align="center">
             <template #default="scope">
@@ -123,6 +122,11 @@
           </el-table-column>
           <el-table-column label="刷卡日期" align="center" prop="time" />
           <el-table-column label="刷卡金额" align="center" prop="value" />
+          <el-table-column prop="detail" label="刷卡明细" v-if="queryParams.type === 1">
+            <template #default="scope">
+              <span v-html="formatMultiLineData(scope.row.detail)"></span>
+            </template>
+          </el-table-column>
         </el-table>
       </div>
     </div>
@@ -255,6 +259,12 @@ function getPosMachineList() {
   })
 }
 
+function formatMultiLineData(data) {
+  if (data != null) {
+    return data.replace(/<br\/>/g, '<br/>')
+  }
+}
+
 function getList() {
   loading.value = true
   chartData.value = { name: [], value1: [] }

src/views/invest/stocksAnalysis/index.vue

@@ -57,7 +57,6 @@
     </div>
     <div class="main-con" style="height: calc(100% - 2.05rem)">
       <div class="summary-con">
-
         <div class="right-con">
           <div class="img">
             <img src="@/assets/images/accumulate.png" alt="" />
@@ -124,6 +123,11 @@
           </el-table-column>
           <el-table-column label="统计日期" align="center" prop="time" />
           <el-table-column label="收益" align="center" prop="value" />
+          <el-table-column prop="detail" label="收益明细" width="700" v-if="queryParams.type === 2">
+            <template #default="scope">
+              <span v-html="formatMultiLineData(scope.row.detail)"></span>
+            </template>
+          </el-table-column>
         </el-table>
       </div>
     </div>
@@ -195,7 +199,7 @@ const data = reactive({
 
 const { queryParams, queryFutureStocksListParams, rules } = toRefs(data)
 const today = new Date()
-const end = today.getFullYear() + '-' + ('0' + (today.getMonth())).slice(-2)
+const end = today.getFullYear() + '-' + ('0' + today.getMonth()).slice(-2)
 const start = dayjs(end).add(-59, 'months')
 queryParams.value.time = [start, end]
 /** 查询期货股票卡管理列表 */
@@ -205,11 +209,16 @@ function getFutureStocksList() {
   })
 }
 
+function formatMultiLineData(data) {
+  if (data != null) {
+    return data.replace(/<br\/>/g, '<br/>')
+  }
+}
 const handleTimeChange = (type) => {
   queryParams.value.time = null
   if (type === 2) {
     const today = new Date()
-    const end = today.getFullYear() + '-' + ('0' + (today.getMonth())).slice(-2)
+    const end = today.getFullYear() + '-' + ('0' + today.getMonth()).slice(-2)
     const start = dayjs(end).add(-59, 'months')
     queryParams.value.time = [start, end]
   } else if (type === 3) {