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

View File

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

View File

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