订单页面调整

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,6 +1,8 @@
<!-- 自定义下拉刷新与上拉加载演示(vue) --> <!-- 自定义下拉刷新与上拉加载演示(vue) -->
<template> <template>
<view class="content-view"> <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">
<view class="service-head-top-left"> <view class="service-head-top-left">
<image @click="backImg" src="../../static/fanhui.png" mode="widthFix"></image> <image @click="backImg" src="../../static/fanhui.png" mode="widthFix"></image>
@ -15,8 +17,13 @@
</view> </view>
</view> </view>
</view> </view>
<t-refresh ref="refresh" v-if="dataList.length>0" @refresh="refresh" @loadMore="loadMore" :loadingType="loadingType" :tPadding="0"> </template>
<template slot="content"> <template #refresher="{refresherStatus}" >
<custom-refresher :status="refresherStatus" />
</template>
<template #loadingMoreNoMore >
<custom-nomore />
</template>
<view v-if="getText=='企业'"> <view v-if="getText=='企业'">
<view class="item" v-for="(item,index) in dataList" :key="index" @click="itemClick(item)"> <view class="item" v-for="(item,index) in dataList" :key="index" @click="itemClick(item)">
<image :src="item.massageImg" mode="" class="item-img"></image> <image :src="item.massageImg" mode="" class="item-img"></image>
@ -25,7 +32,6 @@
<view class="item-view-title">{{item.title}}</view> <view class="item-view-title">{{item.title}}</view>
<span class="xiaoer">{{item.classifyName}}</span> <span class="xiaoer">{{item.classifyName}}</span>
</view> </view>
<view class="item-view-bottom-qian"> <view class="item-view-bottom-qian">
<span></span> <span></span>
<span>{{item.price}}</span> <span>{{item.price}}</span>
@ -34,10 +40,16 @@
<view class="shop_label" v-if="item.tagsData"> <view class="shop_label" v-if="item.tagsData">
<span v-for="tag in item.tagsData" :key="tag">{{tag}}</span> <span v-for="tag in item.tagsData" :key="tag">{{tag}}</span>
</view> </view>
<view class="shop_label" v-else>
<span>助眠解压</span>
</view>
<view class="item-view-bottom"> <view class="item-view-bottom">
<view class="item-view-xiangmu"> <view class="item-view-xiangmu">
<span>已售</span><span>{{item.sales}}</span> <span>已售</span><span>{{item.sales}}</span>
</view> </view>
<view class="item-view-bottom-btn">
查看
</view>
</view> </view>
</view> </view>
</view> </view>
@ -55,29 +67,26 @@
<view class="shop_label" v-if="item.tagsData"> <view class="shop_label" v-if="item.tagsData">
<span v-for="tag in item.tagsData" :key="tag">{{tag}}</span> <span v-for="tag in item.tagsData" :key="tag">{{tag}}</span>
</view> </view>
<view class="shop_label" v-else>
<span>助眠解压</span>
</view>
<view class="item-view-bottom"> <view class="item-view-bottom">
<view class="item-view-xiangmu">
<!--<view class="item-view-bottom-btn"> <span></span>
预约
</view>-->
</view> </view>
<view class="item-view-bottom-btn">
查看
</view> </view>
</view> </view>
</view> </view>
</view>
<empty v-if="dataList.length==0"></empty> </view>
</template> </z-paging>
</t-refresh>
</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,42 +144,75 @@
} }
}, },
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:'',
// 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:'长春', city:'长春',
page:that.page, title: this.searchValue
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() 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 => {
}else{// for(var i=0;i<res.data.list.length;i++){
that.$Request.get("/app/consortia/selectConsortiaList", { res.data.list[i].tagsData=res.data.list[i].labels.split(',');
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.complete(res.data.list);
} }).catch(res => {
} this.$refs.paging.complete(false);
}); })
} }
}, },
@ -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{