From 761f38e975bc4f4d6973eb92996504928e1b30b0 Mon Sep 17 00:00:00 2001
From: gaoluyang <2820782392@qq.com>
Date: 星期五, 16 五月 2025 16:31:40 +0800
Subject: [PATCH] Merge remote-tracking branch 'origin/dev' into dev
---
src/views/procurementManagement/paymentLedger/index.vue | 112 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 112 insertions(+), 0 deletions(-)
diff --git a/src/views/procurementManagement/paymentLedger/index.vue b/src/views/procurementManagement/paymentLedger/index.vue
new file mode 100644
index 0000000..628ea90
--- /dev/null
+++ b/src/views/procurementManagement/paymentLedger/index.vue
@@ -0,0 +1,112 @@
+<template>
+ <div class="app-container">
+ <div class="search_form">
+ <div>
+ <span class="search_title">渚涘簲鍟嗘。妗堬細</span>
+ <el-input
+ v-model="searchForm.supplierName"
+ style="width: 240px"
+ placeholder="杈撳叆渚涘簲鍟嗗悕绉版悳绱�"
+ @change="handleQuery"
+ clearable
+ :prefix-icon="Search"
+ />
+ <el-button type="primary" @click="handleQuery" style="margin-left: 10px">鎼滅储</el-button>
+ </div>
+ </div>
+ <div class="table_list">
+ <PIMTable :column="tableColumn" :tableData="tableData" :page="page" :isShowSummary="true" style="width: 50%" :highlightCurrentRow="true"
+ :tableLoading="tableLoading" @pagination="pagination" :total="total" :row-click="setTableData"></PIMTable>
+ <PIMTable :column="tableColumn1" :tableData="tableData1" :isShowSummary="true" style="width: 50%"></PIMTable>
+ </div>
+ </div>
+</template>
+
+<script setup>
+import { ref } from 'vue'
+import {Search} from "@element-plus/icons-vue";
+import {paymentLedgerList} from "@/api/procurementManagement/paymentLedger.js";
+
+const tableColumn = ref([
+ {
+ label: '渚涘簲鍟嗗悕绉�',
+ prop: 'supplierName',
+ },
+ {
+ label: '鏉ョエ閲戦(鍏�)',
+ prop: 'invoiceAmount'
+ },
+ {
+ label: '浠樻閲戦(鍏�)',
+ prop: 'paymentAmount'
+ },
+ {
+ label: '搴斾粯娆鹃噾棰�(鍏�)',
+ prop: 'payableAmount'
+ },
+])
+const tableColumn1 = ref([
+ {
+ label: '鍙戠敓鏃ユ湡',
+ prop: 'createTime',
+ },
+ {
+ label: '鏉ョエ鏁�',
+ prop: 'voteCount'
+ },
+ {
+ label: '浠樻閲戦(鍏�)',
+ prop: 'paymentAmount'
+ },
+ {
+ label: '搴斾粯娆鹃噾棰�(鍏�)',
+ prop: 'payableAmount'
+ },
+])
+const tableData = ref([])
+const tableData1 = ref([])
+const tableLoading = ref(false)
+const page = reactive({
+ current: 1,
+ size: 10,
+})
+const total = ref(0)
+
+// 鐢ㄦ埛淇℃伅琛ㄥ崟寮规鏁版嵁
+const data = reactive({
+ searchForm: {
+ supplierName: '',
+ },
+})
+const { searchForm } = toRefs(data)
+
+// 鏌ヨ鍒楄〃
+/** 鎼滅储鎸夐挳鎿嶄綔 */
+const handleQuery = () => {
+ page.current = 1
+ getList()
+}
+const setTableData = (data) => {
+ tableData1.value = data.details
+}
+const pagination = ({ current, limit }) => {
+ page.current = current;
+ page.size = limit;
+ getList()
+}
+const getList = () => {
+ tableLoading.value = true
+ paymentLedgerList({...searchForm.value, ...page}).then(res => {
+ tableLoading.value = false
+ tableData.value = res.data
+ total.value = res.total
+ })
+}
+getList()
+</script>
+
+<style scoped lang="scss">
+.table_list {
+ display: flex;
+}
+</style>
--
Gitblit v1.9.3