You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
168 lines
3.4 KiB
168 lines
3.4 KiB
<template> |
|
<view> |
|
<view class="company_body"> |
|
<view class="header_seach_seach"> |
|
<uni-easyinput @confirm="seachFn" |
|
style="height: 100%; flex: 1; margin: 0 auto; background-color: #FFFFFF; border-radius:12rpx ;" |
|
prefixIcon="search" v-model="getData.otherSiteName" placeholder="请输入油站名称进行查询" > |
|
</uni-easyinput> |
|
</view> |
|
</view> |
|
<view class="company_list"> |
|
<view @tap="seleFn(item)" v-for="(item,index) in stationList" class="company_list_item"> |
|
<image src="../../../static/selegs.png" style="width: 73rpx; height: 73rpx;"></image> |
|
<view class="company_list_item_text">{{item.otherSiteName}}</view> |
|
<view style="flex-grow: 1; text-align: end;text-align: -webkit-right;"> |
|
<view class="checkboxs"> |
|
<view v-if="item.isChecked" class="checkboxss"></view> |
|
</view> |
|
</view> |
|
</view> |
|
</view> |
|
</view> |
|
</template> |
|
|
|
<script> |
|
import serve from '@/api/userManagement/yunSite.js' |
|
export default { |
|
data() { |
|
return { |
|
oilCompanyInfoList:[], |
|
siteId:'', |
|
timer: null, |
|
stationList:[], |
|
getData: { |
|
otherSiteName:'' |
|
}, |
|
} |
|
}, |
|
onLoad(options) { |
|
// if(options.item) { |
|
// let item = JSON.parse(decodeURI(options.item)) |
|
// this.siteId = item.siteId |
|
// // this.oilCompanyInfoList = JSON.parse(decodeURI(options.item)) |
|
// } |
|
}, |
|
methods: { |
|
seleFn(item) { |
|
clearTimeout(this.timer) |
|
this.$set(item,'isChecked',!item.isChecked) |
|
uni.$emit('yunSiteServiceStation', item) |
|
this.timer = setTimeout(() => { |
|
uni.navigateBack() |
|
}, 200) |
|
}, |
|
seachFn() { |
|
if(!this.getData.otherSiteName) { |
|
uni.showToast({ |
|
title:'搜索条件不可为空', |
|
icon:'none' |
|
}) |
|
return |
|
} |
|
this.getDriversList() |
|
}, |
|
getDriversList() { |
|
serve.getSiteChannelList(this.getData).then(res => { |
|
if (res.code !== 20000) return |
|
let data = res.data.map(item => { |
|
item['isChecked'] = false |
|
return item |
|
}) |
|
this.stationList = data |
|
}) |
|
}, |
|
} |
|
} |
|
</script> |
|
|
|
<style> |
|
.companytip { |
|
width: 88rpx; |
|
height: 38rpx; |
|
border-radius: 4rpx; |
|
color: #FFFFFF; |
|
font-size: 24rpx; |
|
display: flex; |
|
align-items: center; |
|
justify-content: center; |
|
} |
|
|
|
.checkboxss { |
|
width: 80%; |
|
height: 80%; |
|
background-color: #2866FF; |
|
border-radius: 50px; |
|
} |
|
|
|
.checkboxs { |
|
width: 20rpx; |
|
height: 20rpx; |
|
border-radius: 50px; |
|
border: 1px solid #BBBBBB; |
|
display: flex; |
|
justify-content: center; |
|
align-items: center; |
|
} |
|
|
|
.checkbox__inner { |
|
border-radius: 50px !important; |
|
} |
|
|
|
.uni-data-checklist { |
|
flex: 0 !important; |
|
} |
|
|
|
.uni-data-checklist .checklist-group .checklist-box { |
|
margin: 0 !important; |
|
} |
|
|
|
.uni-data-checklist { |
|
width: max-content; |
|
} |
|
|
|
.company_list_item_text { |
|
font-size: 28rpx; |
|
color: #000000; |
|
margin-left: 23rpx; |
|
} |
|
|
|
.company_list_item { |
|
min-height: 92rpx; |
|
background: #FFFFFF; |
|
box-shadow: 0px 3px 9px 0px rgba(88, 88, 88, 0.2); |
|
border-radius: 8rpx; |
|
font-size: 28rpx; |
|
display: flex; |
|
align-items: center; |
|
padding: 9rpx 21rpx; |
|
margin-top: 19rpx; |
|
} |
|
|
|
.company_list { |
|
width: 100vw; |
|
padding: 0 31rpx; |
|
box-sizing: border-box; |
|
margin-top: 40rpx; |
|
} |
|
|
|
.company_body { |
|
background-color: #2866FF; |
|
padding: 25rpx 0; |
|
} |
|
|
|
.uni-easyinput__content { |
|
height: 80rpx; |
|
} |
|
|
|
.uni-easyinput { |
|
height: 80rpx; |
|
} |
|
|
|
.header_seach_seach { |
|
display: flex; |
|
height: 80rpx; |
|
background-color: #2866FF; |
|
padding: 0 31rpx; |
|
} |
|
</style>
|
|
|