一、前言

工廠訂單及出入庫業務的趨勢是客戶要求越來越高，客戶需要快捷、方便、簡單、一站式的出入庫手續。因此，貨物出入庫管理信息系統要簡化出入庫手續，減輕人員作業量，提高工作效率，助力企業數字信息化轉型。

之前整理過該系統的完整解決方案，有興趣的參考文章：https://blog.csdn.net/lildkdkdkjf/article/details/117841646

二、整體架構設計

開發語言：

• Golang：Go 極其地快。其性能與 Java 或 C++相似。在我們的使用中，Go 一般比 Python 要快 30 倍。
• Vue: 輕量級框架, 大小只有幾十kb, 國人開發,中文文檔,不存在語言障礙,易于理解和學習。運行速度更快，相比較與react而言,同樣都是操作虛擬dom,就性能而言,vue存在很大的優勢。

部署方式：??

• 服務器系統：基于免安裝可執行程序：支持Windows、Linux，Centos，Ubuntu操作系統；
• 數據庫類型：目前已支持PostgreSQL、MySQL、Oracle、Microsoft SQL Server、SQLite等，還可以定制其它類型數據庫。
• 熱數據緩存服務：基于Key-Value 的Redis?數據庫，關鍵熱活數據存儲在Redis服務中，提高響應速率。
• 主備雙活服務器：確保穩定性，如果主服務器故障，自動切換到備服務器。熱數據
• 數據庫備份：定時增量備份，定期全量備份。

三、編碼實現 （基于篇幅及可讀性考慮，此處展示部分關鍵代碼）

1、模塊截圖

2、Go?關鍵代碼

