工猫完成

src/module/main/components/gongmall.vue

@@ -1,6 +1,6 @@
 <template>
   <div id="cloud-job">
-    <div class="title">企业账户：可用余额 17.17元 待确认金额38851.17元 帐户总金额17.17元 待付款金额0.00元 成功支付金额--元</div>
+    <div class="title">企业账户：可用余额{{titleInfo.availableAmount}}元 待确认金额{{titleInfo.totalWaitConfirm}}元 帐户总金额{{titleInfo.amount}}元 待付款金额{{titleInfo.totalWaitPay}}元 成功支付金额{{titleInfo.totalSuccessPay}}元</div>
     <div class="table">
       <el-table
         v-if="tableData.length"
@@ -8,7 +8,6 @@
         border
         style="width: 100%"
         :data="tableData"
-        :row-class-name="tableRowClassName"
       >
         <el-table-column
           v-for="(prop, index) of tableProps"
@@ -83,15 +82,18 @@ const tableProps = [
 export default {
   data() {
     return {
+      // 头部信息
+      titleInfo: {},
       // 数据总条目
       totalCount: 0,
+      // 当前页面
       currentPage: 1,
       // 列表头显示内容
       tableHeaders,
       // 列表头字段
       tableProps,
       // 列表数据
-      tableData: []
+      tableData: [],
     }
   },
   mounted() {
@@ -131,6 +133,13 @@ export default {
     },
     // 格式化列表数据
     formatTableData(data, rData) {
+      this.titleInfo = {
+        availableAmount: rData.accountBalance.availableAmount,
+        totalWaitConfirm: rData.totalWaitConfirm ? rData.totalWaitConfirm / 100 : '--',
+        amount: rData.accountBalance.amount,
+        totalWaitPay: rData.totalWaitPay ? rData.totalWaitPay / 100 : '--',
+        totalSuccessPay: rData.totalSuccessPay ? rData.totalSuccessPay / 100 : '--',
+      }
       return data.map(i => {
         let projectName = '--'
         let prePay = ''