From 42318ebaca02137c211391e74116d2f756ce3a11 Mon Sep 17 00:00:00 2001
From: ycy <2861518472@qq.com>
Date: Sat, 6 Apr 2024 11:10:22 +0800
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20feat:=20=20=E7=A5=A8=E6=8D=AE?=
 =?UTF-8?q?=E7=AE=A1=E7=90=86=E7=A5=A8=E6=8D=AE=E5=85=A5=E5=BA=93=E8=B7=AF?=
 =?UTF-8?q?=E7=94=B1=E4=B8=8A=E4=BC=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layout/index.vue                        |  7 +++
 src/pages/finance-bill-manage/billStock.vue | 55 +++++++++++++++++++++
 src/router/index.js                         |  3 ++
 src/router/modules/financeBillManage.js     | 23 +++++++++
 src/style/index.css                         |  2 +-
 5 files changed, 89 insertions(+), 1 deletion(-)
 create mode 100644 src/pages/finance-bill-manage/billStock.vue
 create mode 100644 src/router/modules/financeBillManage.js

diff --git a/src/layout/index.vue b/src/layout/index.vue
index e69de29..998758b 100644
--- a/src/layout/index.vue
+++ b/src/layout/index.vue
@@ -0,0 +1,7 @@
+<template>
+  <div></div>
+</template>
+
+<script setup></script>
+
+<style scoped lang="less"></style>
diff --git a/src/pages/finance-bill-manage/billStock.vue b/src/pages/finance-bill-manage/billStock.vue
new file mode 100644
index 0000000..aa4bcd6
--- /dev/null
+++ b/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>
diff --git a/src/router/index.js b/src/router/index.js
index d81efb9..3f04ca8 100644
--- a/src/router/index.js
+++ b/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,
   ],
 });
 
diff --git a/src/router/modules/financeBillManage.js b/src/router/modules/financeBillManage.js
new file mode 100644
index 0000000..27e73de
--- /dev/null
+++ b/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;
diff --git a/src/style/index.css b/src/style/index.css
index 621b4cf..a41fc02 100644
--- a/src/style/index.css
+++ b/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;
 }