| | |
| | | <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 |
| | |
| | | </PIMTable> |
| | | </div> |
| | | <Modal ref="modalRef" @success="getTableData"></Modal> |
| | | <files-dia ref="filesDia" @close="handleQuery"></files-dia> |
| | | <files-dia ref="filesDia"></files-dia> |
| | | </div> |
| | | </template> |
| | | |
| | |
| | | import { ElMessageBox, ElMessage } from "element-plus"; |
| | | import dayjs from "dayjs"; |
| | | import FilesDia from "../revenueManagement/filesDia.vue"; |
| | | import ExpenseCategoryReport from "./ExpenseCategoryReport.vue"; |
| | | |
| | | defineOptions({ |
| | | name: "支出管理", |
| | |
| | | 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 { |
| | |
| | | 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: "支出类型", |
| | |
| | | |
| | | 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; |
| | | } |
| | |
| | | }; |
| | | |
| | | 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> |