星油企业版
This commit is contained in:
caolc
709
pages/tabbar/station/stationList.vue
Normal file
709
pages/tabbar/station/stationList.vue
Normal file
@@ -0,0 +1,709 @@
|
||||
<template>
|
||||
<view class="my-bg">
|
||||
<cu-custom class="main-totextbar bg-main-oil" bgColor="bg-main-oil">
|
||||
<block slot="content">附近油站</block>
|
||||
</cu-custom>
|
||||
<view class="">
|
||||
<view class="headList">
|
||||
<view class="headList_head" v-for="(list,i) in tabHeadS" :class="[TabHead == i? 'ativeHead':'']" :key='i' @tap='changeHaed(list.value)'>
|
||||
{{list.title}}
|
||||
</view>
|
||||
</view>
|
||||
<!-- fixed-top-site -->
|
||||
<view class="">
|
||||
<view class="cu-bar search bg-white">
|
||||
<view class="search-form round">
|
||||
<text class="cuIcon-search"></text>
|
||||
<input @focus="InputFocus" confirm-type="search" @confirm="onSearch"
|
||||
@blur="InputBlur" v-model="siteName" :adjust-position="false" type="text" placeholder="请输入搜索站点名称" />
|
||||
</view>
|
||||
<view class="action" @tap="toMap">
|
||||
<image class="icon shadow-blur round icon-gasstation"
|
||||
src="https://www.51xingka.net/LSMOIL/static/img/gas-station.png" mode=""></image>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 筛选开始 -->
|
||||
<scroll-view class="screentop bg-white">
|
||||
<view @click="reunrnFn" class="">
|
||||
<sl-filter reflexTitle ref="slFilter" :productCodeList="productCodeList" :areaCodeList="areaCodeList" @result="filterRes" :menuList="menuList" v-if="TabHead == 0"></sl-filter>
|
||||
<sl-filter reflexTitle ref="slFilter" @result="filterRes" :menuList="ureaMenuList" v-if="TabHead == 1 && changeHs == true"></sl-filter>
|
||||
<sl-filter reflexTitle ref="slFilter" @result="filterRes" :menuList="productTypes" v-if="changeHs == false && TabHead == 1 "></sl-filter>
|
||||
</view>
|
||||
<view class="bg-white min-height-50 padding-top" v-if="siteList.length>0">
|
||||
<site-item v-for="(item,index) in siteList" :key="item.id" :site-item="item" :first="index==0"
|
||||
class="cu-list menu-avatar cu-item" @tap="toDetail(item)" v-if="TabHead == 0">
|
||||
</site-item>
|
||||
<ureaItem v-for="(list,index) in siteList" :key="list.id" :site-item="list" :first="index==0"
|
||||
class="cu-list menu-avatar cu-item" @tap="ureaToDetail(list)" v-if="TabHead == 1">
|
||||
</ureaItem>
|
||||
<view class="placeholder-hidden"></view>
|
||||
</view>
|
||||
<view style="min-height: 100vh;" class="" v-else>
|
||||
<my-empty></my-empty>
|
||||
</view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
<view class="bg-white">
|
||||
<uni-load-more :status="loadText"></uni-load-more>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import StationItem from '@/components/site-item/site-item.vue'
|
||||
import ureaItem from '@/components/site-item/urea-site-item.vue'
|
||||
import oilSiteApi from '@/api/oil-site.js'
|
||||
import slFilter from '@/components/sl-filter/sl-filter.vue'
|
||||
import oilMongoApi from '../../../api/oil-mongo.js'
|
||||
import ureaSiteApi from '../../../api/urea_site.js'
|
||||
export default {
|
||||
components: {
|
||||
StationItem,
|
||||
slFilter,
|
||||
ureaItem
|
||||
},
|
||||
|
||||
data() {
|
||||
return {
|
||||
areaCodeList:[],
|
||||
loadText:'more',
|
||||
changeHs:true,
|
||||
TabHead:0,
|
||||
tabHeadS:[
|
||||
{
|
||||
title:'加油站',
|
||||
value:0,
|
||||
},{
|
||||
title:'尿素站',
|
||||
value:1,
|
||||
}
|
||||
],
|
||||
productCodeList:null,
|
||||
filterDatas: {
|
||||
oilProductCode: '0#'
|
||||
},
|
||||
ureaFilterDatas:[],
|
||||
loadStatus: 'load',
|
||||
siteName: '',
|
||||
menuList: [{
|
||||
title: '距离',
|
||||
isMutiple: false,
|
||||
key: 'distance',
|
||||
detailList: [{
|
||||
title: "默认",
|
||||
value: 20
|
||||
},
|
||||
{
|
||||
title: "20Km",
|
||||
value: 20
|
||||
},
|
||||
{
|
||||
title: "30Km",
|
||||
value: 30
|
||||
},
|
||||
{
|
||||
title: "50Km",
|
||||
value: 50
|
||||
}
|
||||
]
|
||||
},{
|
||||
title: '渠道',
|
||||
isMutiple: false,
|
||||
key: 'channelCode',
|
||||
detailList: [{
|
||||
title: "全部",
|
||||
value: ""
|
||||
}]
|
||||
},
|
||||
{
|
||||
title: '0#轻柴油',
|
||||
key: 'oilProductCode',
|
||||
isMutiple: false,
|
||||
detailList: [{
|
||||
title: "全部",
|
||||
value: ""
|
||||
}]
|
||||
},
|
||||
{
|
||||
title: '品牌',
|
||||
key: 'siteBrand',
|
||||
isSort: true,
|
||||
isMutiple: false,
|
||||
detailList: [{
|
||||
title: "全部",
|
||||
value: ""
|
||||
}]
|
||||
}
|
||||
],
|
||||
ureaMenuList:[
|
||||
{
|
||||
title: '加注方式',
|
||||
isMutiple: false,
|
||||
key: 'formats',
|
||||
detailList: [{
|
||||
title: "全部",
|
||||
value: ""
|
||||
},{
|
||||
title: "加注机",
|
||||
value: "1"
|
||||
},{
|
||||
title: "桶装",
|
||||
value: "2"
|
||||
},
|
||||
]
|
||||
},
|
||||
{
|
||||
title: '桶装品牌',
|
||||
key: 'productType',
|
||||
isMutiple: false,
|
||||
detailList: [{
|
||||
title: "全部",
|
||||
value: ""
|
||||
}]
|
||||
},],
|
||||
productTypes:[
|
||||
{
|
||||
title: '加注方式',
|
||||
isMutiple: false,
|
||||
key: 'formats',
|
||||
detailList: [
|
||||
{
|
||||
title: "全部",
|
||||
value: ""
|
||||
},{
|
||||
title: "加注机",
|
||||
value: "1"
|
||||
},{
|
||||
title: "桶装",
|
||||
value: "2"
|
||||
},
|
||||
]
|
||||
}] ,
|
||||
siteList: [],
|
||||
InputBottom: 0,
|
||||
show: false,
|
||||
currentPage: 1,
|
||||
brandName:'',
|
||||
productType:'',
|
||||
isLoadMore: false, //是否加载中
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
loadStatus: {
|
||||
deep: true,
|
||||
immediate: true,
|
||||
handler: function(val, oldVal) {
|
||||
if (val.status == 'load') {
|
||||
setTimeout(() => {
|
||||
this.getSiteList()
|
||||
}, 100)
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: '到底啦',
|
||||
icon: 'none'
|
||||
})
|
||||
}
|
||||
}
|
||||
},
|
||||
},
|
||||
onTabItemTap(res) {
|
||||
this.showThreeSites = false
|
||||
},
|
||||
onShow() {
|
||||
this.refreshLocation()
|
||||
let storykey = uni.getStorageInfoSync()
|
||||
// console.log('%c look here↓','color:green;font-size:50px')
|
||||
// console.log(storykey)
|
||||
},
|
||||
onLoad() {
|
||||
if (!uni.getStorageSync('filterDatas')) {
|
||||
this.getFilterData()
|
||||
console.log('dhgiuhihqqqqqqqqqqqqqqqqqqqqqqqqqqqqqq')
|
||||
} else{
|
||||
console.log('dhgiuhihiiiiiiiiiiiiiiiiiiiiiiiiiiiii')
|
||||
}
|
||||
this.findPriceDetails()
|
||||
if (uni.getStorageSync('productCodeList')) {
|
||||
this.productCodeList = uni.getStorageSync('productCodeList')
|
||||
}
|
||||
this.getSiteList()
|
||||
},
|
||||
onPullDownRefresh() {
|
||||
this.filterRes(this.filterDatas)
|
||||
setTimeout(function() {
|
||||
uni.stopPullDownRefresh()
|
||||
}, 600);
|
||||
},
|
||||
onReachBottom() {
|
||||
if (this.loadStatus == 'load') {
|
||||
setTimeout(() => {
|
||||
if(this.TabHead == 0){
|
||||
this.getSiteList()
|
||||
}else if(this.TabHead == 1){
|
||||
this.getUreaList()
|
||||
}
|
||||
}, 100)
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: '到底啦',
|
||||
icon: 'none'
|
||||
})
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
reunrnFn(){
|
||||
|
||||
},
|
||||
getUreaList(){
|
||||
let location = uni.getStorageSync('location')
|
||||
let data1 = {
|
||||
currentPage: this.currentPage,
|
||||
pageSize: 10,
|
||||
params: { //类型：Object 必有字段 备注：// 筛选对象
|
||||
siteNameOrId:this.siteName,//产品类型(加注方式)：
|
||||
productType: this.productType? this.productType:'',//1-加注机； 2-桶装
|
||||
brandName: this.brandName ? this.brandName:'', // 桶装品牌名称
|
||||
currentLongitude:location.longitude+'',// 当前经度
|
||||
currentLatitude:location.latitude+'', // 当前纬度
|
||||
}
|
||||
}
|
||||
ureaSiteApi.getByPageMobile(data1).then(res=>{
|
||||
if (res.code == 20000) {
|
||||
let objs = []
|
||||
res.data.list.forEach( ele =>{
|
||||
let tag
|
||||
if(ele.productType == 1){
|
||||
tag = '加注机'
|
||||
} else if(ele.productType == 2){
|
||||
tag = '桶装'
|
||||
}
|
||||
let obj = {
|
||||
address: ele.address,
|
||||
id: ele.id,
|
||||
juli: ele.totalDistance,
|
||||
latitude: parseInt(ele.lat),
|
||||
listTag:tag,
|
||||
longitude:parseInt(ele.lng),
|
||||
siteCustomerMark: null,
|
||||
siteId: ele.siteId,
|
||||
siteName:ele.siteName,
|
||||
sitePrice: ele.price,
|
||||
formats: ele.formats,
|
||||
price: ele.price
|
||||
}
|
||||
objs.push(obj)
|
||||
})
|
||||
|
||||
this.siteList = this.siteList.concat(objs)
|
||||
if (res.data.list.length < 10) { //判断接口返回数据量小于请求数据量，则表示此为最后一页
|
||||
this.loadStatus = 'nomore'
|
||||
} else {
|
||||
this.currentPage++
|
||||
this.loadStatus = 'load'
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
changeHaed(code){
|
||||
this.TabHead = code
|
||||
this.siteList = []
|
||||
this.siteName = ''
|
||||
this.currentPage = 1
|
||||
if(code == 1){
|
||||
this.getUreaList()
|
||||
}else if(code == 0){
|
||||
this.getSiteList()
|
||||
}
|
||||
},
|
||||
ureaToDetail(list){
|
||||
let itemS = JSON.stringify(list)
|
||||
if (uni.getStorageSync('user')) {
|
||||
uni.navigateTo({
|
||||
url: `/BagStation/pages/ureaDetail/ureaDetail?item=${itemS}`,
|
||||
fail: (err) => {
|
||||
// console.log(err)
|
||||
},
|
||||
success: () => {
|
||||
// console.log('err')
|
||||
}
|
||||
})
|
||||
} else {
|
||||
uni.showModal({
|
||||
title:'请您登录',
|
||||
content:"登录小星加油才可以加油 |˛˙꒳˙)♡",
|
||||
confirmText:'去登陆',
|
||||
success: (res) => {
|
||||
if(res.confirm){
|
||||
uni.reLaunch({
|
||||
url:'../../../BagAuth/pages/login/login'
|
||||
})
|
||||
}
|
||||
}
|
||||
})
|
||||
}
|
||||
},
|
||||
filterRes(val) {
|
||||
console.log(val)
|
||||
if(this.TabHead ==0){
|
||||
this.filterDatas = val
|
||||
this.currentPage = 1
|
||||
this.siteList = []
|
||||
this.getSiteList()
|
||||
}else{
|
||||
if( val.formats == 2){
|
||||
this.changeHs = true
|
||||
}else{
|
||||
this.changeHs = false
|
||||
}
|
||||
this.filterDatas = val
|
||||
this.productType = val.formats
|
||||
this.brandName = val.productType
|
||||
this.currentPage = 1
|
||||
this.siteList = []
|
||||
this.getUreaList()
|
||||
}
|
||||
},
|
||||
getFilterData() {
|
||||
oilSiteApi.getCheckInfo().then(res => {
|
||||
if (res.code == 20000) {
|
||||
uni.setStorageSync('productCodeList', res.data.productCodeList)
|
||||
uni.setStorageSync('areaCodeList', res.data.areaCodeList)
|
||||
this.areaCodeList = uni.getStorageSync('areaCodeList')
|
||||
if(uni.getStorageSync('areaCodeList')){
|
||||
this.areaCodeList = uni.getStorageSync('areaCodeList')
|
||||
}else{
|
||||
this.areaCodeList = res.data.areaCodeList
|
||||
}
|
||||
this.productCodeList = uni.getStorageSync('productCodeList')
|
||||
// console.log(this.productCodeList,'新的列表格式')
|
||||
res.data.channelCodes.map(item => {
|
||||
this.menuList[1].detailList.push({
|
||||
title: item.name,
|
||||
value: item.id
|
||||
})
|
||||
})
|
||||
res.data.productCodes.map(item => {
|
||||
this.menuList[2].detailList.push({
|
||||
title: item.name,
|
||||
value: item.id
|
||||
})
|
||||
})
|
||||
res.data.siteBrands.map(item => {
|
||||
this.menuList[3].detailList.push({
|
||||
title: item.name,
|
||||
value: item.id
|
||||
})
|
||||
})
|
||||
let data = [
|
||||
{
|
||||
title: '全部',
|
||||
value: ''
|
||||
},
|
||||
{
|
||||
title: '一级油站',
|
||||
value: 'A'
|
||||
},{
|
||||
title: '二级油站',
|
||||
value: 'B'
|
||||
},{
|
||||
title: '三级油站',
|
||||
value: 'C'
|
||||
},{
|
||||
title: '四级油站',
|
||||
value: 'D'
|
||||
},{
|
||||
title: '一级油站',
|
||||
value: 'E'
|
||||
},
|
||||
]
|
||||
this.oliMenuList[3].detailList = data
|
||||
// // console.log(channelCodes, productCodes, siteBrands)
|
||||
// this.$refs.slFilter.resetMenuList(this.menuList)
|
||||
}
|
||||
console.log(this.menuList,'----')
|
||||
})
|
||||
},
|
||||
onSelected(e) {
|
||||
// console.log(e)
|
||||
},
|
||||
findPriceDetails(){
|
||||
ureaSiteApi.findPriceDetails().then(res=>{
|
||||
// console.log(res)
|
||||
res.data.forEach(item=>{
|
||||
let obj={
|
||||
title:item,
|
||||
value:item
|
||||
}
|
||||
// console.log(obj)
|
||||
this.ureaMenuList[1].detailList.push(obj)
|
||||
// this.productTypes[0].detailList.push(obj)
|
||||
})
|
||||
console.log(this.ureaMenuList)
|
||||
console.log(this.productTypes)
|
||||
})
|
||||
},
|
||||
refreshLocation() {
|
||||
uni.getLocation({
|
||||
type: 'wgs84',
|
||||
success: function(res) {
|
||||
uni.setStorageSync('location', res)
|
||||
},
|
||||
complete(res) {
|
||||
console.log('定位', res)
|
||||
var msgTip = ''
|
||||
if (res.errMsg == 'getLocation:fail auth deny') {
|
||||
msgTip = '请允许小程序获取您的位置'
|
||||
} else if (res.errMsg == 'getLocation:fail:ERROR_NOCELL&WIFI_LOCATIONSWITCHOFF') {
|
||||
msgTip = '请您打开手机定位'
|
||||
}
|
||||
if (msgTip) {
|
||||
setTimeout(() => {
|
||||
uni.showToast({
|
||||
title: msgTip,
|
||||
icon: 'none'
|
||||
})
|
||||
}, 300)
|
||||
}
|
||||
|
||||
}
|
||||
})
|
||||
},
|
||||
getSiteList() {
|
||||
this.refreshLocation()
|
||||
let location = uni.getStorageSync('location')
|
||||
console.log(this.filterDatas)
|
||||
let data1 = {
|
||||
currentPage: this.currentPage,
|
||||
pageSize: 10,
|
||||
params: { //类型：Object 必有字段 备注：// 筛选对象
|
||||
sort: "juli", //类型：String 必有字段 备注：// 智能排序 ( price：价格最低 juli：距离最近 ) 默认距离排序
|
||||
siteName: this.siteName,
|
||||
...uni.getStorageSync('location'),
|
||||
// ...this.filterData
|
||||
siteBrand: this.siteName ? '' : this.filterDatas
|
||||
.siteBrand, // 备注：// 石油品牌 ( 1-中国石油 2-中国石化 3-壳牌 4-民营 5-中海油 6-京博 7-中化石油 8-其他 )
|
||||
channelCode: this.siteName ? '' : this.filterDatas
|
||||
.channelCode, // 备注：// 渠道编码 ( OIL：星油 WJY：万金油 LV：老吕（找油网） TY：团油 YDJY：一点加油（壳牌）)
|
||||
oilProductCode: this.siteName ? '' : this.filterDatas
|
||||
.oilProductCode ,// 备注：// 油号选择 ( 0# 92# 92#)
|
||||
siteLevel: this.siteName ? '' : this.filterDatas
|
||||
.siteLevel ,
|
||||
provinceCode:this.filterDatas.provinceCode,
|
||||
cityCode:this.filterDatas.cityCode,
|
||||
areaCode:this.filterDatas.areaCode,
|
||||
distance:this.filterDatas.distance
|
||||
}
|
||||
}
|
||||
if (!uni.getStorageSync('Authorization')) {
|
||||
data1.params.role = 1
|
||||
oilSiteApi.readOnlySites(data1).then(res => {
|
||||
if (res.code == 20000) {
|
||||
console.log(res,'+++')
|
||||
this.siteList = this.siteList.concat(res.data.list)
|
||||
if (res.data.list.length < 10) { //判断接口返回数据量小于请求数据量，则表示此为最后一页
|
||||
this.loadStatus = 'nomore'
|
||||
} else {
|
||||
this.currentPage++
|
||||
this.loadStatus = 'load'
|
||||
}
|
||||
}
|
||||
})
|
||||
} else {
|
||||
oilSiteApi.getSiteList(data1).then(res => {
|
||||
if (res.code == 20000) {
|
||||
console.log(res,'+++')
|
||||
this.siteList = this.siteList.concat(res.data.list)
|
||||
if (res.data.list.length < 10) { //判断接口返回数据量小于请求数据量，则表示此为最后一页
|
||||
this.loadStatus = 'nomore'
|
||||
} else {
|
||||
this.currentPage++
|
||||
this.loadStatus = 'load'
|
||||
}
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
},
|
||||
// getSiteList() {
|
||||
// this.refreshLocation()
|
||||
|
||||
// let data1 = {
|
||||
// currentPage: this.currentPage,
|
||||
// pageSize: 10,
|
||||
// params: { //类型：Object 必有字段 备注：// 筛选对象
|
||||
// sort: "juli", //类型：String 必有字段 备注：// 智能排序 ( price：价格最低 juli：距离最近 ) 默认距离排序
|
||||
// siteName: this.siteName,
|
||||
// longitude: 116.397451, // 必有字段 备注：// 当前位置经度
|
||||
// latitude: 39.909187, // 必有字段 备注：// 当前位置维度
|
||||
// ...uni.getStorageSync('location'),
|
||||
// // ...this.filterData
|
||||
// siteBrand: this.siteName ? '' : this.filterData
|
||||
// .siteBrand, // 备注：// 石油品牌 ( 1-中国石油 2-中国石化 3-壳牌 4-民营 5-中海油 6-京博 7-中化石油 8-其他 )
|
||||
// channelCode: this.siteName ? '' : this.filterData
|
||||
// .channelCode, // 备注：// 渠道编码 ( OIL：星油 WJY：万金油 LV：老吕（找油网） TY：团油 YDJY：一点加油（壳牌）)
|
||||
// oilProductCode: this.siteName ? '' : this.filterData
|
||||
// .oilProductCode // 备注：// 油号选择 ( 0# 92# 92#)
|
||||
// }
|
||||
|
||||
// }
|
||||
// if (!uni.getStorageSync('Authorization')) {
|
||||
// oilSiteApi.readOnlySites(data1).then(res => {
|
||||
// if (res.code == 20000) {
|
||||
// this.siteList = this.siteList.concat(res.data.list)
|
||||
// if (res.data.list.length < 10) { //判断接口返回数据量小于请求数据量，则表示此为最后一页
|
||||
// this.loadStatus = 'nomore'
|
||||
// } else {
|
||||
// this.currentPage++
|
||||
// this.loadStatus = 'load'
|
||||
// }
|
||||
// }
|
||||
// })
|
||||
// } else {
|
||||
// oilSiteApi.getSiteList(data1).then(res => {
|
||||
// if (res.code == 20000) {
|
||||
// this.siteList = this.siteList.concat(res.data.list)
|
||||
// if (res.data.list.length < 10) { //判断接口返回数据量小于请求数据量，则表示此为最后一页
|
||||
// this.loadStatus = 'nomore'
|
||||
// } else {
|
||||
// this.currentPage++
|
||||
// this.loadStatus = 'load'
|
||||
// }
|
||||
// }
|
||||
// })
|
||||
// }
|
||||
|
||||
// },
|
||||
toDetail(item) {
|
||||
console.log(item)
|
||||
console.log('这里是进入前')
|
||||
let itemS = JSON.stringify(item)
|
||||
if (uni.getStorageSync('user')) {
|
||||
if(item.channelCode==='TY'){
|
||||
uni.setStorageSync('OtherSiteInfo',item)
|
||||
uni.navigateTo({
|
||||
url: `/BagStation/pages/stationDetail/stationDetail?channerCode=${item.channelCode}`,
|
||||
fail: (err) => {
|
||||
// console.log(err)
|
||||
},
|
||||
success: () => {
|
||||
// console.log('err')
|
||||
}
|
||||
})
|
||||
return
|
||||
}
|
||||
uni.navigateTo({
|
||||
url: `/BagStation/pages/stationDetail/stationDetail?item=${itemS}`,
|
||||
fail: (err) => {
|
||||
// console.log(err)
|
||||
},
|
||||
success: () => {
|
||||
// console.log('err')
|
||||
}
|
||||
})
|
||||
} else {
|
||||
uni.showModal({
|
||||
title: '请您登录',
|
||||
content: "登录星油加油才可以加油 |˛˙꒳˙)♡",
|
||||
confirmText: '去登陆',
|
||||
success: (res) => {
|
||||
if (res.confirm) {
|
||||
uni.reLaunch({
|
||||
url: '../../../BagAuth/pages/login/login'
|
||||
})
|
||||
}
|
||||
}
|
||||
})
|
||||
}
|
||||
},
|
||||
nameSelect(value, item) {
|
||||
this.title2 = item.text
|
||||
// console.log(item)
|
||||
},
|
||||
typeSelect(value, item) {
|
||||
// console.log(item)
|
||||
this.title1 = item.text
|
||||
},
|
||||
optionSelect(value, item) {
|
||||
// console.log(item)
|
||||
this.title3 = item.text
|
||||
},
|
||||
toMap() {
|
||||
uni.navigateTo({
|
||||
url: '/BagStation/pages/stationMap/stationMap',
|
||||
})
|
||||
},
|
||||
InputFocus(e) {
|
||||
this.InputBottom = e.detail.height
|
||||
// console.log(e.detail)
|
||||
// console.log(this.InputBottom)
|
||||
},
|
||||
InputBlur(e) {
|
||||
this.InputBottom = 0
|
||||
// console.log(this.InputBottom)
|
||||
// console.log(e.detail)
|
||||
|
||||
|
||||
},
|
||||
onInput() {
|
||||
setTimeout(() => {
|
||||
this.currentPage = 1
|
||||
this.siteList = []
|
||||
this.getSiteList()
|
||||
}, 100)
|
||||
},
|
||||
onSearch() {
|
||||
this.currentPage = 1
|
||||
this.siteList = []
|
||||
if(this.TabHead == 0){
|
||||
this.getSiteList()
|
||||
}else if (this.TabHead == 1){
|
||||
this.getUreaList()
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.headList_head{
|
||||
padding: 2% 0;
|
||||
width: 16%;
|
||||
text-align: center;
|
||||
font-size: 36rpx;
|
||||
font-weight: 700;
|
||||
border-bottom: 2px solid #fff;
|
||||
margin: 0% 3%;
|
||||
}
|
||||
.headList{
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
align-items: center;
|
||||
background-color: #fff;
|
||||
padding: 1% 3%;
|
||||
}
|
||||
.ativeHead{
|
||||
color: red;
|
||||
border-bottom: 2px solid red;
|
||||
}
|
||||
.icon-gasstation {
|
||||
width: 1.2rem;
|
||||
height: 1.2rem;
|
||||
}
|
||||
|
||||
.placeholder-hidden {
|
||||
/* min-height: 95upx; */
|
||||
}
|
||||
|
||||
.fixed-top-site {
|
||||
/* top: 120rpx; */
|
||||
z-index: 4;
|
||||
position: fixed;
|
||||
width: 750upx;
|
||||
}
|
||||
|
||||
.min-height-50 {
|
||||
min-height: 50vh;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user