From fa008901cc964ce4fd3574fcd3ef391fac98c7f4 Mon Sep 17 00:00:00 2001
From: gaoluyang <2820782392@qq.com>
Date: 星期四, 09 四月 2026 18:02:16 +0800
Subject: [PATCH] 升级app 1.首页样式优化 2.客户合同金额展示错误修改
---
src/pages/financialManagement/expenseManagement/index.vue | 71 +++++------------------------------
1 files changed, 10 insertions(+), 61 deletions(-)
diff --git a/src/pages/financialManagement/expenseManagement/index.vue b/src/pages/financialManagement/expenseManagement/index.vue
index 397414b..68a47cf 100644
--- a/src/pages/financialManagement/expenseManagement/index.vue
+++ b/src/pages/financialManagement/expenseManagement/index.vue
@@ -4,17 +4,11 @@
<view class="search-section">
<view class="search-bar">
<view class="search-input">
- <uni-datetime-picker type="daterange" v-model="filters.entryDate" @change="onDateChange" />
+ <up-input class="search-text" placeholder="璇疯緭鍏ュ鎴峰悕绉版悳绱�" v-model="searchForm.supplierName" clearable />
</view>
- <view class="search-input">
- <up-input readonly placeholder="浠樻鏂瑰紡" v-model="expenseMethodLabel" @click="methodPickerShow = true" />
+ <view class="filter-button" @click="handleQuery">
+ <up-icon name="search" size="24" color="#999"></up-icon>
</view>
- <view class="filter-button" @click="getList">
- <up-icon name="search" size="24" color="#999" />
- </view>
- </view>
- <view class="actions">
- <u-button type="primary" size="small" @click="goAdd">鏂板</u-button>
</view>
</view>
<view class="ledger-list" v-if="list.length>0">
@@ -36,31 +30,24 @@
<view class="detail-row"><text class="detail-label">鍙戠エ鍙风爜</text><text class="detail-value">{{ item.invoiceNumber || '--' }}</text></view>
<view class="detail-row"><text class="detail-label">澶囨敞</text><text class="detail-value">{{ item.note || '--' }}</text></view>
</view>
- <view class="card-actions">
- <u-button size="small" @click="goEdit(item)" :disabled="!!item.businessId">缂栬緫</u-button>
- <u-button size="small" type="error" @click="confirmDelete(item)" :disabled="!!item.businessId">鍒犻櫎</u-button>
- </view>
</view>
</view>
<view class="no-data" v-else><text>鏆傛棤鏁版嵁</text></view>
- <up-action-sheet :show="methodPickerShow" :actions="checkoutPayment" title="浠樻鏂瑰紡" @select="onSelectMethod" @close="methodPickerShow=false" />
</view>
</template>
<script setup>
import { ref, reactive } from "vue";
import { onShow } from "@dcloudio/uni-app";
-import { listPage, delAccountExpense } from "@/api/financialManagement/expenseManagement";
+import { listPage } from "@/api/financialManagement/expenseManagement";
import { useDict } from "@/utils/dict";
const list = ref([]);
-const filters = reactive({ entryDate: null, expenseMethod: undefined, entryDateStart: undefined, entryDateEnd: undefined });
const { checkout_payment, expense_types } = useDict("checkout_payment", "expense_types");
const checkoutPayment = ref([]);
const expenseTypes = ref([]);
-const methodPickerShow = ref(false);
-const expenseMethodLabel = ref("");
+const searchForm = reactive({ supplierName: null,current:-1,size:-1 });
const syncDict = () => {
checkoutPayment.value = (checkout_payment?.value || []).map(i => ({ label: i.label, value: i.value }));
@@ -68,28 +55,13 @@
};
const getList = () => {
- listPage({ expenseMethod: filters.expenseMethod, entryDateStart: filters.entryDateStart, entryDateEnd: filters.entryDateEnd, current: 1, size: 100 })
+ listPage({...searchForm })
.then(res => {
const records = res?.data?.records ?? res?.records ?? [];
list.value = records;
});
};
-const onDateChange = (val) => {
- if (val && val.length === 2) {
- filters.entryDateStart = val[0];
- filters.entryDateEnd = val[1];
- } else {
- filters.entryDateStart = undefined;
- filters.entryDateEnd = undefined;
- }
-};
-
-const onSelectMethod = (e) => {
- filters.expenseMethod = e.value;
- expenseMethodLabel.value = e.label;
- methodPickerShow.value = false;
-};
const methodText = (v) => {
const m = checkoutPayment.value.find(i=>String(i.value)===String(v));
@@ -104,41 +76,18 @@
return n.toFixed(2);
};
-const goAdd = () => {
- uni.navigateTo({ url: "/pages/financialManagement/expenseManagement/edit?type=add" });
-};
-const goEdit = (row) => {
- uni.navigateTo({ url: `/pages/financialManagement/expenseManagement/edit?type=edit&id=${row.id}` });
-};
-const confirmDelete = (row) => {
- uni.showModal({
- title: "鎻愮ず",
- content: "纭鍒犻櫎璇ヨ褰曪紵",
- success: async (r) => {
- if (r.confirm) {
- const ids = Array.isArray(row) ? row.map(i=>i.id) : [row.id];
- const res = await delAccountExpense(ids);
- if (res?.code === 200) getList();
- }
- },
- });
+const handleQuery = () => {
+ getList();
};
-const onExpenseTypeConfirm = (e) => {
- const item = expenseTypes.value[e.value[0]];
- if (item) form.expenseType = item.value;
-};
-const onMethodConfirm = (e) => {
- const item = checkoutPayment.value[e.value[0]];
- if (item) form.expenseMethod = item.value;
-};
const goBack = () => {
uni.navigateBack();
};
-syncDict();
onShow(() => {
+syncDict();
+
getList();
});
</script>
--
Gitblit v1.9.3