订单页面调整
This commit is contained in:
parent
805cb8b0c0
commit
da91b925f1
|
|
@ -123,23 +123,23 @@
|
|||
}
|
||||
},
|
||||
getData(){
|
||||
this.$Request.get("/app/massage/package/findPackageAndMassagePage",{
|
||||
city:'',
|
||||
page:this.page,
|
||||
limit:this.limit,
|
||||
title:this.searchValue
|
||||
}).then(res => {
|
||||
if (res.code == 0) {
|
||||
if (res.data) {
|
||||
if (this.page == 1) this.dataList = []; //如果是第一页需手动制空列表
|
||||
this.dataList = [...this.dataList, ...res.data.list]; //追加新数据
|
||||
for(var i=0;i<this.dataList.length;i++){
|
||||
this.dataList[i].tagsData=this.dataList[i].labels.split(',');
|
||||
}
|
||||
uni.stopPullDownRefresh()
|
||||
}
|
||||
}
|
||||
});
|
||||
// this.$Request.get("/app/massage/package/findPackageAndMassagePage",{
|
||||
// city:'',
|
||||
// page:this.page,
|
||||
// limit:this.limit,
|
||||
// title:this.searchValue
|
||||
// }).then(res => {
|
||||
// if (res.code == 0) {
|
||||
// if (res.data) {
|
||||
// if (this.page == 1) this.dataList = []; //如果是第一页需手动制空列表
|
||||
// this.dataList = [...this.dataList, ...res.data.list]; //追加新数据
|
||||
// for(var i=0;i<this.dataList.length;i++){
|
||||
// this.dataList[i].tagsData=this.dataList[i].labels.split(',');
|
||||
// }
|
||||
// uni.stopPullDownRefresh()
|
||||
// }
|
||||
// }
|
||||
// });
|
||||
this.$refs.paging.reload(true);
|
||||
},
|
||||
// changeClick(index,item){
|
||||
|
|
@ -148,7 +148,6 @@
|
|||
// this.getData()
|
||||
// },
|
||||
queryList(pageNo, pageSize) {
|
||||
console.log("queryList");
|
||||
const params = {
|
||||
city:'',
|
||||
page:pageNo,
|
||||
|
|
|
|||
|
|
@ -156,7 +156,6 @@
|
|||
this.$refs.paging.reload(true);
|
||||
},
|
||||
queryList(pageNo, pageSize) {
|
||||
console.log("queryList");
|
||||
const params = {
|
||||
userId: this.myId,
|
||||
page: pageNo,
|
||||
|
|
|
|||
|
|
@ -1,6 +1,8 @@
|
|||
<!-- 自定义下拉刷新与上拉加载演示(vue) -->
|
||||
<template>
|
||||
<view class="content-view">
|
||||
<z-paging ref="paging" v-model="dataList" @query="queryList" >
|
||||
<template #top>
|
||||
<view class="service-head-top">
|
||||
<view class="service-head-top-left">
|
||||
<image @click="backImg" src="../../static/fanhui.png" mode="widthFix"></image>
|
||||
|
|
@ -15,8 +17,13 @@
|
|||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<t-refresh ref="refresh" v-if="dataList.length>0" @refresh="refresh" @loadMore="loadMore" :loadingType="loadingType" :tPadding="0">
|
||||
<template slot="content">
|
||||
</template>
|
||||
<template #refresher="{refresherStatus}" >
|
||||
<custom-refresher :status="refresherStatus" />
|
||||
</template>
|
||||
<template #loadingMoreNoMore >
|
||||
<custom-nomore />
|
||||
</template>
|
||||
<view v-if="getText=='企业'">
|
||||
<view class="item" v-for="(item,index) in dataList" :key="index" @click="itemClick(item)">
|
||||
<image :src="item.massageImg" mode="" class="item-img"></image>
|
||||
|
|
@ -25,7 +32,6 @@
|
|||
<view class="item-view-title">{{item.title}}</view>
|
||||
<span class="xiaoer">{{item.classifyName}}</span>
|
||||
</view>
|
||||
|
||||
<view class="item-view-bottom-qian">
|
||||
<span>￥</span>
|
||||
<span>{{item.price}}</span>
|
||||
|
|
@ -34,10 +40,16 @@
|
|||
<view class="shop_label" v-if="item.tagsData">
|
||||
<span v-for="tag in item.tagsData" :key="tag">{{tag}}</span>
|
||||
</view>
|
||||
<view class="shop_label" v-else>
|
||||
<span>助眠解压</span>
|
||||
</view>
|
||||
<view class="item-view-bottom">
|
||||
<view class="item-view-xiangmu">
|
||||
<span>已售</span><span>{{item.sales}}</span>
|
||||
</view>
|
||||
<view class="item-view-bottom-btn">
|
||||
查看
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
|
@ -55,29 +67,26 @@
|
|||
<view class="shop_label" v-if="item.tagsData">
|
||||
<span v-for="tag in item.tagsData" :key="tag">{{tag}}</span>
|
||||
</view>
|
||||
<view class="shop_label" v-else>
|
||||
<span>助眠解压</span>
|
||||
</view>
|
||||
<view class="item-view-bottom">
|
||||
|
||||
<!--<view class="item-view-bottom-btn">
|
||||
预约
|
||||
</view>-->
|
||||
<view class="item-view-xiangmu">
|
||||
<span></span>
|
||||
</view>
|
||||
|
||||
<view class="item-view-bottom-btn">
|
||||
查看
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<empty v-if="dataList.length==0"></empty>
|
||||
</template>
|
||||
</t-refresh>
|
||||
|
||||
</view>
|
||||
</view>
|
||||
</z-paging>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import empty from '@/components/empty.vue'
|
||||
import tRefresh from "@/components/t-refresh/t-refresh.vue"
|
||||
export default {
|
||||
components:{tRefresh,empty},
|
||||
data() {
|
||||
return {
|
||||
loadingType:0,
|
||||
|
|
@ -102,34 +111,32 @@
|
|||
this.getName=e.name;
|
||||
this.getText=e.text
|
||||
this.myId = uni.getStorageSync('userId')
|
||||
this.getData();
|
||||
uni.setNavigationBarTitle({
|
||||
title: this.getText,
|
||||
})
|
||||
|
||||
},
|
||||
onPullDownRefresh: function() {
|
||||
this.page = 1;
|
||||
this.getData()
|
||||
// this.getData();
|
||||
// uni.setNavigationBarTitle({
|
||||
// title: this.getText,
|
||||
// })
|
||||
},
|
||||
// onPullDownRefresh: function() {
|
||||
// this.page = 1;
|
||||
// this.getData()
|
||||
// },
|
||||
methods: {
|
||||
// 加载更多
|
||||
loadMore: async function() {
|
||||
//loadingType: 0.数据未加载完 1.数据全部加载完了 2.数据加载中
|
||||
if(this.loadingType==0){
|
||||
this.loadingType=2
|
||||
//模拟数据请求
|
||||
setTimeout(()=>{
|
||||
this.page++;
|
||||
this.loadingType=0;
|
||||
this.getData()
|
||||
},1000)
|
||||
}
|
||||
},
|
||||
// loadMore: async function() {
|
||||
// //loadingType: 0.数据未加载完 1.数据全部加载完了 2.数据加载中
|
||||
// if(this.loadingType==0){
|
||||
// this.loadingType=2
|
||||
// //模拟数据请求
|
||||
// setTimeout(()=>{
|
||||
// this.page++;
|
||||
// this.loadingType=0;
|
||||
// this.getData()
|
||||
// },1000)
|
||||
// }
|
||||
// },
|
||||
|
||||
input(res) {//搜索 输入框
|
||||
this.searchValue=res;
|
||||
console.log('----input:', res)
|
||||
},
|
||||
searchBtn(){//搜索按钮
|
||||
if(this.searchValue!=""){
|
||||
|
|
@ -137,42 +144,75 @@
|
|||
}
|
||||
},
|
||||
getData(){
|
||||
var that=this;
|
||||
if(that.getText=='企业'){
|
||||
that.$Request.get("/app/artificer/selectMassageTypeQyPage", {
|
||||
// var that=this;
|
||||
// if(that.getText=='企业'){
|
||||
// that.$Request.get("/app/artificer/selectMassageTypeQyPage", {
|
||||
// city:'长春',
|
||||
// page:that.page,
|
||||
// limit:that.limit,
|
||||
// title:that.searchValue
|
||||
// }).then(res => {
|
||||
// if (res.code == 0) {
|
||||
// if (res.data) {
|
||||
// if (this.page == 1) this.dataList = []; //如果是第一页需手动制空列表
|
||||
// this.dataList = [...this.dataList, ...res.data.list]; //追加新数据
|
||||
// for(var i=0;i<this.dataList.length;i++){
|
||||
// this.dataList[i].tagsData=this.dataList[i].labels.split(',');
|
||||
// }
|
||||
// uni.stopPullDownRefresh()
|
||||
// }
|
||||
// }
|
||||
// });
|
||||
// }else{//约到店
|
||||
// that.$Request.get("/app/consortia/selectConsortiaList", {
|
||||
// page:that.page,
|
||||
// limit:that.limit,
|
||||
// consortiaName:that.searchValue
|
||||
// }).then(res => {
|
||||
// if (res.code == 0) {
|
||||
// if (res.data) {
|
||||
// if (this.page == 1) this.dataList = []; //如果是第一页需手动制空列表
|
||||
// this.dataList = [...this.dataList, ...res.data.list]; //追加新数据
|
||||
// for(var i=0;i<this.dataList.length;i++){
|
||||
// this.tagsData=this.dataList[i].tags.split(',');
|
||||
// }
|
||||
// uni.stopPullDownRefresh()
|
||||
// }
|
||||
// }
|
||||
// });
|
||||
// }
|
||||
this.$refs.paging.reload(true);
|
||||
},
|
||||
queryList(pageNo, pageSize) {
|
||||
if(this.getText=='企业'){
|
||||
const params = {
|
||||
page: pageNo,
|
||||
limit: pageSize,
|
||||
city:'长春',
|
||||
page:that.page,
|
||||
limit:that.limit,
|
||||
title:that.searchValue
|
||||
}).then(res => {
|
||||
if (res.code == 0) {
|
||||
if (res.data) {
|
||||
if (this.page == 1) this.dataList = []; //如果是第一页需手动制空列表
|
||||
this.dataList = [...this.dataList, ...res.data.list]; //追加新数据
|
||||
for(var i=0;i<this.dataList.length;i++){
|
||||
this.dataList[i].tagsData=this.dataList[i].labels.split(',');
|
||||
title: this.searchValue
|
||||
}
|
||||
uni.stopPullDownRefresh()
|
||||
this.$Request.get('/app/artificer/selectMassageTypeQyPage',params).then(res => {
|
||||
for(var i=0;i<res.data.list.length;i++){
|
||||
res.data.list[i].tagsData=res.data.list[i].labels.split(',');
|
||||
}
|
||||
this.$refs.paging.complete(res.data.list);
|
||||
}).catch(res => {
|
||||
this.$refs.paging.complete(false);
|
||||
})
|
||||
}else{
|
||||
const params = {
|
||||
page: pageNo,
|
||||
limit: pageSize,
|
||||
title: this.searchValue
|
||||
}
|
||||
});
|
||||
}else{//约到店
|
||||
that.$Request.get("/app/consortia/selectConsortiaList", {
|
||||
page:that.page,
|
||||
limit:that.limit,
|
||||
consortiaName:that.searchValue
|
||||
}).then(res => {
|
||||
if (res.code == 0) {
|
||||
if (res.data) {
|
||||
if (this.page == 1) this.dataList = []; //如果是第一页需手动制空列表
|
||||
this.dataList = [...this.dataList, ...res.data.list]; //追加新数据
|
||||
for(var i=0;i<this.dataList.length;i++){
|
||||
this.tagsData=this.dataList[i].tags.split(',');
|
||||
this.$Request.get('/app/consortia/selectConsortiaList',params).then(res => {
|
||||
for(var i=0;i<res.data.list.length;i++){
|
||||
res.data.list[i].tagsData=res.data.list[i].labels.split(',');
|
||||
}
|
||||
uni.stopPullDownRefresh()
|
||||
}
|
||||
}
|
||||
});
|
||||
this.$refs.paging.complete(res.data.list);
|
||||
}).catch(res => {
|
||||
this.$refs.paging.complete(false);
|
||||
})
|
||||
}
|
||||
|
||||
},
|
||||
|
|
@ -388,7 +428,7 @@
|
|||
width:100%;
|
||||
}
|
||||
/deep/.zp-paging-container-content{
|
||||
width: 95%;
|
||||
width: 100%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.fenlei{
|
||||
|
|
|
|||
Loading…
Reference in New Issue