订单页面调整
This commit is contained in:
parent
805cb8b0c0
commit
da91b925f1
|
@ -123,23 +123,23 @@
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
getData(){
|
getData(){
|
||||||
this.$Request.get("/app/massage/package/findPackageAndMassagePage",{
|
// this.$Request.get("/app/massage/package/findPackageAndMassagePage",{
|
||||||
city:'',
|
// city:'',
|
||||||
page:this.page,
|
// page:this.page,
|
||||||
limit:this.limit,
|
// limit:this.limit,
|
||||||
title:this.searchValue
|
// title:this.searchValue
|
||||||
}).then(res => {
|
// }).then(res => {
|
||||||
if (res.code == 0) {
|
// if (res.code == 0) {
|
||||||
if (res.data) {
|
// if (res.data) {
|
||||||
if (this.page == 1) this.dataList = []; //如果是第一页需手动制空列表
|
// if (this.page == 1) this.dataList = []; //如果是第一页需手动制空列表
|
||||||
this.dataList = [...this.dataList, ...res.data.list]; //追加新数据
|
// this.dataList = [...this.dataList, ...res.data.list]; //追加新数据
|
||||||
for(var i=0;i<this.dataList.length;i++){
|
// for(var i=0;i<this.dataList.length;i++){
|
||||||
this.dataList[i].tagsData=this.dataList[i].labels.split(',');
|
// this.dataList[i].tagsData=this.dataList[i].labels.split(',');
|
||||||
}
|
// }
|
||||||
uni.stopPullDownRefresh()
|
// uni.stopPullDownRefresh()
|
||||||
}
|
// }
|
||||||
}
|
// }
|
||||||
});
|
// });
|
||||||
this.$refs.paging.reload(true);
|
this.$refs.paging.reload(true);
|
||||||
},
|
},
|
||||||
// changeClick(index,item){
|
// changeClick(index,item){
|
||||||
|
@ -148,7 +148,6 @@
|
||||||
// this.getData()
|
// this.getData()
|
||||||
// },
|
// },
|
||||||
queryList(pageNo, pageSize) {
|
queryList(pageNo, pageSize) {
|
||||||
console.log("queryList");
|
|
||||||
const params = {
|
const params = {
|
||||||
city:'',
|
city:'',
|
||||||
page:pageNo,
|
page:pageNo,
|
||||||
|
|
|
@ -156,7 +156,6 @@
|
||||||
this.$refs.paging.reload(true);
|
this.$refs.paging.reload(true);
|
||||||
},
|
},
|
||||||
queryList(pageNo, pageSize) {
|
queryList(pageNo, pageSize) {
|
||||||
console.log("queryList");
|
|
||||||
const params = {
|
const params = {
|
||||||
userId: this.myId,
|
userId: this.myId,
|
||||||
page: pageNo,
|
page: pageNo,
|
||||||
|
|
|
@ -1,83 +1,92 @@
|
||||||
<!-- 自定义下拉刷新与上拉加载演示(vue) -->
|
<!-- 自定义下拉刷新与上拉加载演示(vue) -->
|
||||||
<template>
|
<template>
|
||||||
<view class="content-view">
|
<view class="content-view">
|
||||||
<view class="service-head-top">
|
<z-paging ref="paging" v-model="dataList" @query="queryList" >
|
||||||
<view class="service-head-top-left">
|
<template #top>
|
||||||
<image @click="backImg" src="../../static/fanhui.png" mode="widthFix"></image>
|
<view class="service-head-top">
|
||||||
<span>{{getText}}</span>
|
<view class="service-head-top-left">
|
||||||
</view>
|
<image @click="backImg" src="../../static/fanhui.png" mode="widthFix"></image>
|
||||||
<view>
|
<span>{{getText}}</span>
|
||||||
<uni-search-bar @service="serviceTrue" :cancelext="'取消'" v-model="searchValue" @input="input"
|
</view>
|
||||||
@clear="clear">
|
<view>
|
||||||
</uni-search-bar>
|
<uni-search-bar @service="serviceTrue" :cancelext="'取消'" v-model="searchValue" @input="input"
|
||||||
<view class="search-btn" @click="searchBtn">
|
@clear="clear">
|
||||||
搜索
|
</uni-search-bar>
|
||||||
</view>
|
<view class="search-btn" @click="searchBtn">
|
||||||
</view>
|
搜索
|
||||||
</view>
|
</view>
|
||||||
<t-refresh ref="refresh" v-if="dataList.length>0" @refresh="refresh" @loadMore="loadMore" :loadingType="loadingType" :tPadding="0">
|
</view>
|
||||||
<template slot="content">
|
</view>
|
||||||
<view v-if="getText=='企业'">
|
</template>
|
||||||
<view class="item" v-for="(item,index) in dataList" :key="index" @click="itemClick(item)">
|
<template #refresher="{refresherStatus}" >
|
||||||
<image :src="item.massageImg" mode="" class="item-img"></image>
|
<custom-refresher :status="refresherStatus" />
|
||||||
<view class="item-view">
|
</template>
|
||||||
<view class="view-cata">
|
<template #loadingMoreNoMore >
|
||||||
<view class="item-view-title">{{item.title}}</view>
|
<custom-nomore />
|
||||||
<span class="xiaoer">{{item.classifyName}}</span>
|
</template>
|
||||||
</view>
|
<view v-if="getText=='企业'">
|
||||||
|
<view class="item" v-for="(item,index) in dataList" :key="index" @click="itemClick(item)">
|
||||||
<view class="item-view-bottom-qian">
|
<image :src="item.massageImg" mode="" class="item-img"></image>
|
||||||
<span>¥</span>
|
<view class="item-view">
|
||||||
<span>{{item.price}}</span>
|
<view class="view-cata">
|
||||||
<span style="color: #999;text-decoration: line-through;margin-left: 5px;">¥{{item.oldPrice}}</span>
|
<view class="item-view-title">{{item.title}}</view>
|
||||||
</view>
|
<span class="xiaoer">{{item.classifyName}}</span>
|
||||||
<view class="shop_label" v-if="item.tagsData">
|
</view>
|
||||||
<span v-for="tag in item.tagsData" :key="tag">{{tag}}</span>
|
<view class="item-view-bottom-qian">
|
||||||
</view>
|
<span>¥</span>
|
||||||
<view class="item-view-bottom">
|
<span>{{item.price}}</span>
|
||||||
<view class="item-view-xiangmu">
|
<span style="color: #999;text-decoration: line-through;margin-left: 5px;">¥{{item.oldPrice}}</span>
|
||||||
<span>已售</span><span>{{item.sales}}</span>
|
</view>
|
||||||
</view>
|
<view class="shop_label" v-if="item.tagsData">
|
||||||
</view>
|
<span v-for="tag in item.tagsData" :key="tag">{{tag}}</span>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
<view class="shop_label" v-else>
|
||||||
</view>
|
<span>助眠解压</span>
|
||||||
<view v-if="getText=='商家'">
|
</view>
|
||||||
<view class="item" v-for="(item,index) in dataList" :key="index" @click="itemClick(item)">
|
<view class="item-view-bottom">
|
||||||
<image :src="item.logo" mode="" class="item-img"></image>
|
<view class="item-view-xiangmu">
|
||||||
<view class="item-view">
|
<span>已售</span><span>{{item.sales}}</span>
|
||||||
<view class="view-cata">
|
</view>
|
||||||
<view class="item-view-title">{{item.consortiaName}}</view>
|
<view class="item-view-bottom-btn">
|
||||||
</view>
|
查看
|
||||||
<view class="item-view-jianjie">
|
</view>
|
||||||
{{item.consortiaContent}}
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="shop_label" v-if="item.tagsData">
|
</view>
|
||||||
<span v-for="tag in item.tagsData" :key="tag">{{tag}}</span>
|
</view>
|
||||||
</view>
|
<view v-if="getText=='商家'">
|
||||||
<view class="item-view-bottom">
|
<view class="item" v-for="(item,index) in dataList" :key="index" @click="itemClick(item)">
|
||||||
|
<image :src="item.logo" mode="" class="item-img"></image>
|
||||||
<!--<view class="item-view-bottom-btn">
|
<view class="item-view">
|
||||||
预约
|
<view class="view-cata">
|
||||||
</view>-->
|
<view class="item-view-title">{{item.consortiaName}}</view>
|
||||||
</view>
|
</view>
|
||||||
|
<view class="item-view-jianjie">
|
||||||
</view>
|
{{item.consortiaContent}}
|
||||||
</view>
|
</view>
|
||||||
</view>
|
<view class="shop_label" v-if="item.tagsData">
|
||||||
|
<span v-for="tag in item.tagsData" :key="tag">{{tag}}</span>
|
||||||
<empty v-if="dataList.length==0"></empty>
|
</view>
|
||||||
</template>
|
<view class="shop_label" v-else>
|
||||||
</t-refresh>
|
<span>助眠解压</span>
|
||||||
|
</view>
|
||||||
|
<view class="item-view-bottom">
|
||||||
|
<view class="item-view-xiangmu">
|
||||||
|
<span></span>
|
||||||
|
</view>
|
||||||
|
<view class="item-view-bottom-btn">
|
||||||
|
查看
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</z-paging>
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import empty from '@/components/empty.vue'
|
|
||||||
import tRefresh from "@/components/t-refresh/t-refresh.vue"
|
|
||||||
export default {
|
export default {
|
||||||
components:{tRefresh,empty},
|
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
loadingType:0,
|
loadingType:0,
|
||||||
|
@ -102,34 +111,32 @@
|
||||||
this.getName=e.name;
|
this.getName=e.name;
|
||||||
this.getText=e.text
|
this.getText=e.text
|
||||||
this.myId = uni.getStorageSync('userId')
|
this.myId = uni.getStorageSync('userId')
|
||||||
this.getData();
|
// this.getData();
|
||||||
uni.setNavigationBarTitle({
|
// uni.setNavigationBarTitle({
|
||||||
title: this.getText,
|
// title: this.getText,
|
||||||
})
|
// })
|
||||||
|
|
||||||
},
|
|
||||||
onPullDownRefresh: function() {
|
|
||||||
this.page = 1;
|
|
||||||
this.getData()
|
|
||||||
},
|
},
|
||||||
|
// onPullDownRefresh: function() {
|
||||||
|
// this.page = 1;
|
||||||
|
// this.getData()
|
||||||
|
// },
|
||||||
methods: {
|
methods: {
|
||||||
// 加载更多
|
// 加载更多
|
||||||
loadMore: async function() {
|
// loadMore: async function() {
|
||||||
//loadingType: 0.数据未加载完 1.数据全部加载完了 2.数据加载中
|
// //loadingType: 0.数据未加载完 1.数据全部加载完了 2.数据加载中
|
||||||
if(this.loadingType==0){
|
// if(this.loadingType==0){
|
||||||
this.loadingType=2
|
// this.loadingType=2
|
||||||
//模拟数据请求
|
// //模拟数据请求
|
||||||
setTimeout(()=>{
|
// setTimeout(()=>{
|
||||||
this.page++;
|
// this.page++;
|
||||||
this.loadingType=0;
|
// this.loadingType=0;
|
||||||
this.getData()
|
// this.getData()
|
||||||
},1000)
|
// },1000)
|
||||||
}
|
// }
|
||||||
},
|
// },
|
||||||
|
|
||||||
input(res) {//搜索 输入框
|
input(res) {//搜索 输入框
|
||||||
this.searchValue=res;
|
this.searchValue=res;
|
||||||
console.log('----input:', res)
|
|
||||||
},
|
},
|
||||||
searchBtn(){//搜索按钮
|
searchBtn(){//搜索按钮
|
||||||
if(this.searchValue!=""){
|
if(this.searchValue!=""){
|
||||||
|
@ -137,50 +144,83 @@
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
getData(){
|
getData(){
|
||||||
var that=this;
|
// var that=this;
|
||||||
if(that.getText=='企业'){
|
// if(that.getText=='企业'){
|
||||||
that.$Request.get("/app/artificer/selectMassageTypeQyPage", {
|
// that.$Request.get("/app/artificer/selectMassageTypeQyPage", {
|
||||||
city:'长春',
|
// city:'长春',
|
||||||
page:that.page,
|
// page:that.page,
|
||||||
limit:that.limit,
|
// limit:that.limit,
|
||||||
title:that.searchValue
|
// title:that.searchValue
|
||||||
}).then(res => {
|
// }).then(res => {
|
||||||
if (res.code == 0) {
|
// if (res.code == 0) {
|
||||||
if (res.data) {
|
// if (res.data) {
|
||||||
if (this.page == 1) this.dataList = []; //如果是第一页需手动制空列表
|
// if (this.page == 1) this.dataList = []; //如果是第一页需手动制空列表
|
||||||
this.dataList = [...this.dataList, ...res.data.list]; //追加新数据
|
// this.dataList = [...this.dataList, ...res.data.list]; //追加新数据
|
||||||
for(var i=0;i<this.dataList.length;i++){
|
// for(var i=0;i<this.dataList.length;i++){
|
||||||
this.dataList[i].tagsData=this.dataList[i].labels.split(',');
|
// this.dataList[i].tagsData=this.dataList[i].labels.split(',');
|
||||||
}
|
// }
|
||||||
uni.stopPullDownRefresh()
|
// uni.stopPullDownRefresh()
|
||||||
}
|
// }
|
||||||
}
|
// }
|
||||||
});
|
// });
|
||||||
}else{//约到店
|
// }else{//约到店
|
||||||
that.$Request.get("/app/consortia/selectConsortiaList", {
|
// that.$Request.get("/app/consortia/selectConsortiaList", {
|
||||||
page:that.page,
|
// page:that.page,
|
||||||
limit:that.limit,
|
// limit:that.limit,
|
||||||
consortiaName:that.searchValue
|
// consortiaName:that.searchValue
|
||||||
}).then(res => {
|
// }).then(res => {
|
||||||
if (res.code == 0) {
|
// if (res.code == 0) {
|
||||||
if (res.data) {
|
// if (res.data) {
|
||||||
if (this.page == 1) this.dataList = []; //如果是第一页需手动制空列表
|
// if (this.page == 1) this.dataList = []; //如果是第一页需手动制空列表
|
||||||
this.dataList = [...this.dataList, ...res.data.list]; //追加新数据
|
// this.dataList = [...this.dataList, ...res.data.list]; //追加新数据
|
||||||
for(var i=0;i<this.dataList.length;i++){
|
// for(var i=0;i<this.dataList.length;i++){
|
||||||
this.tagsData=this.dataList[i].tags.split(',');
|
// this.tagsData=this.dataList[i].tags.split(',');
|
||||||
}
|
// }
|
||||||
uni.stopPullDownRefresh()
|
// uni.stopPullDownRefresh()
|
||||||
}
|
// }
|
||||||
}
|
// }
|
||||||
});
|
// });
|
||||||
}
|
// }
|
||||||
|
this.$refs.paging.reload(true);
|
||||||
},
|
},
|
||||||
|
queryList(pageNo, pageSize) {
|
||||||
|
if(this.getText=='企业'){
|
||||||
|
const params = {
|
||||||
|
page: pageNo,
|
||||||
|
limit: pageSize,
|
||||||
|
city:'长春',
|
||||||
|
title: this.searchValue
|
||||||
|
}
|
||||||
|
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
|
||||||
|
}
|
||||||
|
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(',');
|
||||||
|
}
|
||||||
|
this.$refs.paging.complete(res.data.list);
|
||||||
|
}).catch(res => {
|
||||||
|
this.$refs.paging.complete(false);
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
},
|
||||||
backImg(){//返回上一页
|
backImg(){//返回上一页
|
||||||
uni.reLaunch({
|
uni.reLaunch({
|
||||||
url:'/pages/index/index'
|
url:'/pages/index/index'
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
clear(res) {
|
clear(res) {
|
||||||
this.getData()
|
this.getData()
|
||||||
},
|
},
|
||||||
|
@ -194,7 +234,7 @@
|
||||||
url:'/pages/shop/yueDaoDianDrtail?id='+item.consortiaId
|
url:'/pages/shop/yueDaoDianDrtail?id='+item.consortiaId
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -334,7 +374,7 @@
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
.item-img img{
|
.item-img img{
|
||||||
border-radius: 14rpx;
|
border-radius: 14rpx;
|
||||||
}
|
}
|
||||||
.img-span{
|
.img-span{
|
||||||
padding: 2px 5px;
|
padding: 2px 5px;
|
||||||
|
@ -366,7 +406,7 @@
|
||||||
align-items: center;
|
align-items: center;
|
||||||
padding: 0px 10px;
|
padding: 0px 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.item-detail {
|
.item-detail {
|
||||||
padding: 5rpx 15rpx;
|
padding: 5rpx 15rpx;
|
||||||
border-radius: 10rpx;
|
border-radius: 10rpx;
|
||||||
|
@ -374,7 +414,7 @@
|
||||||
color: white;
|
color: white;
|
||||||
background-color: #007AFF;
|
background-color: #007AFF;
|
||||||
}
|
}
|
||||||
|
|
||||||
.item-line {
|
.item-line {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
bottom: 0rpx;
|
bottom: 0rpx;
|
||||||
|
@ -388,7 +428,7 @@
|
||||||
width:100%;
|
width:100%;
|
||||||
}
|
}
|
||||||
/deep/.zp-paging-container-content{
|
/deep/.zp-paging-container-content{
|
||||||
width: 95%;
|
width: 100%;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
}
|
}
|
||||||
.fenlei{
|
.fenlei{
|
||||||
|
@ -538,5 +578,5 @@
|
||||||
transform: rotate(45deg);
|
transform: rotate(45deg);
|
||||||
margin-top: 7px;
|
margin-top: 7px;
|
||||||
}
|
}
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
|
|
Loading…
Reference in New Issue