订单页面调整

This commit is contained in:
曹磊 2024-07-25 22:31:49 +08:00
parent 805cb8b0c0
commit da91b925f1
3 changed files with 197 additions and 159 deletions

View File

@ -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,

View File

@ -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,

View File

@ -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>