yangjun
/
sadjv3_user
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge branch 'master' of http://47.115.223.229:8888/yangjun/sadjv3_user

This commit is contained in:
Mr.jiang 2024-07-26 16:25:14 +08:00
parent dca866d900 cacdfd4e89
commit 2ab61d5296
18 changed files with 771 additions and 621 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
manifest.json
View File

@ -1,6 +1,6 @@
{ {
"name" : "盛安到家", "name" : "盛安到家",
"appid" : "__UNI__0A81F4F", "appid" : "__UNI__807ED4C",
"description" : "", "description" : "",
"versionName" : "1.0.1", "versionName" : "1.0.1",
"versionCode" : 101, "versionCode" : 101,

12
pages/index/index.vue
View File

@ -262,7 +262,7 @@
</uni-popup> </uni-popup>
<view> <view>
<!-- 提前结束 --> <!-- 提前结束 -->
<uni-popup ref="popup" background-color="#fff"> <uni-popup class="popup-view" ref="popup" background-color="#fff">
<view class="popup-content"> <view class="popup-content">
<view class="popup-close"><image @click="closePopup(type)" class="popup-close-img" src="../../static/close.png"></image></view> <view class="popup-close"><image @click="closePopup(type)" class="popup-close-img" src="../../static/close.png"></image></view>
<!--<view class="popup-head"> <!--<view class="popup-head">
@ -401,7 +401,8 @@
cuowu:'', cuowu:'',
type:'center', type:'center',
parType:'', parType:'',
contentVideo:'' contentVideo:'',
type:'center'
} }
}, },
onShareAppMessage(res) { //发送给朋友 onShareAppMessage(res) { //发送给朋友
@ -695,7 +696,7 @@
this.$refs.popup.close(type); this.$refs.popup.close(type);
}, },
gangBtn(type){ gangBtn(type){
this.$refs.popup.open(type) this.$refs.popup.open('center')
}, },
qidai(){ qidai(){
uni.showToast({ uni.showToast({
@ -1171,6 +1172,11 @@
</script> </script>
<style scoped> <style scoped>
.popup-view /deep/.uni-popup__wrapper-box{
display: flex;
align-items: center;
justify-content: center;
}
/deep/.uni-video-fullscreen { /deep/.uni-video-fullscreen {
display: none; display: none;
} }

66
pages/my/cika.vue
View File

@ -23,21 +23,21 @@
<z-tabs class="z-tabs-fenlei" :list="tabList" @change="tabChange" @changeClick="changeClick"/> <z-tabs class="z-tabs-fenlei" :list="tabList" @change="tabChange" @changeClick="changeClick"/>
</view> --> </view> -->
</template> </template>
<!-- 自定义下拉刷新view(如果use-custom-refresher为true且不设置下面的slot="refresher"，此时不用获取refresherStatus，会自动使用z-paging自带的下拉刷新view) --> <!-- 自定义下拉刷新view(如果use-custom-refresher为true且不设置下面的slot="refresher"，此时不用获取refresherStatus，会自动使用z-paging自带的下拉刷新view) -->
<!-- 注意注意注意！！字节跳动小程序中自定义下拉刷新不支持slot-scope，将导致custom-refresher无法显示 --> <!-- 注意注意注意！！字节跳动小程序中自定义下拉刷新不支持slot-scope，将导致custom-refresher无法显示 -->
<!-- 如果是字节跳动小程序，请参照sticky-demo.vue中的写法，此处使用slot-scope是为了减少data中无关变量声明，降低依赖 --> <!-- 如果是字节跳动小程序，请参照sticky-demo.vue中的写法，此处使用slot-scope是为了减少data中无关变量声明，降低依赖 -->
<template #refresher="{refresherStatus}" > <!-- <template #refresher="{refresherStatus}" >-->
<!-- 此处的custom-refresh为demo中自定义的组件，非z-paging的内置组件，请在实际项目中自行创建。这里插入什么view，下拉刷新就显示什么view --> <!-- 此处的custom-refresh为demo中自定义的组件，非z-paging的内置组件，请在实际项目中自行创建。这里插入什么view，下拉刷新就显示什么view -->
<custom-refresher :status="refresherStatus" /> <!-- <custom-refresher :status="refresherStatus" />-->
</template> <!-- </template>-->
<!-- 自定义没有更多数据view --> <!-- 自定义没有更多数据view -->
<template #loadingMoreNoMore > <template #loadingMoreNoMore >
<!-- 此处的custom-nomore为demo中自定义的组件，非z-paging的内置组件，请在实际项目中自行创建。这里插入什么view，没有更多数据就显示什么view --> <!-- 此处的custom-nomore为demo中自定义的组件，非z-paging的内置组件，请在实际项目中自行创建。这里插入什么view，没有更多数据就显示什么view -->
<custom-nomore /> <custom-nomore />
</template> </template>
<!-- 如果希望其他view跟着页面滚动，可以放在z-paging标签内 --> <!-- 如果希望其他view跟着页面滚动，可以放在z-paging标签内 -->
<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)" >
<!-- <view class="item-title">{{item.title}}</view> <!-- <view class="item-title">{{item.title}}</view>
@ -73,10 +73,10 @@
查看 查看
</view> </view>
</view> </view>
</view> </view>
</view> </view>
</z-paging> </z-paging>
</view> </view>
</template> </template>
@ -100,12 +100,11 @@
}, },
onLoad(){ onLoad(){
this.myId = uni.getStorageSync('userId') this.myId = uni.getStorageSync('userId')
this.getData() // this.getData()
}, },
methods: { methods: {
input(res) {//搜索 输入框 input(res) {//搜索 输入框
this.searchValue=res; this.searchValue=res;
console.log('----input:', res)
}, },
searchBtn(){//搜索按钮 searchBtn(){//搜索按钮
if(this.searchValue!=""){ if(this.searchValue!=""){
@ -113,21 +112,22 @@
} }
}, },
getData(){ getData(){
let data = { // let data = {
userId: this.myId, // userId: this.myId,
type: this.typeData, // type: this.typeData,
page: this.page, // page: this.page,
limit: this.limit, // limit: this.limit,
title:this.searchValue, // title:this.searchValue,
} // }
this.$Request.get('/app/user/package/findMyPackageList', data).then(res => { // this.$Request.get('/app/user/package/findMyPackageList', data).then(res => {
if (res.code == 0) { // if (res.code == 0) {
this.dataList=res.data.records; // this.dataList=res.data.records;
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(',');
} // }
} // }
}) // })
this.$refs.paging.reload(true);
}, },
tabChange(index) { tabChange(index) {
this.tabIndex = index; this.tabIndex = index;
@ -145,10 +145,13 @@
page: pageNo, page: pageNo,
limit: pageSize, limit: pageSize,
type: this.typeData, type: this.typeData,
title:'' title:this.searchValue,
} }
this.$Request.get('/app/user/package/findMyPackageList',params).then(res => { this.$Request.get('/app/user/package/findMyPackageList',params).then(res => {
// 将请求的结果数组传递给z-paging // 将请求的结果数组传递给z-paging
for(var i=0;i<res.data.records.length;i++){
res.data.records[i].tagsData=res.data.records[i].labels.split(',');
}
this.$refs.paging.complete(res.data.records); this.$refs.paging.complete(res.data.records);
}).catch(res => { }).catch(res => {
// 如果请求失败写this.$refs.paging.complete(false); // 如果请求失败写this.$refs.paging.complete(false);
@ -157,12 +160,11 @@
this.$refs.paging.complete(false); this.$refs.paging.complete(false);
}) })
}, },
backImg(){//返回上一页 backImg(){//返回上一页
uni.reLaunch({ uni.reLaunch({
url:'/pages/my/index' url:'/pages/my/index'
}) })
}, },
clear(res) { clear(res) {
this.getData() this.getData()
}, },
@ -310,7 +312,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;
@ -343,7 +345,7 @@
align-items: center; align-items: center;
padding:12px; padding:12px;
} }
.item-detail { .item-detail {
padding: 5rpx 15rpx; padding: 5rpx 15rpx;
border-radius: 10rpx; border-radius: 10rpx;
@ -351,7 +353,7 @@
color: white; color: white;
background-color: #007AFF; background-color: #007AFF;
} }
.item-line { .item-line {
position: absolute; position: absolute;
bottom: 0rpx; bottom: 0rpx;
@ -397,13 +399,13 @@
/deep/.uni-searchbar__cancel{ /deep/.uni-searchbar__cancel{
display: none; display: none;
} }
/deep/.uni-searchbar__box-icon-search,.search-btn{ /deep/.uni-searchbar__box-icon-search,.search-btn{
width: 110rpx; width: 110rpx;
height: 50rpx; height: 50rpx;
background: #18A689; background: #18A689;
border-radius: 31rpx; border-radius: 31rpx;
} }
/deep/.uni-searchbar__box{ /deep/.uni-searchbar__box{
height: 30px; height: 30px;

4
pages/my/fuwuGengduo.vue
View File

@ -18,9 +18,9 @@
</view> </view>
</view> </view>
</template> </template>
<template #refresher="{refresherStatus}" > <!-- <template #refresher="{refresherStatus}" >
<custom-refresher :status="refresherStatus" /> <custom-refresher :status="refresherStatus" />
</template> </template> -->
<template #loadingMoreNoMore > <template #loadingMoreNoMore >
<custom-nomore /> <custom-nomore />
</template> </template>

58
pages/my/fuwuliaocheng.vue
View File

@ -23,21 +23,21 @@
<z-tabs class="z-tabs-fenlei" :list="tabList" @change="tabChange" @changeClick="changeClick"/> <z-tabs class="z-tabs-fenlei" :list="tabList" @change="tabChange" @changeClick="changeClick"/>
</view> --> </view> -->
</template> </template>
<!-- 自定义下拉刷新view(如果use-custom-refresher为true且不设置下面的slot="refresher"，此时不用获取refresherStatus，会自动使用z-paging自带的下拉刷新view) --> <!-- 自定义下拉刷新view(如果use-custom-refresher为true且不设置下面的slot="refresher"，此时不用获取refresherStatus，会自动使用z-paging自带的下拉刷新view) -->
<!-- 注意注意注意！！字节跳动小程序中自定义下拉刷新不支持slot-scope，将导致custom-refresher无法显示 --> <!-- 注意注意注意！！字节跳动小程序中自定义下拉刷新不支持slot-scope，将导致custom-refresher无法显示 -->
<!-- 如果是字节跳动小程序，请参照sticky-demo.vue中的写法，此处使用slot-scope是为了减少data中无关变量声明，降低依赖 --> <!-- 如果是字节跳动小程序，请参照sticky-demo.vue中的写法，此处使用slot-scope是为了减少data中无关变量声明，降低依赖 -->
<template #refresher="{refresherStatus}"> <!-- <template #refresher="{refresherStatus}">-->
<!-- 此处的custom-refresh为demo中自定义的组件，非z-paging的内置组件，请在实际项目中自行创建。这里插入什么view，下拉刷新就显示什么view --> <!-- 此处的custom-refresh为demo中自定义的组件，非z-paging的内置组件，请在实际项目中自行创建。这里插入什么view，下拉刷新就显示什么view -->
<custom-refresher :status="refresherStatus" /> <!-- <custom-refresher :status="refresherStatus" />-->
</template> <!-- </template>-->
<!-- 自定义没有更多数据view --> <!-- 自定义没有更多数据view -->
<template #loadingMoreNoMore> <template #loadingMoreNoMore>
<!-- 此处的custom-nomore为demo中自定义的组件，非z-paging的内置组件，请在实际项目中自行创建。这里插入什么view，没有更多数据就显示什么view --> <!-- 此处的custom-nomore为demo中自定义的组件，非z-paging的内置组件，请在实际项目中自行创建。这里插入什么view，没有更多数据就显示什么view -->
<custom-nomore /> <custom-nomore />
</template> </template>
<!-- 如果希望其他view跟着页面滚动，可以放在z-paging标签内 --> <!-- 如果希望其他view跟着页面滚动，可以放在z-paging标签内 -->
<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)">
<!-- <view class="item-title">{{item.title}}</view> <!-- <view class="item-title">{{item.title}}</view>
@ -72,10 +72,10 @@
查看 查看
</view> </view>
</view> </view>
</view> </view>
</view> </view>
</z-paging> </z-paging>
</view> </view>
</template> </template>
@ -112,21 +112,22 @@
} }
}, },
getData(){ getData(){
let data = { // let data = {
userId: this.myId, // userId: this.myId,
type: this.typeData, // type: this.typeData,
page: this.page, // page: this.page,
limit: this.limit, // limit: this.limit,
title:this.searchValue, // title:this.searchValue,
} // }
this.$Request.get('/app/user/package/findMyPackageList', data).then(res => { // this.$Request.get('/app/user/package/findMyPackageList', data).then(res => {
if (res.code == 0) { // if (res.code == 0) {
this.dataList=res.data.records; // this.dataList=res.data.records;
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(',');
} // }
} // }
}) // })
this.$refs.paging.reload(true);
}, },
tabChange(index) { tabChange(index) {
this.tabIndex = index; this.tabIndex = index;
@ -144,10 +145,13 @@
page: pageNo, page: pageNo,
limit: pageSize, limit: pageSize,
type: this.typeData, type: this.typeData,
title:'' title:this.searchValue,
} }
this.$Request.get('/app/user/package/findMyPackageList',params).then(res => { this.$Request.get('/app/user/package/findMyPackageList',params).then(res => {
// 将请求的结果数组传递给z-paging // 将请求的结果数组传递给z-paging
for(var i=0;i<res.data.records.length;i++){
res.data.records[i].tagsData=res.data.records[i].labels.split(',');
}
this.$refs.paging.complete(res.data.records); this.$refs.paging.complete(res.data.records);
}).catch(res => { }).catch(res => {
// 如果请求失败写this.$refs.paging.complete(false); // 如果请求失败写this.$refs.paging.complete(false);
@ -156,12 +160,12 @@
this.$refs.paging.complete(false); this.$refs.paging.complete(false);
}) })
}, },
backImg(){//返回上一页 backImg(){//返回上一页
uni.reLaunch({ uni.reLaunch({
url:'/pages/my/index' url:'/pages/my/index'
}) })
}, },
clear(res) { clear(res) {
this.getData() this.getData()
}, },
@ -338,7 +342,7 @@
align-items: center; align-items: center;
padding: 12px; padding: 12px;
} }
.item-detail { .item-detail {
padding: 5rpx 15rpx; padding: 5rpx 15rpx;
border-radius: 10rpx; border-radius: 10rpx;
@ -346,7 +350,7 @@
color: white; color: white;
background-color: #007AFF; background-color: #007AFF;
} }
.item-line { .item-line {
position: absolute; position: absolute;
bottom: 0rpx; bottom: 0rpx;

218
pages/my/fuwuxiangm.vue
View File

@ -1,74 +1,70 @@
<!-- 自定义下拉刷新与上拉加载演示(vue) --> <!-- 自定义下拉刷新与上拉加载演示(vue) -->
<template> <template>
<view class="content-view"> <view class="content-view">
<view class="tab-view"> <z-paging ref="paging" v-model="dataList" @query="queryList">
<view class="service-head-top"> <template #top>
<view class="service-head-top-left"> <view class="service-head-top">
<image @click="backImg" src="../../static/fanhui.png" mode="widthFix"></image> <view class="service-head-top-left">
<span>服务项目</span> <image @click="backImg" src="../../static/fanhui.png" mode="widthFix"></image>
</view> <span>服务项目</span>
<view> </view>
<uni-search-bar @service="serviceTrue" @confirm="search" :cancelext="'取消'" v-model="searchValue" @input="input" <view>
@clear="clear"> <uni-search-bar @service="serviceTrue" @confirm="search" :cancelext="'取消'" v-model="searchValue" @input="input"
</uni-search-bar> @clear="clear">
<view class="search-btn" @click="searchBtn"> </uni-search-bar>
搜索 <view class="search-btn" @click="searchBtn">
</view> 搜索
</view> </view>
</view> </view>
<view class="fenlei"> </view>
<z-tabs class="z-tabs-fenlei" :list="tabList" @change="tabChange" @changeClick="changeClick"/> <view class="fenlei">
</view> <z-tabs class="z-tabs-fenlei" :list="tabList" @change="tabChange" @changeClick="changeClick"/>
</view> </view>
<t-refresh ref="refresh" v-if="dataList.length>0" @refresh="refresh" @loadMore="loadMore" :loadingType="loadingType" :tPadding="0"> </template>
<template slot="content"> <template #loadingMoreNoMore >
<view class="item" v-for="(item,index) in dataList" :key="index" @click="itemClick(item)"> <custom-nomore />
<view class="item-img"> </template>
<image :src="item.massageImg" mode=""></image> <view class="item" v-for="(item,index) in dataList" :key="index" @click="itemClick(item)">
</view> <view class="item-img">
<view class="item-view"> <image :src="item.massageImg" mode=""></image>
<view class="view-cata"> </view>
<span class="item-view-title">{{item.title}}</span> <view class="item-view">
<!-- <span class="xiaoer item-view-biao">{{item.classifyName}}</span> --> <view class="view-cata">
</view> <span class="item-view-title">{{item.title}}</span>
<view class="item-view-xiangmu"> <!-- <span class="xiaoer item-view-biao">{{item.classifyName}}</span> -->
</view>
<view class="item-view-bottom-qian"> <view class="item-view-xiangmu">
<span>￥</span>
<span>{{item.price}}</span> <view class="item-view-bottom-qian">
<span></span> <span>￥</span>
<span>￥</span> <span>{{item.price}}</span>
<span>{{item.oldPrice}}</span> <span></span>
</view> <span>￥</span>
</view> <span>{{item.oldPrice}}</span>
<view class="shop_label" v-if="item.tagsData!=''"> </view>
<span v-for="tag in item.tagsData" :key="tag">{{tag}}</span> </view>
</view> <view class="shop_label" v-if="item.tagsData!=''">
<view class="shop_label" v-else> <span v-for="tag in item.tagsData" :key="tag">{{tag}}</span>
<span>助眠解压</span> </view>
</view> <view class="shop_label" v-else>
<view class="item-view-bottom"> <span>助眠解压</span>
<view class="item-view-xiangmu" style="align-items: flex-end; "> </view>
<span style="font-size: 26rpx; color: #999; margin-right: 8rpx;">已售</span><span style="font-size: 26rpx; color: #333;">{{item.sales}} <!-- | 好评{{item.esteemRate}}% --></span> <view class="item-view-bottom">
</view> <view class="item-view-xiangmu" style="align-items: flex-end; ">
<view class="item-view-bottom-btn"> <span style="font-size: 26rpx; color: #999; margin-right: 8rpx;">已售</span><span style="font-size: 26rpx; color: #333;">{{item.sales}} <!-- | 好评{{item.esteemRate}}% --></span>
查看 </view>
</view> <view class="item-view-bottom-btn">
</view> 查看
</view> </view>
</view> </view>
</template> </view>
</t-refresh> </view>
<empty v-if="dataList.length==0"></empty> </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,
@ -91,24 +87,24 @@
this.myId = uni.getStorageSync('userId') this.myId = uni.getStorageSync('userId')
this.tabNav() this.tabNav()
}, },
onPullDownRefresh: function() { // onPullDownRefresh: function() {
this.page = 1; // this.page = 1;
this.getData() // 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)
} // }
}, // },
tabNav(){ tabNav(){
let data = { let data = {
type: "服务类型", type: "服务类型",
@ -125,7 +121,6 @@
}, },
input(res) {//搜索 输入框 input(res) {//搜索 输入框
this.searchValue=res; this.searchValue=res;
console.log('----input:', res)
}, },
searchBtn(){//搜索按钮 searchBtn(){//搜索按钮
if(this.searchValue!=""){ if(this.searchValue!=""){
@ -133,26 +128,45 @@
} }
}, },
getData(){ getData(){
this.$Request.get("/app/artificer/selectMassageTypePage", { // this.$Request.get("/app/artificer/selectMassageTypePage", {
by: '3', // by: '3',
status:'1', // status:'1',
classifyId:this.classifyId, // classifyId:this.classifyId,
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);
}, },
queryList(pageNo, pageSize) {
const params = {
page: pageNo,
limit: pageSize,
by: '3',
status:'1',
classifyId:this.classifyId,
title:this.searchValue
}
this.$Request.get('/app/artificer/selectMassageTypePage',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);
})
},
changeClick(index,item){ changeClick(index,item){
this.classifyId=item.id this.classifyId=item.id
this.searchValue='' this.searchValue=''
@ -164,7 +178,7 @@
uni.reLaunch({ uni.reLaunch({
url:'/pages/index/index' url:'/pages/index/index'
}) })
}, },
clear(res) { clear(res) {
this.getData() this.getData()
}, },
@ -361,7 +375,7 @@
align-items: center; align-items: center;
padding: 12px; padding: 12px;
} }
.item-detail { .item-detail {
padding: 5rpx 15rpx; padding: 5rpx 15rpx;
border-radius: 10rpx; border-radius: 10rpx;
@ -369,7 +383,7 @@
color: white; color: white;
background-color: #007AFF; background-color: #007AFF;
} }
.item-line { .item-line {
position: absolute; position: absolute;
bottom: 0rpx; bottom: 0rpx;

75
pages/my/index.vue
View File

@ -15,7 +15,7 @@
<image v-if="vipNameType=='2'" class="my-head-vip" style="width:120rpx; height: 36rpx;" src="../../static/vip/membership7.gif"></image> <image v-if="vipNameType=='2'" class="my-head-vip" style="width:120rpx; height: 36rpx;" src="../../static/vip/membership7.gif"></image>
<span>{{vipNameType=='0'?'':vipNameType=='1'?'':''}}</span> <span>{{vipNameType=='0'?'':vipNameType=='1'?'':''}}</span>
</view> </view>
</view> </view>
<view class="my-head-texa"> <view class="my-head-texa">
<span>{{phone}}</span> <span>{{phone}}</span>
@ -38,9 +38,9 @@
<view>钱包金额(元)</view> <view>钱包金额(元)</view>
<view class="my-head-mian-top-yuE">{{money}}</view> <view class="my-head-mian-top-yuE">{{money}}</view>
</view> </view>
</view> </view>
<view class="my-head-mian-top-view"> <view class="my-head-mian-top-view">
<view class="my-head-mian-top-view-chong" @click="chonghi('充值')">充值</view> <view class="my-head-mian-top-view-chong" @click="chonghi('充值')">充值</view>
<!--<view class="my-head-mian-top-view-ming" @click="chonghi('明细')">明细</view>--> <!--<view class="my-head-mian-top-view-ming" @click="chonghi('明细')">明细</view>-->
@ -106,11 +106,11 @@
</view> </view>
<view class="my-serve-list" @click="tuangou()"> <view class="my-serve-list" @click="tuangou()">
<image src="../../static/my-liaocheng2.png" mode=""></image> <image src="../../static/my-liaocheng2.png" mode=""></image>
<span class="my-serve-list-text">新人拼团</span> <span class="my-serve-list-text">拼团</span>
</view> </view>
<view class="my-serve-list" @click="miaoshao()"> <view class="my-serve-list" @click="miaoshao()">
<image src="../../static/my-liaocheng3.png" mode=""></image> <image src="../../static/my-liaocheng3.png" mode=""></image>
<span class="my-serve-list-text">秒杀</span> <span class="my-serve-list-text">限时秒杀</span>
</view> </view>
</view> </view>
</view> </view>
@ -133,7 +133,7 @@
<span class="xiaoer item-view-biao">{{item.classifyName}}</span> <span class="xiaoer item-view-biao">{{item.classifyName}}</span>
<span>已售{{item.sales}} | 好评{{item.esteemRate}}%</span> <span>已售{{item.sales}} | 好评{{item.esteemRate}}%</span>
</view> --> </view> -->
<view class="item-view-bottom"> <view class="item-view-bottom">
<view class="item-view-bottom-qian"> <view class="item-view-bottom-qian">
<span>￥</span> <span>￥</span>
@ -146,7 +146,7 @@
<span v-if="item.type!='104'">￥{{item.oldPrice}}/{{item.serviceCount?item.serviceCount:''}}{{item.type=='105'||item.type=='106'?'次':'元'}}</span> <span v-if="item.type!='104'">￥{{item.oldPrice}}/{{item.serviceCount?item.serviceCount:''}}{{item.type=='105'||item.type=='106'?'次':'元'}}</span>
<span v-if="item.type=='104'">￥{{item.oldPrice}}/套</span> <span v-if="item.type=='104'">￥{{item.oldPrice}}/套</span>
</view> </view>
</view> </view>
<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>
@ -162,15 +162,14 @@
查看 查看
</view> </view>
</view> </view>
</view> </view>
</view> </view>
<view class="prompt-text">-当你累了 想起盛安到家-</view> <view class="prompt-text">-当你累了 想起盛安到家-</view>
<view class="kefu" @click="goMsg"> <view class="kefu" @click="goMsg">
<image src="../../static/kefu.png" mode=""></image> <image src="../../static/kefu.png" mode=""></image>
<span>联系客服</span>
</view> </view>
</view> </view>
</template> </template>
<script> <script>
@ -231,11 +230,11 @@
if (this.userId) { if (this.userId) {
this.isLogin = false this.isLogin = false
this.getUserInfo() this.getUserInfo()
this.getAmount() this.getAmount()
this.getIsVip() this.getIsVip()
} else { } else {
this.isShop = 0; this.isShop = 0;
this.isAgency = 0; this.isAgency = 0;
@ -248,7 +247,7 @@
this.avatar = '../../static/logo.png' this.avatar = '../../static/logo.png'
this.isVip = 0 this.isVip = 0
} }
}, },
methods:{ methods:{
goMsg() {//客服聊天 goMsg() {//客服聊天
@ -294,7 +293,7 @@
}) })
}, },
goChat() { goChat() {
let kefu = this.$queue.getData('kefu'); // 用户端联系方式 1 手机号 2企业微信 let kefu = this.$queue.getData('kefu'); // 用户端联系方式 1 手机号 2企业微信
let kefuPhone = this.$queue.getData('kefuPhone'); let kefuPhone = this.$queue.getData('kefuPhone');
if (kefu == 1) { if (kefu == 1) {
uni.makePhoneCall({ uni.makePhoneCall({
@ -378,7 +377,7 @@
that.isVip = 0 that.isVip = 0
that.avatar = '../../static/logo.png' that.avatar = '../../static/logo.png'
that.userId = uni.getStorageSync('userId') that.userId = uni.getStorageSync('userId')
} else if (res.cancel) { } else if (res.cancel) {
console.log('用户点击取消'); console.log('用户点击取消');
} }
@ -400,8 +399,8 @@
} }
}) })
} }
}, },
//成为按摩师 跳转商户端 //成为按摩师 跳转商户端
bindFb() { bindFb() {
@ -497,11 +496,11 @@
this.avatar = res.data.avatar ? res.data.avatar : '../../static/logo.png' this.avatar = res.data.avatar ? res.data.avatar : '../../static/logo.png'
this.isAuthentication = res.data.isAuthentication this.isAuthentication = res.data.isAuthentication
this.isAgency = res.data.isAgency ? res.data.isAgency : 0; //是否是推广员 1是 2否 this.isAgency = res.data.isAgency ? res.data.isAgency : 0; //是否是推广员 1是 2否
this.money = res.data.money this.money = res.data.money
this.couponnum = res.data.member this.couponnum = res.data.member
// uni.setStorageSync('isAuthentication', res.data.isAuthentication) // uni.setStorageSync('isAuthentication', res.data.isAuthentication)
this.isShop = res.data.isShop ? res.data.isShop : 0; this.isShop = res.data.isShop ? res.data.isShop : 0;
uni.setStorageSync('avatar', res.data.avatar) uni.setStorageSync('avatar', res.data.avatar)
@ -509,7 +508,7 @@
uni.setStorageSync('invitationCode', res.data.invitationCode) uni.setStorageSync('invitationCode', res.data.invitationCode)
uni.setStorageSync('zhiFuBao', res.data.zhiFuBao) uni.setStorageSync('zhiFuBao', res.data.zhiFuBao)
uni.setStorageSync('zhiFuBaoName', res.data.zhiFuBaoName) uni.setStorageSync('zhiFuBaoName', res.data.zhiFuBaoName)
if (res.data.isAuthentication == 0 || res.data.isAuthentication == null) { if (res.data.isAuthentication == 0 || res.data.isAuthentication == null) {
this.renzheng = 0 this.renzheng = 0
uni.setStorageSync("renzheng", this.renzheng) uni.setStorageSync("renzheng", this.renzheng)
@ -532,10 +531,10 @@
this.renzheng = 6 this.renzheng = 6
uni.setStorageSync("renzheng", this.renzheng) uni.setStorageSync("renzheng", this.renzheng)
} }
} }
}); });
// #ifdef APP-PLUS // #ifdef APP-PLUS
let clientid = plus.push.getClientInfo().clientid; let clientid = plus.push.getClientInfo().clientid;
let sysPhone = 1; let sysPhone = 1;
@ -552,7 +551,7 @@
} }
//#endif //#endif
}, },
getIsVip() { getIsVip() {
this.$Request.get("/app/UserVip/selectUserVip").then(res => { this.$Request.get("/app/UserVip/selectUserVip").then(res => {
if (res.code == 0) { if (res.code == 0) {
@ -589,9 +588,9 @@
} }
}) })
} }
}, },
youhui(link){//优惠劵，券码兑换，积分兑换 跳页 youhui(link){//优惠劵，券码兑换，积分兑换 跳页
if (this.userId) { if (this.userId) {
@ -703,9 +702,8 @@
position: fixed; position: fixed;
right: 0; right: 0;
bottom: 0; bottom: 0;
margin-bottom: 20%; margin-bottom:100rpx;
margin-right: 20px; margin-right: 20px;
background-color: #fff;
border-radius: 5px; border-radius: 5px;
} }
.shop_label{ .shop_label{
@ -789,7 +787,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;
@ -797,7 +795,7 @@
color: white; color: white;
background-color: #007AFF; background-color: #007AFF;
} }
.item-line { .item-line {
position: absolute; position: absolute;
bottom: 0rpx; bottom: 0rpx;
@ -862,13 +860,14 @@
padding: 1px 2px; padding: 1px 2px;
border-radius: 6rpx; border-radius: 6rpx;
} }
.prompt-text{ .prompt-text{
font-size: 21rpx; font-size: 21rpx;
color: #999999; color: #999999;
height: 170rpx; height: 170rpx;
text-align: top; text-align: top;
text-align: center; text-align: center;
padding: 20rpx 0;
} }
.my-use-list-text{ .my-use-list-text{
color: #6C6C6C; color: #6C6C6C;
@ -925,7 +924,7 @@
margin-top: 5px; margin-top: 5px;
font-size: 26rpx; font-size: 26rpx;
} }
.my-serve-title,.my-use-title{ .my-serve-title,.my-use-title{
width: 95%; width: 95%;
font-weight: bold; font-weight: bold;
@ -967,7 +966,7 @@
} }
.my-head-mian-bottom-list-text{ .my-head-mian-bottom-list-text{
font-size: 26rpx; font-size: 26rpx;
color: #6C6C6C; color: #6C6C6C;
} }
.my-head-mian-bottom-list{ .my-head-mian-bottom-list{
display: flex; display: flex;
@ -981,7 +980,7 @@
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: space-between; justify-content: space-between;
padding-bottom: 30rpx; padding-bottom: 30rpx;
margin-top:30rpx; margin-top:30rpx;
border-top: 1px #F6F6F6 solid; border-top: 1px #F6F6F6 solid;
padding-top: 20rpx; padding-top: 20rpx;
@ -1144,7 +1143,7 @@
position: relative; position: relative;
} }
.div-with-background { .div-with-background {
width: 300px; /* 你的容器宽度 */ width: 300px; /* 你的容器宽度 */
height: 200px; /* 你的容器高度 */ height: 200px; /* 你的容器高度 */
} }
@ -1169,4 +1168,4 @@
color: #fff; color: #fff;
text-align: center; text-align: center;
} }
</style> </style>

