feat: 票据管理票据入库路由上传

This commit is contained in:
ycy 2024-04-06 11:10:22 +08:00
parent 5b640ce26e
commit 42318ebaca
5 changed files with 89 additions and 1 deletions

View File

@ -0,0 +1,7 @@
<template>
<div></div>
</template>
<script setup></script>
<style scoped lang="less"></style>

View File

@ -0,0 +1,55 @@
<template>
<div class="back-color">
<div class="scarch-box">
<t-form
ref="form"
:data="formData"
label-width="calc(2em + 24px)"
:layout="formData.layout"
scroll-to-first-error="smooth"
@reset="onReset"
@submit="onSubmit"
>
<t-form-item label="名字" name="name">
<t-input v-model="formData.name"></t-input>
</t-form-item>
<t-form-item label="密码" name="password">
<t-input v-model="formData.password" type="password"></t-input>
</t-form-item>
</t-form>
</div>
</div>
</template>
<script setup>
import { reactive } from "vue";
import { MessagePlugin } from "tdesign-vue-next";
const formData = reactive({
layout: "inline",
name: "",
password: "",
});
const onReset = () => {
MessagePlugin.success("重置成功");
};
const onSubmit = ({ validateResult, firstError }) => {
if (validateResult === true) {
MessagePlugin.success("提交成功");
} else {
console.log("Validate Errors: ", firstError, validateResult);
MessagePlugin.warning(firstError);
}
};
</script>
<style scoped lang="less">
.scarch-box {
width: 100%;
height: 10%;
background-color: @base-white-color;
}
</style>

View File

@ -1,4 +1,6 @@
import { createRouter, createWebHistory } from "vue-router";
import FinanceBillManage from "./modules/financeBillManage";
import HomeView from "@/pages/index.vue";
const router = createRouter({
@ -9,6 +11,7 @@ const router = createRouter({
name: "home",
component: HomeView,
},
...FinanceBillManage,
],
});

View File

@ -0,0 +1,23 @@
import lauout from "@/layout/index.vue";
import BillManage from "@/pages/finance-bill-manage/billStock.vue";
const financeBillManage = [
{
path: "/Bill",
name: "bill",
component: BillManage,
// meta: { title: "票据管理", name: "resource" },
// children: [
// {
// path: "BillStock",
// name: "billStock",
// component: BillManage,
// meta: {
// title: "票据上传",
// },
// },
// ],
},
];
export default financeBillManage;

View File

@ -186,7 +186,7 @@ pre {
.back-color {
background-color: #f5f7fb;
padding: 16px 24px;
height: calc(95vh - 64px);
height: calc(100vh - 64px);
overflow-y: auto;
overflow-x: hidden;
}