From 42a1a434f77154746038c476ef70ca9be0b8e4e0 Mon Sep 17 00:00:00 2001
From: spring <2396852758@qq.com>
Date: 星期一, 19 一月 2026 18:02:46 +0800
Subject: [PATCH] fix: 完成资金管理，财务对账
---
src/views/financialManagement/fundsManagement/index.vue | 298 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 298 insertions(+), 0 deletions(-)
diff --git a/src/views/financialManagement/fundsManagement/index.vue b/src/views/financialManagement/fundsManagement/index.vue
new file mode 100644
index 0000000..845dc52
--- /dev/null
+++ b/src/views/financialManagement/fundsManagement/index.vue
@@ -0,0 +1,298 @@
+<template>
+ <div class="app-container">
+ <!-- 鎼滅储鍖� -->
+ <div class="search_form">
+ <el-form :inline="true" :model="searchForm">
+ <el-form-item label="璧勯噾绫诲瀷锛�">
+ <el-select v-model="searchForm.typeText" placeholder="璇烽�夋嫨" clearable style="width: 150px">
+ <el-option label="鏀跺叆" value="鏀跺叆" />
+ <el-option label="鏀嚭" value="鏀嚭" />
+ <el-option label="鍐呴儴杞处" value="鍐呴儴杞处" />
+ </el-select>
+ </el-form-item>
+ <el-form-item label="璐︽埛锛�">
+ <el-input v-model="searchForm.account" placeholder="璇疯緭鍏ヨ处鎴�" clearable style="width: 160px" />
+ </el-form-item>
+ <!-- <el-form-item label="鏃ユ湡锛�">
+ <el-date-picker
+ v-model="searchForm.dateRange"
+ type="daterange"
+ range-separator="鑷�"
+ start-placeholder="寮�濮嬫棩鏈�"
+ end-placeholder="缁撴潫鏃ユ湡"
+ value-format="YYYY-MM-DD"
+ format="YYYY-MM-DD"
+ clearable
+ />
+ </el-form-item> -->
+ <el-form-item>
+ <el-button type="primary" @click="handleQuery">鎼滅储</el-button>
+ <el-button @click="resetQuery">閲嶇疆</el-button>
+ </el-form-item>
+ </el-form>
+ </div>
+
+ <!-- 鎿嶄綔鍖� -->
+ <div class="actions">
+ <el-button type="primary" @click="openDialog('add')">鏂板</el-button>
+ <el-button type="danger" plain @click="handleDelete">鍒犻櫎</el-button>
+ </div>
+
+ <!-- 琛ㄦ牸 -->
+ <el-table
+ :data="tableData"
+ border
+ v-loading="tableLoading"
+ @selection-change="handleSelectionChange"
+ style="width: 100%"
+ height="calc(100vh - 280px)"
+ :row-key="row => row.id"
+ >
+ <el-table-column type="selection" width="55" align="center" />
+ <el-table-column type="index" label="搴忓彿" width="60" align="center" />
+ <el-table-column prop="accountDate" label="鏃ユ湡" width="130" show-overflow-tooltip />
+ <el-table-column prop="typeText" label="璧勯噾绫诲瀷" width="120" show-overflow-tooltip />
+ <el-table-column prop="amount" label="閲戦(鍏�)" width="120" show-overflow-tooltip />
+ <el-table-column prop="account" label="璐︽埛" width="160" show-overflow-tooltip />
+ <el-table-column prop="counterparty" label="寰�鏉ュ崟浣�" width="180" show-overflow-tooltip />
+ <el-table-column prop="remark" label="澶囨敞" show-overflow-tooltip />
+ <el-table-column fixed="right" label="鎿嶄綔" width="150" align="center">
+ <template #default="scope">
+ <el-button link type="primary" size="small" @click="openDialog('edit', scope.row)">缂栬緫</el-button>
+ </template>
+ </el-table-column>
+ </el-table>
+
+ <pagination
+ v-show="total > 0"
+ :total="total"
+ layout="total, sizes, prev, pager, next, jumper"
+ :page="page.current"
+ :limit="page.size"
+ @pagination="paginationChange"
+ />
+
+ <!-- 寮圭獥 -->
+ <el-dialog v-model="dialogVisible" :title="dialogTitle" width="520px" @close="resetForm">
+ <el-form :model="form" :rules="rules" ref="formRef" label-width="120px">
+ <el-form-item label="鏃ユ湡锛�" prop="accountDate">
+ <el-date-picker v-model="form.accountDate" type="date" value-format="YYYY-MM-DD" format="YYYY-MM-DD" style="width: 100%" />
+ </el-form-item>
+ <el-form-item label="璧勯噾绫诲瀷锛�" prop="typeText">
+ <el-select v-model="form.typeText" placeholder="璇烽�夋嫨" style="width: 100%">
+ <el-option label="鏀跺叆" value="鏀跺叆" />
+ <el-option label="鏀嚭" value="鏀嚭" />
+ <el-option label="鍐呴儴杞处" value="鍐呴儴杞处" />
+ </el-select>
+ </el-form-item>
+ <el-form-item label="閲戦(鍏�)锛�" prop="amount">
+ <el-input-number v-model="form.amount" :min="0" :precision="2" :step="100" style="width: 100%" />
+ </el-form-item>
+ <el-form-item label="璐︽埛锛�" prop="account">
+ <el-input v-model="form.account" placeholder="璇疯緭鍏ヨ处鎴�" />
+ </el-form-item>
+ <el-form-item label="寰�鏉ュ崟浣嶏細" prop="counterparty">
+ <el-input v-model="form.counterparty" placeholder="璇疯緭鍏ュ線鏉ュ崟浣�" />
+ </el-form-item>
+ <el-form-item label="澶囨敞锛�">
+ <el-input v-model="form.remark" type="textarea" :rows="3" placeholder="璇疯緭鍏ュ娉�" />
+ </el-form-item>
+ </el-form>
+ <template #footer>
+ <div class="dialog-footer">
+ <el-button @click="dialogVisible = false">鍙栨秷</el-button>
+ <el-button type="primary" @click="submitForm">纭</el-button>
+ </div>
+ </template>
+ </el-dialog>
+ </div>
+</template>
+
+<script setup>
+import { ref, reactive, onMounted } from 'vue'
+import { ElMessage, ElMessageBox } from 'element-plus'
+import pagination from '@/components/PIMTable/Pagination.vue'
+import {
+ getFundsPage,
+ addFunds,
+ updateFunds,
+ deleteFunds
+} from '@/api/financialManagement/fundsManagement.js'
+
+const tableData = ref([])
+const tableLoading = ref(false)
+const selectedRows = ref([])
+const dialogVisible = ref(false)
+const dialogTitle = ref('鏂板')
+const formRef = ref(null)
+
+const page = reactive({
+ current: 1,
+ size: 100
+})
+const total = ref(0)
+
+const searchForm = reactive({
+ typeText: '',
+ account: '',
+ dateRange: []
+})
+
+const form = reactive({
+ id: null,
+ accountDate: '',
+ typeText: '',
+ amount: null,
+ account: '',
+ counterparty: '',
+ remark: ''
+})
+
+const rules = {
+ accountDate: [{ required: true, message: '璇烽�夋嫨鏃ユ湡', trigger: 'change' }],
+ typeText: [{ required: true, message: '璇烽�夋嫨璧勯噾绫诲瀷', trigger: 'change' }],
+ amount: [{ required: true, message: '璇疯緭鍏ラ噾棰�', trigger: 'blur' }],
+ account: [{ required: true, message: '璇疯緭鍏ヨ处鎴�', trigger: 'blur' }]
+}
+
+const typeTextMap = {
+ income: '鏀跺叆',
+ expense: '鏀嚭',
+ transfer: '鍐呴儴杞处'
+}
+
+// 鑾峰彇鍒楄〃
+const getList = () => {
+ tableLoading.value = true
+ const params = {
+ ...searchForm,
+ current: page.current,
+ size: page.size
+ }
+ // 鍏煎鍚庣瀛楁锛氳嫢鍚庣浣跨敤 typeText锛岃鐩存帴浼犻�掞紱鑻ヤ娇鐢� type锛岃涓庡悗绔榻�
+ if (params.dateRange && params.dateRange.length === 2) {
+ params.beginDate = params.dateRange[0]
+ params.endDate = params.dateRange[1]
+ }
+ delete params.dateRange
+
+ getFundsPage(params)
+ .then(res => {
+ if (res.code === 200) {
+ tableData.value = (res.data?.records || []).map(item => ({
+ ...item,
+ typeText: item.typeText || typeTextMap[item.typeText] || item.typeText
+ }))
+ total.value = res.data?.total || 0
+ }
+ })
+ .finally(() => {
+ tableLoading.value = false
+ })
+}
+
+const handleQuery = () => {
+ page.current = 1
+ getList()
+}
+const resetQuery = () => {
+ searchForm.typeText = ''
+ searchForm.account = ''
+ searchForm.dateRange = []
+ handleQuery()
+}
+const paginationChange = (obj) => {
+ page.current = obj.page
+ page.size = obj.limit
+ getList()
+}
+
+const handleSelectionChange = (rows) => {
+ selectedRows.value = rows
+}
+
+const openDialog = (type, row) => {
+ dialogTitle.value = type === 'add' ? '鏂板璧勯噾璁板綍' : '缂栬緫璧勯噾璁板綍'
+ if (type === 'edit' && row) {
+ Object.assign(form, row)
+ } else {
+ resetForm()
+ }
+ dialogVisible.value = true
+}
+
+const resetForm = () => {
+ Object.assign(form, {
+ id: null,
+ accountDate: '',
+ typeText: '',
+ amount: null,
+ account: '',
+ counterparty: '',
+ remark: ''
+ })
+}
+
+const submitForm = () => {
+ formRef.value?.validate(valid => {
+ if (!valid) return
+ const payload = { ...form }
+ const request = payload.id ? updateFunds(payload) : addFunds(payload)
+ request
+ .then(res => {
+ if (res.code === 200) {
+ ElMessage.success('鎻愪氦鎴愬姛')
+ dialogVisible.value = false
+ getList()
+ }
+ })
+ .catch(err => {
+ ElMessage.error(err.msg || '鎻愪氦澶辫触')
+ })
+ })
+}
+
+const handleDelete = () => {
+ if (!selectedRows.value.length) {
+ ElMessage.warning('璇烽�夋嫨瑕佸垹闄ょ殑璁板綍')
+ return
+ }
+ ElMessageBox.confirm('纭鍒犻櫎閫変腑璁板綍鍚楋紵', '鎻愮ず', {
+ confirmButtonText: '纭',
+ cancelButtonText: '鍙栨秷',
+ type: 'warning'
+ }).then(() => {
+ const ids = selectedRows.value.map(r => r.id)
+ deleteFunds(ids).then(res => {
+ if (res.code === 200) {
+ ElMessage.success('鍒犻櫎鎴愬姛')
+ getList()
+ selectedRows.value = []
+ }
+ }).catch(err => {
+ ElMessage.error(err.msg || '鍒犻櫎澶辫触')
+ })
+ }).catch(() => {})
+}
+
+onMounted(() => {
+ getList()
+})
+</script>
+
+<style scoped lang="scss">
+.app-container {
+ padding: 20px;
+
+ .search_form {
+ background: #fff;
+ padding: 16px;
+ border-radius: 6px;
+ margin-bottom: 16px;
+ }
+
+ .actions {
+ margin-bottom: 12px;
+ }
+}
+</style>
--
Gitblit v1.9.3