This commit is contained in:
quantulr
2023-09-27 11:10:54 +08:00
parent 16db12db20
commit 992df3b08b
3 changed files with 75 additions and 75 deletions

View File

@ -6,9 +6,9 @@ import {
getFinanceDetail, getFinanceDetail,
updateFinanceDetail, updateFinanceDetail,
} from "@/api/finance/detail"; } from "@/api/finance/detail";
import {useDict} from "@/utils/dict"; import { useDict } from "@/utils/dict";
import DictTag from "@/components/DictTag/index.vue"; import DictTag from "@/components/DictTag/index.vue";
import {dayjs} from "element-plus"; import { dayjs } from "element-plus";
import modal from "@/plugins/modal"; import modal from "@/plugins/modal";
const open = ref(false); const open = ref(false);
@ -27,17 +27,18 @@ const data = reactive({
pageSize: 10, pageSize: 10,
}, },
rules: { rules: {
event: [{required: true, message: "事项不能为空", trigger: "blur"}], event: [{ required: true, message: "事项不能为空", trigger: "blur" }],
type: [{required: true, message: "类型不能为空", trigger: "change"}], type: [{ required: true, message: "类型不能为空", trigger: "change" }],
date: [{required: true, message: "日期不能为空", trigger: "change"}], date: [{ required: true, message: "日期不能为空", trigger: "change" }],
oppositeCompany: [{required: true, message: "对方账户不能为空", trigger: "blur"}], oppositeCompany: [
amount: [{required: true, message: "金额不能为空", trigger: "blur"}], { required: true, message: "对方账户不能为空", trigger: "blur" },
],
amount: [{ required: true, message: "金额不能为空", trigger: "blur" }],
}, },
}); });
const {form, queryParams, rules} = toRefs(data); const { form, queryParams, rules } = toRefs(data);
const {finance_type} = useDict("finance_type"); const { finance_type } = useDict("finance_type");
const getList = () => { const getList = () => {
loading.value = true; loading.value = true;
financeDetailList().then((resp) => { financeDetailList().then((resp) => {
@ -82,16 +83,15 @@ function handleAdd(row) {
function handleDelete(row) { function handleDelete(row) {
const _financeIds = row.financeId || ids.value; const _financeIds = row.financeId || ids.value;
modal modal
.confirm('是否确认删除编号为"' + _financeIds + '"的数据项?') .confirm('是否确认删除编号为"' + _financeIds + '"的数据项?')
.then(function () { .then(function () {
return deleteFinanceDetail(_financeIds); return deleteFinanceDetail(_financeIds);
}) })
.then(() => { .then(() => {
getList(); getList();
modal.msgSuccess("删除成功"); modal.msgSuccess("删除成功");
}) })
.catch(() => { .catch(() => {});
});
} }
/** 修改按钮操作 */ /** 修改按钮操作 */
@ -136,23 +136,23 @@ getList();
<template> <template>
<div class="app-container"> <div class="app-container">
<el-form <el-form
:model="queryParams" :model="queryParams"
ref="queryRef" ref="queryRef"
:inline="true" :inline="true"
v-show="showSearch" v-show="showSearch"
label-width="68px" label-width="68px"
> >
<el-form-item label="事项" prop="name"> <el-form-item label="事项" prop="name">
<el-input <el-input
v-model="queryParams.name" v-model="queryParams.name"
placeholder="请输入事项" placeholder="请输入事项"
clearable clearable
@keyup.enter="handleQuery" @keyup.enter="handleQuery"
/> />
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button type="primary" icon="Search" @click="handleQuery" <el-button type="primary" icon="Search" @click="handleQuery"
>搜索 >搜索
</el-button> </el-button>
<el-button icon="Refresh" @click="resetQuery">重置</el-button> <el-button icon="Refresh" @click="resetQuery">重置</el-button>
</el-form-item> </el-form-item>
@ -160,19 +160,19 @@ getList();
<el-row :gutter="10" class="mb8"> <el-row :gutter="10" class="mb8">
<el-col :span="1.5"> <el-col :span="1.5">
<el-button type="primary" plain icon="Plus" @click="handleAdd" <el-button type="primary" plain icon="Plus" @click="handleAdd"
>新增 >新增
</el-button> </el-button>
</el-col> </el-col>
<right-toolbar <right-toolbar
v-model:showSearch="showSearch" v-model:showSearch="showSearch"
@queryTable="getList" @queryTable="getList"
></right-toolbar> ></right-toolbar>
</el-row> </el-row>
<el-table :data="financeList"> <el-table :data="financeList">
<el-table-column align="center" label="事项" prop="event"/> <el-table-column align="center" label="事项" prop="event" />
<el-table-column align="center" label="类别"> <el-table-column align="center" label="类别">
<template #default="{ row }"> <template #default="{ row }">
<dict-tag :options="finance_type" :value="row.type"/> <dict-tag :options="finance_type" :value="row.type" />
</template> </template>
</el-table-column> </el-table-column>
<el-table-column align="center" label="日期"> <el-table-column align="center" label="日期">
@ -180,70 +180,68 @@ getList();
{{ dayjs(row.date).format("YYYY-MM-DD") }} {{ dayjs(row.date).format("YYYY-MM-DD") }}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column align="center" label="对方账户" prop="oppositeCompany"/> <el-table-column align="center" label="对方账户" prop="oppositeCompany" />
<el-table-column align="center" label="金额" prop="amount"/> <el-table-column align="center" label="金额" prop="amount" />
<el-table-column align="center" label="操作"> <el-table-column align="center" label="操作">
<template #default="{ row }"> <template #default="{ row }">
<el-button <el-button
icon="edit" icon="edit"
@click="handleUpdate(row)" @click="handleUpdate(row)"
link link
size="small" size="small"
type="primary" type="primary"
>修改 >修改
</el-button </el-button>
>
<el-button <el-button
icon="delete" icon="delete"
@click="handleDelete(row)" @click="handleDelete(row)"
link link
size="small" size="small"
type="primary" type="primary"
>删除 >删除
</el-button </el-button>
>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<pagination <pagination
v-show="total > 0" v-show="total > 0"
:total="total" :total="total"
v-model:page="queryParams.pageNum" v-model:page="queryParams.pageNum"
v-model:limit="queryParams.pageSize" v-model:limit="queryParams.pageSize"
@pagination="getList" @pagination="getList"
/> />
<el-dialog :title="title" v-model="open" width="500px" append-to-body> <el-dialog :title="title" v-model="open" width="500px" append-to-body>
<el-form ref="formRef" :model="form" :rules="rules" label-width="80px"> <el-form ref="formRef" :model="form" :rules="rules" label-width="80px">
<el-form-item label="事项" prop="event"> <el-form-item label="事项" prop="event">
<el-input v-model="form.event" placeholder="请输入事项"/> <el-input v-model="form.event" placeholder="请输入事项" />
</el-form-item> </el-form-item>
<el-form-item label="类型" prop="type"> <el-form-item label="类型" prop="type">
<el-select v-model="form.type"> <el-select v-model="form.type">
<el-option <el-option
v-for="option in finance_type" v-for="option in finance_type"
:key="option.value" :key="option.value"
:label="option.label" :label="option.label"
:value="option.value" :value="option.value"
/> />
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="日期" prop="date"> <el-form-item label="日期" prop="date">
<el-date-picker <el-date-picker
v-model="form.date" v-model="form.date"
type="date" type="date"
placeholder="请选择日期" placeholder="请选择日期"
format="YYYY-MM-DD" format="YYYY-MM-DD"
value-format="YYYY-MM-DD HH:mm:ss" value-format="YYYY-MM-DD HH:mm:ss"
/> />
</el-form-item> </el-form-item>
<el-form-item label="对方账户" prop="oppositeCompany"> <el-form-item label="对方账户" prop="oppositeCompany">
<el-input <el-input
v-model="form.oppositeCompany" v-model="form.oppositeCompany"
placeholder="请输入对方账户" placeholder="请输入对方账户"
/> />
</el-form-item> </el-form-item>
<el-form-item label="金额" prop="amount"> <el-form-item label="金额" prop="amount">
<el-input-number v-model="form.amount" placeholder="请输入金额"/> <el-input-number v-model="form.amount" placeholder="请输入金额" />
</el-form-item> </el-form-item>
</el-form> </el-form>
<template #footer> <template #footer>

View File

@ -17,8 +17,8 @@
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button type="primary" icon="Search" @click="handleQuery" <el-button type="primary" icon="Search" @click="handleQuery"
>搜索</el-button >搜索
> </el-button>
<el-button icon="Refresh" @click="resetQuery">重置</el-button> <el-button icon="Refresh" @click="resetQuery">重置</el-button>
</el-form-item> </el-form-item>
</el-form> </el-form>
@ -99,6 +99,7 @@
</el-table-column> </el-table-column>
</el-table>--> </el-table>-->
<a-table <a-table
:pagination="false"
:columns="[ :columns="[
{ {
title: '名称', title: '名称',

View File

@ -31,8 +31,9 @@ export default defineConfig(({ mode, command }) => {
proxy: { proxy: {
// https://cn.vitejs.dev/config/#server-proxy // https://cn.vitejs.dev/config/#server-proxy
"/dev-api": { "/dev-api": {
target: "http://192.168.0.201:8080", // target: "http://192.168.0.201:8080",
// target: "http://127.0.0.1:8080", target: "http://127.0.0.1:8080",
// target: "https://nine.motse.com.cn/api",
changeOrigin: true, changeOrigin: true,
rewrite: (p) => p.replace(/^\/dev-api/, ""), rewrite: (p) => p.replace(/^\/dev-api/, ""),
}, },