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

src/layout/index.vue

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

src/pages/finance-bill-manage/billStock.vue

@@ -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>

src/router/index.js

@@ -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,
   ],
 });
 

src/router/modules/financeBillManage.js

@@ -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;

src/style/index.css

@@ -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;
 }