package controllersimport ("encoding/json""fmt""productManage/common"writelog "productManage/log""productManage/models" )// LogController operations for Log type BoxController struct {BaseController }// URLMapping ... func (c *BoxController) URLMapping() {c.Mapping("Post", c.Post) }func (c *BoxController) Post() {if c.CheckToken() < 0 {return}ret := common.RetOKact := c.GetString("Act")writelog.WriteDebug("||||||||||||||||||||||||||||||-----------> %+v ", act)if act == common.ActAddBox {SnStart := c.GetString("SnStart")SnEnd := c.GetString("SnEnd")BoxNum, _ := c.GetInt("BoxNum")BoxTotal, _ := c.GetInt("BoxTotal")OrderID := c.GetString("OrderID")DistributeID, _ := c.GetInt64("DistributeID")RecipientID, _ := c.GetInt64("RecipientID")var m models.Boxm.SnStart = SnStartm.SnEnd = SnEndm.BoxNum = BoxNumm.BoxTotal = BoxTotalm.OrderID = OrderIDm.DistributeID = DistributeIDm.RecipientID = RecipientIDid, _ := models.AddBox(&m)c.jsonStandardResult(ret, "OK", id)return}if act == common.ActGetBoxBySnStart {SnStart := c.GetString("SnStart")SnStart,_, SnType := models.GetSnBySnOrKsn(SnStart)//如果輸入的是Ksn，這里會轉成真正的Snv, err := models.GetBoxBySnStart(SnStart)if err != nil {ret = common.RetErrorBoxEmptyc.jsonStandardResult(ret, "", "")return}writelog.WriteDebug("%+v", v)type rsp struct {SnStart stringSnEnd stringBox stringStatusBox int8SnList []string}var r rspwritelog.WriteDebug("snType %s", SnType)if SnType == "sn" { // snr.Box = fmt.Sprintf("%d/%d", v.BoxNum, v.BoxTotal)r.SnStart = v.SnStartr.SnEnd = v.SnEnd_, SnList, _, _ := models.GetSnListByOrderIDAndBoxNum(v.OrderID, v.BoxNum)for _, v := range SnList {r.SnList = append(r.SnList, v.Sn)}}else { // ksnr.Box = fmt.Sprintf("%d/%d", v.BoxNum, v.BoxTotal)sStart, _ := models.GetKsnBySn(v.SnStart)r.SnStart = sStart.KsnsEnd, _ := models.GetKsnBySn(v.SnEnd)r.SnEnd = sEnd.Ksn_, SnList, _, _ := models.GetSnListByOrderIDAndBoxNum(v.OrderID, v.BoxNum)for _, v := range SnList {r.SnList = append(r.SnList, v.Ksn)}}r.StatusBox = v.StatusBoxc.jsonStandardResult(ret, "", r)return}if act == common.ActGetBoxList {StartTime, _ := c.GetInt64("StartTime")EndTime, _ := c.GetInt64("EndTime")OrderID := c.GetString("OrderID")Box := c.GetString("Box")BoxNum, BoxTotal := common.SplitBoxNumAndTotal(Box)StatusBox, _ := c.GetInt("StatusBox")Page, _ := c.GetInt("Page")RowNum, _ := c.GetInt("RowNum")recordcount, b, err := models.GetBoxList(StartTime, EndTime, StatusBox, BoxNum, BoxTotal, OrderID, Page, RowNum)if err != nil {ret = common.RetErrorBoxEmptyc.jsonStandardResult(ret, "", err.Error())return}writelog.WriteDebug("%+v", b)type rsp struct {SnStart stringSnEnd stringBox stringStatusBox int8StatusBoxOkNum stringOrderID stringCreateTime int64}var rList []rspvar r rspfor _, v := range b {r.Box = fmt.Sprintf("%d/%d", v.BoxNum, v.BoxTotal)r.StatusBox = v.StatusBoxr.SnEnd = v.SnEndr.SnStart = v.SnStartr.CreateTime = v.CreateTimer.OrderID = v.OrderIDo, _ := models.GetOrderById(v.OrderID)OkNum,_ := models.CountSnByStatusBox( v.BoxNum, v.OrderID, common.StatusOk)r.StatusBoxOkNum = common.MergeBoxNumAndTotal(OkNum, o.NumberPerBox)rList = append(rList, r)}//c.jsonStandardResult(ret, "", rList)c.Data["json"] = struct {Ret intMsg stringRecordcount int64Data interface{}}{Ret: common.RetOK,Msg: common.GetErrMsg(common.RetOK),Recordcount: recordcount,Data: rList,}c.ServeJSON()return}if act == common.ActSetStatusBox {SnStart := c.GetString("SnStart")SnEnd := c.GetString("SnEnd")SnStart,_, _type := models.GetSnBySnOrKsn(SnStart)//如果輸入的是Ksn，這里會轉成真正的Sn//SnEnd,_, _type = models.GetSnBySnOrKsn(SnEnd)Box := c.GetString("Box")SnOkList := c.GetString("SnOkList")var OkList []stringerr := json.Unmarshal([]byte(SnOkList), &OkList)if err != nil {c.jsonStandardResult(common.RetErrorBoxSetStatusBoxParseJsonData, "", "")return}go setBoxStatusExt(c.GetString("Token"), _type, SnStart, SnEnd , Box, OkList)c.jsonStandardResult(ret, "", 0)//log := fmt.Sprintf("掃描裝箱: 箱號[%s] %s起止[%s-%s] 數量[%d]", Box, _type, SnStart, SnEnd, len(OkList))//models.AddSystemLogByToken(c.GetString("Token"), common.LogType_Update, log)return}if act == common.ActSetStatusBoxBySn {Sn := c.GetString("Sn")SnStart := c.GetString("SnStart")SnEnd := c.GetString("SnEnd")Sn,_, _ = models.GetSnBySnOrKsn(Sn)SnStart,_, _ = models.GetSnBySnOrKsn(SnStart)SnEnd,_, _ = models.GetSnBySnOrKsn(SnEnd)Box := c.GetString("Box")//判斷sn是否為該箱if (len(Sn) <= 0) || (Sn > SnEnd) || (Sn < SnStart){ret = common.RetErrorSnNotInBoxc.jsonStandardResult(ret, "", "")return}//1. 更新sn表狀態，根據箱號BoxNum和訂單號OrderIDBoxNum, _ := common.SplitBoxNumAndTotal(Box)// 獲取訂單號v, err := models.GetBoxBySnStart(SnStart)if err != nil {ret = common.RetErrorBoxEmptyc.jsonStandardResult(ret, "", "")return}OrderID := v.OrderIDRecipientID := v.RecipientIDmodels.UpdateSnBoxStatusBySn(BoxNum, OrderID, Sn, common.StatusOk)//2. 更新box表狀態, 獲取每箱的產品數 NumberPerBoxBoxStatusBox := getBoxStatusBox(BoxNum, OrderID)models.UpdateBoxStatusBoxBySnStart(SnStart, BoxStatusBox)//3. 更新Recipient表狀態: 判斷 RecipientID 對應的StatusBox是否均為okRecipientStatusBox := getRecipientStatusBox(RecipientID)_, err = models.EditRecipientStatusBox(RecipientID, RecipientStatusBox)if err != nil {ret = common.RetErrorEditRecipientStatusBoxc.jsonStandardResult(ret, "", "")return}//4. 更新Distribute表狀態//5. 更新Order表狀態OrderStatusBox := getOrderStatusBox(OrderID)_, err = models.UpdateOrderStatusBox(OrderID, OrderStatusBox)if err != nil {ret = common.RetErrorUpdateOrderStatusBoxc.jsonStandardResult(ret, "", "")return}//提示正確多少sn，總共多少snsnTotalOk ,_ :=models.CountSnByStatusBox(BoxNum, OrderID, common.StatusOk)snTotal ,_ := models.CountSnByBoxNumAndOrderID(BoxStatusBox, OrderID)msg:=""if snTotalOk < snTotal{msg = fmt.Sprintf("總SN數[%d], 裝箱正確的SN數[%d], 待處理的SN數[%d]", snTotal, snTotalOk, snTotal - snTotalOk)c.jsonStandardResult(common.RetErrorBoxSetStatusBoxOKAlertMsg, msg, 0)}else{c.jsonStandardResult(ret, "", 0)}log := fmt.Sprintf("掃描裝箱->維修SN: 箱號[%s] SN起止[%s-%s] SN[%s] %s", Box, SnStart, SnEnd, Sn, msg)models.AddSystemLogByToken(c.GetString("Token"), common.LogType_Update, log)return}c.jsonStandardResult(common.RetErrorAct, "", nil)return }func getBoxStatusBox(BoxNum int, OrderID string) (BoxStatus int){//orderV, err := models.GetOrderById(OrderID)//if err != nil {// writelog.WriteDebug("%+v" , err.Error())// return common.StatusError//}//NumberPerBox := orderV.NumberPerBox 可能存在散箱，所以不能這么判斷，需要用實際的SN個數判斷//Box 只有正確或異常狀態StatusBoxAllNum, _ := models.CountSnByBoxNumAndOrderID(BoxNum, OrderID)StatusBoxOkNum, _ := models.CountSnByStatusBox(BoxNum, OrderID, common.StatusOk)if StatusBoxOkNum == StatusBoxAllNum {return common.StatusOk}return common.StatusException//StatusBoxExceptionNum, _ := models.CountSnByStatusBox(BoxNum, OrderID, common.StatusException)//if StatusBoxExceptionNum > 0 {// return common.StatusException//}////return common.StatusDoing }func getRecipientStatusBox(RecipientID int64) (BoxStatus int) {if RecipientID == 0{return common.StatusAll}BoxTotal, _ := models.CountBoxByRecipientID(RecipientID)StatusBoxOkNum, _ := models.CountBoxByStatusBox(RecipientID, common.StatusOk)if StatusBoxOkNum == BoxTotal {return common.StatusOk}StatusBoxExceptionNum, _ := models.CountBoxByStatusBox(RecipientID, common.StatusException)if StatusBoxExceptionNum > 0 {return common.StatusException}return common.StatusDoing }func getOrderStatusBox(OrderID string) (StatusBox int) {// 1.獲取收件人個數o, _ := models.GetOrderById(OrderID)RecipientTotal := o.RecipientTotal// 2.獲取ok狀態的個數StatusOkNum, _ := models.CountRecipientByStatusBox(OrderID, common.StatusOk)if StatusOkNum == RecipientTotal {return common.StatusOk}// 2.獲取Exception狀態的個數StatusExceptionNum, _ := models.CountRecipientByStatusBox(OrderID, common.StatusException)if StatusExceptionNum > 0 {return common.StatusException}return common.StatusDoing }func setBoxStatusExt(token string, _type string, SnStart string, SnEnd string, Box string, OkList []string) (ret int){if _type == "ksn" {for i, v := range OkList{OkList[i], _, _ = models.GetSnByKsn(v)}SnEnd,_, _ = models.GetSnByKsn(SnEnd)}//1. 更新sn表狀態，根據箱號BoxNum和訂單號OrderIDBoxNum, _ := common.SplitBoxNumAndTotal(Box)// 獲取訂單號v, err := models.GetBoxBySnStart(SnStart)if err != nil {//ret = common.RetErrorBoxEmpty//c.jsonStandardResult(ret, "", "")return common.RetErrorBoxEmpty}OrderID := v.OrderIDRecipientID := v.RecipientIDmodels.UpdateSnStatusBox(OkList, common.StatusOk)//2. 更新box表狀態, 獲取每箱的產品數 NumberPerBoxBoxStatusBox := getBoxStatusBox(BoxNum, OrderID)_, err = models.UpdateBoxStatusBoxBySnStart(SnStart, BoxStatusBox)if err != nil {log := fmt.Sprintf("掃描裝箱錯誤(%v): 箱號[%s] %s起止[%s-%s] 數量[%d]", common.RetErrorBoxUpdateBoxStatus, Box, _type, SnStart, SnEnd, len(OkList))models.AddSystemLogByToken(token, common.LogType_Update, log)return common.RetErrorBoxUpdateBoxStatus}//3. 更新Recipient表狀態: 判斷 RecipientID 對應的StatusBox是否均為okif RecipientID >0{RecipientStatusBox := getRecipientStatusBox(RecipientID)_, err = models.EditRecipientStatusBox(RecipientID, RecipientStatusBox)if err != nil {//ret = common.RetErrorEditRecipientStatusBox//c.jsonStandardResult(ret, "", "")log := fmt.Sprintf("掃描裝箱錯誤(%v): 箱號[%s] %s起止[%s-%s] 數量[%d]", common.RetErrorEditRecipientStatusBox, Box, _type, SnStart, SnEnd, len(OkList))models.AddSystemLogByToken(token, common.LogType_Update, log)return common.RetErrorEditRecipientStatusBox}}//4. 更新Distribute表狀態//5. 更新Order表狀態OrderStatusBox := getOrderStatusBox(OrderID)_, err = models.UpdateOrderStatusBox(OrderID, OrderStatusBox)if err != nil {//ret = common.RetErrorUpdateOrderStatusBox//c.jsonStandardResult(ret, "", "")log := fmt.Sprintf("掃描裝箱錯誤(%v): 箱號[%s] %s起止[%s-%s] 數量[%d]", common.RetErrorUpdateOrderStatusBox, Box, _type, SnStart, SnEnd, len(OkList))models.AddSystemLogByToken(token, common.LogType_Update, log)return common.RetErrorUpdateOrderStatusBox}log := fmt.Sprintf("掃描裝箱正確: 箱號[%s] %s起止[%s-%s] 數量[%d]", Box, _type, SnStart, SnEnd, len(OkList))models.AddSystemLogByToken(token, common.LogType_Update, log)return common.RetOK}

