搭建项目

pages/WarehouseManage/CustomerLabelPrint.vue

@@ -0,0 +1,129 @@
+<template>
+	<view class="zd_container">
+		<!-- <nav-bar title="客户标签打印"></nav-bar> -->
+		<nav-bar :title="title"></nav-bar>
+		<view class="zd_content">
+			<view class="zd_wrapper">
+				<view class="filter_item">
+					<view class="filter_label_wraper">
+						<span class="filter_label">木箱</span>
+					</view>
+					<view class="filter_input_wraper">
+						<search-box
+						ref="scanChild"
+						v-model="val1"
+						@handleChange="handleChange"
+						/>
+					</view>
+				</view>
+			</view>
+			<view class="zd_wrapper grid-wraper">
+				<view class="slide_new">
+					<table>
+						<thead>
+							<tr>
+								<th>木箱码</th>
+								<th>卷数</th>
+								<th>木箱毛重</th>
+								<th>销售订单及行号</th>
+								<th>物料编码</th>
+								<th>物料名称</th>
+								<th>规格</th>
+								<th>子卷号</th>
+								<th>净重</th>
+								<th>入库日期</th>
+								<th>生产日期</th>
+							</tr>
+						</thead>
+						<tbody>
+							<tr v-for="(e, i) in dataList" :key="i">
+								<td>{{e.package_box_sn}}</td>
+								<td>{{e.quanlity_in_box}}</td>
+								<td>{{e.box_weight}}</td>
+								<td>{{e.sale_order_name}}</td>
+								<td>{{e.product_name}}</td>
+								<td>{{e.product_description}}</td>
+								<td>{{e.width}}</td>
+								<td>{{e.container_name}}</td>
+								<td>{{e.net_weight}}</td>
+								<td>{{e.date_of_FG_inbound}}</td>
+								<td>{{e.date_of_production}}</td>
+							</tr>
+						</tbody>
+					</table>
+				</view>
+			</view>
+		</view>
+		<view class="zd-row submitbar">
+			<button class="zd-col-15 btn-submit btn-success letter-30" :class="{'btn-info': !val1}" :disabled="disabled2" @tap="_customerPrint">打印</button>
+			<button class="zd-col-6 btn-submit btn-success letter-30" @tap="_customerInfo(val1)">查询</button>
+		</view>
+	</view>
+</template>
+
+<script>
+	import NavBar from '@/components/NavBar.vue'
+	import SearchBox from '@/components/SearchBox.vue'
+	import {customerInfo, customerPrint} from '@/utils/getData2.js'
+	export default {
+		components: {
+			NavBar,
+			SearchBox
+		},
+		data() {
+			return {
+				title: '',
+				val1: '',
+				dataList: [],
+				disabled1: false,
+				disabled2: false
+			};
+		},
+		onLoad (options) {
+			this.title = options.title
+		},
+		mounted () {
+			this.$refs.scanChild.handleFocus()
+		},
+		methods: {
+			handleChange (e) {
+				this._customerInfo(e)
+			},
+			/** 查询 */
+			async _customerInfo (e) {
+				if (!this.val1) {
+					uni.showToast({
+						title: '请扫木箱码',
+						icon: 'none'
+					})
+					return
+				}
+				let res = await customerInfo(e)
+				this.dataList = [...res.data]	
+			},
+			/** 打印 */
+			async _customerPrint () {
+				this.disabled2 = true
+				if (!this.val1) {
+					uni.showToast({
+						title: '请扫木箱码',
+						icon: 'none'
+					})
+					this.disabled2 = false
+					return
+				}
+				try {
+					let res = await customerPrint(this.val1, this.$store.getters.setPrintName)
+					this.disabled2 = false
+					this.val1 = ''
+					uni.showToast({
+						title: res.message,
+						icon: 'none'
+					})
+				} catch (e) {
+					this.disabled2 = false
+				}	
+			},
+		}
+	}
+</script>