1

src/views/finance/fundManage/accountStatement/index.vue

@@ -19,12 +19,22 @@
           },
         ]"
         @get-list="getList">
-        <template #amount="{ item }">
+        <!-- <template #amount="{ item }">
           <div :style="'color: ' + (item.status === '10' ? '#04cb04;' : 'red;')">
             <span style="padding-right: 4px">{{ item.currency }}</span>
             <span v-if="item.status === '20'">-</span>
             <span>{{ moneyFormat(item.amount, 2) }}</span>
           </div>
+        </template> -->
+        <template #status10="{ item }">
+          <div>
+            <span v-if="item.status == 10">{{ item.amount }}</span>
+          </div>
+        </template>
+        <template #status20="{ item }">
+          <div>
+            <span v-if="item.status == 20">{{ item.amount }}</span>
+          </div>
         </template>
       </byTable>
     </div>
@@ -170,11 +180,39 @@ const config = computed(() => {
     },
     {
       attrs: {
-        label: "交易金额",
-        slot: "amount",
-        width: 200,
+        label: "币种",
+        prop: "currency",
+        width: 100,
+      },
+    },
+    {
+      attrs: {
+        label: "收入",
+        slot: "status10",
+        width: 120,
+      },
+    },
+    {
+      attrs: {
+        label: "支出",
+        slot: "status20",
+        width: 120,
+      },
+    },
+    {
+      attrs: {
+        label: "余额",
+        prop: "remainder",
+        width: 120,
       },
     },
+    // {
+    //   attrs: {
+    //     label: "交易金额",
+    //     slot: "amount",
+    //     width: 200,
+    //   },
+    // },
     {
       attrs: {
         label: "对方账户",