|
|
@@ -1,376 +1,324 @@
|
|
|
-<template>
|
|
|
- <view class="box">
|
|
|
- <view class="tab">
|
|
|
- <view class="tabLine" :class="{tabActive:tabIndex==5}" @click="tabClick(5)">全部</view>
|
|
|
- <view class="tabLine" :class="{tabActive:tabIndex==1}" @click="tabClick(1)">待付款</view>
|
|
|
- <view class="tabLine" :class="{tabActive:tabIndex==2}" @click="tabClick(2)">待确认</view>
|
|
|
- <view class="tabLine" :class="{tabActive:tabIndex==4}" @click="tabClick(3)">待收货</view>
|
|
|
- <view class="tabLine" :class="{tabActive:tabIndex==2}" @click="tabClick(4)">待服务</view>
|
|
|
- <view class="tabLine" :class="{tabActive:tabIndex==4}" @click="tabClick(5)">待评价</view>
|
|
|
- </view>
|
|
|
- <view class="main">
|
|
|
- <view class="itemLine" v-for="(item,index) in items" @click="goDetail(item.ID)">
|
|
|
- <view class="flex2 itemlineTOp">
|
|
|
- <view class="itemCode">{{item.Code}}</view>
|
|
|
- <view class="itemSheetState" v-if="item.SheetState==1">待付款</view>
|
|
|
- <view class="itemSheetState" v-if="item.SheetState==2">待服务</view>
|
|
|
- <view class="itemSheetState" v-if="item.SheetState==3||item.SheetState==5">已完成</view>
|
|
|
- <view class="itemSheetState" v-if="item.SheetState==4">已完成</view>
|
|
|
- <view class="itemSheetState" v-if="item.SheetState==0">已取消</view>
|
|
|
- </view>
|
|
|
- <view class="itemLineImgBox">
|
|
|
- <view class="itemGoddsImgBox">
|
|
|
- <view v-for="(v,i) in item.goods.concat(item.items)" v-if="i<4">
|
|
|
- <image :src="v.Url" mode="" class="goodsImg" v-if="i<4&&v"></image>
|
|
|
- <image src="../../static/img/noimg.png" mode="" class="goodsImg" v-else></image>
|
|
|
- </view>
|
|
|
- <view v-if="item.goods.concat(item.items).length==0">
|
|
|
- <image src="../../static/img/noimg.png" mode="" class="goodsImg" ></image>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view>
|
|
|
- <image src="../../static/img/diandian.png" mode="widthFix" class="diandianImg"></image>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="raleMoneyBox">
|
|
|
- <span>实付款</span> <span class="raleMoneySpan">￥{{item.raleMoney}}</span>
|
|
|
- </view>
|
|
|
- <view class="itemLineBottom" v-if="item.SheetState==1||item.SheetState==3||item.SheetState==4">
|
|
|
- <view class="itemBtn1" v-if="item.SheetState==1" @click.stop="cancelOrder(item)">取消订单</view>
|
|
|
- <view class="itemBtn2" v-if="item.SheetState==1" @click.stop="orderPay(item)">立即支付</view>
|
|
|
- <view class="itemBtn2" v-if="item.EvaluateState==0&&item.EState==1" @click.stop="goEvaluate(item)">立即评价</view>
|
|
|
- <view class="itemBtn1" v-if="item.EvaluateState==1" @click.stop="gopingjia(item)">查看评价</view>
|
|
|
- </view>
|
|
|
- <!-- 待服务的-->
|
|
|
- <view class="daifuwuBOxDiv" v-if="item.SheetState==2">
|
|
|
- <view class="daifuwuBOx">
|
|
|
- <view class="daifuwuBOxTop">
|
|
|
- <image src="../../static/img/orderyytime.png" mode="" class="orderyytimeImg"></image>
|
|
|
- <view class="daifuwuBOxTitle">预约信息</view>
|
|
|
- </view>
|
|
|
- <view class="daifuwuBOxLIne">门店名称:{{item.ShopName}}</view>
|
|
|
- <view class="daifuwuBOxLIne">预约到店信息:{{item.OrderTime}}</view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
-
|
|
|
- <nodata v-show="items==''&&isload"></nodata>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
-</template>
|
|
|
-
|
|
|
-<script>
|
|
|
-import nodata from '@/components/nodata/nodata.vue'
|
|
|
-export default {
|
|
|
- components: {
|
|
|
- nodata
|
|
|
- },
|
|
|
- data() {
|
|
|
- return {
|
|
|
- page:1,
|
|
|
- state:'',
|
|
|
- num:'',
|
|
|
- tabIndex:'',
|
|
|
- items:[],
|
|
|
- isload:false,
|
|
|
- }
|
|
|
- },
|
|
|
- onLoad(opt) {
|
|
|
- var num=opt.num;
|
|
|
- this.tabIndex=num;
|
|
|
- this.items=[]
|
|
|
- if(num==5){
|
|
|
- this.state=''
|
|
|
- }else{
|
|
|
- this.state=num
|
|
|
- }
|
|
|
- this.getData()
|
|
|
- },
|
|
|
- onShow() {
|
|
|
- console.log(this.tabIndex)
|
|
|
- var evaluate = uni.getStorageSync("evaluate")
|
|
|
- if(evaluate){
|
|
|
- this.items=[]
|
|
|
- this.getData()
|
|
|
- uni.removeStorageSync('evaluate');
|
|
|
- }
|
|
|
-
|
|
|
- },
|
|
|
- methods: {
|
|
|
- goEvaluate(item){
|
|
|
- uni.navigateTo({
|
|
|
- url:'evaluate?shopID=' + item.ShopID + '&sheetID=' + item.ID
|
|
|
- })
|
|
|
- },
|
|
|
- gopingjia(item){
|
|
|
- uni.navigateTo({
|
|
|
- url:'../me/myAppraiseDetail?id='+item.ID
|
|
|
- })
|
|
|
- },
|
|
|
- cancelOrder(item){
|
|
|
- var that=this;
|
|
|
- uni.showModal({
|
|
|
- title: '提示',
|
|
|
- content: '确定要取消订单吗',
|
|
|
- success: function (res) {
|
|
|
- if (res.confirm) {
|
|
|
- uni.showLoading({ });
|
|
|
- that.$http('miniAppMyBMemberCar/updateBMSheetState', {
|
|
|
- id:item.ID
|
|
|
- },'POST').then(res => {
|
|
|
- uni.hideLoading();
|
|
|
- that.page=1;
|
|
|
- that.items=[]
|
|
|
- that.getData()
|
|
|
- })
|
|
|
- } else if (res.cancel) {
|
|
|
-
|
|
|
- }
|
|
|
- }
|
|
|
- });
|
|
|
- },
|
|
|
-
|
|
|
- tabClick(num){
|
|
|
- this.tabIndex=num;
|
|
|
- if(num==5){
|
|
|
- this.state=''
|
|
|
- }else{
|
|
|
- this.state=num
|
|
|
- }
|
|
|
- this.items=[];
|
|
|
- this.page=1;
|
|
|
- this.getData()
|
|
|
- },
|
|
|
- goDetail(id){
|
|
|
- uni.navigateTo({
|
|
|
- url:'orderDetail?id='+id
|
|
|
- })
|
|
|
- },
|
|
|
- getData(){
|
|
|
- uni.showLoading({ });
|
|
|
- this.isload=false;
|
|
|
- if(this.state==4){
|
|
|
- var padata={
|
|
|
- page:this.page,
|
|
|
- limit:10,
|
|
|
- evaluateState:1
|
|
|
- }
|
|
|
- }else{
|
|
|
- var padata={
|
|
|
- page:this.page,
|
|
|
- limit:10,
|
|
|
- state:this.state
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- this.$http('miniAppMyBMemberCar/listMiniAppBMSheetPage', padata,'GET').then(res => {
|
|
|
- uni.hideLoading();
|
|
|
- this.isload=true;
|
|
|
- //this.list=res.data;
|
|
|
- var a=res.data.Items;
|
|
|
- this.items=this.items.concat(a)
|
|
|
- })
|
|
|
- },
|
|
|
- orderPay(item){
|
|
|
- uni.showLoading({ });
|
|
|
- this.$http('miniApp/maintainOrder/orderPay', {
|
|
|
- sheetID:item.ID
|
|
|
- },'POST').then(res => {
|
|
|
- uni.hideLoading();
|
|
|
- var payInfo=JSON.parse(res.data.payInfo)
|
|
|
- uni.requestPayment({
|
|
|
- provider: 'wxpay',
|
|
|
- // timeStamp: String(Date.now()),
|
|
|
- timeStamp:payInfo.timeStamp,
|
|
|
- nonceStr: payInfo.nonceStr,
|
|
|
- package: payInfo.package,
|
|
|
- signType: payInfo.signType,
|
|
|
- paySign: payInfo.paySign,
|
|
|
- success: function (res) {
|
|
|
- console.log('success:' + JSON.stringify(res));
|
|
|
- uni.showToast({
|
|
|
- title: '支付成功',
|
|
|
- icon:'none',
|
|
|
- duration: 2000
|
|
|
- });
|
|
|
- uni.switchTab({
|
|
|
- url:'../index/index'
|
|
|
- })
|
|
|
- },
|
|
|
- fail: function (err) {
|
|
|
- console.log('fail:' + JSON.stringify(err));
|
|
|
-
|
|
|
- }
|
|
|
- });
|
|
|
- })
|
|
|
- },
|
|
|
- },
|
|
|
- onReachBottom(){
|
|
|
- this.page++;
|
|
|
- /* if(this.tabindex==2){
|
|
|
- this.getbMemberShopList()
|
|
|
- }else if(this.tabindex==3){
|
|
|
- this.getShopFootprint()
|
|
|
- } */
|
|
|
- this.getData()
|
|
|
- },
|
|
|
- onPullDownRefresh() {
|
|
|
- this.page=1;
|
|
|
- this.items=[];
|
|
|
- this.getData()
|
|
|
- setTimeout(function () {
|
|
|
- uni.stopPullDownRefresh();
|
|
|
- }, 1000);
|
|
|
- }
|
|
|
-}
|
|
|
-</script>
|
|
|
-
|
|
|
-<style scoped>
|
|
|
- .box{
|
|
|
- min-height: 100vh;
|
|
|
- background: #F4F5F7;
|
|
|
- }
|
|
|
- .tab{
|
|
|
- background: #FFFFFF;
|
|
|
- display: flex;
|
|
|
- justify-content: space-between;
|
|
|
- padding: 0 15rpx;
|
|
|
- line-height: 84rpx;
|
|
|
- position: fixed;
|
|
|
- left: 0;
|
|
|
- top: 44px;
|
|
|
- width: 720rpx;
|
|
|
- z-index: 11;
|
|
|
- }
|
|
|
- .main{
|
|
|
- padding-top:88rpx;
|
|
|
- padding-left: 24rpx;
|
|
|
- padding-right: 24rpx;
|
|
|
- }
|
|
|
- /* #ifdef MP-WEIXIN */
|
|
|
- .tab{
|
|
|
- position: fixed;
|
|
|
- left: 0;
|
|
|
- top: 0;
|
|
|
- }
|
|
|
- .main{
|
|
|
- padding-top: 88rpx ;
|
|
|
- }
|
|
|
- /* #endif */
|
|
|
- .tabLine{
|
|
|
- width: 180rpx;
|
|
|
- text-align: center;
|
|
|
- }
|
|
|
- .tabActive{
|
|
|
- color: #FF4F00;
|
|
|
- border-bottom: 4rpx solid #FF4F00;
|
|
|
- }
|
|
|
- .flex2{
|
|
|
- display: flex;
|
|
|
- justify-content: space-between;
|
|
|
- }
|
|
|
- .itemLine{
|
|
|
- background: #FFFFFF;
|
|
|
- margin-top: 20rpx;
|
|
|
- }
|
|
|
- .itemCode{
|
|
|
- font-size: 28rpx;
|
|
|
- color: #999999;
|
|
|
- }
|
|
|
- .itemlineTOp{
|
|
|
- padding: 25rpx 20rpx;
|
|
|
- }
|
|
|
- .itemSheetState{
|
|
|
- font-size: 30rpx;
|
|
|
- color: #FF4F00
|
|
|
- }
|
|
|
- .goodsImg{
|
|
|
- width: 126rpx;
|
|
|
- height: 126rpx;
|
|
|
- margin-left: 18rpx;
|
|
|
- border-radius: 5rpx;
|
|
|
- }
|
|
|
- .itemLineImgBox{
|
|
|
- display: flex;
|
|
|
- }
|
|
|
- .itemGoddsImgBox{
|
|
|
- display: flex;
|
|
|
- width:558rpx;
|
|
|
-
|
|
|
- }
|
|
|
- .diandianImg{
|
|
|
- width: 50rpx;
|
|
|
- margin-left: 50rpx;
|
|
|
- margin-top: 50rpx;
|
|
|
- }
|
|
|
- .raleMoneyBox{
|
|
|
- text-align: right;
|
|
|
- color: #666666;
|
|
|
- font-size: 24rpx;
|
|
|
- line-height: 50rpx;
|
|
|
- padding-bottom: 20rpx;
|
|
|
- /* border-bottom: 1px solid #EEEEEE; */
|
|
|
- }
|
|
|
- .raleMoneySpan{
|
|
|
- color: #3C3C3C;
|
|
|
- font-size: 32rpx;
|
|
|
- padding-right: 24rpx;
|
|
|
- padding-left: 10rpx;
|
|
|
- }
|
|
|
- .itemLineBottom{
|
|
|
- display: flex;
|
|
|
- justify-content: flex-end;
|
|
|
- padding-top: 20rpx;padding-bottom: 20rpx;padding-right: 20rpx;
|
|
|
- border-top: 1px solid #EEEEEE; ;
|
|
|
- }
|
|
|
- .daifuwuBOxDiv{
|
|
|
- padding: 20rpx;
|
|
|
- }
|
|
|
- .itemBtn1{
|
|
|
- width: 150rpx;
|
|
|
- height: 56rpx;
|
|
|
- border-radius: 36rpx;
|
|
|
- border: 2rpx solid #DDDDDD;
|
|
|
- text-align: center;
|
|
|
- line-height: 56rpx;
|
|
|
- font-size: 28rpx;
|
|
|
- color: #3C3C3C;
|
|
|
- margin-left: 40rpx;
|
|
|
- }
|
|
|
- .itemBtn2{
|
|
|
- width: 150rpx;
|
|
|
- height: 56rpx;
|
|
|
- border-radius: 36rpx;
|
|
|
- border: 2rpx solid #FF4F00;
|
|
|
- text-align: center;
|
|
|
- line-height: 56rpx;
|
|
|
- font-size: 28rpx;
|
|
|
- color: #FF4F00;
|
|
|
- margin-left: 40rpx;
|
|
|
- }
|
|
|
- .daifuwuBOx{
|
|
|
- width: 662rpx;
|
|
|
- height: 175rpx;
|
|
|
- background: rgba(255, 79, 0, 0.04);
|
|
|
- border-radius: 6rpx;
|
|
|
- }
|
|
|
- .orderyytimeImg{
|
|
|
- width: 32rpx;
|
|
|
- height: 32rpx;
|
|
|
- }
|
|
|
- .daifuwuBOxTop{
|
|
|
- display: flex;
|
|
|
- padding: 20rpx 0 20rpx 20rpx;
|
|
|
- color: #FF4F00;
|
|
|
- font-size: 28rpx;
|
|
|
- }
|
|
|
- .daifuwuBOxTitle{
|
|
|
- line-height: 32rpx;padding-left: 10rpx;
|
|
|
- }
|
|
|
- .daifuwuBOxLIne{
|
|
|
- color: #666666;
|
|
|
- font-size: 26rpx;
|
|
|
- line-height: 40rpx;
|
|
|
- padding-left: 20rpx;
|
|
|
- }
|
|
|
+<template>
|
|
|
+ <view class="box">
|
|
|
+ <view class="tab">
|
|
|
+ <view class="tabLine" :class="{tabActive:tabIndex==6}" @click="tabClick(6)">全部</view>
|
|
|
+ <view class="tabLine" :class="{tabActive:tabIndex==1}" @click="tabClick(1)">待付款</view>
|
|
|
+ <view class="tabLine" :class="{tabActive:tabIndex==2}" @click="tabClick(2)">待确认</view>
|
|
|
+ <view class="tabLine" :class="{tabActive:tabIndex==3}" @click="tabClick(3)">待收货</view>
|
|
|
+ <view class="tabLine" :class="{tabActive:tabIndex==4}" @click="tabClick(4)">待服务</view>
|
|
|
+ <view class="tabLine" :class="{tabActive:tabIndex==5}" @click="tabClick(5)">待评价</view>
|
|
|
+ </view>
|
|
|
+ <view class="main">
|
|
|
+ <view class="itemBg" v-for="(item,index) in items" @click="goDetail(item.ID)">
|
|
|
+ <view class="itemTop">
|
|
|
+ <view style="color: #999999; font-size: 24rpx;">保养订单</view>
|
|
|
+ <view class="itemSheetState">待付款</view>
|
|
|
+ <view class="itemSheetState" v-if="item.SheetState==2">待确定</view>
|
|
|
+ <view class="itemSheetState" v-if="item.SheetState==3">待收货</view>
|
|
|
+ <view class="itemSheetState" v-if="item.SheetState==4">待服务</view>
|
|
|
+ <view class="itemSheetState" v-if="item.SheetState==5">待评价</view>
|
|
|
+ </view>
|
|
|
+ <view class="itemShopBg">
|
|
|
+ <view class="shopName">这是门店名称</view>
|
|
|
+ <view class="price">231.8</view>
|
|
|
+ </view>
|
|
|
+ <view class="itemName">项目名称1，项目名称2，项目名称3,项目名称1，项目名称2，项目名称3项目名称1，项目名称2，项目名称3</view>
|
|
|
+ <view class="plateNumber">鲁A12345(2000km)</view>
|
|
|
+
|
|
|
+ <view class="itemLineBottom" v-if="item.SheetState==0||item.SheetState==3||item.SheetState==4">
|
|
|
+ <view class="itemBtn1" v-if="item.SheetState==1" @click.stop="cancelOrder(item)">取消订单</view>
|
|
|
+
|
|
|
+ <view class="itemBtn2" v-if="item.SheetState==1" @click.stop="orderPay(item)">立即支付</view>
|
|
|
+ <view class="itemBtn2" v-if="item.EvaluateState==0&&item.EState==1" @click.stop="goEvaluate(item)">
|
|
|
+ 立即评价</view>
|
|
|
+ <view class="itemBtn1" v-if="item.EvaluateState==1" @click.stop="gopingjia(item)">查看评价</view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <nodata v-show="items==''&&isload"></nodata>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+ import nodata from '@/components/nodata/nodata.vue'
|
|
|
+ export default {
|
|
|
+ components: {
|
|
|
+ nodata
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ page: 1,
|
|
|
+ tabIndex: '',
|
|
|
+ items: [],
|
|
|
+ isload: false,
|
|
|
+ }
|
|
|
+ },
|
|
|
+ onLoad(opt) {
|
|
|
+
|
|
|
+ this.tabIndex = opt.num;
|
|
|
+
|
|
|
+ this.getData()
|
|
|
+ },
|
|
|
+ onShow() {
|
|
|
+ console.log(this.tabIndex)
|
|
|
+ // var evaluate = uni.getStorageSync("evaluate")
|
|
|
+ // if(evaluate){
|
|
|
+
|
|
|
+ this.getData()
|
|
|
+ // uni.removeStorageSync('evaluate');
|
|
|
+ // }
|
|
|
+
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ goEvaluate(item) {
|
|
|
+ uni.navigateTo({
|
|
|
+ url: 'evaluate?shopID=' + item.ShopID + '&sheetID=' + item.ID
|
|
|
+ })
|
|
|
+ },
|
|
|
+ gopingjia(item) {
|
|
|
+ uni.navigateTo({
|
|
|
+ url: '../me/myAppraiseDetail?id=' + item.ID
|
|
|
+ })
|
|
|
+ },
|
|
|
+ cancelOrder(item) {
|
|
|
+ var that = this;
|
|
|
+ uni.showModal({
|
|
|
+ title: '提示',
|
|
|
+ content: '确定要取消订单吗',
|
|
|
+ success: function(res) {
|
|
|
+ if (res.confirm) {
|
|
|
+ uni.showLoading({});
|
|
|
+ that.$http('miniAppMyBMemberCar/updateBMSheetState', {
|
|
|
+ id: item.ID
|
|
|
+ }, 'POST').then(res => {
|
|
|
+ uni.hideLoading();
|
|
|
+ that.page = 1;
|
|
|
+
|
|
|
+ that.getData()
|
|
|
+ })
|
|
|
+ } else if (res.cancel) {
|
|
|
+
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+
|
|
|
+ tabClick(num) {
|
|
|
+ this.tabIndex = num;
|
|
|
+
|
|
|
+
|
|
|
+ this.page = 1;
|
|
|
+ this.getData()
|
|
|
+ },
|
|
|
+ goDetail(id) {
|
|
|
+ // uni.navigateTo({
|
|
|
+ // url: 'orderDetail?id=' + id
|
|
|
+ // })
|
|
|
+ },
|
|
|
+ getData() {
|
|
|
+ uni.showLoading({
|
|
|
+ title: '加载中'
|
|
|
+ });
|
|
|
+ this.isload = false;
|
|
|
+ if (this.tabIndex == 6) {
|
|
|
+ var padata = {
|
|
|
+ page: this.page,
|
|
|
+ limit: 10,
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ if (this.tabIndex == 5) {
|
|
|
+ var padata = {
|
|
|
+ page: this.page,
|
|
|
+ limit: 10,
|
|
|
+ evaluateState:'待评价'
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ var padata = {
|
|
|
+ page: this.page,
|
|
|
+ limit: 10,
|
|
|
+ state: this.tabIndex
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ this.$http('worldKeepCar/keepCarMy/listMiNiTMSheetPage', padata, 'GET').then(res => {
|
|
|
+ uni.hideLoading();
|
|
|
+ this.isload = true;
|
|
|
+
|
|
|
+ var list = res.data.Items;
|
|
|
+
|
|
|
+ if (this.page == 1) {
|
|
|
+ this.items = list
|
|
|
+ } else {
|
|
|
+ this.items = this.items.concat(list)
|
|
|
+ }
|
|
|
+
|
|
|
+ })
|
|
|
+ },
|
|
|
+ orderPay(item) {
|
|
|
+ uni.showLoading({});
|
|
|
+ this.$http('miniApp/maintainOrder/orderPay', {
|
|
|
+ sheetID: item.ID
|
|
|
+ }, 'POST').then(res => {
|
|
|
+ uni.hideLoading();
|
|
|
+ var payInfo = JSON.parse(res.data.payInfo)
|
|
|
+ uni.requestPayment({
|
|
|
+ provider: 'wxpay',
|
|
|
+ // timeStamp: String(Date.now()),
|
|
|
+ timeStamp: payInfo.timeStamp,
|
|
|
+ nonceStr: payInfo.nonceStr,
|
|
|
+ package: payInfo.package,
|
|
|
+ signType: payInfo.signType,
|
|
|
+ paySign: payInfo.paySign,
|
|
|
+ success: function(res) {
|
|
|
+ console.log('success:' + JSON.stringify(res));
|
|
|
+ uni.showToast({
|
|
|
+ title: '支付成功',
|
|
|
+ icon: 'none',
|
|
|
+ duration: 2000
|
|
|
+ });
|
|
|
+ uni.switchTab({
|
|
|
+ url: '../index/index'
|
|
|
+ })
|
|
|
+ },
|
|
|
+ fail: function(err) {
|
|
|
+ console.log('fail:' + JSON.stringify(err));
|
|
|
+
|
|
|
+ }
|
|
|
+ });
|
|
|
+ })
|
|
|
+ },
|
|
|
+ },
|
|
|
+ onReachBottom() {
|
|
|
+ this.page++;
|
|
|
+ /* if(this.tabindex==2){
|
|
|
+ this.getbMemberShopList()
|
|
|
+ }else if(this.tabindex==3){
|
|
|
+ this.getShopFootprint()
|
|
|
+ } */
|
|
|
+ this.getData()
|
|
|
+ },
|
|
|
+ onPullDownRefresh() {
|
|
|
+ this.page = 1;
|
|
|
+ this.getData()
|
|
|
+ setTimeout(function() {
|
|
|
+ uni.stopPullDownRefresh();
|
|
|
+ }, 1000);
|
|
|
+ }
|
|
|
+ }
|
|
|
+</script>
|
|
|
+
|
|
|
+<style scoped>
|
|
|
+ .box {
|
|
|
+ min-height: 100vh;
|
|
|
+ background: #F4F5F7;
|
|
|
+ }
|
|
|
+
|
|
|
+ .tab {
|
|
|
+ background: #FFFFFF;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ line-height: 92rpx;
|
|
|
+ position: fixed;
|
|
|
+ width: 100%;
|
|
|
+ height: 92rpx;
|
|
|
+ z-index: 11;
|
|
|
+ }
|
|
|
+
|
|
|
+ .tabLine {
|
|
|
+ width: 180rpx;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+
|
|
|
+ .tabActive {
|
|
|
+ color: #FF4F00;
|
|
|
+ border-bottom: 4rpx solid #FF4F00;
|
|
|
+ }
|
|
|
+
|
|
|
+ .main {
|
|
|
+ padding-top: 92rpx;
|
|
|
+ background-color: #F4F5F7;
|
|
|
+ }
|
|
|
+
|
|
|
+ .itemBg {
|
|
|
+ margin: 20rpx 24rpx;
|
|
|
+ background-color: #FFFFFF;
|
|
|
+ border-radius: 10rpx;
|
|
|
+ padding: 20rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .itemTop {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ }
|
|
|
+
|
|
|
+ .itemSheetState {
|
|
|
+ font-size: 24rpx;
|
|
|
+ color: #FF2400
|
|
|
+ }
|
|
|
+
|
|
|
+ .itemShopBg {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ margin: 20rpx 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ .shopName {
|
|
|
+ color: #333333;
|
|
|
+ font-size: 30rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .price {
|
|
|
+ color: #333333;
|
|
|
+ font-size: 32rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .itemName {
|
|
|
+ color: #666666;
|
|
|
+ font-size: 24rpx;
|
|
|
+
|
|
|
+ height: 30rpx;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ white-space: nowrap;
|
|
|
+ }
|
|
|
+
|
|
|
+ .plateNumber {
|
|
|
+ color: #666666;
|
|
|
+ font-size: 24rpx;
|
|
|
+ margin: 15rpx 0 20rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .itemLineBottom {
|
|
|
+ display: flex;
|
|
|
+ justify-content: flex-end;
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ .itemBtn1 {
|
|
|
+ width: 150rpx;
|
|
|
+ height: 56rpx;
|
|
|
+ border-radius: 36rpx;
|
|
|
+ border: 2rpx solid #DDDDDD;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 56rpx;
|
|
|
+ font-size: 28rpx;
|
|
|
+ color: #3C3C3C;
|
|
|
+ margin-left: 40rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .itemBtn2 {
|
|
|
+ width: 150rpx;
|
|
|
+ height: 56rpx;
|
|
|
+ border-radius: 36rpx;
|
|
|
+ border: 2rpx solid #FF4F00;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 56rpx;
|
|
|
+ font-size: 28rpx;
|
|
|
+ color: #FF4F00;
|
|
|
+ margin-left: 40rpx;
|
|
|
+ }
|
|
|
</style>
|
