财务管理系统模块优化

liding

2026-10-08 43d00eec5989caa78c44c736853230a13d8e9f6c

 src/views/financialManagement/expenseManagement/index.vue

@@ -1,9 +1,15 @@
<template>
  <div class="app-container">
    <ExpenseCategoryReport />
    <el-form :model="filters" :inline="true">
      <el-form-item label="支出日期:">
        <el-date-picker v-model="filters.entryDate" value-format="YYYY-MM-DD" format="YYYY-MM-DD" type="daterange"
                        placeholder="请选择" clearable @change="changeDaterange" />
      </el-form-item>
      <el-form-item label="支出大类:">
        <el-select v-model="filters.expenseCategory" placeholder="请选择" clearable style="width: 160px">
          <el-option v-for="item in finance_expense_category" :key="item.value" :label="item.label" :value="item.value" />
        </el-select>
      </el-form-item>
      <el-form-item label="付款方式:">
        <el-select
@@ -81,6 +87,7 @@
import { ElMessageBox, ElMessage } from "element-plus";
import dayjs from "dayjs";
import FilesDia from "../revenueManagement/filesDia.vue";
import ExpenseCategoryReport from "./ExpenseCategoryReport.vue";

defineOptions({
  name: "支出管理",
@@ -92,6 +99,7 @@
const modalRef = ref();
const { checkout_payment } = proxy.useDict("checkout_payment");
const { expense_types } = proxy.useDict("expense_types");
const { finance_expense_category } = proxy.useDict("finance_expense_category");
const filesDia = ref()

const {
@@ -106,6 +114,7 @@
  listPage,
  {
    expenseMethod: undefined,
    expenseCategory: undefined,
    entryDate: undefined,
  },
  [
@@ -115,6 +124,13 @@
      prop: "expenseDate",
    },
    {
      label: "支出大类",
      align: "center",
      prop: "expenseCategory",
      dataType: "tag",
      formatData: (params) => finance_expense_category.value.find((m) => m.value == params)?.label || "未分类",
    },
    {
      label: "支出类型",
      align: "center",
      prop: "expenseType",