3.1.4 增加货架信息看板跳转页

package.json

@@ -1,7 +1,7 @@
 {
   "name": "client-wms-v3",
   "description": "Leanwo Prodog Client",
-  "version": "3.1.3",
+  "version": "3.1.4",
   "author": "yangzhijie1488 <yangzhijie1488@163.com>",
   "scripts": {
     "dev": "cross-env webpack serve --config ./webpack.dev.js",

src/index.js

@@ -49,6 +49,7 @@ import SynchronousMaintenanceForm from './pad/SynchronousMaintenanceForm.vue';
 import QueryMaintenancePlan from './pad/QueryMaintenancePlan.vue';
 import LightSetting from './light/LightSetting.vue';
 import LightStockInOrOut from './light/LightStockInOrOut.vue';
+import ShelfBoard from './shelf/ShelfBoard.vue';
 
 export {
   HelloWorld,
@@ -100,4 +101,5 @@ export {
   QueryMaintenancePlan,
   LightSetting,
   LightStockInOrOut,
+  ShelfBoard,
 };

src/router/index.js

@@ -47,6 +47,7 @@ const SynchronousMaintenanceForm = () => import(/* webpackChunkName: "component-
 const QueryMaintenancePlan = () => import(/* webpackChunkName: "component-62" */ '../pad/QueryMaintenancePlan.vue');
 const LightSetting = () => import('../light/LightSetting.vue');
 const LightStockInOrOut = () => import('../light/LightStockInOrOut.vue');
+const ShelfBoard = () => import('../shelf/ShelfBoard.vue');
 
 const routes = [
 
@@ -458,6 +459,8 @@ const routes = [
 
   //标签服务器配置
   { path: '/wms/lightSetting', component: LightSetting },
+  //货架信息看板
+  { path: '/wms/shelfBoard', component: ShelfBoard },
 ];
 
 

src/shelf/ShelfBoard.vue

@@ -0,0 +1,52 @@
+<template>
+  <Navbar title="货架信息看板" :is-go-back="false" />
+  <a-card>
+    <a-form :model="shelfInfo" layout="inline">
+      <a-form-item label="货架编号">
+        <a-input v-model:value="shelfInfo.no" style="width: 220px" />
+      </a-form-item>
+      <a-form-item label="货架标题">
+        <a-select v-model:value="shelfInfo.name" style="width: 220px">
+          <a-select-option :value="'总装紧固件（上料区）'">总装紧固件（上料区）</a-select-option>
+          <a-select-option :value="'总装紧固件（取货区）'">总装紧固件（取货区）</a-select-option>
+        </a-select>
+      </a-form-item>
+      <a-form-item>
+        <a-button type="primary" @click="openBoard">打开</a-button>
+      </a-form-item>
+    </a-form>
+  </a-card>
+</template>
+
+<script setup>
+import { ref } from 'vue';
+import { message } from 'ant-design-vue';
+import Common from '../common/Common';
+
+const shelfInfo = ref({
+  no: '',
+  name: '',
+});
+
+const openBoard = () => {
+  if (!shelfInfo.value.no || !shelfInfo.value.name) {
+    message.warning('请填写货架编号或货架标题');
+    return;
+  }
+  let type;
+  if (shelfInfo.value.name === '总装紧固件（上料区）') {
+    type = 'shelfOne.html';
+  } else if (shelfInfo.value.name === '总装紧固件（取货区）') {
+    type = 'shelfTwo.html';
+  }
+  const url = `/shelfBoard/html/${type}?shelfNumber=${shelfInfo.value.no}&shelfName=${shelfInfo.value.name}`;
+  window.open(url);
+};
+</script>
+
+<style scoped>
+:deep(.ant-form-item .ant-form-item-label >label) {
+  font-size: 14px !important;
+  font-weight: 500 !important;
+}
+</style>