|
|
@@ -2,8 +2,19 @@
|
|
|
<view class="site-wrapper">
|
|
|
|
|
|
<!-- 筛选框start -->
|
|
|
- <view style="height:100rpx"></view>
|
|
|
+ <view style="height:200rpx"></view>
|
|
|
<view class="ding">
|
|
|
+
|
|
|
+ <view class="cu-bar search bg-gray filter-section" style="padding-top:10rpx">
|
|
|
+ <view class="search-form round bg-white" style="position:relative;overflow:auto">
|
|
|
+ <input name="siteName" v-model="formMess.siteName" @click="toggleShow" @focus="focusfns"
|
|
|
+ @input="handleInput()" placeholder="请输入或选择所属线路"></input>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ </view>
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
|
|
|
<view class="cu-bar search bg-gray filter-section">
|
|
|
<view class="search-form round bg-white">
|
|
|
@@ -16,7 +27,18 @@
|
|
|
</view>
|
|
|
|
|
|
</view>
|
|
|
+
|
|
|
+
|
|
|
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <view class="siteItems" v-if="isShow2" style="max-height:60vh;overflow:auto;position:absolute;z-index:999; margin: 0 32rpx;
|
|
|
+ width: calc(100% - 64rpx);top:100rpx">
|
|
|
+ <view class=" site-item" v-if="!siteItemData.length">暂无结果</view>
|
|
|
+ <view class="site-item" v-for="(item,index) in siteItemData" @click="changeModel(item,index)" :key="index"
|
|
|
+ style="padding:16rpx 22rpx">
|
|
|
+ {{item.route_name}}
|
|
|
+ </view>
|
|
|
</view>
|
|
|
|
|
|
<!-- 筛选框end -->
|
|
|
@@ -82,6 +104,14 @@
|
|
|
size: 10,
|
|
|
loadStatus: 'loading', //加载样式：more-加载前样式，loading-加载中样式，nomore-没有数据样式
|
|
|
isLoadMore: false, //是否加载中
|
|
|
+
|
|
|
+ isShow2: false,
|
|
|
+ formMess: {
|
|
|
+ "siteName": "",
|
|
|
+ },
|
|
|
+ siteItemDataOrigin: [],
|
|
|
+ siteItemData: [],
|
|
|
+
|
|
|
};
|
|
|
},
|
|
|
|
|
|
@@ -95,10 +125,48 @@
|
|
|
onLoad: function(option) {
|
|
|
|
|
|
this.loadData()
|
|
|
-
|
|
|
+ this.getRoutrBox()
|
|
|
},
|
|
|
|
|
|
methods: {
|
|
|
+ //线路名称下拉数据请求
|
|
|
+ async getRoutrBox(params = {}) {
|
|
|
+ const res = await this.$myRequest({
|
|
|
+ url: 'Archives/getRoutrBox',
|
|
|
+ showLoading: true,
|
|
|
+ data: params
|
|
|
+ })
|
|
|
+ this.siteItemData = res.data.data;
|
|
|
+ this.siteItemDataOrigin = res.data.data;
|
|
|
+ this.siteItemData = this.siteItemDataOrigin;
|
|
|
+ },
|
|
|
+ //选中下拉选项，隐藏框，赋值
|
|
|
+ changeModel: function(item, index) {
|
|
|
+ this.isShow2 = false;
|
|
|
+ this.formMess.siteName = item.route_name;
|
|
|
+ },
|
|
|
+
|
|
|
+ // 输入框点击 显示隐藏下拉框
|
|
|
+ toggleShow: function() {
|
|
|
+ this.isShow2 = !this.isShow2;
|
|
|
+ },
|
|
|
+ //点击下拉筛选
|
|
|
+ handleInput() {
|
|
|
+
|
|
|
+ //将元素根据搜索内容过滤出来 这里改变了siteItemData
|
|
|
+ this.siteItemData = this.siteItemDataOrigin;
|
|
|
+ this.siteItemData = this.siteItemData.filter(item => item.route_name.indexOf(this.formMess.siteName) > -1);
|
|
|
+ },
|
|
|
+ focusfns: function(e) {
|
|
|
+ //将元素根据搜索内容过滤出来 这里改变了siteItemData
|
|
|
+ this.siteItemData = this.siteItemDataOrigin;
|
|
|
+ this.siteItemData = this.siteItemData.filter(item => item.route_name.indexOf(this.formMess.siteName) >
|
|
|
+ -1);
|
|
|
+ },
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
|
|
|
searchData() {
|
|
|
this.currentPage=1,
|
|
|
@@ -110,6 +178,7 @@
|
|
|
loadData(){
|
|
|
this.getDataList({
|
|
|
"site_name": this.siteName,
|
|
|
+ "route_name": this.formMess.siteName,
|
|
|
currentPage: this.currentPage,
|
|
|
size: this.size,
|
|
|
})
|
|
|
@@ -190,6 +259,10 @@
|
|
|
}
|
|
|
this.listTouchDirection = null
|
|
|
}
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
}
|
|
|
}
|
|
|
</script>
|
ming