263
pages/my/indextaociliaoList.vue
View File

@ -1,71 +1,65 @@
<!-- 自定义下拉刷新与上拉加载演示(vue) --> <!-- 自定义下拉刷新与上拉加载演示(vue) -->
<template> <template>
<view class="content-view"> <view class="content-view">
<view class="tab-view"> <z-paging ref="paging" v-model="dataList" @query="queryList">
<view class="service-head-top"> <template #top>
<view class="service-head-top-left"> <view class="service-head-top">
<image @click="backImg" src="../../static/fanhui.png" mode="widthFix"></image> <view class="service-head-top-left">
<span>{{typeData=='104'?'服务套餐':typeData=='105'?'项目次卡':'服务疗程'}}</span> <image @click="backImg" src="../../static/fanhui.png" mode="widthFix"></image>
</view> <span>{{typeData=='104'?'服务套餐':typeData=='105'?'项目次卡':'服务疗程'}}</span>
<view> </view>
<uni-search-bar @service="serviceTrue" @confirm="search" :cancelext="'取消'" v-model="searchValue" @input="input" <view>
@clear="clear"> <uni-search-bar @service="serviceTrue" @confirm="search" :cancelext="'取消'" v-model="searchValue" @input="input"
</uni-search-bar> @clear="clear">
<view class="search-btn" @click="searchBtn"> </uni-search-bar>
<image style="width:30rpx; height:30rpx; margin-right: 10rpx;" src="../../static/search.png"></image> <view class="search-btn" @click="searchBtn">
搜索 <image style="width:30rpx; height:30rpx; margin-right: 10rpx;" src="../../static/search.png"></image>
</view> 搜索
</view> </view>
</view> </view>
<view class="fenlei"> </view>
<z-tabs class="z-tabs-fenlei":list="tabList" @change="tabChange" @changeClick="changeClick"/> <view class="fenlei">
</view> <z-tabs class="z-tabs-fenlei":list="tabList" @change="tabChange" @changeClick="changeClick"/>
</view> </view>
<t-refresh ref="refresh" v-if="dataList.length>0" @refresh="refresh" @loadMore="loadMore" :loadingType="loadingType" :tPadding="0" style="padding-bottom: 100px;"> </template>
<template slot="content"> <template #loadingMoreNoMore >
<view style="height: 10rpx;"></view> <custom-nomore />
<view class="item" v-for="(item,index) in dataList" :key="index" @click="itemClick(item)"> </template>
<view class="item" v-for="(item,index) in dataList" :key="index" @click="itemClick(item)">
<image :src="item.packageImg" mode="" class="item-img"></image> <image :src="item.packageImg" mode="" class="item-img"></image>
<view class="item-view"> <view class="item-view">
<view class="view-cata"> <view class="view-cata">
<view class="item-view-title">{{item.title}}</view> <view class="item-view-title">{{item.title}}</view>
<!-- <span class="xiaoer item-view-biao">{{item.classifyName}}</span> --> <!-- <span class="xiaoer item-view-biao">{{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>
<span>/ <text v-if="item.type!='104'">{{item.serviceCount}}</text> {{typeData=='104'?'套':typeData=='105'?'次':'次'}}</span> <span>/ <text v-if="item.type!='104'">{{item.serviceCount}}</text> {{typeData=='104'?'套':typeData=='105'?'次':'次'}}</span>
<span>￥</span> <span>￥</span>
<span>{{item.oldPrice}}<text v-if="item.type!='104'">/{{item.serviceCount}}</text>{{typeData=='104'?'套':typeData=='105'?'次':'次'}}</span> <span>{{item.oldPrice}}<text v-if="item.type!='104'">/{{item.serviceCount}}</text>{{typeData=='104'?'套':typeData=='105'?'次':'次'}}</span>
</view> </view>
<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> <view class="shop_label" v-else>
<span>助眠解压</span> <span>助眠解压</span>
</view> </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><!-- | 好评{{item.esteemRate}}% --> <span>已售</span><span>{{item.sales}}</span><!-- | 好评{{item.esteemRate}}% -->
</view> </view>
<view class="item-view-bottom-btn"> <view class="item-view-bottom-btn">
查看 查看
</view> </view>
</view> </view>
</view> </view>
</view> </view>
</template> </z-paging>
</t-refresh>
<empty v-if="dataList.length==0"></empty>
</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,
@ -88,16 +82,16 @@
this.typeData=e.type this.typeData=e.type
this.getName=e.name; this.getName=e.name;
this.myId = uni.getStorageSync('userId') this.myId = uni.getStorageSync('userId')
this.getData(); // this.getData();
uni.setNavigationBarTitle({ uni.setNavigationBarTitle({
title: this.typeData=='104'?'服务套餐':this.typeData=='105'?'项目次卡':'服务疗程', title: this.typeData=='104'?'服务套餐':this.typeData=='105'?'项目次卡':'服务疗程',
}) })
this.tabNav() this.tabNav()
}, },
onPullDownRefresh: function() { // onPullDownRefresh: function() {
this.page = 1; // this.page = 1;
this.getData() // this.getData()
}, // },
methods: { methods: {
tabNav(){ tabNav(){
let data = { let data = {
@ -113,30 +107,21 @@
} }
}) })
}, },
changeClick(index,item){
this.classifyId=item.id
this.searchValue=''
this.page = 1;
this.dataList = []
this.getData()
},
// 加载更多 // 加载更多
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!=""){
@ -145,32 +130,57 @@
} }
}, },
getData(){ getData(){
var that=this; // var that=this;
that.$Request.get("/app/massage/package/findPage", { // that.$Request.get("/app/massage/package/findPage", {
type:that.typeData, // type:that.typeData,
page:that.page, // page:that.page,
limit:that.limit, // limit:that.limit,
title:that.searchValue, // title:that.searchValue,
classifyId:that.classifyId // classifyId:that.classifyId
}).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++){
var tagsData=this.dataList[i].labels.split(','); // var tagsData=this.dataList[i].labels.split(',');
this.dataList[i].tagsData = tagsData; // this.dataList[i].tagsData = tagsData;
} // }
uni.stopPullDownRefresh() // uni.stopPullDownRefresh()
} // }
} // }
}); // });
this.$refs.paging.reload(true);
}, },
queryList(pageNo, pageSize) {
const params = {
page: pageNo,
limit: pageSize,
type:this.typeData,
title:this.searchValue,
classifyId:this.classifyId
}
this.$Request.get('/app/massage/package/findPage',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);
})
},
changeClick(index,item){
this.classifyId=item.id
this.searchValue=''
this.page = 1;
this.dataList = []
this.getData()
},
backImg(){//返回上一页 backImg(){//返回上一页
uni.reLaunch({ uni.reLaunch({
url:'/pages/index/index' url:'/pages/index/index'
}) })
}, },
clear(res) { clear(res) {
this.getData() this.getData()
}, },
@ -188,8 +198,6 @@
url:'/pages/my/fuwuliaochengDetail?id='+item.id+'&limit='+this.limit+'&page='+this.page+'&name='+this.getName+'&isCanCoupon='+item.isCanCoupon url:'/pages/my/fuwuliaochengDetail?id='+item.id+'&limit='+this.limit+'&page='+this.page+'&name='+this.getName+'&isCanCoupon='+item.isCanCoupon
}) })
} }
} }
} }
} }
@ -208,8 +216,8 @@
flex-direction: column; flex-direction: column;
position: fixed; position: fixed;
z-index: 999; z-index: 999;
background:#fff linear-gradient(60deg,rgba(115, 212, 183, 0.2),rgba(227, 251, 244, 0.1),rgba(193, 236, 223, 0.35)); /*background:#fff linear-gradient(60deg,rgba(115, 212, 183, 0.2),rgba(227, 251, 244, 0.1),rgba(193, 236, 223, 0.35));
border-bottom:1rpx solid #c4ede1; border-bottom:1rpx solid #c4ede1;*/
padding-top: 6rpx; padding-top: 6rpx;
} }
.shop_label{ .shop_label{
@ -285,7 +293,7 @@
width: 100%; width: 100%;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: space-between; justify-content: center;
} }
.item-view-jianjie{ .item-view-jianjie{
font-weight: 400; font-weight: 400;
@ -347,22 +355,22 @@
white-space: nowrap; white-space: nowrap;
} }
.item-view{ .item-view{
width: 55%; width:59%;
height: 100%; height: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
justify-content: space-between; justify-content: space-between;
padding: 26rpx 0; padding:5rpx 0;
} }
.item-img{ .item-img{
width: 285rpx; width: 246rpx;
height: 120px; height: 206rpx;
border-radius: 14rpx; border-radius: 14rpx;
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;
@ -382,19 +390,19 @@
height: 100%; height: 100%;
} }
.item { .item {
width: 96%; width: 100%;
margin: 0 2% ; margin:0 auto;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: space-between; justify-content: space-between;
height: 140px; /*height: 140px;*/
background: #FFFFFF; background: #FFFFFF;
border-radius: 21rpx; border-radius: 21rpx;
margin-top:10px; margin-top:10px;
align-items: center; align-items: center;
padding: 0px 10px; padding:16rpx;
} }
.item-detail { .item-detail {
padding: 5rpx 15rpx; padding: 5rpx 15rpx;
border-radius: 10rpx; border-radius: 10rpx;
@ -402,7 +410,7 @@
color: white; color: white;
background-color: #007AFF; background-color: #007AFF;
} }
.item-line { .item-line {
position: absolute; position: absolute;
bottom: 0rpx; bottom: 0rpx;
@ -419,7 +427,7 @@
width: 95%; width: 95%;
margin: 0 auto; margin: 0 auto;
} }
.index-fenl-title{ .index-fenl-title{
width: 81rpx; width: 81rpx;
text-align: center; text-align: center;
@ -461,14 +469,15 @@
/deep/.uni-searchbar{ /deep/.uni-searchbar{
width:240px; width:240px;
border-radius: 31rpx; border-radius: 31rpx;
padding-right: 24rpx;
} }
.search-btn{ .search-btn{
text-align: center; text-align: center;
color: #111; color: #111;
font-weight: bold; font-weight: bold;
position: absolute; position: absolute;
right:50rpx; right:40rpx;
top: 26rpx; top: 19rpx;
font-size: 30rpx; font-size: 30rpx;
display: flex; display: flex;
align-items: center; align-items: center;

37
pages/my/miaoShaOderDrtail.vue
View File

@ -9,7 +9,7 @@
<view class="header-bottom-top"> <view class="header-bottom-top">
<view class="header-bottom-title"> <view class="header-bottom-title">
<view class="header-bottom-title-text"> <view class="header-bottom-title-text">
{{mainData.title}} {{mainData.title}}
</view> </view>
<view class="header-bottom-title-num"> <view class="header-bottom-title-num">
<span>{{mainData.sales}}</span> <span>{{mainData.sales}}</span>
@ -88,13 +88,13 @@
</view> </view>
</view> </view>
</view> </view>
<view class="detail-foot-title"> <view class="detail-foot-title">
服务项目{{index+1}} 服务项目
</view> </view>
</view> </view>
<view style="height: 70rpx;"></view> <view style="height: 70rpx;"></view>
</view> </view>
</view> </view>
<view class="push-button"> <view class="push-button">
@ -165,7 +165,7 @@
that.getData(); that.getData();
that.isVip=this.$queue.getData('isVIP'); that.isVip=this.$queue.getData('isVIP');
}, },
methods:{ methods:{
goNav(e) { goNav(e) {
uni.navigateTo({ uni.navigateTo({
@ -173,7 +173,7 @@
}) })
}, },
openpay(item) { openpay(item) {
uni.navigateTo({ uni.navigateTo({
url:'/my/order/payModifyTc?ordersId='+item.id url:'/my/order/payModifyTc?ordersId='+item.id
}) })
@ -200,7 +200,7 @@
'&limit='+10 '&limit='+10
}) })
} }
}, },
getData(){ getData(){
var that=this; var that=this;
@ -215,7 +215,7 @@
that.detailData=res.data.detailData; that.detailData=res.data.detailData;
that.backgroundImageUrl=that.mainData.packageImg; that.backgroundImageUrl=that.mainData.packageImg;
} }
}) })
}, },
} }
} }
@ -239,6 +239,7 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: space-around; justify-content: space-around;
} }
.detail-view-img{ .detail-view-img{
width: 80px; width: 80px;
@ -251,6 +252,8 @@
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
margin-top: 5px;
height: 100px;
} }
/deep/uni-checkbox .uni-checkbox-input{ /deep/uni-checkbox .uni-checkbox-input{
width: 26px; width: 26px;
@ -350,7 +353,7 @@
/* #ifndef MP-WEIXIN */ /* #ifndef MP-WEIXIN */
/* height: 130px; */ /* height: 130px; */
/* #endif */ /* #endif */
} }
.pay_btn { .pay_btn {
width: 90%; width: 90%;
@ -402,7 +405,7 @@
width: 34.03rpx; width: 34.03rpx;
height: 32.64rpx; height: 32.64rpx;
} }
.shouc{ .shouc{
display: flex; display: flex;
align-items: center; align-items: center;
@ -466,7 +469,7 @@
align-items: center; align-items: center;
padding: 15px 0px; padding: 15px 0px;
} }
.tese span:nth-child(1){ .tese span:nth-child(1){
font-weight: bold; font-weight: bold;
font-size: 24rpx; font-size: 24rpx;
@ -506,7 +509,7 @@
font-size: 30rpx; font-size: 30rpx;
color: #029d88; color: #029d88;
} }
.detail-foot-mian{ .detail-foot-mian{
width: 100%; width: 100%;
display: flex; display: flex;
@ -583,7 +586,7 @@
width: 100%; width: 100%;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
margin-top: 8rpx; margin-top: 8rpx;
} }
.header-bottom-money-jia{ .header-bottom-money-jia{
@ -594,7 +597,7 @@
margin-left: 5px; margin-left: 5px;
} }
.header-bottom-money-zhen span{ .header-bottom-money-zhen span{
color: #F95900; color: #FF1200;
} }
.header-bottom-money-zhen span:nth-child(1){ .header-bottom-money-zhen span:nth-child(1){
font-size: 26rpx; font-size: 26rpx;
@ -611,7 +614,7 @@
flex-direction: row; flex-direction: row;
align-items: baseline; align-items: baseline;
} }
.header-bottom-money-view{ .header-bottom-money-view{
width: 100%; width: 100%;
display: flex; display: flex;
@ -660,7 +663,7 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
.header{ .header{
width: 100%; width: 100%;
display: flex; display: flex;
@ -687,4 +690,4 @@
justify-content: fex-end; justify-content: fex-end;
background: #eefffa; background: #eefffa;
} }
</style> </style>

49
pages/my/newTeaml.vue
View File

@ -23,21 +23,21 @@
<z-tabs class="z-tabs-fenlei" :list="tabList" @change="tabChange" @changeClick="changeClick"/> <z-tabs class="z-tabs-fenlei" :list="tabList" @change="tabChange" @changeClick="changeClick"/>
</view> --> </view> -->
</template> </template>
<!-- 自定义下拉刷新view(如果use-custom-refresher为true且不设置下面的slot="refresher"，此时不用获取refresherStatus，会自动使用z-paging自带的下拉刷新view) --> <!-- 自定义下拉刷新view(如果use-custom-refresher为true且不设置下面的slot="refresher"，此时不用获取refresherStatus，会自动使用z-paging自带的下拉刷新view) -->
<!-- 注意注意注意！！字节跳动小程序中自定义下拉刷新不支持slot-scope，将导致custom-refresher无法显示 --> <!-- 注意注意注意！！字节跳动小程序中自定义下拉刷新不支持slot-scope，将导致custom-refresher无法显示 -->
<!-- 如果是字节跳动小程序，请参照sticky-demo.vue中的写法，此处使用slot-scope是为了减少data中无关变量声明，降低依赖 --> <!-- 如果是字节跳动小程序，请参照sticky-demo.vue中的写法，此处使用slot-scope是为了减少data中无关变量声明，降低依赖 -->
<template #refresher="{refresherStatus}" > <!-- <template #refresher="{refresherStatus}" >-->
<!-- 此处的custom-refresh为demo中自定义的组件，非z-paging的内置组件，请在实际项目中自行创建。这里插入什么view，下拉刷新就显示什么view --> <!-- 此处的custom-refresh为demo中自定义的组件，非z-paging的内置组件，请在实际项目中自行创建。这里插入什么view，下拉刷新就显示什么view -->
<custom-refresher :status="refresherStatus" /> <!-- <custom-refresher :status="refresherStatus" />-->
</template> <!-- </template>-->
<!-- 自定义没有更多数据view --> <!-- 自定义没有更多数据view -->
<template #loadingMoreNoMore > <template #loadingMoreNoMore >
<!-- 此处的custom-nomore为demo中自定义的组件，非z-paging的内置组件，请在实际项目中自行创建。这里插入什么view，没有更多数据就显示什么view --> <!-- 此处的custom-nomore为demo中自定义的组件，非z-paging的内置组件，请在实际项目中自行创建。这里插入什么view，没有更多数据就显示什么view -->
<custom-nomore /> <custom-nomore />
</template> </template>
<!-- 如果希望其他view跟着页面滚动，可以放在z-paging标签内 --> <!-- 如果希望其他view跟着页面滚动，可以放在z-paging标签内 -->
<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)" >
<!-- <view class="item-title">{{item.title}}</view> <!-- <view class="item-title">{{item.title}}</view>
@ -49,7 +49,7 @@
</view> </view>
<view class="item-view" v-if="text=='index'"> <view class="item-view" v-if="text=='index'">
<view class="view-cata"> <view class="view-cata">
<view class="item-view-title">{{item.title}}</view> <view class="item-view-title">{{item.title}}1111</view>
</view> </view>
<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>
@ -70,7 +70,7 @@
<span class="seckill-text">去拼团</span> <span class="seckill-text">去拼团</span>
</view> </view>
</view> </view>
</view> </view>
<view class="item-view" v-else> <view class="item-view" v-else>
<view class="view-cata"> <view class="view-cata">
<view class="item-view-title">{{item.title}}</view> <view class="item-view-title">{{item.title}}</view>
@ -83,9 +83,12 @@
<span>￥</span> <span>￥</span>
<span>{{item.oldPrice}}</span> <span>{{item.oldPrice}}</span>
</view> </view>
<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}} <!-- | 好评{{item.esteemRate}}% --></span> <span>已售</span><span>{{item.sales}} <!-- | 好评{{item.esteemRate}}% --></span>
@ -94,10 +97,10 @@
查看 查看
</view> </view>
</view> </view>
</view> </view>
</view> </view>
</z-paging> </z-paging>
</view> </view>
</template> </template>
@ -161,7 +164,7 @@
// } // }
// }) // })
// } // }
this.$refs.paging.reload(true); this.$refs.paging.reload(true);
}, },
tabChange(index) { tabChange(index) {
this.tabIndex = index; this.tabIndex = index;
@ -184,22 +187,24 @@
if(this.text=='index'){//首页进来的秒杀列表接口 if(this.text=='index'){//首页进来的秒杀列表接口
this.$Request.get('/app/massage/package/findAppActivityPage',params).then(res => { this.$Request.get('/app/massage/package/findAppActivityPage',params).then(res => {
for(var i=0;i<res.data.list.length;i++){ for(var i=0;i<res.data.list.length;i++){
var tagsData=res.data.list[i].labels.split(','); res.data.list[i].tagsData=res.data.list[i].labels.split(',');
res.data.list[i].tagsData = tagsData;
} }
this.$refs.paging.complete(res.data.list); this.$refs.paging.complete(res.data.list);
}).catch(res => { }).catch(res => {
this.$refs.paging.complete(false); this.$refs.paging.complete(false);
}) })
}else{ }else{
this.$Request.get('/app/user/package/findMyPackageList',params).then(res => { this.$Request.get('/app/user/package/findMyPackageList',params).then(res => {
for(var i=0;i<res.data.records.length;i++){
res.data.records[i].tagsData=res.data.records[i].labels.split(',');
}
this.$refs.paging.complete(res.data.records); this.$refs.paging.complete(res.data.records);
}).catch(res => { }).catch(res => {
this.$refs.paging.complete(false); this.$refs.paging.complete(false);
}) })
} }
}, },
backImg(){//返回上一页 backImg(){//返回上一页
if(this.text=='my'){ if(this.text=='my'){
uni.reLaunch({ uni.reLaunch({
@ -210,7 +215,7 @@
url:'/pages/index/index' url:'/pages/index/index'
}) })
} }
}, },
clear(res) { clear(res) {
this.getData() this.getData()
}, },
@ -271,7 +276,7 @@
.pace-text span:nth-child(2){ .pace-text span:nth-child(2){
color: #666; color: #666;
} }
.pace{ .pace{
width: 60%; width: 60%;
height: 30rpx; height: 30rpx;
@ -289,7 +294,7 @@
.seckill-money{ .seckill-money{
width: 74%; width: 74%;
background: #fff8f0; background: #fff8f0;
border-radius: 10rpx 0 0 10rpx; border-radius: 10rpx 0 0 10rpx;
padding: 14rpx 20rpx; padding: 14rpx 20rpx;
} }
.seckill-money span:nth-child(1){ .seckill-money span:nth-child(1){
@ -361,7 +366,7 @@
font-size: 36.81rpx; font-size: 36.81rpx;
color: #FF1200; color: #FF1200;
} }
.item-view-bottom{ .item-view-bottom{
width: 100%; width: 100%;
display: flex; display: flex;
@ -468,7 +473,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;
@ -476,7 +481,7 @@
color: white; color: white;
background-color: #007AFF; background-color: #007AFF;
} }
.item-line { .item-line {
position: absolute; position: absolute;
bottom: 0rpx; bottom: 0rpx;
@ -536,7 +541,7 @@
height: 50rpx; height: 50rpx;
background: #18A689; background: #18A689;
border-radius: 31rpx; border-radius: 31rpx;
} }
/deep/.uni-searchbar__box{ /deep/.uni-searchbar__box{
height: 30px; height: 30px;

34
pages/my/newseckill.vue
View File

@ -28,10 +28,10 @@
<!-- 注意注意注意！！字节跳动小程序中自定义下拉刷新不支持slot-scope，将导致custom-refresher无法显示 --> <!-- 注意注意注意！！字节跳动小程序中自定义下拉刷新不支持slot-scope，将导致custom-refresher无法显示 -->
<!-- 如果是字节跳动小程序，请参照sticky-demo.vue中的写法，此处使用slot-scope是为了减少data中无关变量声明，降低依赖 --> <!-- 如果是字节跳动小程序，请参照sticky-demo.vue中的写法，此处使用slot-scope是为了减少data中无关变量声明，降低依赖 -->
<template #refresher="{refresherStatus}" > <!-- <template #refresher="{refresherStatus}" > -->
<!-- 此处的custom-refresh为demo中自定义的组件，非z-paging的内置组件，请在实际项目中自行创建。这里插入什么view，下拉刷新就显示什么view --> <!-- 此处的custom-refresh为demo中自定义的组件，非z-paging的内置组件，请在实际项目中自行创建。这里插入什么view，下拉刷新就显示什么view -->
<custom-refresher :status="refresherStatus" /> <!-- <custom-refresher :status="refresherStatus" />
</template> </template> -->
<!-- 自定义没有更多数据view --> <!-- 自定义没有更多数据view -->
<template #loadingMoreNoMore > <template #loadingMoreNoMore >
<!-- 此处的custom-nomore为demo中自定义的组件，非z-paging的内置组件，请在实际项目中自行创建。这里插入什么view，没有更多数据就显示什么view --> <!-- 此处的custom-nomore为demo中自定义的组件，非z-paging的内置组件，请在实际项目中自行创建。这里插入什么view，没有更多数据就显示什么view -->
@ -66,11 +66,10 @@
<!-- <span>/{{item.serviceCount}}次</span> --> <!-- <span>/{{item.serviceCount}}次</span> -->
<span>￥{{item.oldPrice}}</span> <span>￥{{item.oldPrice}}</span>
</view> </view>
<view class="item-view-bottom" v-if="text=='index'">
<view class="item-view-bottom"> <view class="item-view-xiangmu">
<view class="item-view-xiangmu"> <span>已售</span><span>{{item.sales}} <!-- | 好评{{item.esteemRate}}% --></span>
<span>已售</span><span>{{item.sales}} <!-- | 好评{{item.esteemRate}}% --></span> </view>
</view>
<view class="item-view-bottom-btn" v-if="item.isStart=='true'"> <view class="item-view-bottom-btn" v-if="item.isStart=='true'">
开抢 开抢
</view> </view>
@ -78,6 +77,14 @@
开抢 开抢
</view> </view>
</view> </view>
<view class="item-view-bottom" v-if="text=='my'">
<view class="item-view-xiangmu">
<span>已售</span><span>{{item.sales}} <!-- | 好评{{item.esteemRate}}% --></span>
</view>
<view class="item-view-bottom-btn">
预约
</view>
</view>
</view> </view>
</view> </view>
</z-paging> </z-paging>
@ -182,6 +189,10 @@
}) })
}else{ }else{
this.$Request.get('/app/user/package/findMyPackageList',params).then(res => { this.$Request.get('/app/user/package/findMyPackageList',params).then(res => {
console.log(res.data.records);
for(var i=0;i<res.data.records.length;i++){
res.data.records[i].tagsData=res.data.records[i].labels.split(',');
}
this.$refs.paging.complete(res.data.records); this.$refs.paging.complete(res.data.records);
}).catch(res => { }).catch(res => {
this.$refs.paging.complete(false); this.$refs.paging.complete(false);
@ -384,12 +395,15 @@
} }
.item-view-xiangmu span:nth-child(2){ .item-view-xiangmu span:nth-child(2){
font-weight: normal; font-weight: normal;
color: #666666; color: #333333;
font-size: 30rpx;
} }
.item-view-xiangmu span:nth-child(1){ .item-view-xiangmu span:nth-child(1){
font-weight: normal; font-weight: normal;
color: #999; color: #666666;
margin-right: 5rpx; margin-right: 5rpx;
font-size: 30rpx;
} }
.shop_label{ .shop_label{
display: flex; display: flex;

351
pages/my/orderDetailsList.vue
View File

@ -1,99 +1,90 @@
<!-- 自定义下拉刷新与上拉加载演示(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>{{previousPage.name}}</span> <view class="service-head-top-left">
</view> <image @click="backImg" src="../../static/fanhui.png" mode="widthFix"></image>
<view> <span>{{previousPage.name}}</span>
<uni-search-bar @service="serviceTrue" @confirm="search" :cancelext="'取消'" v-model="searchValue" @input="input" </view>
@clear="clear"> <view>
</uni-search-bar> <uni-search-bar @service="serviceTrue" @confirm="search" :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>
<!-- 升级订单 --> </template>
<view class="item" v-for="(item,index) in dataList" :key="index" @click="itemClick(item)"> <template #loadingMoreNoMore>
<view class="flex justify-between st-title"> <custom-nomore />
<view class="flex align-center profile-img"> </template>
<view class="pay-margin bg ding-view" v-for="(item,index) in dataList" :key="index" @click="itemClick(item)" style="border-radius: 20rpx;padding: 36rpx;">
<image src="../../static/logo.png" style="width: 55rpx;height: 55rpx;border: 1px solid#d7f2ee;border-radius: 50%;"> <view class="flex justify-between">
</image> <view class="flex align-center profile-img">
<view class="margin-left-xs ">{{item.artificerName}}</view> <image src="../../static/logo.png" style="width: 55rpx;height: 55rpx;border: 1px solid#d7f2ee;border-radius: 50%;">
</view> </image>
<view class="text-green"><span>{{item.ordersNo}}</span></view> <view class="margin-left-xs ">{{item.artificerName}}</view>
<!-- <view class="text-green" v-if="item.status ==2"><span>{{item.ordersNo}}</span><span>待服务</span></view> </view>
<view class="text-green" v-if="item.status ==3"><span>{{item.ordersNo}}</span><span>待评价</span></view> <view v-if="item.status ==1"><span class="status-num">{{item.ordersNo}}</span><span class="status-button-a">待支付</span></view>
<view class="text-green" v-if="item.status ==4"><span>{{item.ordersNo}}</span><span>已取消</span></view> <view v-if="item.status ==2"><span class="status-num">{{item.ordersNo}}</span><span class="status-button-b">待服务</span></view>
<view class="text-green" v-if="item.status ==5"><span>{{item.ordersNo}}</span><span>已完成</span></view> <view v-if="item.status ==3"><span class="status-num">{{item.ordersNo}}</span><span class="status-button-c">待评价</span></view>
<view class="text-green" v-if="item.status ==6"><span>{{item.ordersNo}}</span><span>服务中</span></view> <view v-if="item.status ==4"><span class="status-num">{{item.ordersNo}}</span><span class="status-button-d">已取消</span></view>
<view class="text-green" v-if="item.status ==7"><span>{{item.ordersNo}}</span><span>技师出发</span></view> <view v-if="item.status ==5"><span class="status-num">{{item.ordersNo}}</span><span class="status-button-e">已完成</span></view>
<view class="text-green" v-if="item.status ==8"><span>{{item.ordersNo}}</span><span>技师到达</span></view> <view v-if="item.status ==6"><span class="status-num">{{item.ordersNo}}</span><span class="status-button-f">服务中</span></view>
<view class="text-green" v-if="item.status ==9"><span>{{item.ordersNo}}</span><span>待确认</span></view> <view v-if="item.status ==7"><span class="status-num">{{item.ordersNo}}</span><span class="status-button-h">技师出发</span></view>
<view class="text-green" v-if="item.status ==10"><span>{{item.ordersNo}}</span><span>待补单</span></view> --> <view v-if="item.status ==8"><span class="status-num">{{item.ordersNo}}</span><span class="status-button-i">技师到达</span></view>
<view v-if="item.status ==9"><span class="status-num">{{item.ordersNo}}</span><span class="status-button-g">待确认</span></view>
<!-- <view class="u-tips-color">{{item.createTime}}</view> --> <view v-if="item.status ==10"><span class="status-num">{{item.ordersNo}}</span><span class="status-button-h">待补单</span></view>
</view> </view>
<view class="margin-top-sm"></view> <view class="margin-top-sm" style="width: 100%;height: 1rpx;background: #f7f7f7;"></view>
<view class=" u-flex" v-if="item.ordersMassageList[0].userPackageDetail==null"> <view class="u-flex u-p-t-30" v-if="item.ordersMassageList[0].userPackageDetail==null">
<view class="u-m-r-10"> <view class="u-m-r-10">
<image :src="item.ordersMassageList[0].massageType.massageImg" mode="" style="height: 155rpx;width: 155rpx;flex: 0 0 155rpx;"></image> <image :src="item.ordersMassageList[0].massageType.massageImg" mode="square" style="height: 155rpx;width: 155rpx;flex: 0 0 155rpx;"></image>
</view> </view>
<view class="u-flex-1" style="margin-left: 20rpx;">
<view class="u-flex-1" style="margin-left: 20rpx;"> <view class="text-bold u-line-1">
<view class="text-bold u-line-1" style="width: 560rpx;"> <view class="text-lg"
<view class=" text-lg " style="font-size: 32rpx;margin-top: 0rpx;display: inline-block;width: 470rpx; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">
style="font-size: 32rpx;margin-top: 0rpx;display: inline-block;width: 470rpx; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;"> {{item.entryName}}
{{item.entryName}} </view>
</view> </view>
</view> <view class="u-font-13 u-tips-color justify-between title-font" style="margin-top: 14rpx;">
<view class="u-font-12 u-tips-color flex justify-between" style="margin-top: 6rpx;"> <text class="title-font">预约时间：</text><text class="value-font">{{item.serveTime}}</text>
预约时间：{{item.serveTime}} </view>
</view> <view class="flex-sub u-font-13">
<view class="flex-sub u-font-12 margin-top-xs" style="color: #999999;"> <text class="title-font">实付金额：</text><text class="text-xl text-bold" style="color: #FF1200;">￥{{item.payMoneyTotal}}</text>
实付：<text class="text-df" style="color: #FF1200;">￥</text><text class="text-xl text-bold" style="color: #FF1200;">{{item.payMoneyTotal}}</text> </view>
</view> </view>
</view> </view>
</view> <view class="u-flex u-p-t-30" v-else>
<view class=" u-flex" v-else> <view class="u-m-r-10">
<view class="u-m-r-10"> <image :src="item.ordersMassageList[0].userPackageDetail.massageImg" mode="square" style="height: 155rpx;width: 155rpx;flex: 0 0 155rpx;"></image>
<image :src="item.ordersMassageList[0].userPackageDetail.massageImg" mode="" style="height: 155rpx;width: 155rpx;flex: 0 0 155rpx;"></image> </view>
</view> <view class="u-flex-1" style="margin-left: 20rpx;">
<view class="u-flex-1" style="margin-left: 20rpx;"> <view class="text-bold u-line-1">
<view class="text-bold u-line-1" style="width: 560rpx;"> <view class="text-lg"
<view class=" text-lg " style="font-size: 32rpx;margin-top: 0rpx;display: inline-block;width: 470rpx; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">
style="font-size: 32rpx;margin-top: 0rpx;display: inline-block;width: 470rpx; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;"> {{item.entryName}}
{{item.entryName}} </view>
</view> </view>
</view> <view class="u-font-13 u-tips-color justify-between title-font" style="margin-top: 14rpx;">
<view class="u-font-12 u-tips-color flex justify-between" style="margin-top: 6rpx;"> <text class="title-font">预约时间：</text><text class="value-font">{{item.serveTime}}</text>
预约时间：{{item.serveTime}} </view>
</view> <view class="flex-sub u-font-13">
<view class="flex-sub u-font-12 margin-top-xs" style="color: #999999;"> <text class="title-font">实付金额：</text><text class="text-xl text-bold" style="color: #FF1200;">￥{{item.payMoneyTotal}}</text>
实付：<text class="text-df" style="color: #FF1200;">￥</text><text class="text-xl text-bold" style="color: #FF1200;">{{item.payMoneyTotal}}</text> </view>
</view> </view>
</view> </view>
</view> </view>
</view> </z-paging>
</template>
</t-refresh>
<empty v-if="dataList.length==0"></empty>
</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,
@ -117,26 +108,26 @@
that.previousPage=e; that.previousPage=e;
that.isVIP=this.$queue.getData('isVIP'); that.isVIP=this.$queue.getData('isVIP');
that.myId = uni.getStorageSync('userId'); that.myId = uni.getStorageSync('userId');
that.getData() // that.getData()
},
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;
}, },
@ -146,21 +137,35 @@
} }
}, },
getData(){ getData(){
this.$Request.get("/app/artificer/selectAppOrdersList", { // this.$Request.get("/app/artificer/selectAppOrdersList", {
page:this.page, // page:this.page,
limit:this.limit, // limit:this.limit,
title:this.searchValue, // title:this.searchValue,
userPackageId:this.previousPage.id // userPackageId:this.previousPage.id
}).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]; //追加新数据
uni.stopPullDownRefresh() // uni.stopPullDownRefresh()
} // }
} // }
}); // });
this.$refs.paging.reload(true);
}, },
queryList(pageNo, pageSize) {
const params = {
page: pageNo,
limit: pageSize,
userPackageId:this.previousPage.id,
title:this.searchValue
}
this.$Request.get('/app/artificer/selectAppOrdersList',params).then(res => {
this.$refs.paging.complete(res.data.list);
}).catch(res => {
this.$refs.paging.complete(false);
})
},
backImg(){//返回上一页 backImg(){//返回上一页
if(this.previousPage.name=='次卡'){ if(this.previousPage.name=='次卡'){
uni.reLaunch({ uni.reLaunch({
@ -171,8 +176,7 @@
url:'/pages/my/fuwuliaochengDetail?id='+this.previousPage.id+'&limit='+10+'&page='+1+'&name='+'my' url:'/pages/my/fuwuliaochengDetail?id='+this.previousPage.id+'&limit='+10+'&page='+1+'&name='+'my'
}) })
} }
},
},
clear(res) { clear(res) {
this.getData() this.getData()
}, },
@ -180,13 +184,22 @@
// uni.navigateTo({ // uni.navigateTo({
// url:'/my/order/payCLDetail?ordersId='+item.ordersId // url:'/my/order/payCLDetail?ordersId='+item.ordersId
// }) // })
} }
} }
} }
</script> </script>
<style scoped> <style lang="scss" scoped>
.pay-margin{
margin: 20rpx 20rpx;
}
.bg {
background-color: #FFFFFF;
}
.profile-img{
margin-top: -20rpx;
}
.st-title{ .st-title{
padding-top:20rpx; padding-top:20rpx;
} }
@ -197,21 +210,19 @@
align-items: center; align-items: center;
} }
/deep/.justify-between{ /deep/.justify-between{
align-items: center; height: 54rpx;
} }
.ding-view{ .ding-view{
position: relative; position: relative;
} }
.text-green span:nth-child(1){ .text-green span:nth-child(1){
font-weight: 400; font-size: 30rpx;
font-size: 25rpx; color: #333333;
color: #7D7D7D;
margin-right: 10px; margin-right: 10px;
} }
.text-green span:nth-child(2){ .text-green span:nth-child(2){
font-weight: 400; font-size: 30rpx;
font-size: 25rpx; color: #333333;
color: #7D7D7D;
margin-right: 10px; margin-right: 10px;
} }
.header-bottom-title-liao{ .header-bottom-title-liao{
@ -377,13 +388,13 @@
width: 95%; width: 95%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
height: 140px; height: 200px;
background: #FFFFFF; background: #FFFFFF;
border-radius: 21rpx; border-radius: 20rpx;
padding: 0px 12px; padding: 0px 12px;
margin: 20rpx auto 0px auto; margin: 20rpx auto 0px auto;
} }
.item-detail { .item-detail {
padding: 5rpx 15rpx; padding: 5rpx 15rpx;
border-radius: 10rpx; border-radius: 10rpx;
@ -391,7 +402,7 @@
color: white; color: white;
background-color: #007AFF; background-color: #007AFF;
} }
.item-line { .item-line {
position: absolute; position: absolute;
bottom: 0rpx; bottom: 0rpx;
@ -405,7 +416,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{
@ -500,5 +511,73 @@
background: linear-gradient(60deg,rgba(115, 212, 183, 0.2),rgba(227, 251, 244, 0.1),rgba(193, 236, 223, 0.35)); background: linear-gradient(60deg,rgba(115, 212, 183, 0.2),rgba(227, 251, 244, 0.1),rgba(193, 236, 223, 0.35));
border-bottom:1rpx solid #c4ede1; border-bottom:1rpx solid #c4ede1;
} }
.head-title{
font-weight: bold;
font-size: 32rpx;
color: #333333;
}
.title-font{
font-size: 30rpx;
color: #666666;
}
.value-font{
font-size: 30rpx;
color: #333333;
}
.margin-left-xs{
font-size: 32rpx;
font-weight: bold;
color: #111111;
}
/deep/.margin-top-sm{
margin-top: 3px;
}
.status-button{
font-weight: bold;
color: #019c88;
font-size: 31rpx;
}
.status-button-a{
font-weight: bold;
color: #ff932a;
}
.status-button-b{
font-weight: bold;
color: #7446fc;
}
.status-button-d{
font-weight: bold;
color: #888888;
}
.status-button-e{
font-weight: bold;
color: #999999;
}
.status-button-f{
font-weight: bold;
color: #019c88;
}
.status-button-g{
font-weight: bold;
color: #e04f3c;
}
.status-button-h{
font-weight: bold;
color: #965fb9;
}
.status-button-i{
font-weight: bold;
color: #002ea4;
}
.status-button-g{
font-weight: bold;
color: #43b943;
}
.status-button-h{
font-weight: bold;
color: #1bcada;
}
.status-num{
margin-right: 15rpx;
}
</style> </style>

36
pages/my/pinTuanOderDrtail.vue
View File

@ -9,7 +9,7 @@
<view class="header-bottom-top"> <view class="header-bottom-top">
<view class="header-bottom-title"> <view class="header-bottom-title">
<view class="header-bottom-title-text"> <view class="header-bottom-title-text">
{{mainData.title}} {{mainData.title}}
</view> </view>
<view class="header-bottom-title-num"> <view class="header-bottom-title-num">
<span>{{mainData.sales}}</span> <span>{{mainData.sales}}</span>
@ -88,13 +88,13 @@
</view> </view>
</view> </view>
</view> </view>
<view class="detail-foot-title"> <view class="detail-foot-title">
服务项目{{index+1}} 服务项目
</view> </view>
</view> </view>
<view style="height: 70rpx;"></view> <view style="height: 70rpx;"></view>
</view> </view>
</view> </view>
<view class="push-button"> <view class="push-button">
@ -165,7 +165,7 @@
that.getData(); that.getData();
that.isVip=this.$queue.getData('isVIP'); that.isVip=this.$queue.getData('isVIP');
}, },
methods:{ methods:{
goNav(e) { goNav(e) {
uni.navigateTo({ uni.navigateTo({
@ -173,7 +173,7 @@
}) })
}, },
openpay(item) { openpay(item) {
uni.navigateTo({ uni.navigateTo({
url:'/my/order/payModifyTc?ordersId='+item.id url:'/my/order/payModifyTc?ordersId='+item.id
}) })
@ -200,7 +200,7 @@
'&limit='+10 '&limit='+10
}) })
} }
}, },
getData(){ getData(){
var that=this; var that=this;
@ -215,7 +215,7 @@
that.detailData=res.data.detailData; that.detailData=res.data.detailData;
that.backgroundImageUrl=that.mainData.packageImg; that.backgroundImageUrl=that.mainData.packageImg;
} }
}) })
}, },
} }
} }
@ -251,6 +251,8 @@
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
margin-top: 5px;
height: 100px;
} }
/deep/uni-checkbox .uni-checkbox-input{ /deep/uni-checkbox .uni-checkbox-input{
width: 26px; width: 26px;
@ -350,7 +352,7 @@
/* #ifndef MP-WEIXIN */ /* #ifndef MP-WEIXIN */
/* height: 130px; */ /* height: 130px; */
/* #endif */ /* #endif */
} }
.pay_btn { .pay_btn {
width: 90%; width: 90%;
@ -402,7 +404,7 @@
width: 34.03rpx; width: 34.03rpx;
height: 32.64rpx; height: 32.64rpx;
} }
.shouc{ .shouc{
display: flex; display: flex;
align-items: center; align-items: center;
@ -466,7 +468,7 @@
align-items: center; align-items: center;
padding: 15px 0px; padding: 15px 0px;
} }
.tese span:nth-child(1){ .tese span:nth-child(1){
font-weight: bold; font-weight: bold;
font-size: 24rpx; font-size: 24rpx;
@ -506,7 +508,7 @@
font-size: 30rpx; font-size: 30rpx;
color: #029d88; color: #029d88;
} }
.detail-foot-mian{ .detail-foot-mian{
width: 100%; width: 100%;
display: flex; display: flex;
@ -583,7 +585,7 @@
width: 100%; width: 100%;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
margin-top: 8rpx; margin-top: 8rpx;
} }
.header-bottom-money-jia{ .header-bottom-money-jia{
@ -594,7 +596,7 @@
margin-left: 5px; margin-left: 5px;
} }
.header-bottom-money-zhen span{ .header-bottom-money-zhen span{
color: #F95900; color: #FF1200;
} }
.header-bottom-money-zhen span:nth-child(1){ .header-bottom-money-zhen span:nth-child(1){
font-size: 26rpx; font-size: 26rpx;
@ -611,7 +613,7 @@
flex-direction: row; flex-direction: row;
align-items: baseline; align-items: baseline;
} }
.header-bottom-money-view{ .header-bottom-money-view{
width: 100%; width: 100%;
display: flex; display: flex;
@ -660,7 +662,7 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
.header{ .header{
width: 100%; width: 100%;
display: flex; display: flex;
@ -687,4 +689,4 @@
justify-content: fex-end; justify-content: fex-end;
background: #eefffa; background: #eefffa;
} }
</style> </style>

89
pages/my/serviceOderDrtail.vue
View File

@ -9,7 +9,7 @@
<view class="header-bottom-top"> <view class="header-bottom-top">
<view class="header-bottom-title"> <view class="header-bottom-title">
<view class="header-bottom-title-text"> <view class="header-bottom-title-text">
{{mainData.title}} {{mainData.title}}
</view> </view>
<view class="header-bottom-title-num"> <view class="header-bottom-title-num">
<span>{{mainData.sales}}</span> <span>{{mainData.sales}}</span>
@ -30,13 +30,14 @@
</view> </view>
</view> </view>
<view class="header-bottom-mian"> <view class="header-bottom-mian">
<view class="header-bottom-mian-title"> <!--<view class="header-bottom-mian-title">
<image src="../../static/servicePackage/jianjie.png" mode=""></image> <image src="../../static/servicePackage/jianjie.png" mode=""></image>
<span>套餐简介</span> <span>套餐简介</span>
</view> </view>-->
<view class="jianjie"> <view class="jianjie">
{{mainData.content}} {{mainData.content}}
</view> </view>
<span class="jianjie-more">更多</span>
</view> </view>
<view class="header-bottom-foot"> <view class="header-bottom-foot">
<view><image class="header-bottom-foot-title" src="../../static/dituzhaoren1.png" ></image></view> <view><image class="header-bottom-foot-title" src="../../static/dituzhaoren1.png" ></image></view>
@ -88,13 +89,13 @@
</view> </view>
</view> </view>
</view> </view>
<view class="detail-foot-title"> <view class="detail-foot-title">
服务项目{{index+1}} 服务项目{{index+1}}
</view> </view>
</view> </view>
<view style="height: 70rpx;"></view> <view style="height: 70rpx;"></view>
</view> </view>
</view> </view>
<view class="push-button"> <view class="push-button">
@ -184,7 +185,7 @@
}], }],
this.openWay = 2; this.openWay = 2;
// #endif // #endif
// #ifdef MP-WEIXIN // #ifdef MP-WEIXIN
this.openLists = [{ this.openLists = [{
image: '../../static/images/icon_weixin.png', image: '../../static/images/icon_weixin.png',
@ -220,7 +221,7 @@
} else { } else {
that.$queue.showToast(res.msg) that.$queue.showToast(res.msg)
} }
}); });
}, },
goOrder() {//生成orderId goOrder() {//生成orderId
@ -249,7 +250,7 @@
} else { } else {
that.$queue.showToast(res.msg) that.$queue.showToast(res.msg)
} }
}); });
}, },
openpay(item) { openpay(item) {
@ -267,7 +268,7 @@
selectWay: function(item) { selectWay: function(item) {
this.openWay = item.id; this.openWay = item.id;
}, },
payJZ() { payJZ() {
let that = this; let that = this;
if (that.openWay == 1) { //零钱支付 if (that.openWay == 1) { //零钱支付
@ -324,7 +325,7 @@
}) })
that.getData() that.getData()
// this.$queue.showToast('支付成功'); // this.$queue.showToast('支付成功');
// uni.switchTab({ // uni.switchTab({
// url: '/pages/my/index' // url: '/pages/my/index'
// }) // })
@ -340,7 +341,7 @@
} }
}); });
// #endif // #endif
// #ifdef H5 // #ifdef H5
let ua = navigator.userAgent.toLowerCase(); let ua = navigator.userAgent.toLowerCase();
if (ua.indexOf('micromessenger') != -1) { if (ua.indexOf('micromessenger') != -1) {
@ -382,9 +383,9 @@
} }
}); });
} }
// #endif // #endif
// #ifdef APP // #ifdef APP
let data = { let data = {
ordersId: that.order.ordersId, ordersId: that.order.ordersId,
@ -414,7 +415,7 @@
that.getData() that.getData()
}); });
// #endif // #endif
// #ifdef APP-PLUS // #ifdef APP-PLUS
let data = { let data = {
ordersId: that.tordersId, ordersId: that.tordersId,
@ -428,7 +429,7 @@
}); });
// #endif // #endif
} }
}, },
// 支付订单 // 支付订单
pay() { pay() {
@ -467,7 +468,7 @@
console.log('用户点击取消'); console.log('用户点击取消');
} }
} }
}) })
} else if (that.openWay == 2) { //微信支付 } else if (that.openWay == 2) { //微信支付
that.$queue.showLoading('支付中...') that.$queue.showLoading('支付中...')
@ -495,7 +496,7 @@
}) })
that.getData() that.getData()
// this.$queue.showToast('支付成功'); // this.$queue.showToast('支付成功');
// uni.switchTab({ // uni.switchTab({
// url: '/pages/my/index' // url: '/pages/my/index'
// }) // })
@ -511,7 +512,7 @@
} }
}); });
// #endif // #endif
// #ifdef H5 // #ifdef H5
let ua = navigator.userAgent.toLowerCase(); let ua = navigator.userAgent.toLowerCase();
if (ua.indexOf('micromessenger') != -1) { if (ua.indexOf('micromessenger') != -1) {
@ -559,9 +560,9 @@
} }
}); });
} }
// #endif // #endif
// #ifdef APP // #ifdef APP
let data = { let data = {
ordersId: that.order.ordersId, ordersId: that.order.ordersId,
@ -592,7 +593,7 @@
that.getData() that.getData()
}); });
// #endif // #endif
// #ifdef APP-PLUS // #ifdef APP-PLUS
let data = { let data = {
ordersId: that.order.ordersId, ordersId: that.order.ordersId,
@ -628,8 +629,8 @@
'&name='+this.nameText '&name='+this.nameText
}) })
} }
}, },
getData(){ getData(){
var that=this; var that=this;
@ -646,7 +647,7 @@
that.backgroundImageUrl=that.mainData.packageImg; that.backgroundImageUrl=that.mainData.packageImg;
that.nameText="my" that.nameText="my"
} }
}) })
}else{//从首页 推荐进入 请求的接口 }else{//从首页 推荐进入 请求的接口
let data = { let data = {
mainId: that.serviData.id, mainId: that.serviData.id,
@ -662,7 +663,7 @@
} }
}) })
} }
}, },
} }
} }
@ -698,6 +699,8 @@
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
margin-top: 5px;
height: 100px;
} }
/deep/uni-checkbox .uni-checkbox-input{ /deep/uni-checkbox .uni-checkbox-input{
width: 26px; width: 26px;
@ -797,7 +800,7 @@
/* #ifndef MP-WEIXIN */ /* #ifndef MP-WEIXIN */
/* height: 130px; */ /* height: 130px; */
/* #endif */ /* #endif */
} }
.pay_btn { .pay_btn {
width: 90%; width: 90%;
@ -850,7 +853,7 @@
width: 34.03rpx; width: 34.03rpx;
height: 32.64rpx; height: 32.64rpx;
} }
.shouc{ .shouc{
display: flex; display: flex;
align-items: center; align-items: center;
@ -876,16 +879,18 @@
position: relative; position: relative;
} }
.detail-foot-title{ .detail-foot-title{
width: 115px; width: 100px;
height: 32px; height:28px;
background-image: url(../../static/servicePackage/horn.png); /*background-image: url(../../static/servicePackage/horn.png);
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: 100% 100%;*/
background: linear-gradient(90deg, #ffdf96, #feca76);
border-radius: 0 15rpx 0 30rpx;
font-weight: 400; font-weight: 400;
font-size: 13px; font-size: 14px;
color: #FFFFFF; color: #a13504;
text-align: right; text-align: right;
line-height: 32px; line-height: 28px;
padding-right: 15px; padding-right: 15px;
position: absolute; position: absolute;
right: 0; right: 0;
@ -914,7 +919,7 @@
align-items: center; align-items: center;
padding: 15px 0px; padding: 15px 0px;
} }
.tese span:nth-child(1){ .tese span:nth-child(1){
font-weight: bold; font-weight: bold;
font-size: 24rpx; font-size: 24rpx;
@ -954,7 +959,7 @@
font-size: 30rpx; font-size: 30rpx;
color: #029d88; color: #029d88;
} }
.detail-foot-mian{ .detail-foot-mian{
width: 100%; width: 100%;
display: flex; display: flex;
@ -973,6 +978,10 @@
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
} }
.jianjie-more{
color: #029d88;
font-size: 24rpx;
}
.header-bottom-mian{ .header-bottom-mian{
margin: 3px 0px; margin: 3px 0px;
} }
@ -1031,7 +1040,7 @@
width: 100%; width: 100%;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
margin-top: 8rpx; margin-top: 8rpx;
} }
.header-bottom-money-jia{ .header-bottom-money-jia{
@ -1059,7 +1068,7 @@
flex-direction: row; flex-direction: row;
align-items: baseline; align-items: baseline;
} }
.header-bottom-money-view{ .header-bottom-money-view{
width: 100%; width: 100%;
display: flex; display: flex;
@ -1108,7 +1117,7 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
.header{ .header{
width: 100%; width: 100%;
display: flex; display: flex;
@ -1135,4 +1144,4 @@
justify-content: fex-end; justify-content: fex-end;
background: #eefffa; background: #eefffa;
} }
</style> </style>

93
pages/my/servicePackage.vue
View File

@ -23,21 +23,21 @@
<z-tabs class="z-tabs-fenlei" :list="tabList" @change="tabChange" @changeClick="changeClick"/> <z-tabs class="z-tabs-fenlei" :list="tabList" @change="tabChange" @changeClick="changeClick"/>
</view> --> </view> -->
</template> </template>
<!-- 自定义下拉刷新view(如果use-custom-refresher为true且不设置下面的slot="refresher"，此时不用获取refresherStatus，会自动使用z-paging自带的下拉刷新view) --> <!-- 自定义下拉刷新view(如果use-custom-refresher为true且不设置下面的slot="refresher"，此时不用获取refresherStatus，会自动使用z-paging自带的下拉刷新view) -->
<!-- 注意注意注意！！字节跳动小程序中自定义下拉刷新不支持slot-scope，将导致custom-refresher无法显示 --> <!-- 注意注意注意！！字节跳动小程序中自定义下拉刷新不支持slot-scope，将导致custom-refresher无法显示 -->
<!-- 如果是字节跳动小程序，请参照sticky-demo.vue中的写法，此处使用slot-scope是为了减少data中无关变量声明，降低依赖 --> <!-- 如果是字节跳动小程序，请参照sticky-demo.vue中的写法，此处使用slot-scope是为了减少data中无关变量声明，降低依赖 -->
<template #refresher="{refresherStatus}"> <!-- <template #refresher="{refresherStatus}">-->
<!-- 此处的custom-refresh为demo中自定义的组件，非z-paging的内置组件，请在实际项目中自行创建。这里插入什么view，下拉刷新就显示什么view --> <!-- 此处的custom-refresh为demo中自定义的组件，非z-paging的内置组件，请在实际项目中自行创建。这里插入什么view，下拉刷新就显示什么view -->
<custom-refresher :status="refresherStatus" /> <!-- <custom-refresher :status="refresherStatus" />-->
</template> <!-- </template>-->
<!-- 自定义没有更多数据view --> <!-- 自定义没有更多数据view -->
<template #loadingMoreNoMore> <template #loadingMoreNoMore>
<!-- 此处的custom-nomore为demo中自定义的组件，非z-paging的内置组件，请在实际项目中自行创建。这里插入什么view，没有更多数据就显示什么view --> <!-- 此处的custom-nomore为demo中自定义的组件，非z-paging的内置组件，请在实际项目中自行创建。这里插入什么view，没有更多数据就显示什么view -->
<custom-nomore /> <custom-nomore />
</template> </template>
<!-- 如果希望其他view跟着页面滚动，可以放在z-paging标签内 --> <!-- 如果希望其他view跟着页面滚动，可以放在z-paging标签内 -->
<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)">
<!-- <view class="item-title">{{item.title}}</view> <!-- <view class="item-title">{{item.title}}</view>
@ -73,10 +73,10 @@
查看 查看
</view> </view>
</view> </view>
</view> </view>
</view> </view>
</z-paging> </z-paging>
</view> </view>
</template> </template>
@ -100,7 +100,7 @@
}, },
onLoad(){ onLoad(){
this.myId = uni.getStorageSync('userId') this.myId = uni.getStorageSync('userId')
this.getData() // this.getData()
}, },
methods: { methods: {
input(res) {//搜索 输入框 input(res) {//搜索 输入框
@ -112,21 +112,22 @@
} }
}, },
getData(){ getData(){
let data = { // let data = {
userId: this.myId, // userId: this.myId,
type: this.typeData, // type: this.typeData,
page: this.page, // page: this.page,
limit: this.limit, // limit: this.limit,
title:this.searchValue, // title:this.searchValue,
} // }
this.$Request.get('/app/user/package/findMyPackageList', data).then(res => { // this.$Request.get('/app/user/package/findMyPackageList', data).then(res => {
if (res.code == 0) { // if (res.code == 0) {
this.dataList=res.data.records; // this.dataList=res.data.records;
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(',');
} // }
} // }
}) // })
this.$refs.paging.reload(true);
}, },
tabChange(index) { tabChange(index) {
this.tabIndex = index; this.tabIndex = index;
@ -144,10 +145,13 @@
page: pageNo, page: pageNo,
limit: pageSize, limit: pageSize,
type: this.typeData, type: this.typeData,
title:'' title:this.searchValue,
} }
this.$Request.get('/app/user/package/findMyPackageList',params).then(res => { this.$Request.get('/app/user/package/findMyPackageList',params).then(res => {
// 将请求的结果数组传递给z-paging // 将请求的结果数组传递给z-paging
for(var i=0;i<res.data.records.length;i++){
res.data.records[i].tagsData=res.data.records[i].labels.split(',');
}
this.$refs.paging.complete(res.data.records); this.$refs.paging.complete(res.data.records);
}).catch(res => { }).catch(res => {
// 如果请求失败写this.$refs.paging.complete(false); // 如果请求失败写this.$refs.paging.complete(false);
@ -156,12 +160,12 @@
this.$refs.paging.complete(false); this.$refs.paging.complete(false);
}) })
}, },
backImg(){//返回上一页 backImg(){//返回上一页
uni.reLaunch({ uni.reLaunch({
url:'/pages/my/index' url:'/pages/my/index'
}) })
}, },
clear(res) { clear(res) {
this.getData() this.getData()
}, },
@ -169,28 +173,29 @@
uni.navigateTo({ uni.navigateTo({
url:'/pages/my/serviceOderDrtail?id='+item.id+'&limit='+this.limit+'&page='+this.page+'&name='+'my' url:'/pages/my/serviceOderDrtail?id='+item.id+'&limit='+this.limit+'&page='+this.page+'&name='+'my'
}) })
} }
} }
} }
</script> </script>
<style scoped> <style scoped>
.shop_label{ .shop_label{
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
margin-top: 10rpx; margin-top: 10rpx;
} }
.shop_label span{ .shop_label span{
background: #f3f3f3; background: linear-gradient(90deg, #ffefde, #fff7ef);
height: 34rpx; height: 34rpx;
line-height: 34rpx; line-height: 34rpx;
border-radius: 8rpx; border-radius: 8rpx;
padding: 0 10rpx; padding: 0 10rpx;
font-size: 22rpx; font-size: 22rpx;
margin-right: 8rpx; margin-right: 8rpx;
margin-bottom: 8rpx; margin-bottom: 8rpx;
} color: #f68607;
}
.img-span{ .img-span{
padding: 2px 5px; padding: 2px 5px;
font-weight: 400; font-weight: 400;
@ -337,7 +342,7 @@
align-items: center; align-items: center;
padding: 12px; padding: 12px;
} }
.item-detail { .item-detail {
padding: 5rpx 15rpx; padding: 5rpx 15rpx;
border-radius: 10rpx; border-radius: 10rpx;
@ -345,7 +350,7 @@
color: white; color: white;
background-color: #007AFF; background-color: #007AFF;
} }
.item-line { .item-line {
position: absolute; position: absolute;
bottom: 0rpx; bottom: 0rpx;

1
pages/order/index.vue
View File

@ -29,7 +29,6 @@
<view v-if="item.status ==8"><span class="status-num">{{item.ordersNo}}</span><span class="status-button-i">技师到达</span></view> <view v-if="item.status ==8"><span class="status-num">{{item.ordersNo}}</span><span class="status-button-i">技师到达</span></view>
<view v-if="item.status ==9"><span class="status-num">{{item.ordersNo}}</span><span class="status-button-g">待确认</span></view> <view v-if="item.status ==9"><span class="status-num">{{item.ordersNo}}</span><span class="status-button-g">待确认</span></view>
<view v-if="item.status ==10"><span class="status-num">{{item.ordersNo}}</span><span class="status-button-h">待补单</span></view> <view v-if="item.status ==10"><span class="status-num">{{item.ordersNo}}</span><span class="status-button-h">待补单</span></view>
<!-- <view class="u-tips-color">{{item.createTime}}</view> --> <!-- <view class="u-tips-color">{{item.createTime}}</view> -->
</view> </view>
<view class="margin-top-sm" style="width: 100%;height: 1rpx;background: #f7f7f7;"></view> <view class="margin-top-sm" style="width: 100%;height: 1rpx;background: #f7f7f7;"></view>

4
pages/shop/index.vue
View File

@ -18,9 +18,9 @@
</view> </view>
</view> </view>
</template> </template>
<template #refresher="{refresherStatus}" > <!-- <template #refresher="{refresherStatus}" >
<custom-refresher :status="refresherStatus" /> <custom-refresher :status="refresherStatus" />
</template> </template> -->
<template #loadingMoreNoMore > <template #loadingMoreNoMore >
<custom-nomore /> <custom-nomore />
</template> </template>

BIN
static/kefu.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 22 KiB