fix: 共享库存页面

components.d.ts

@@ -23,7 +23,6 @@ declare module 'vue' {
     ElDescriptions: typeof import('element-plus/es')['ElDescriptions']
     ElDescriptionsItem: typeof import('element-plus/es')['ElDescriptionsItem']
     ElDialog: typeof import('element-plus/es')['ElDialog']
-    ElDivider: typeof import('element-plus/es')['ElDivider']
     ElDrawer: typeof import('element-plus/es')['ElDrawer']
     ElDropdown: typeof import('element-plus/es')['ElDropdown']
     ElDropdownItem: typeof import('element-plus/es')['ElDropdownItem']
@@ -36,8 +35,6 @@ declare module 'vue' {
     ElInput: typeof import('element-plus/es')['ElInput']
     ElInputNumber: typeof import('element-plus/es')['ElInputNumber']
     ElLink: typeof import('element-plus/es')['ElLink']
-    ElMenu: typeof import('element-plus/es')['ElMenu']
-    ElMenuItem: typeof import('element-plus/es')['ElMenuItem']
     ElOption: typeof import('element-plus/es')['ElOption']
     ElPagination: typeof import('element-plus/es')['ElPagination']
     ElPopover: typeof import('element-plus/es')['ElPopover']
@@ -46,7 +43,6 @@ declare module 'vue' {
     ElRadioGroup: typeof import('element-plus/es')['ElRadioGroup']
     ElRow: typeof import('element-plus/es')['ElRow']
     ElSelect: typeof import('element-plus/es')['ElSelect']
-    ElSubMenu: typeof import('element-plus/es')['ElSubMenu']
     ElSwitch: typeof import('element-plus/es')['ElSwitch']
     ElTable: typeof import('element-plus/es')['ElTable']
     ElTableColumn: typeof import('element-plus/es')['ElTableColumn']
@@ -55,7 +51,6 @@ declare module 'vue' {
     ElTag: typeof import('element-plus/es')['ElTag']
     ElTimeline: typeof import('element-plus/es')['ElTimeline']
     ElTimelineItem: typeof import('element-plus/es')['ElTimelineItem']
-    ElTimePicker: typeof import('element-plus/es')['ElTimePicker']
     ElTooltip: typeof import('element-plus/es')['ElTooltip']
     ElTree: typeof import('element-plus/es')['ElTree']
     ElTreeSelect: typeof import('element-plus/es')['ElTreeSelect']

src/router/index.ts

@@ -33,6 +33,7 @@ import issueDoc from '@/views/warehouse/issueDoc.vue'
 import ExternalAuthorisationPage from '@/views/system/externalAuthorisationPage.vue'
 import CustomersPage from '@/views/system/CustomersPage.vue'
 import stockingPlan from '@/views/warehouse/stockingPlan.vue'
+import WarehouseRuleSetting from '@/views/warehouse/warehouseRuleSetting/index.vue'
 const router = createRouter({
   history: createWebHistory(),
   routes: [
@@ -347,6 +348,13 @@ const router = createRouter({
           component: WarehousePosition,
         },
         {
+          path: '/warehouse/warehouse-rule-setting',
+          meta: {
+            title: '共享库存设置',
+          },
+          component: WarehouseRuleSetting,
+        },
+        {
           path: '/setting/settingIndex',
           meta: {
             title: '工厂设置',

src/views/warehouse/warehouseRuleSetting/index.vue

+<template>
+  <div class="page card h-100 flex-gap-10 overflow-hidden flex">
+    <div class="status-container">
+      <div
+        class="status-item"
+        :class="{ 'is-active': currentStatus === 'sharedInventory' }"
+        @click="handleStatusClick('sharedInventory')"
+      >
+        <span>共享库存设置</span>
+      </div>
+    </div>
+
+    <div class="content-container flex-1 flex-column overflow-hidden">
+      主要内容
+    </div>
+  </div>
+</template>
+<script lang="ts" setup>
+const currentStatus = ref('sharedInventory')
+const handleStatusClick = (status: string) => {
+  currentStatus.value = status
+}
+</script>
+<style scoped lang="scss">
+.status-container {
+  width: 160px;
+  .status-item {
+    font-size: 14px;
+    line-height: 30px;
+    height: 30px;
+    cursor: pointer;
+    padding-left: 18px;
+    &:hover {
+      background-color: #f5f7fa;
+    }
+    &.is-active {
+      background-color: #ecf5ff;
+      color: #409eff;
+      font-weight: 500;
+    }
+  }
+}
+</style>