Merge branch 'dev' of https://gitea.dykj.co/sundongyu/dykj-college-back-office-management-system into dev

src/layout/components/LayoutAside.vue

@@ -1,84 +1,19 @@
 <template>
   <div class="box">
-    <t-menu
+    <t-menu>
-      v-model:expanded="expanded"
+      <t-submenu value="1" title="财务票据管理">
-      theme="light"
-      default-value="3-2"
-      expand-mutex
-      :collapsed="collapsed"
-    >
-      <t-submenu value="3">
         <template #icon>
-          <t-icon name="mail" />
+          <t-icon name="application" />
         </template>
-        <template #title>
+        <t-menu-item value="1-1" to="/Bill/BillStock">
-          <span>应收款管理</span>
+          <span>菜单二</span>
-        </template>
-        <route-link to="/accounts">
-          <t-menu-item value="3-1-1">应收款管理</t-menu-item>
-        </route-link>
-        <!-- <t-submenu value="3-1" title="二级菜单">
-          <t-menu-item value="3-1-2"> 三级菜单内容 </t-menu-item>
-          <t-menu-item value="3-1-3"> 三级菜单内容 </t-menu-item>
-        </t-submenu>
-        <t-submenu value="3-5" title="二级菜单">
-          <t-menu-item value="3-5-1"> 三级菜单内容 </t-menu-item>
-          <t-menu-item value="3-5-2"> 三级菜单内容 </t-menu-item>
-          <t-menu-item value="3-5-3"> 三级菜单内容 </t-menu-item>
-        </t-submenu>
-        <t-menu-item value="3-2"> 二级菜单内容 </t-menu-item>
-        <t-menu-item value="3-3"> 二级菜单内容 </t-menu-item>
-        <t-menu-item value="3-4"> 二级菜单内容 </t-menu-item> -->
-      </t-submenu>
-      <t-menu-item value="user-circle">
-        <template #icon>
-          <t-icon name="user-circle" />
-        </template>
-        个人中心
         </t-menu-item>
-      <t-submenu value="4">
-        <template #icon>
-          <t-icon name="play-circle" />
-        </template>
-        <template #title>
-          <span>视频区</span>
-        </template>
-        <t-menu-item value="4-1"> 二级菜单内容 </t-menu-item>
-        <t-menu-item value="4-2"> 二级菜单内容 </t-menu-item>
-        <t-menu-item value="4-3"> 二级菜单内容 </t-menu-item>
       </t-submenu>
-      <t-menu-item value="edit1">
-        <template #icon>
-          <t-icon name="edit-1" />
-        </template>
-        资源编辑
-      </t-menu-item>
-      <template #operations>
-        <t-button variant="text" shape="square" @click="changeCollapsed">
-          <template #icon><t-icon name="view-list" /></template>
-        </t-button>
-      </template>
     </t-menu>
   </div>
 </template>
 
-<script setup>
+<script setup></script>
-import { ref } from 'vue'
-
-const collapsed = ref(false)
-const collapsed2 = ref(false)
-
-const changeCollapsed = () => {
-  collapsed.value = !collapsed.value
-}
-
-const changeCollapsed2 = () => {
-  collapsed2.value = !collapsed2.value
-}
-
-const expanded = ref(['2', '3'])
-const expanded2 = ref(['2'])
-</script>
 
 <style lang="less" scoped>
 .t-demo-collapse-btn {

src/layout/index.vue

@@ -14,9 +14,9 @@
   </t-layout>
 </template>
 <script setup>
-import LHeader from './components/LayoutHeader.vue'
+import LHeader from "./components/LayoutHeader.vue";
-import LAside from './components/LayoutAside.vue'
+import LAside from "./components/LayoutAside.vue";
-import LContent from './components/LayoutContent.vue'
+import LContent from "./components/LayoutContent.vue";
 </script>
 
 <style scoped></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,24 +1,27 @@
 import { createRouter, createWebHistory } from "vue-router";
-import Layout from "@/layout/index.vue"
+import FinanceBillManage from "./modules/financeBillManage";
+
+import Layout from "@/layout/index.vue";
 const router = createRouter({
   history: createWebHistory(import.meta.env.BASE_URL),
   routes: [
     {
       path: "/",
       redirect: "/accounts",
-      meta: { title: '应收款管理', name: 'accounts' },
+      meta: { title: "应收款管理", name: "accounts" },
       component: Layout,
       children: [
         {
-          path: '/accounts',
+          path: "/accounts",
-          name: 'Accounts',
+          name: "Accounts",
-          component: () => import('@/pages/index.vue'),
+          component: () => import("@/pages/index.vue"),
           meta: {
-            title: '应收款管理'
+            title: "应收款管理",
-          }
-        }
-      ]
           },
+        },
+      ],
+    },
+    ...FinanceBillManage,
   ],
 });
 

src/router/modules/financeBillManage.js

@@ -0,0 +1,23 @@
+import Layout from "@/layout/index.vue";
+import BillManage from "@/pages/finance-bill-manage/billStock.vue";
+
+const financeBillManage = [
+  {
+    path: "/Bill",
+    name: "bill",
+    component: Layout,
+    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 - 128px);
   overflow-y: auto;
   overflow-x: hidden;
 }