feat: 顶部导航栏添加页面标签栏

src/router/index.ts

@@ -30,38 +30,65 @@ const router = createRouter({
       children: [
       children: [
         {
         {
           path: '/dashboard',
           path: '/dashboard',
+          meta: {
+            title: '概览',
+          },
           component: Dashboard,
           component: Dashboard,
         },
         },
         {
         {
           path: '/order/list',
           path: '/order/list',
+          meta: {
+            title: '定制订单',
+          },
           component: OrderList,
           component: OrderList,
         },
         },
         {
         {
           path: '/pod-order/list',
           path: '/pod-order/list',
+          meta: {
+            title: 'POD订单',
+          },
           component: PodOrderList,
           component: PodOrderList,
         },
         },
         {
         {
           path: '/pod-delivery-note/list',
           path: '/pod-delivery-note/list',
+          meta: {
+            title: 'POD发货单',
+          },
           component: PodDeliveryNoteList,
           component: PodDeliveryNoteList,
         },
         },
         {
         {
           path: '/production/complete',
           path: '/production/complete',
+          meta: {
+            title: '生产完成',
+          },
           component: ProductionComplete,
           component: ProductionComplete,
         },
         },
         {
         {
           path: '/system/user',
           path: '/system/user',
+          meta: {
+            title: '用户管理',
+          },
           component: UserPage,
           component: UserPage,
         },
         },
         {
         {
           path: '/system/delivery-note',
           path: '/system/delivery-note',
+          meta: {
+            title: '定制发货单',
+          },
           component: DeliveryNotePage,
           component: DeliveryNotePage,
         },
         },
         {
         {
           path: '/account/statement-note',
           path: '/account/statement-note',
+          meta: {
+            title: '对账单',
+          },
           component: AccountStatementNote,
           component: AccountStatementNote,
         },
         },
         {
         {
           path: '/typesetting-management/list',
           path: '/typesetting-management/list',
+          meta: {
+            title: '打版管理',
+          },
           component: TypeseetingManagement,
           component: TypeseetingManagement,
         },
         },
       ],
       ],

src/router/menu.ts

@@ -12,37 +12,53 @@ const menu: MenuItem[] = [
     label: '概览',
     label: '概览',
   },
   },
   {
   {
-    index: '/order/list',
+    index: '1',
     id: 2,
     id: 2,
     label: '订单',
     label: '订单',
+    children: [
+      {
+        index: '/order/list',
+        id: 1,
+        label: '定制订单',
+      },
+      {
+        index: '/pod-order/list',
+        id: 7,
+        label: 'POD订单',
+      },
+    ],
   },
   },
-  {
-    index: '/pod-order/list',
-    id: 7,
-    label: 'POD订单',
-  },
+
   {
   {
     index: '/account/statement-note',
     index: '/account/statement-note',
     id: 3,
     id: 3,
     label: '对账单',
     label: '对账单',
   },
   },
   {
   {
-    index: '/system/delivery-note',
+    index: '2',
     id: 4,
     id: 4,
     label: '发货单',
     label: '发货单',
+    children: [
+      {
+        index: '/system/delivery-note',
+        id: 1,
+        label: '定制发货单',
+      },
+      {
+        index: '/pod-delivery-note/list',
+        id: 2,
+        label: 'POD发货单',
+      },
+    ],
   },
   },
-  {
-    index: '/pod-delivery-note/list',
-    id: 8,
-    label: 'POD发货单',
-  },
+
   {
   {
     index: '/typesetting-management/list',
     index: '/typesetting-management/list',
     id: 5,
     id: 5,
     label: '打版管理',
     label: '打版管理',
   },
   },
   {
   {
-    index: '',
+    index: '3',
     id: 6,
     id: 6,
     label: '系统设置',
     label: '系统设置',
     children: [
     children: [

src/views/Home.vue

@@ -20,7 +20,7 @@ import NavMenu from '@/components/NavMenu.vue'
 
 
 .container {
 .container {
   flex: 1;
   flex: 1;
-  padding: 10px;
+  padding: 0 10px 10px;
   background-color: #f6f6f6;
   background-color: #f6f6f6;
   overflow: hidden;
   overflow: hidden;
 }
 }

src/views/order/pod/index.vue

@@ -93,9 +93,6 @@
         <ElFormItem>
         <ElFormItem>
           <ElButton type="primary" @click="search">查询</ElButton>
           <ElButton type="primary" @click="search">查询</ElButton>
         </ElFormItem>
         </ElFormItem>
-        <ElFormItem>
-          <ElButton @click="resetSearchForm">重置</ElButton>
-        </ElFormItem>
       </ElForm>
       </ElForm>
     </div>
     </div>
     <div class="header-filter-tab">
     <div class="header-filter-tab">
@@ -617,7 +614,7 @@ const changeTab = (item: Tab) => {
   searchForm.value.timeType = null
   searchForm.value.timeType = null
   search()
   search()
 }
 }
-const [searchForm, resetSearchForm] = useValue<SearchForm>({
+const [searchForm] = useValue<SearchForm>({
   timeType: null,
   timeType: null,
 
 
   shopNumber: '',
   shopNumber: '',
@@ -978,6 +975,12 @@ onMounted(() => {
 })
 })
 </script>
 </script>
 <style lang="scss" scoped>
 <style lang="scss" scoped>
+.header-filter-form {
+  :deep(.el-form-item) {
+    margin-right: 14px;
+    margin-bottom: 10px;
+  }
+}
 .tabs {
 .tabs {
   display: flex;
   display: flex;
   align-items: center;
   align-items: center;