分切暂存下料、分切下料修改

pages/SecondPhase/slitting/CacheCut.vue

@@ -4,9 +4,16 @@
 		<view class="zd_content">
 			<view class="zd_wrapper">
 				<view class="filter_item">
-					<view class="filter_label">分切暂存位</view>
+					<view class="filter_label">区域</view>
 					<view class="filter_input_wraper">
-						<uni-data-select v-model="index" :localdata="options" @change="selectChange"></uni-data-select>
+						<uni-data-select v-model="index2" :localdata="options2" @change="selectChange2"></uni-data-select>
+					</view>
+				</view>
+				<view class="filter_item">
+					<view class="filter_label">点位</view>
+					<view class="filter_input_wraper">
+						<!-- <uni-data-select v-model="index" :localdata="options" @change="selectChange"></uni-data-select> -->
+						<uni-data-select v-model="index" :searchInput="true" :localdata="newoptions" @change="selectChange" @handleChange="handleChange" @showSelector="showSelector"></uni-data-select>
 					</view>
 				</view>
 			</view>
@@ -20,6 +27,7 @@
 
 <script>
 	import NavBar from '@/components/NavBar.vue'
+	import {queryProductArea} from '@/utils/getData2.js'
 	import {getCutCacheAgvPoints, sendSubVolumeToNBJ} from '@/utils/getData3.js'
 	export default {
 		components: {
@@ -29,19 +37,57 @@
 			return {
 				options: [],
 				index: '',
+				newoptions: [],
+				options2: [],
+				index2: '',
 				disabled: false
 			};
 		},
 		created () {
-			this._getCutCacheAgvPoints()
+			this._queryProductArea()
 		},
 		methods: {
+			selectChange2(e) {
+				this.index2 = e
+				if (e) {
+					this._getCutCacheAgvPoints(e)
+				} else {
+					this.index = ''
+				}
+			},
+			/** 生产区域下拉框查询 */
+			async _queryProductArea () {
+				let res = await queryProductArea()
+				this.options2 = [...res.data]
+			},
 			selectChange (e) {
 				this.index = e
 			},
-			async _getCutCacheAgvPoints () {
-				let res = await getCutCacheAgvPoints()
+			/** 模糊匹配 */
+			selectMatchItem (lists, keyWord) {
+				let resArr = []
+				lists.filter((item) => {
+					if (item.text.indexOf(keyWord) > -1) {
+						resArr.push(item)
+					}
+				})
+				return resArr
+			},
+			handleChange (e) {
+				if (e){
+					this.index = ''
+					this.newoptions = this.selectMatchItem(this.options, e)
+				} else {
+					this.newoptions = this.options
+				}
+			},
+			showSelector () {
+				this.newoptions = this.options
+			},
+			async _getCutCacheAgvPoints (e) {
+				let res = await getCutCacheAgvPoints(e)
 				this.options = [...res]
+				this.newoptions = [...res]
 			},
 			async _sendSubVolumeToNBJ () {
 				this.disabled = true
@@ -62,6 +108,8 @@
 			},
 			clearUp () {
 				this.index = ''
+				this.index2 = ''
+				this.options = []
 			}
 		}
 	}

pages/SecondPhase/slitting/SlittingCutting.vue

@@ -4,7 +4,13 @@
 		<view class="zd_content">
 			<view class="zd_wrapper">
 				<view class="filter_item">
-					<view class="filter_label">分切机</view>
+					<view class="filter_label">区域</view>
+					<view class="filter_input_wraper">
+						<uni-data-select v-model="index2" :localdata="options2" @change="selectChange2"></uni-data-select>
+					</view>
+				</view>
+				<view class="filter_item">
+					<view class="filter_label">设备</view>
 					<view class="filter_input_wraper">
 						<uni-data-select v-model="index" :localdata="options" @change="selectChange"></uni-data-select>
 					</view>
@@ -21,6 +27,7 @@
 <script>
 	import NavBar from '@/components/NavBar.vue'
 	import SearchBox from '@/components/SearchBox.vue'
+	import {queryProductArea} from '@/utils/getData2.js'
 	import {slitterDevices, downRolls} from '@/utils/getData3.js'
 	export default {
 		components: {
@@ -31,15 +38,30 @@
 			return {
 				options: [],
 				index: '',
+				options2: [],
+				index2: '',
 				disabled: false
 			};
 		},
 		created () {
-			this._slitterDevices()
+			this._queryProductArea()
 		},
 		methods: {
-			async _slitterDevices () {
-				let res = await slitterDevices()
+			selectChange2(e) {
+				this.index2 = e
+				if (e) {
+					this._slitterDevices(e)
+				} else {
+					this.index = ''
+				}
+			},
+			/** 生产区域下拉框查询 */
+			async _queryProductArea () {
+				let res = await queryProductArea()
+				this.options2 = [...res.data]
+			},
+			async _slitterDevices (e) {
+				let res = await slitterDevices(e)
 				this.options = [...res]
 			},
 			selectChange (e) {
@@ -64,6 +86,8 @@
 			},
 			clearUp () {
 				this.index = ''
+				this.index2 = ''
+				this.options = []
 			}
 		}
 	}