拷贝海亮缓存线平板

pages/management/HcxOutError.vue

@@ -0,0 +1,153 @@
+<template>
+	<view class="content">
+		<nav-bar title="缓存线出箱异常"></nav-bar>
+		<view class="search-confirm-wrap">
+			<view class="search-wrap">
+				<view class="search-item">
+					<label class="search-label">生产区域</label>
+					<view class="filter_input_wraper">
+						<uni-data-select v-model="index1" :localdata="options1" @change="selectChange1"></uni-data-select>
+					</view>
+				</view>
+				<view class="search-item">
+					<label class="search-label">缓存线</label>
+					<view class="filter_input_wraper">
+						<uni-data-select v-model="index2" :localdata="options2" @change="selectChange2"></uni-data-select>
+					</view>
+				</view>
+				<view class="search-item">
+					<label class="search-label">缓存线位置</label>
+					<view class="filter_input_wraper">
+						<input type="text" class="search-input-l" v-model="val1">
+					</view>
+				</view>
+				<view class="search-item">
+					<label class="search-label">料箱码</label>
+					<view class="filter_input_wraper">
+						<search-box
+						v-model="val2"
+						/>
+					</view>
+				</view>
+				<view class="search-item_2 flexend">
+					<button class="confirm-button" @tap="toSearch()">查询</button>
+					<button class="confirm-button" :disabled="disabled" @tap="toSure()">确认</button>
+				</view>
+			</view>
+		</view>
+		<view class="grid-wrap">
+			<table class="grid-table">
+				<thead>
+					<tr>
+						<th>选择</th>
+						<th>指令编号</th>
+						<th>设备编号</th>
+						<th>条码</th>
+						<th>起点</th>
+						<th>目的</th>
+						<th>目的2</th>
+					</tr>
+				</thead>
+				<tbody>
+					<tr v-for="e in dataList" :key="e.instruct_uuid"  @click="toRadio(e)">
+						<td>
+							<view class="iconfont icon-check" :class="{'icon-checked': pkId === e.instruct_uuid}"></view>
+						</td>
+						<td>{{e.instructoperate_num}}</td>
+						<td>{{e.wcsdevice_code}}</td>
+						<td>{{e.vehicle_code}}</td>
+						<td>{{e.startpoint_code}}</td>
+						<td>{{e.nextpoint_code}}</td>
+						<td>{{e.nextpoint_code2}}</td>
+					</tr>
+				</tbody>
+			</table>
+		</view>
+	</view>
+</template>
+
+<script>
+	import NavBar from '@/components/NavBar.vue'
+	import SearchBox from '@/components/SearchBox.vue'
+	import {getCacheLine, cacheLineOutBoxExceptionQuery, cacheLineOutBoxExceptionConfirm} from '@/utils/getData1.js'
+	export default {
+		components: {
+			NavBar,
+			SearchBox
+		},
+		data() {
+			return {
+				options1: [{text: 'A1', value: 'A1'}, {text: 'A2', value: 'A2'}],
+				index1: 'A1',
+				options2: [],
+				index2: '',
+				val1: '',
+				val2: '',
+				dataList: [],
+				pkId: '',
+				disabled: false
+			};
+		},
+		created() {
+			this._getCacheLine('A1')
+		},
+		methods: {
+			/** 选择器1 */
+			selectChange1(e) {
+				this.index1 = e
+				if (this.index1) {
+					this._getCacheLine(e)
+				}
+				this.index2 = ''
+			},
+			/** 选择器2 */
+			selectChange2(e) {
+				this.index2 = e
+			},
+			toSearch () {
+			  this.dataList = []
+			  this.pkId = ''
+			  this._cacheLineOutBoxExceptionQuery()
+			},
+			async _getCacheLine (id) {
+				let res = await getCacheLine(id)
+				this.options2 = [...res]
+			},
+			async _cacheLineOutBoxExceptionQuery () {
+				let res = await cacheLineOutBoxExceptionQuery(this.index2, this.val1)
+				this.dataList = [...res]
+			},
+			async toSure () {
+			  this.disabled = true
+			  if (!this.pkId) {
+				uni.showToast({
+					title: '请选择',
+					icon: 'none'
+				})
+				this.disabled = false
+				return
+			  }
+			  try {
+				let res = await cacheLineOutBoxExceptionConfirm(this.index2,this.pkId, '2', this.val2, this.index1, this.val1) 
+				this.disabled = false
+				this.toSearch()
+				uni.showToast({
+					title: res.message,
+					icon: 'none'
+				})
+			  } catch (e) {
+				this.disabled = false
+			  }
+			},
+			toRadio (e) {
+			  this.pkId = this.pkId === e.instruct_uuid ? '' : e.instruct_uuid
+			}
+		}
+	}
+</script>
+
+<style lang="stylus" scoped>
+@import '../../common/style/mixin.styl';
+.grid-wrap
+	height: calc(100% - 187px); /** 42+ 15*5+ 35*2 */
+</style>