付款管理页面完善

src/views/purchaseManage/purchasePayment/payment/index.vue

@@ -15,13 +15,11 @@
           },
         ]"
         @get-list="getList">
-        <!-- <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) }}</span>
-            </div>
-          </template> -->
+        <template #amount="{ item }">
+          <div>
+            <span>{{ moneyFormat(item.amount, 2) }}</span>
+          </div>
+        </template>
       </byTable>
     </div>
   </div>
@@ -36,6 +34,7 @@ import useUserStore from "@/store/modules/user";
 const { proxy } = getCurrentInstance();
 const payStatus = ref([]);
 const fundsPaymentMethod = ref([]);
+const accountList = ref([]);
 const status = ref([
   {
     label: "草稿",
@@ -96,7 +95,8 @@ const config = computed(() => {
     {
       attrs: {
         label: "申请金额",
-        prop: "amount",
+        slot: "amount",
+        width: 140,
       },
     },
     {
@@ -109,6 +109,7 @@ const config = computed(() => {
       attrs: {
         label: "付款方式",
         prop: "payType",
+        width: 160,
       },
       render(type) {
         let text = "";
@@ -125,12 +126,24 @@ const config = computed(() => {
       attrs: {
         label: "付款账户",
         prop: "accountManagementId",
+        width: 200,
+      },
+      render(type) {
+        let text = "";
+        if (accountList.value && accountList.value.length > 0) {
+          let data = accountList.value.filter((item) => item.value == type);
+          if (data && data.length > 0) {
+            text = data[0].label;
+          }
+        }
+        return text;
       },
     },
     {
       attrs: {
         label: "申请人",
         prop: "userName",
+        width: 140,
       },
     },
     {
@@ -233,6 +246,14 @@ const getDict = () => {
         });
       }
     });
+  proxy.post("/accountManagement/page", { pageNum: 1, pageSize: 999 }).then((res) => {
+    accountList.value = res.rows.map((item) => {
+      return {
+        label: item.alias,
+        value: item.id,
+      };
+    });
+  });
 };
 const getList = async (req) => {
   sourceList.value.pagination = { ...sourceList.value.pagination, ...req };
@@ -252,10 +273,10 @@ const purchasePayment = () => {
     path: "/platform_manage/process/processApproval",
     query: {
       flowKey: "pay_flow",
-      flowName: '付款申请'
+      flowName: "付款申请",
     },
   });
-}
+};
 </script>
 
 <style lang="scss" scoped>