| <template> | 
|     <view> | 
|         <uni-forms style="margin-top: 30px;margin-left: 30px;width: 100%;" label-width="120"> | 
|             <uni-forms-item label="内箱标签"> | 
|                 <uni-easyinput type="text" :focus="tagFocus" v-model="tag" placeholder="请扫描内箱标签" ref='midInput' | 
|                     @input="tagInput" /> | 
|             </uni-forms-item> | 
|             <uni-forms-item :label="tagmatCode"></uni-forms-item> | 
|             <!-- <uni-forms-item :label="tagmatName"></uni-forms-item> --> | 
|             <uni-forms-item :label="tagQty"></uni-forms-item> | 
|             <uni-forms-item label="拆分数量"> | 
|                 <uni-easyinput type="number" v-model="number" placeholder="请输入拆分数量" ref='midInput' | 
|                     :focus="numberFocus" /> | 
|             </uni-forms-item> | 
|             <uni-forms-item> | 
|                 <button @click="printTag" type="primary" size="default" style="margin-top: 2%;">打印标签</button> | 
|             </uni-forms-item> | 
|         </uni-forms> | 
|         <u-toast ref="uToast" /> | 
|     </view> | 
| </template> | 
|   | 
| <script> | 
|     export default { | 
|         data() { | 
|             return { | 
|                 tagFocus: true, | 
|                 numberFocus: false, | 
|                 tag: "", | 
|                 number: 0, | 
|                 tagmatCode: "物料编码:", | 
|                 tagmatName: "物料名称:", | 
|                 tagQty: "包装数量:", | 
|             } | 
|         }, | 
|         onLoad(res) {}, | 
|         methods: { | 
|             printTag() { | 
|                 if (this.tag == "") { | 
|                     this.$refs.uToast.show({ | 
|                         title: "请扫描内箱标签", | 
|                         type: "error" | 
|                     }) | 
|                     return; | 
|                 } | 
|                 if (this.number <= 0) { | 
|                     this.$refs.uToast.show({ | 
|                         title: "请扫描内箱标签", | 
|                         type: "error" | 
|                     }) | 
|                     return; | 
|                 } | 
|                 var postData = { | 
|                     MainData: { | 
|                         tag: this.tag, | 
|                         number: this.number, | 
|                         floor: "F2" | 
|                     } | 
|                 } | 
|                 this.$u.post('/api/StockOperate/PrintTag', postData).then(res => { | 
|                     if (res.status) { | 
|                         this.$refs.uToast.show({ | 
|                             title: "打印成功", | 
|                             type: "success" | 
|                         }) | 
|                         this.tagmatCode = "物料编码:"; | 
|                         this.tagQty = "包装数量:"; | 
|                         this.tag = ""; | 
|                     } else { | 
|                         this.$refs.uToast.show({ | 
|                             title: res.message, | 
|                             type: "error" | 
|                         }) | 
|                     } | 
|                 }) | 
|             }, | 
|             tagInput() { | 
|                 this.$nextTick(() => { | 
|                     var tagInfos = this.tag.split('|'); | 
|                     if (tagInfos.length == 7) { | 
|                         this.tagmatCode = "物料编码:" + tagInfos[1]; | 
|                         this.tagQty = "物料数量:" + tagInfos[5]; | 
|                     } else { | 
|   | 
|                     } | 
|                     this.numberFocus = true; | 
|                 }) | 
|             } | 
|         } | 
|     } | 
| </script> | 
|   | 
| <style lang="scss"> | 
|     @import '@/common/uni-ui.scss'; | 
|   | 
|     page { | 
|         display: flex; | 
|         flex-direction: column; | 
|         box-sizing: border-box; | 
|         background-color: #efeff4; | 
|         min-height: 100%; | 
|         height: auto; | 
|     } | 
|   | 
|     .tips { | 
|         color: #67c23a; | 
|         font-size: 14px; | 
|         line-height: 40px; | 
|         text-align: center; | 
|         background-color: #f0f9eb; | 
|         height: 0; | 
|         opacity: 0; | 
|         transform: translateY(-100%); | 
|         transition: all 0.3s; | 
|     } | 
|   | 
|     .tips-ani { | 
|         transform: translateY(0); | 
|         height: 40px; | 
|         opacity: 1; | 
|     } | 
|   | 
|     .content { | 
|         width: 100%; | 
|         display: flex; | 
|     } | 
|   | 
|     .list-picture { | 
|         width: 100%; | 
|         height: 145px; | 
|     } | 
|   | 
|     .thumb-image { | 
|         width: 100%; | 
|         height: 100%; | 
|     } | 
|   | 
|     .ellipsis { | 
|         display: flex; | 
|         overflow: hidden; | 
|     } | 
|   | 
|     .uni-ellipsis-1 { | 
|         overflow: hidden; | 
|         white-space: nowrap; | 
|         text-overflow: ellipsis; | 
|     } | 
|   | 
|     .uni-ellipsis-2 { | 
|         overflow: hidden; | 
|         text-overflow: ellipsis; | 
|         display: -webkit-box; | 
|         -webkit-line-clamp: 2; | 
|         -webkit-box-orient: vertical; | 
|     } | 
|   | 
|     .customcss { | 
|         display: flex; | 
|         position: fixed; | 
|         width: 100%; | 
|         top: 10px; | 
|         text-align: center; | 
|         z-index: 999; | 
|         left: 30px; | 
|         height: 20%; | 
|     } | 
|   | 
|     .footer { | 
|         padding-top: 50%; | 
|     } | 
| </style> |