feat: 供应商管理

src/views/inventory/consumablesconfig/Content.vue

@@ -18,6 +18,7 @@ import Paging from './component/Paging.vue'
   padding: 20px;
   background-color: #fff;
   border: 1px solid #e4e7ed;
+  margin-top: 20px;
   border-radius: 4px;
 }
 </style>

src/views/inventory/consumablesconfig/DataStatistics.vue

@@ -71,7 +71,7 @@ async function getPage() {
   border: 1px solid #e4e7ed;
   background-color: #fff;
   border-radius: 4px;
-  margin: 20px 0;
+  margin-top: 20px;
   padding: 20px;
   display: flex;
   align-items: center;

src/views/inventory/consumablesconfig/component/AddButton.vue

@@ -3,5 +3,12 @@
   <el-button>入库</el-button>
   <el-button>出库</el-button>
   <el-button>分类管理</el-button>
-  <el-button>供应商管理</el-button>
-</template>
+  <el-button @click="toUrl('supplier')">供应商管理</el-button>
+</template>
+<script setup>
+import { useRouter } from 'vue-router';
+const router = useRouter();
+function toUrl(name) {
+  router.push({ name });
+}
+</script>