搜索下拉框

This commit is contained in:
2022-10-12 08:51:05 +08:00
parent f28e95ea2d
commit 545bb8f0af
4 changed files with 385 additions and 8 deletions

View File

@@ -5,10 +5,13 @@
<view class="wrapper">
<view class="filter_item">
<view class="filter_label_wraper">
<span class="filter_label">物料</span>
<span class="filter_label">点位</span>
</view>
<view class="filter_input_wraper">
<input type="text" class="filter_input">
<search-box
v-model="val1"
@toSearch="toSearch"
/>
</view>
</view>
<view class="filter_item">
@@ -17,6 +20,12 @@
<input type="text" class="filter_input">
</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>
</view>
</view>
<view class="wrapper grid-wraper">
<view class="slide_new">
@@ -60,16 +69,28 @@
<script>
import NavBar from '@/components/NavBar.vue'
import SearchBox from '@/components/SearchBox.vue'
export default {
components: {
NavBar
NavBar,
SearchBox
},
data() {
return {
dataList: [{task_no: '1'}, {task_no: '1'}, {task_no: '1'}, {task_no: '1'}, {task_no: '1'}, {task_no: '1'}, {task_no: '1'}, {task_no: '1'}, {task_no: '1'}, {task_no: '1'}, {task_no: '1'}, {task_no: '1'}, {task_no: '1'}, {task_no: '1'}, {task_no: '1'}]
val1: '',
options: [],
index: 0,
dataList: [{task_no: '1', start_devicecode: '000fjopd', create_time: '2020-1-1'}, {task_no: '1', start_devicecode: '000fjopd', create_time: '2020-1-1'}, {task_no: '1', start_devicecode: '000fjopd', create_time: '2020-1-1'}, {task_no: '1', start_devicecode: '000fjopd', create_time: '2020-1-1'}, {task_no: '1', start_devicecode: '000fjopd', create_time: '2020-1-1'}, {task_no: '1', start_devicecode: '000fjopd', create_time: '2020-1-1'}, {task_no: '1', start_devicecode: '000fjopd', create_time: '2020-1-1'}, {task_no: '1', start_devicecode: '000fjopd', create_time: '2020-1-1'}, {task_no: '1', start_devicecode: '000fjopd', create_time: '2020-1-1'}, {task_no: '1', start_devicecode: '000fjopd', create_time: '2020-1-1'}, {task_no: '1', start_devicecode: '000fjopd', create_time: '2020-1-1'}, {task_no: '1', start_devicecode: '000fjopd', create_time: '2020-1-1444'}]
};
},
methods: {
toSearch (e) {
console.log(e)
},
/** 选择器 */
selectChange(e) {
this.index = e
}
}
}
</script>