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-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
@@ -69,7 +75,7 @@
      </PIMTable>
    </div>
    <Modal ref="modalRef" @success="getTableData"></Modal>
    <files-dia ref="filesDia" @close="handleQuery"></files-dia>
    <files-dia ref="filesDia"></files-dia>
  </div>
</template>
@@ -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,12 +114,21 @@
  listPage,
  {
    expenseMethod: undefined,
    expenseCategory: undefined,
    entryDate: undefined,
  },
  [
    {
      label: "支出日期",
      align: "center",
      prop: "expenseDate",
    },
    {
      label: "支出大类",
      align: "center",
      prop: "expenseCategory",
      dataType: "tag",
      formatData: (params) => finance_expense_category.value.find((m) => m.value == params)?.label || "未分类",
    },
    {
      label: "支出类型",
@@ -226,9 +243,11 @@
const changeDaterange = (value) => {
  if (value) {
    filters.entryDate = value;
    filters.entryDateStart = dayjs(value[0]).format("YYYY-MM-DD");
    filters.entryDateEnd = dayjs(value[1]).format("YYYY-MM-DD");
  } else {
    filters.entryDate = null;
    filters.entryDateStart = undefined;
    filters.entryDateEnd = undefined;
  }
@@ -256,12 +275,6 @@
};
onMounted(() => {
  filters.entryDate = [
    dayjs().format("YYYY-MM-DD"),
    dayjs().add(1, "day").format("YYYY-MM-DD"),
  ]
  filters.entryDateStart = dayjs().format("YYYY-MM-DD")
  filters.entryDateEnd = dayjs().add(1, "day").format("YYYY-MM-DD")
  getTableData();
});
</script>