From 82fcece4c4db319822f936cf257f068483fb5f9d Mon Sep 17 00:00:00 2001 From: "Mr.jiang" <714156421@qq.com> Date: Tue, 20 Aug 2024 17:29:43 +0800 Subject: [PATCH] =?UTF-8?q?=E5=85=A8=E9=83=A8=E9=A1=B9=E7=9B=AE?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- pages/my/fuwuGengduo.vue | 696 +++++++++++++++++++++++++-------------- pages/my/fuwuxiangm.vue | 5 +- 2 files changed, 444 insertions(+), 257 deletions(-) diff --git a/pages/my/fuwuGengduo.vue b/pages/my/fuwuGengduo.vue index 5acf5e6..db7c849 100644 --- a/pages/my/fuwuGengduo.vue +++ b/pages/my/fuwuGengduo.vue @@ -1,70 +1,88 @@ @@ -72,120 +90,183 @@ export default { data() { return { - loadingType:0, + tabListS:[ + { + code: "单项", + id: 1, + name: "", + orderNum: 6, + parentId: 22, + remark: "单项", + status: 1, + type: "", + value: "单项", + }, + { + code: "套餐", + id: 104, + name: "", + orderNum: 6, + parentId: 22, + remark: "套餐", + status: 1, + type: "", + value: "套餐", + }, + { + code: "次卡", + id: 105, + name: "", + orderNum: 6, + parentId: 22, + remark: "次卡", + status: 1, + type: "", + value: "次卡", + }, + { + code: "疗程", + id: 106, + name: "", + orderNum: 6, + parentId: 22, + remark: "疗程", + status: 1, + type: "", + value: "疗程", + }, + { + code: "企业预约", + id: 114, + name: "", + orderNum: 6, + parentId: 22, + remark: "企业预约", + status: 1, + type: "", + value: "企业预约", + }, + ], + loadingType: 0, myId: '', // v-model绑定的这个变量不要在分页请求结束中自己赋值！！！ dataList: [], tabList: [], - typeData:'105', + typeData: '105', tabIndex: 0, - searchValue:'', - serviceTrue:true, - page:1, - limit:10, - titleNmae:'', - classifyId:'', - tagsData:[] + searchValue: '', + serviceTrue: true, + page: 1, + limit: 10, + titleNmae: '', + classifyId: '', + tagsData: [], + // 分类列表 + tabCurrent: 0, + productTitle: '氧气罐', + type:'1' } }, - onLoad(e){ + onLoad(e) { this.myId = uni.getStorageSync('userId') - if(e){ - this.searchValue=e.searchValue + if (e) { + this.searchValue = e.searchValue } - // this.getData() + this.tabNav() }, // onPullDownRefresh: function() { // this.page = 1; // this.getData() // }, methods: { - input(res) {//搜索 输入框 - this.searchValue=res; - }, - // 加载更多 - // loadMore: async function() { - // //loadingType: 0.数据未加载完 1.数据全部加载完了 2.数据加载中 - // if(this.loadingType==0){ - // this.loadingType=2 - // //模拟数据请求 - // setTimeout(()=>{ - // this.page++; - // this.loadingType=0; - // this.getData() - // },1000) - // } - // }, - searchBtn(){//搜索按钮 - if(this.searchValue!=""){ + changeClick(index,item){ + this.type=item.id + this.searchValue='' + this.page = 1; + this.dataList = [] + this.getData() + }, + tabNav() { + let data = { + type: "服务类型", + } + this.$Request.get('/app/dict/list', data).then(res => { + if (res.code == 0) { + this.tabList = res.data; + this.classifyId=res.data[0].id, + this.productTitle = this.tabList[0].value + this.page = 1; + this.dataList = [] + this.getData() + } + }) + }, + input(res) { //搜索 输入框 + this.searchValue = res; + }, + searchBtn() { //搜索按钮 + if (this.searchValue != "") { this.getData() } }, - 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 { - for(var i=0;i { - this.$refs.paging.complete(false); - }) - }, - backImg(){//返回上一页 + queryList(pageNo, pageSize) { + const params = { + city: '', + page: pageNo, + limit: pageSize, + title: this.searchValue, + classifyId: this.classifyId, + type:this.type + } + this.$Request.get('/app/massage/package/findPackageAndMassagePage', 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); + }) + }, + changeTab(index,item) { + this.tabCurrent = index + this.productTitle = this.tabList[index].value + this.classifyId = item.id + this.searchValue = '' + this.page = 1; + this.dataList = [] + this.getData() + }, + backImg() { //返回上一页 uni.reLaunch({ - url:'/pages/index/index' + url: '/pages/index/index' }) }, clear(res) { this.getData() }, itemClick(item) { - if(item.type=='104'){ + if (item.type == '104') { uni.navigateTo({ - url:'/pages/my/serviceOderDrtail?id='+item.id+'&limit='+this.limit+'&page='+this.page+'&name='+'index'+'&isCanCoupon='+item.isCanCoupon + url: '/pages/my/serviceOderDrtail?id=' + item.id + '&limit=' + this.limit + '&page=' + this + .page + '&name=' + 'index' + '&isCanCoupon=' + item.isCanCoupon }) - }else if(item.type=='105'){ + } else if (item.type == '105') { uni.navigateTo({ - url:'/pages/my/cikarDrtail?id='+item.id+'&limit='+this.limit+'&page='+this.page+'&name='+'index'+'&isCanCoupon='+item.isCanCoupon + url: '/pages/my/cikarDrtail?id=' + item.id + '&limit=' + this.limit + '&page=' + this + .page + '&name=' + 'index' + '&isCanCoupon=' + item.isCanCoupon }) - }else if(item.type=='106'){ + } else if (item.type == '106') { uni.navigateTo({ - url:'/pages/my/fuwuliaochengDetail?id='+item.id+'&limit='+this.limit+'&page='+this.page+'&name='+'index'+'&isCanCoupon='+item.isCanCoupon + url: '/pages/my/fuwuliaochengDetail?id=' + item.id + '&limit=' + this.limit + '&page=' + + this.page + '&name=' + 'index' + '&isCanCoupon=' + item.isCanCoupon }) - }else{ + } else { uni.navigateTo({ - url:'/pages/my/fuwuDateil?id='+item.id+'&limit='+this.limit+'&page='+this.page+'&name='+'index'+'&isCanCoupon='+item.isCanCoupon + url: '/pages/my/fuwuDateil?id=' + item.id + '&limit=' + this.limit + '&page=' + this.page + + '&name=' + 'index' + '&isCanCoupon=' + item.isCanCoupon }) } } @@ -193,13 +274,80 @@ } - + .service-head-top { + height: 90rpx; + display: flex; + flex-direction: row; + align-items: center; + justify-content: space-between; + } + \ No newline at end of file diff --git a/pages/my/fuwuxiangm.vue b/pages/my/fuwuxiangm.vue index 1b35b0d..3dbf5ab 100644 --- a/pages/my/fuwuxiangm.vue +++ b/pages/my/fuwuxiangm.vue @@ -6,7 +6,7 @@ - 服务项目 + 女性专区