From 923a9ae1eda4923738bf6725c5381c1e15dc47cd Mon Sep 17 00:00:00 2001
From: ycy <2861518472@qq.com>
Date: Sat, 6 Apr 2024 11:25:56 +0800
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20feat:=20layout=E9=85=8D=E7=BD=AE?=
 =?UTF-8?q?=E4=BA=8C=E7=BA=A7=E8=8F=9C=E5=8D=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layout/components/LayoutAside.vue   | 77 +++----------------------
 src/router/modules/financeBillManage.js | 26 ++++-----
 src/style/index.css                     |  2 +-
 3 files changed, 21 insertions(+), 84 deletions(-)

diff --git a/src/layout/components/LayoutAside.vue b/src/layout/components/LayoutAside.vue
index de11889..49bff24 100644
--- a/src/layout/components/LayoutAside.vue
+++ b/src/layout/components/LayoutAside.vue
@@ -1,82 +1,19 @@
 <template>
   <div class="box">
-    <t-menu
-      v-model:expanded="expanded"
-      theme="light"
-      default-value="3-2"
-      expand-mutex
-      :collapsed="collapsed"
-    >
-      <t-submenu value="3">
+    <t-menu>
+      <t-submenu value="1" title="财务票据管理">
         <template #icon>
-          <t-icon name="mail" />
+          <t-icon name="application" />
         </template>
-        <template #title>
-          <span>消息区</span>
-        </template>
-        <t-submenu value="3-1" title="二级菜单">
-          <t-menu-item value="3-1-1"> 三级菜单内容 </t-menu-item>
-          <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-menu-item value="1-1" to="/Bill/BillStock">
+          <span>菜单二</span>
+        </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>
-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>
+<script setup></script>
 
 <style lang="less" scoped>
 .t-demo-collapse-btn {
diff --git a/src/router/modules/financeBillManage.js b/src/router/modules/financeBillManage.js
index 27e73de..9e476ce 100644
--- a/src/router/modules/financeBillManage.js
+++ b/src/router/modules/financeBillManage.js
@@ -1,22 +1,22 @@
-import lauout from "@/layout/index.vue";
+import Layout 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: "票据上传",
-    //     },
-    //   },
-    // ],
+    component: Layout,
+    meta: { title: "票据管理", name: "resource" },
+    children: [
+      {
+        path: "BillStock",
+        name: "billStock",
+        component: BillManage,
+        meta: {
+          title: "票据上传",
+        },
+      },
+    ],
   },
 ];
 
diff --git a/src/style/index.css b/src/style/index.css
index a41fc02..cc0f0ff 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(100vh - 64px);
+  height: calc(100vh - 128px);
   overflow-y: auto;
   overflow-x: hidden;
 }