3、vue代碼?

<template><div class="page-container"><div class="el-form"><div style="margin-bottom: 20px;">第{{ currentNum }}/{{ totalNum }}箱</div><div class="form-group"><div class="flex"><div class="label">快運單號</div><el-input v-model="formData.expressId" ref="expressIdRef" placeholder="請掃描快運單號" @input="changeInput" @focus="focusInput('expressId')"></el-input></div></div><div class="form-group"><div class="flex"><div class="label">SN號起始</div><el-input v-model="formData.snStart" ref="snStartRef" placeholder="請掃描SN號起始" @input="changeInput" @focus="focusInput('snStart')"></el-input></div></div><div class="form-group"><div class="flex"><div class="label">SN號終止</div><el-input v-model="formData.snEnd" ref="snEndRef" @input="changeInput" placeholder="請掃描SN號終止" @focus="focusInput('snEnd')"></el-input></div></div><div class="form-group"><div class="flex"><div class="label">箱號</div><el-input v-model="formData.boxNum" ref="boxNumRef" placeholder="請掃描箱號" @input="changeInput" @focus="focusInput('boxNum')"></el-input><div class="box-right" src="../../assets/right.png" v-if="boxChecked && boxRight"></div><div class="box-error" src="../../assets/error.png" v-if="boxChecked && !boxRight"></div></div><div class="error" v-if="boxChecked && !boxRight">快運單號 {{ formData.expressId }} 和箱號 {{ box }} 不匹配</div></div><div class="operates"><el-button type="primary" style="margin-top:50px;" @click="confirmTypeByScan">強制確認</el-button></div></div></div> </template> <script> import { RECIPIENT_API_PATH } from '../../service/api'; import Vue from 'vue'; Vue.directive('paste', {// 因為一個元素只有插入dom之后，才能獲取焦點updated: function(el) {alert(el.value);} });export default {data() {return {path: '',focus: 'expressId',totalNum: 0,currentNum: 0,boxChecked: false,boxRight: true,hasError: false,snList: [], //從后臺獲取的每箱數據ksnList: [],errorBoxList: [],snOkList: [],ksnOkList: [],box:"",hasEnter:false,formData: {boxNum: '',snStart: '',snEnd: '',expressId: ''}};},mounted() {this.path = this.$route.query.type;console.log('path=' + this.path);document.body.onkeydown = e => {if (e.keyCode == 13) {this.enterInput()} else if (e.keyCode == 86) {}};this.$nextTick(() => {this.$refs.expressIdRef.focus();});},methods: {changeInput(){this.hasEnter = falseconsole.log("ctrl+v")setTimeout(()=>{if(!this.hasEnter){console.log("程序自動enter")this.enterInput()}},1000)},enterInput(){this.hasEnter = trueif (this.focus == 'expressId') {this.focus = 'snStart';this.$refs.snStartRef.focus();this.getBoxListByExpressID(this.snStart);} else if (this.focus == 'snStart') {this.checkSnStart();this.focus = 'snEnd';this.$refs.snEndRef.focus();this.boxChecked = false;} else if (this.focus == 'snEnd') {this.checkSnEnd();this.focus = 'boxNum';this.$refs.boxNumRef.focus();} else if (this.focus == 'boxNum') {this.checkBox();console.log('currentNum=' + this.currentNum);if (this.currentNum < this.totalNum) {this.focus = 'snStart';this.$refs.snStartRef.focus();this.formData.snStart = '';this.formData.snEnd = '';this.formData.boxNum = '';} else {this.confirmTypeByScan();}}},focusInput(str) {this.focus = str;},checkBox() {this.boxChecked = true;this.box = this.formData.boxNumif (this.snList.find(v => v.Box == this.formData.boxNum)) {this.boxRight = true;if (this.snOkList[this.currentNum]) {Object.assign(this.snOkList[this.currentNum], {Box: this.formData.boxNum});} else {this.snOkList[this.currentNum] = {Box: this.formData.boxNum};}this.currentNum = this.snOkList.length;return true;} else {if (this.ksnList.find(v => v.Box == this.formData.boxNum)) {this.boxRight = true;if (this.ksnOkList[this.currentNum]) {Object.assign(this.ksnOkList[this.currentNum], {Box: this.formData.boxNum});} else {this.ksnOkList[this.currentNum] = {Box: this.formData.boxNum};}this.currentNum = this.ksnOkList.length;return true;} else {this.boxRight = false;this.errorBoxList.push(this.formData.boxNum);if (this.snOkList[this.currentNum]) {this.snOkList.splice(this.currentNum, 1);}if (this.ksnOkList[this.currentNum]) {this.ksnOkList.splice(this.currentNum, 1);}return false;}}},checkSnStart() {if (this.snList.find(v => v.SnStart == this.formData.snStart)) {if (this.snOkList[this.currentNum]) {Object.assign(this.snOkList[this.currentNum], {SnStart: this.formData.snStart});} else {this.snOkList[this.currentNum] = {SnStart: this.formData.snStart};}return true;} else {if (this.ksnList.find(v => v.SnStart == this.formData.snStart)) {if (this.ksnOkList[this.currentNum]) {Object.assign(this.ksnOkList[this.currentNum], {SnStart: this.formData.snStart});} else {this.ksnOkList[this.currentNum] = {SnStart: this.formData.snStart};}return true;} else {this.hasError = true;this.$message({type:'error',message:'Sn號起始與快運單號不匹配'});if (this.snOkList[this.currentNum]) {this.snOkList.splice(this.currentNum, 1);}if (this.ksnOkList[this.currentNum]) {this.ksnOkList.splice(this.currentNum, 1);}return false;}return false;}},checkSnEnd() {if (this.snList.find(v => v.SnEnd == this.formData.snEnd)) {if (this.snOkList[this.currentNum]) {Object.assign(this.snOkList[this.currentNum], {SnEnd: this.formData.snEnd});} else {this.snOkList[this.currentNum] = {SnEnd: this.formData.snEnd};}return true;} else {if (this.ksnList.find(v => v.SnEnd == this.formData.snEnd)) {if (this.ksnOkList[this.currentNum]) {Object.assign(this.ksnOkList[this.currentNum], {SnEnd: this.formData.snEnd});} else {this.ksnOkList[this.currentNum] = {SnEnd: this.formData.snEnd};}return true;} else {this.hasError = true;this.$message({message:'Sn號終止與快運單號不匹配',type:"error"});if (this.snOkList[this.currentNum]) {this.snOkList.splice(this.currentNum, 1);}if (this.ksnOkList[this.currentNum]) {this.ksnOkList.splice(this.currentNum, 1);}return false;}}},confirmTypeByScan() {if (!this.hasError && this.errorBoxList.length <= 0) {let formData = new FormData();formData.append('Token', sessionStorage.getItem('token'));formData.append('ExpressID', this.formData.expressId);if (this.path == 'choice') {formData.append('Act', 'SetStatusPrepareByExpressID');//formData.append("StatusPrepare",item.StatusPrepare)} else {formData.append('Act', 'SetStatusQcByExpressID');//formData.append("StatusQc",item.StatusQc)}formData.append('ConfirmType', 2);this.$axios.post(RECIPIENT_API_PATH, formData).then(res => {if (res.data.Ret == 0) {this.$message({type:"success",message:"整單正確",duration:3000})} else {this.$message({message:res.data.Msg,type:"error",duration:3000});}}).finally(() => {this.focus = 'expressId';this.$refs.expressIdRef.focus();this.formData = {boxNum: '',snStart: '',snEnd: '',expressId: ''};this.box = ""this.totalNum = 0;this.currentNum = 0;this.boxChecked = false;});} else {let formData = new FormData();formData.append('Token', sessionStorage.getItem('token'));formData.append('ExpressID', this.formData.expressId);if (this.path == 'choice') {formData.append('Act', 'SetStatusPrepare');} else {formData.append('Act', 'SetStatusQc');}this.snOkList = this.snOkList.filter(v => {return v && v.SnStart && v.SnEnd && v.Box;});this.ksnOkList = this.ksnOkList.filter(v => {return v && v.SnStart && v.SnEnd && v.Box;});formData.append('SnOkList', JSON.stringify(this.snOkList));formData.append('KsnOkList', JSON.stringify(this.ksnOkList));this.$axios.post(RECIPIENT_API_PATH, formData).then(res => {if (res.data.Ret == 0) {} else {this.$message({type:"error",message:res.data.Msg});}}).finally(()=>{this.focus = 'expressId';this.$refs.expressIdRef.focus();this.formData = {boxNum: '',snStart: '',snEnd: '',expressId: ''};this.totalNum = 0;this.currentNum = 0;this.boxChecked = false;});}},getBoxListByExpressID() {let formData = new FormData();formData.append('Act', 'GetBoxListByExpressID');formData.append('Token', sessionStorage.getItem('token'));formData.append('ExpressID', this.formData.expressId);this.$axios.post(RECIPIENT_API_PATH, formData).then(res => {if (res.data.Ret == 0) {this.snList = res.data.Data && res.data.Data.SnList ? res.data.Data.SnList : [];this.ksnList = res.data.Data && res.data.Data.KsnList ? res.data.Data.KsnList : [];this.totalNum = res.data.Data&& res.data.Data.SnList?res.data.Data.SnList.length:0console.log("snList="+JSON.stringify(this.snList))console.log("ksnList="+JSON.stringify(this.ksnList))}else{this.$message({message:res.data.Msg,type:"error"})}});},pasteSn(e) {console.log(e.target.value);this.formData.boxNum = e.target.value;}} }; </script><style scoped="scoped"> .div {position: relative; } .label{width: 150px;text-align: right; } .error {padding-right: 160px;left: 0px;color: red;top: 100%;margin-top: 10px; } .el-icon-check, .el-icon-close {position: absolute;left: 100%;margin-left: 10px;top: 50%;transform: translateY(-50%); } .box-right, .box-error {position: absolute;width: 50px;height: 50px;left: 100%;margin-left: 10px;top: 0px; } .box-right {background: url(../../assets/right.png) no-repeat center;background-size: contain; } .box-error {background: url(../../assets/error.png) no-repeat center;background-size: contain; } .el-form {width: 90%; } .el-button{width: 100%; } .el-table,.div__label,.div__content,.error,.el-menu-item,.el-submenu__title,.el-message__content,div{font-size:28px; } </style>

四、結語

本次分享結束，歡迎來撩！

完整方案介紹：https://blog.csdn.net/lildkdkdkjf/article/details/117841646

系統演示網址：http://47.113.115.218:81 演示密碼：123456

微信：6550523?

總結

以上是生活随笔為你收集整理的《工厂订单出入库信息管理系统》模块5 -- 扫码装箱的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。