sc

src/views/Home/Comp/SignListCard.vue

@@ -38,31 +38,42 @@
     </el-form>
     <el-table :data="tableList" border stripe show-summary :summary-method="getSummaries">
       <el-table-column label="周期" prop="period" width="110px" />
-      <el-table-column prop="signNumber" label="成交数" />
-      <el-table-column prop="signPrice" label="成交额" />
-      <el-table-column
-        prop="signPriceSequentialGrowth"
-        label="成交额环比增长"
-        :formatter="parseRate"
-      />
-      <el-table-column
-        prop="signPriceSamePeriodCompareGrowth"
-        label="成交额同比增长"
-        :formatter="parseRate"
-      />
-      <el-table-column prop="profit" label="利润" />
-      <el-table-column prop="profitSequentialGrowth" label="利润环比增长" :formatter="parseRate" />
-      <el-table-column
-        prop="profitSamePeriodCompareGrowth"
-        label="利润同比增长"
-        :formatter="parseRate"
-      />
-      <el-table-column prop="notReceivedMoney" label="未到账金额" />
-      <el-table-column prop="receivedMoney" label="已到账金额" />
+      <el-table-column label="成交" align="center">
+        <el-table-column prop="signNumber" label="成交数" />
+        <el-table-column prop="signPrice" label="成交额" />
+        <el-table-column prop="signPriceSequentialGrowth" label="环比" :formatter="parseRate" />
+        <el-table-column
+          prop="signPriceSamePeriodCompareGrowth"
+          label="同比"
+          :formatter="parseRate"
+        />
+      </el-table-column>
+      <el-table-column label="利润" align="center">
+        <el-table-column prop="profit">
+          <template #header> <Tooltip message="公司利润" /> <span>利润</span> </template>
+        </el-table-column>
+        <el-table-column prop="profitSequentialGrowth" label="环比" :formatter="parseRate" />
+        <el-table-column prop="profitSamePeriodCompareGrowth" label="同比" :formatter="parseRate" />
+      </el-table-column>
+
+      <el-table-column prop="notReceivedMoney">
+        <template #header>
+          <Tooltip message="回款列表中未审核的公司利润" /> <span>未到账</span>
+        </template>
+      </el-table-column>
+      <el-table-column prop="receivedMoney">
+        <template #header>
+          <Tooltip message="回款列表中已审核的公司利润" /> <span>已到账</span>
+        </template>
+      </el-table-column>
       <el-table-column prop="waitSettleMoney" label="待结算金额" />
       <el-table-column prop="settledMoney" label="已结算金额" />
       <el-table-column prop="refundAmount" label="已退款金额" />
-      <el-table-column prop="remainMoney" label="结余" />
+      <el-table-column prop="remainMoney">
+        <template #header>
+          <Tooltip message="已到账金额-已结算金额-已退款金额" /> <span>结余</span>
+        </template>
+      </el-table-column>
     </el-table>
   </ContentWrap>
 </template>
@@ -129,14 +140,16 @@ function getSummaries({ columns, data }) {
       if (column.property.includes('Growth')) {
         sums[index] = ''
       } else {
-        sums[index] = values.reduce((prev, curr) => {
-          const value = Number(curr)
-          if (!Number.isNaN(value)) {
-            return prev + curr
-          } else {
-            return prev
-          }
-        }, 0)
+        sums[index] = values
+          .reduce((prev, curr) => {
+            const value = Number(curr)
+            if (!Number.isNaN(value)) {
+              return prev + curr
+            } else {
+              return prev
+            }
+          }, 0)
+          .toFixed(2)
       }
     } else {
       sums[index] = ''