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

删除 没用页面

This commit is contained in:
Mr.jiang 2024-06-15 20:59:02 +08:00
parent fec021a9ea
commit 6019afb30e
17 changed files with 816 additions and 1657 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
http/consistency-request.js
View File

@ -11,7 +11,6 @@ function myQueryList(prarm, callback) {
request.queryList({ request.queryList({
pageNo: prarm.pageNo, pageNo: prarm.pageNo,
pageSize: prarm.pageSize, pageSize: prarm.pageSize,
type: prarm.type
}).then(res => { }).then(res => {
const myData = { const myData = {
data: { data: {

8
http/request.js
View File

@ -35,12 +35,12 @@ function queryChatListLong(data) {
} }
function _queryList(data, listCount, showNews = false ,random = false, showChat = false) { function _queryList(data, listCount, showNews = false ,random = false, showChat = false) {
if (!data.pageNo || !data.pageSize) { if (!data.page || !data.limit) {
return _callQueryResult([]); return _callQueryResult([]);
} }
let pageNo = parseInt(data.pageNo); let pageNo = parseInt(data.page);
let pageSize = parseInt(data.pageSize); let pageSize = parseInt(data.limit);
let type = data.type || 0; // let type = data.type || 0;
if (pageNo < 0 || pageSize <= 0) { if (pageNo < 0 || pageSize <= 0) {
return _callQueryResult([]); return _callQueryResult([]);
} }

4
my/vip/index.vue
View File

@ -159,8 +159,8 @@
this.getMemberList() this.getMemberList()
this.getMoney() this.getMoney()
// this.getIsVip() // this.getIsVip()
this.vipData=this.$queue.getData('VipDetails') this.vipData=this.$queue.getData('isVIP')
console.log("vipDatavipDatavipDatavipData",this.vipData) console.log("isVIP------------------->",this.vipData)
if(this.vipData.isVip=='1'){ if(this.vipData.isVip=='1'){
this.vipShow=true; this.vipShow=true;
}else{ }else{

29
pages.json
View File

@ -181,37 +181,10 @@
"navigationStyle": "custom" "navigationStyle": "custom"
} }
}, },
{
"path": "pages/my/curePackage",
"style": {
"navigationBarTitleText": "疗程套餐",
"navigationBarBackgroundColor": "#096f4b",
"navigationBarTextStyle": "white",
"navigationStyle": "custom"
}
},
{ {
"path": "pages/my/cureOderDrtail", "path": "pages/my/cureOderDrtail",
"style": { "style": {
"navigationBarTitleText": "疗程套餐详情", "navigationBarTitleText": "套餐详情订单",
"navigationBarBackgroundColor": "#096f4b",
"navigationBarTextStyle": "white",
"navigationStyle": "custom"
}
},
{
"path": "pages/my/onceCardPackage",
"style": {
"navigationBarTitleText": "项目次卡",
"navigationBarBackgroundColor": "#096f4b",
"navigationBarTextStyle": "white",
"navigationStyle": "custom"
}
},
{
"path": "pages/my/onceCardOderDrtail",
"style": {
"navigationBarTitleText": "项目次卡详情",
"navigationBarBackgroundColor": "#096f4b", "navigationBarBackgroundColor": "#096f4b",
"navigationBarTextStyle": "white", "navigationBarTextStyle": "white",
"navigationStyle": "custom" "navigationStyle": "custom"

120
pages/index/index.vue
View File

@ -32,11 +32,7 @@
:show-action="true" :animation="true" bg-color="#fff" color="#1A1A1A" @search="onSearch()" :show-action="true" :animation="true" bg-color="#fff" color="#1A1A1A" @search="onSearch()"
></u-search> ></u-search>
</view> </view>
<view class="index-fenl width">
<view class="index-gun">
<view class="fenl" v-for="(item,index) in typeList" :key="index">{{item.value}}</view>
</view>
</view>
<view class="index-nav-bottom width"> <view class="index-nav-bottom width">
<image src="../../static/index-nav-6.png" mode="widthFix"></image> <image src="../../static/index-nav-6.png" mode="widthFix"></image>
<image src="../../static/index-nav-7.png" mode="widthFix"></image> <image src="../../static/index-nav-7.png" mode="widthFix"></image>
@ -48,7 +44,7 @@
<span class="star-technician-name">明星技师</span> <span class="star-technician-name">明星技师</span>
<span class="star-technician-name-bot">Star technician</span> <span class="star-technician-name-bot">Star technician</span>
</view> </view>
<view class="star-technician-top-text"> <view class="star-technician-top-text" @click="gengduo">
<span class="star-technician-gengguo">查看更多></span> <span class="star-technician-gengguo">查看更多></span>
</view> </view>
</view> </view>
@ -59,51 +55,51 @@
</view> </view>
</view> </view>
<view class="index-project width"> <view class="index-project width">
<view class="index-project-content"> <view class="index-project-content" @click="goNav('/pages/my/servicePackage')">
<image src="../../static/index-fenglei1.png" mode="widthFix"></image> <image src="../../static/index-fenglei1.png" mode="widthFix"></image>
<span>深谙逃禅</span> <span>盛安套餐</span>
</view> </view>
<view class="index-project-content"> <view class="index-project-content" @click="goNav('/pages/therapist/therapist')">
<image src="../../static/index-fenglei2.png" mode="widthFix"></image> <image src="../../static/index-fenglei2.png" mode="widthFix"></image>
<span>深谙逃禅</span> <span>盛安技师</span>
</view> </view>
<view class="index-project-content"> <view class="index-project-content" @click="goNav()">
<image src="../../static/index-fenglei3.png" mode="widthFix"></image> <image src="../../static/index-fenglei3.png" mode="widthFix"></image>
<span>深谙逃禅</span> <span>招聘合作</span>
</view> </view>
<view class="index-project-content"> <view class="index-project-content" @click="goNav('/my/vip/index')">
<image src="../../static/index-fenglei4.png" mode="widthFix"></image> <image src="../../static/index-fenglei4.png" mode="widthFix"></image>
<span>深谙逃禅</span> <span>会员中心</span>
</view> </view>
<view class="index-project-content"> <view class="index-project-content" @click="goNav('/my/wallet/index')">
<image src="../../static/index-fenglei10.png" mode="widthFix"></image> <image src="../../static/index-fenglei10.png" mode="widthFix"></image>
<span>深谙逃禅</span> <span>充值赠送</span>
</view> </view>
<view class="index-project-content"> <view class="index-project-content" @click="goNav()">
<image src="../../static/index-fenglei5.png" mode="widthFix"></image> <image src="../../static/index-fenglei5.png" mode="widthFix"></image>
<span>深谙逃禅</span> <span>超值拼团</span>
</view> </view>
<view class="index-project-content"> <view class="index-project-content" @click="goNav('/pages/my/servicePackage')">
<image src="../../static/index-fenglei6.png" mode="widthFix"></image> <image src="../../static/index-fenglei6.png" mode="widthFix"></image>
<span>深谙逃禅</span> <span>超值套餐</span>
</view> </view>
<view class="index-project-content"> <view class="index-project-content" @click="goNav()">
<image src="../../static/index-fenglei7.png" mode="widthFix"></image> <image src="../../static/index-fenglei7.png" mode="widthFix"></image>
<span>深谙逃禅</span> <span>限时秒杀</span>
</view> </view>
<view class="index-project-content"> <view class="index-project-content" @click="goNav()">
<image src="../../static/index-fenglei8.png" mode="widthFix"></image> <image src="../../static/index-fenglei8.png" mode="widthFix"></image>
<span>深谙逃禅</span> <span>逛商城</span>
</view> </view>
<view class="index-project-content"> <view class="index-project-content" @click="goNav()">
<image src="../../static/index-fenglei9.png" mode="widthFix"></image> <image src="../../static/index-fenglei9.png" mode="widthFix"></image>
<span>深谙逃禅</span> <span>约到店</span>
</view> </view>
</view> </view>
<view class="index-guanggao width"> <view class="index-guanggao width">
<image class="index-guanggao-pintuan" src="../../static/pintuan.png" mode="widthFix"></image> <image class="index-guanggao-pintuan" src="../../static/pintuan.png" mode="widthFix"></image>
<view class="index-guanggao-right"> <view class="index-guanggao-right">
<image class="index-guanggao-right-cika" src="../../static/cika.png" mode="widthFix"></image> <image class="index-guanggao-right-cika" @click="goNav('/pages/my/onceCardPackage')" src="../../static/cika.png" mode="widthFix"></image>
<image class="index-guanggao-right-yuyue" src="../../static/yuyue.png" mode="widthFix"></image> <image class="index-guanggao-right-yuyue" src="../../static/yuyue.png" mode="widthFix"></image>
</view> </view>
</view> </view>
@ -114,12 +110,12 @@
<span>附近技师</span> <span>附近技师</span>
</view> </view>
<view class="index-fujin-title-right"> <view class="index-fujin-title-right">
<span class="index-fujin-title-left-text">更多</span> <span class="index-fujin-title-left-text" @click="gengduo">更多</span>
<span class="index-fujin-title-left-btn">>></span> <span class="index-fujin-title-left-btn">>></span>
</view> </view>
</view> </view>
<view class="index-fujin-img width"> <view class="index-fujin-img width">
<view class="fujin-view" v-for="(item,index) in nearbyTechnician" :key="index"> <view class="fujin-view" v-for="(item,index) in nearbyTechnician" :key="index" @click="goOrder(item)">
<view class="index-fujin-view"> <view class="index-fujin-view">
<image class="index-fujin-view-img" :src="item.artificerImg" mode=""></image> <image class="index-fujin-view-img" :src="item.artificerImg" mode=""></image>
<view class="index-fujin-view-text"> <view class="index-fujin-view-text">
@ -140,7 +136,7 @@
<view class="index-taocan width"> <view class="index-taocan width">
<view class="index-taocan-view"> <view class="index-taocan-view">
<view class="index-taocan-view-nav" v-for="item in felNav" :key="item.id" @click="chengFel(item)"> <view class="index-taocan-view-nav" v-for="item in felNav" :key="item.id" @click="chengFel(item)">
<view class="index-taocan-view-nav-s"> <view class="index-taocan-view-nav-s" @click="tuijian(item)">
<span class="index-taocan-view-nav-text" :class="[currentTabFl==item.id?'activeL':'activeH']">{{item.name}}</span> <span class="index-taocan-view-nav-text" :class="[currentTabFl==item.id?'activeL':'activeH']">{{item.name}}</span>
<span class="index-taocan-view-nav-jie" :class="[currentTabFl==item.id?'activeXL':'activeXH']">{{item.content}}</span> <span class="index-taocan-view-nav-jie" :class="[currentTabFl==item.id?'activeXL':'activeXH']">{{item.content}}</span>
</view> </view>
@ -344,12 +340,6 @@
starTechnician:[],//明星技师 starTechnician:[],//明星技师
nearbyTechnician:[],//附近技师 nearbyTechnician:[],//附近技师
classifyId: '', classifyId: '',
value: 0,
range: [
{ value: 0, text: "篮球" },
{ value: 1, text: "足球" },
{ value: 2, text: "游泳" },
],
//列表数据 //列表数据
goodsList: [ goodsList: [
{ {
@ -441,6 +431,61 @@
// that.myId = uni.getStorageSync('userId') // that.myId = uni.getStorageSync('userId')
}, },
methods: { methods: {
tuijian(item){//推荐
if(item.id==4){
uni.navigateTo({
url:'/pages/my/serviceItems'
})
}
},
goNav(e){
if(e!=undefined){
uni.navigateTo({
url:e
})
}else{
uni.showToast({
title:'敬请期待！'
})
}
},
goOrder(e) {
console.log('授权', uni.getStorageSync('sendMsg'))
if (uni.getStorageSync('sendMsg')) {
console.log('授权+1')
wx.requestSubscribeMessage({
tmplIds: this.arr,
success(re) {
console.log(JSON.stringify(re), 'asdasdasdasddas')
var datas = JSON.stringify(re);
if (datas.indexOf("accept") != -1) {
console.log(re)
}
},
fail: (res) => {
console.log(res)
}
})
}
if (this.token) {
uni.navigateTo({
url: '/pages/therapist/orderDetail?artificerId=' + e.artificerId + "&classifyId=" + this
.tabIndex
});
} else {
uni.navigateTo({
url: '/pages/public/login'
});
}
},
gengduo(){
uni.reLaunch({
url:'/pages/therapist/therapist'
})
},
getCity(e) { getCity(e) {
console.log("得到的城市-------------》",e[0].label); console.log("得到的城市-------------》",e[0].label);
this.city = e[0].label; this.city = e[0].label;
@ -550,6 +595,7 @@
}, },
//点击某一个item 推荐明星 //点击某一个item 推荐明星
chooseItem(item){ chooseItem(item){
this.goOrder(item);
console.log("推荐明星",item) console.log("推荐明星",item)
// 点击拿到整个当前点击的item 执行业务逻辑 // 点击拿到整个当前点击的item 执行业务逻辑
}, },
@ -1214,7 +1260,7 @@
} }
.index-head{ .index-head{
width: 100%; width: 100%;
height:240px; height:190px;
background: linear-gradient(4deg,rgba(189, 247, 214,0),rgba(143, 233, 212, 0.3)); background: linear-gradient(4deg,rgba(189, 247, 214,0),rgba(143, 233, 212, 0.3));
display: flex; display: flex;
align-items: flex-start; align-items: flex-start;

8
pages/my/cureOderDrtail.vue
View File

@ -28,10 +28,6 @@
￥430 ￥430
</view> </view>
</view> </view>
<view class="shouc activH" @click="shoucang">
<image v-if="shouchangNum" src="../../static/servicePackage/collection.png" mode=""></image>
<image v-else src="../../static/servicePackage/collection2.png" mode=""></image>
</view>
</view> </view>
<view class="header-bottom-title-bottom"> <view class="header-bottom-title-bottom">
<image src="../../static/my-cika.png" mode=""></image> <image src="../../static/my-cika.png" mode=""></image>
@ -98,12 +94,10 @@
export default{ export default{
data(){ data(){
return{ return{
shouchangNum:false,
} }
}, },
methods:{ methods:{
shoucang(){
}
} }
} }
</script> </script>

387
pages/my/curePackage.vue
View File

@ -1,387 +0,0 @@
<!-- 自定义下拉刷新与上拉加载演示(vue) -->
<template>
<view class="content">
<z-paging ref="paging" v-model="dataList" @query="queryList">
<!-- 需要固定在顶部不滚动的view放在slot="top"的view中，如果需要跟着滚动，则不要设置slot="top" -->
<!-- 注意！此处的z-tabs为独立的组件，可替换为第三方的tabs，若需要使用z-tabs，请在插件市场搜索z-tabs并引入，否则会报插件找不到的错误 -->
<template #top>
<view class="service-head-top">
<view class="service-head-top-left">
<image @click="backImg" src="../../static/fanhui.png" mode="widthFix"></image>
<span>服务疗程</span>
</view>
<view>
<uni-search-bar @service="serviceTrue" @confirm="search" :cancelext="'取消'" v-model="searchValue" @blur="blur" @input="input"
@clear="clear">
</uni-search-bar>
<view class="search-btn">
搜索
</view>
</view>
</view>
<view class="fenlei">
<!-- <view class="index-fenl-title">
<span>类目</span>
<span class="index-fenl-title-bottom"></span>
</view> -->
<z-tabs class="z-tabs-fenlei" :list="tabList" @change="tabChange" />
</view>
</template>
<!-- 自定义下拉刷新view(如果use-custom-refresher为true且不设置下面的slot="refresher"，此时不用获取refresherStatus，会自动使用z-paging自带的下拉刷新view) -->
<!-- 注意注意注意！！字节跳动小程序中自定义下拉刷新不支持slot-scope，将导致custom-refresher无法显示 -->
<!-- 如果是字节跳动小程序，请参照sticky-demo.vue中的写法，此处使用slot-scope是为了减少data中无关变量声明，降低依赖 -->
<template #refresher="{refresherStatus}">
<!-- 此处的custom-refresh为demo中自定义的组件，非z-paging的内置组件，请在实际项目中自行创建。这里插入什么view，下拉刷新就显示什么view -->
<custom-refresher :status="refresherStatus" />
</template>
<!-- 自定义没有更多数据view -->
<template #loadingMoreNoMore>
<!-- 此处的custom-nomore为demo中自定义的组件，非z-paging的内置组件，请在实际项目中自行创建。这里插入什么view，没有更多数据就显示什么view -->
<custom-nomore />
</template>
<!-- 如果希望其他view跟着页面滚动，可以放在z-paging标签内 -->
<view class="item" v-for="(item,index) in dataList" :key="index" @click="itemClick(item)">
<!-- <view class="item-title">{{item.title}}</view>
<view class="item-detail">{{item.detail}}</view> -->
<!-- <view class="item-line"></view> -->
<view class="item-img">
<image src="../../static/pintuan.png" mode=""></image>
</view>
<view class="item-view">
<view class="item-view-title">
中医推拿优选套餐
</view>
<view class="item-view-xiangmu">
<span class="xiaoer item-view-biao">小儿推拿</span>
<!-- <span class="tuina item-view-biao">中医推拿</span>
<span class="taishi item-view-biao">泰式推拿</span>
<span class="kangfu item-view-biao">小儿康复</span> -->
<span>已售2w+ | 好评100%</span>
</view>
<view class="item-view-jianjie">
套餐简介:理疗流程 仰/俯卧位(头部、肩颈腰背、四肢按摩)促进血液循环
</view>
<view class="item-view-bottom">
<view class="item-view-bottom-qian">
<span>￥</span>
<span>498</span>
<span>/元套</span>
<span>560</span>
</view>
<view class="item-view-bottom-btn">
立即购买
</view>
</view>
</view>
</view>
</z-paging>
</view>
</template>
<script>
export default {
data() {
return {
// v-model绑定的这个变量不要在分页请求结束中自己赋值！！！
dataList: [],
tabList: ['中医推拿','中医推拿','中医推拿','中医推拿','中医推拿','中医推拿','中医推拿'],
tabIndex: 0,
searchValue:'',
serviceTrue:true,
}
},
methods: {
backImg(){//返回上一页
uni.reLaunch({
url:'/pages/my/index'
})
},
search(res) {
// uni.showToast({
// title: '搜索：' + res.value,
// icon: 'none'
// })
},
input(res) {
console.log('----input:', res)
},
clear(res) {
uni.showToast({
title: 'clear事件，清除值为：' + res.value,
icon: 'none'
})
},
blur(res) {
uni.showToast({
title: 'blur事件，输入值为：' + res.value,
icon: 'none'
})
},
tabChange(index) {
this.tabIndex = index;
//当切换tab或搜索时请调用组件的reload方法，请勿直接调用：queryList方法！！
//调用reload时参数传true则代表reload时触发下拉刷新效果，不传或false则代表取消此效果
this.$refs.paging.reload(true);
},
queryList(pageNo, pageSize) {
// 组件加载时会自动触发此方法，因此默认页面加载时会自动触发，无需手动调用
// 这里的pageNo和pageSize会自动计算好，直接传给服务器即可
// 模拟请求服务器获取分页数据，请替换成自己的网络请求
const params = {
pageNo: pageNo,
pageSize: pageSize,
type: this.tabIndex + 1
}
this.$request.queryList(params).then(res => {
// 将请求的结果数组传递给z-paging
this.$refs.paging.complete(res.data.list);
}).catch(res => {
// 如果请求失败写this.$refs.paging.complete(false);
// 注意，每次都需要在catch中写这句话很麻烦，z-paging提供了方案可以全局统一处理
// 在底层的网络请求抛出异常时，写uni.$emit('z-paging-error-emit');即可
this.$refs.paging.complete(false);
})
},
itemClick(item) {
uni.navigateTo({
url:'/pages/my/cureOderDrtail'
})
}
}
}
</script>
<style scoped>
.item-view-bottom-btn{
text-align: center;
width: 131rpx;
height: 50rpx;
line-height: 50rpx;
background: linear-gradient(90deg, #019C88, #0FA78B, #35C495);
border-radius: 10rpx;
font-weight: bold;
font-size: 24rpx;
color: #FFFFFF;
}
.item-view-bottom-qian span:nth-child(4){
font-weight: bold;
font-size: 31rpx;
color: #848484;
text-decoration-line: line-through;
margin-left: 5px;
}
.item-view-bottom-qian span:nth-child(1){
font-weight: 400;
font-size: 25rpx;
color: #F95900;
}
.item-view-bottom-qian span:nth-child(2){
font-weight: bold;
font-size: 36.81rpx;
color: #F95900;
}
.item-view-bottom-qian span:nth-child(3){
font-weight: 400;
font-size: 25rpx;
color: #F95900;
}
.item-view-bottom{
width: 100%;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.item-view-jianjie{
font-weight: 400;
font-size: 22rpx;
color: #848484;
margin:5px 0px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2; /* 显示的行数，可以根据需要修改 */
overflow: hidden;
text-overflow: ellipsis;
}
.item-view-biao{
padding: 1px 2px;
border-radius: 6rpx;
}
.tuina{
background-color:#d1f2df;
color: #17984d;
}
.xiaoer{
background-color:#f1f8d7;
color: #58b314;
}
.taishi{
background-color:#e5d5c6;
color: #805d39;
}
.kangfu{
background-color:#fcf3da;
color: #ff8600;
}
.item-view-xiangmu span:nth-child(2){
font-weight: normal;
color: #666666;
margin-left: 5px;
}
.item-view-xiangmu{
width: 100%;
display: flex;
flex-direction: row;
font-weight: 400;
font-size: 21rpx;
margin-top: 5px;
}
.item-view-title{
font-weight: bold;
font-size: 33rpx;
color: #333333;
}
.item-view{
width: 55%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
}
.item-img{
width: 285rpx;
height: 120px;
border-radius: 14rpx;
}
.item-img image{
width: 100%;
height: 100%;
}
.item {
width: 100%;
display: flex;
flex-direction: row;
justify-content: space-between;
height: 140px;
background: #FFFFFF;
border-radius: 21rpx;
margin-top:20px;
align-items: center;
padding: 0px 5px;
}
.item-detail {
padding: 5rpx 15rpx;
border-radius: 10rpx;
font-size: 28rpx;
color: white;
background-color: #007AFF;
}
.item-line {
position: absolute;
bottom: 0rpx;
left: 0rpx;
height: 1px;
width: 100%;
background-color: #eeeeee;
}
/deep/.zp-paging-container{
background-color: #f7f7f7;
width:100%;
}
/deep/.zp-paging-container-content{
width: 95%;
margin: 0 auto;
}
.fenlei{
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.index-fenl-title{
width: 81rpx;
text-align: center;
position: relative;
display: flex;
flex-direction: column;
align-items: center;
font-weight: bold;
font-size: 34rpx;
color:#019C88;
}
.index-fenl-title-bottom{
position: absolute;
bottom: 0;
margin-bottom: 0px;
width: 81rpx;
height: 14rpx;
border-radius: 7rpx;
background: linear-gradient(-48deg,rgba(1, 156, 136, 0.35),rgba(45, 196, 142, 0.35));
}
/deep/.uni-searchbar__cancel{
display: none;
}
.search-btn{
text-align: center;
line-height: 60rpx;
color: #fff;
position: absolute;
right: 0;
top: 0;
margin-top:9.4px;
margin-right: 11px;
height: 32px !important;
}
/deep/.uni-searchbar__box-icon-search,.search-btn{
width: 101rpx;
height: 60rpx;
background: #18A689;
border-radius: 31rpx;
}
/deep/.uni-searchbar__box{
height: 31px;
border-radius: 15px !important;
background-color: #fff !important;
border: 2px solid #E5E5E5;
padding: 0px;
display: flex;
flex-direction: row;
flex-flow: row-reverse;
position: relative;
}
/deep/.uni-searchbar{
width: 240px;
border-radius: 31rpx;
}
.service-head-top-left image{
width: 25px;
height: 30rpx;
margin-right: 10px;
}
.service-head-top-left span{
font-weight: bold;
font-size: 44rpx;
color: #171717;
}
.service-head-top-left{
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.service-head-top{
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
</style>

397
pages/my/index.vue
View File

@ -2,13 +2,19 @@
<view class="content"> <view class="content">
<view class="my-head"> <view class="my-head">
<view class="my-head-top back-width"> <view class="my-head-top back-width">
<image src="../../static/jinggao.png" mode="widthFix"></image> <view class="u-m-r-10" style="position: relative;">
<view class="my-head-top-view"> <image :src="avatar" style="width: 100rpx;height: 100rpx;border-radius: 50%;"
<view class="my-head-top-text"> @click="goNav('/pages/my/userinfo')"></image>
<span>盛安小仙女</span>
<span>13833882588</span>
</view> </view>
<view class="my-head-top-id">ID:2536436</view> <view class="my-head-top-view" v-if="!isLogin">
<view class="my-head-top-text">
<span>{{userName}}</span>
<span>{{phone}}</span>
</view>
<view class="my-head-top-id">ID:{{invitationCode}}</view>
</view>
<view v-else class="text-xl u-p-l-20 text-bold" @click="goLogin('/pages/public/login')">
登录
</view> </view>
</view> </view>
<view class="my-head-mian back-width"> <view class="my-head-mian back-width">
@ -18,40 +24,62 @@
<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>
</view> </view>
<view class="my-head-mian-top-yuE">520 000 00</view> <view class="my-head-mian-top-yuE">{{money}}</view>
</view> </view>
<view class="my-head-mian-bottom"> <view class="my-head-mian-bottom">
<view class="my-head-mian-bottom-list" @click="youhui('/my/hongbao/youhuijuan')"> <view class="my-head-mian-bottom-list" @click="youhui('/my/hongbao/youhuijuan')">
<image src="../../static/my-yuehui.png" mode="widthFix"></image> <image src="../../static/my-yuehui.png" mode=""></image>
<span class="my-head-mian-bottom-list-text">优惠券</span> <span class="my-head-mian-bottom-list-text">优惠券</span>
</view> </view>
<view class="my-head-mian-bottom-list"> <view class="my-head-mian-bottom-list">
<image src="../../static/my-juanma.png" mode="widthFix"></image> <image src="../../static/my-juanma.png" mode=""></image>
<span class="my-head-mian-bottom-list-text">券码兑换</span> <span class="my-head-mian-bottom-list-text">券码兑换</span>
</view> </view>
<view class="my-head-mian-bottom-list"> <view class="my-head-mian-bottom-list">
<image src="../../static/my-jifen.png" mode="widthFix"></image> <image src="../../static/my-jifen.png" mode=""></image>
<span class="my-head-mian-bottom-list-text">积分兑换</span> <span class="my-head-mian-bottom-list-text">积分兑换</span>
</view> </view>
</view> </view>
</view> </view>
<view class="my-head-bottom back-width" @click="kaitong"> <!-- <view class="my-head-bottom back-width" @click="kaitong">
<image src="../../static/my-kaitonghuiyuan.png" mode="widthFix"></image> <image src="../../static/my-kaitonghuiyuan.png" mode="widthFix"></image>
</view> -->
<view class="padding-lr margin-lr" style="background-color: #35C495;border-radius: 18rpx;margin-top: 30rpx;"
v-if="XCXIsSelect != '否' && hyCheck != '否'">
<view class="flex justify-between align-center" style="height: 140rpx;">
<view class="flex justify-between align-center" style="">
<view class="">
<image src="../../static/images/my/lihe.png" style="width: 70upx;height: 70upx;" mode="">
</image>
</view>
<view class="" style="margin-left: 24rpx;">
<view v-if="!isVip" class="vipttl" style="color: #fff;">开通会员</view>
<view v-if="isVip" class="vipttl" style="color: #fff;">会员中心</view>
<view class="flex-sub text-26" style="color: #e6c485;margin-top: 6rpx;">会员可享贵族福利</view>
</view>
</view>
<view v-if="!isVip" class="btn-bg" @click="goNav('/my/vip/index')"
style="justify-content: space-between;color: #fff;">立即开通
</view>
<view v-if="isVip" class="btn-bg" @click="goNav('/my/vip/index')"
style="justify-content: space-between;color: #fff;">会员特权
</view>
</view>
</view> </view>
</view> </view>
<view class="my-serve width"> <view class="my-serve width">
<view class="my-serve-title">我的服务</view> <view class="my-serve-title">我的服务</view>
<view class="my-serve-view"> <view class="my-serve-view">
<view class="my-serve-list" @click="meServe('服务套餐')"> <view class="my-serve-list" @click="meServe('服务套餐')">
<image src="../../static/my-fuwu.png" mode="widthFix"></image> <image src="../../static/my-fuwu.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="meServe('项目次卡')"> <view class="my-serve-list" @click="meServe('项目次卡')">
<image src="../../static/my-cika.png" mode="widthFix"></image> <image src="../../static/my-cika.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="meServe('服务疗程')"> <view class="my-serve-list" @click="meServe('服务疗程')">
<image src="../../static/my-liaocheng.png" mode="widthFix"></image> <image src="../../static/my-liaocheng.png" mode=""></image>
<span class="my-serve-list-text">服务疗程</span> <span class="my-serve-list-text">服务疗程</span>
</view> </view>
</view> </view>
@ -72,6 +100,25 @@
export default{ export default{
data(){ data(){
return { return {
isShop: 0,
hyCheck: '否',
tgCheck: '否',
isAgency: 0,
avatar: '../../static/logo.png',
isLogin: true,
userName: '匿名',
phone:'18684369159',
browse: 0, //浏览数
fans: 0, //粉丝数
follow: 0, //关注数
visitor: 0, //访客数
userId: '',
isVip: false,
invitationCode: '', //邀请码
money: '0',
couponnum: '0',
renzheng: 0,
XCXIsSelect: '否',
useList:[ useList:[
{urlImg:'../../static/my-gong-1.png',text:'我的收藏',link:'/my/gird/shoucang'}, {urlImg:'../../static/my-gong-1.png',text:'我的收藏',link:'/my/gird/shoucang'},
{urlImg:'../../static/my-gong-2.png',text:'成为理疗师',link:'/pages/my/hehuo'}, {urlImg:'../../static/my-gong-2.png',text:'成为理疗师',link:'/pages/my/hehuo'},
@ -85,11 +132,306 @@
] ]
} }
}, },
onLoad(e) {
this.XCXIsSelect = this.$queue.getData("XCXIsSelect");
if (e.money && e.couponnum) {
this.money = e.money;
this.couponnum = e.couponnum;
}
},
onShow() {
this.hyCheck = this.$queue.getData('hyCheck');
this.tgCheck = this.$queue.getData('tgCheck');
this.userId = uni.getStorageSync('userId')
if (this.userId) {
this.isLogin = false
this.getUserInfo()
this.getAmount()
this.getIsVip()
} else {
this.isShop = 0;
this.isAgency = 0;
this.isLogin = true
this.userName = '匿名'
this.browse = 0
this.fans = 0
this.follow = 0
this.visitor = 0
this.avatar = '../../static/logo.png'
this.isVip = false
}
},
methods:{ methods:{
kaitong(){//开通会员 goChat() {
let kefu = this.$queue.getData('kefu'); // 用户端联系方式 1 手机号 2企业微信
let kefuPhone = this.$queue.getData('kefuPhone');
if (kefu == 1) {
uni.makePhoneCall({
phoneNumber: kefuPhone //仅为示例
});
} else if (kefu == 3) {
uni.navigateTo({ uni.navigateTo({
url:'/my/vip/index' url: '/my/setting/customer'
});
} else {
// #ifdef MP-WEIXIN
let that = this
try {
wx.openCustomerServiceChat({
extInfo: {
url: that.$queue.getData('kefuUrl')
},
corpId: that.$queue.getData('kefuAppId'),
success(res) {},
fail(res) {
console.error(res)
}
}) })
} catch (error) {
console.error("catchcatch" + error)
uni.showToast({
title: '请更新至微信最新版本'
});
}
// #endif
// #ifndef MP-WEIXIN
let url = this.$queue.getData('kefuUrl');
if (url.indexOf('/pages/') !== -1 || url.indexOf('/my/') !== -1) {
uni.navigateTo({
url
});
} else {
//#ifndef H5
uni.navigateTo({
url: '/pages/index/webView?url=' + url
});
//#endif
//#ifdef H5
window.location.href = url;
//#endif
}
// #endif
}
},
//退出登录
TuiLogin() {
let that = this
if (that.userId) {
uni.showModal({
title: '提示',
content: '确定退出登录吗？',
success: function(res) {
if (res.confirm) {
console.log('用户点击确定');
uni.removeStorageSync('userName')
uni.removeStorageSync('avatar')
uni.removeStorageSync('userId')
uni.removeStorageSync('token')
uni.removeStorageSync('phone')
uni.removeStorageSync('zhiFuBaoName')
uni.removeStorageSync('zhiFuBao')
uni.removeStorageSync('invitationCode')
uni.removeStorageSync('unionId')
uni.removeStorageSync('openId')
uni.removeStorageSync('isVIP')
uni.showToast({
title: '退出成功！',
icon: 'none'
})
that.isLogin = true
that.userName = '匿名'
that.browse = 0
that.fans = 0
that.follow = 0
that.visitor = 0
that.isVip = false
that.avatar = '../../static/logo.png'
that.userId = uni.getStorageSync('userId')
} else if (res.cancel) {
console.log('用户点击取消');
}
}
})
} else {
uni.showModal({
title: '提示',
content: '您还未登录,请先登录',
success: function(res) {
if (res.confirm) {
console.log('用户点击确定');
uni.navigateTo({
url: '/pages/public/login'
})
} else if (res.cancel) {
console.log('用户点击取消');
}
}
})
}
},
//成为按摩师 跳转商户端
bindFb() {
if (this.userId) {
uni.navigateTo({
url: '/pages/my/hehuo'
});
} else {
uni.showModal({
title: '提示',
content: '您还未登录,请先登录',
success: function(res) {
if (res.confirm) {
console.log('用户点击确定');
uni.navigateTo({
url: '/pages/public/login'
})
} else if (res.cancel) {
console.log('用户点击取消');
}
}
})
}
},
goNavOrder(index) {
let token = this.$queue.getData('token');
if (token) {
this.$queue.setData('SelectIndex', index);
uni.switchTab({
url: '/pages/order/index'
})
} else {
uni.showModal({
title: '提示',
content: '您还未登录,请先登录',
success: function(res) {
if (res.confirm) {
console.log('用户点击确定');
uni.navigateTo({
url: '/pages/public/login'
})
} else if (res.cancel) {
console.log('用户点击取消');
}
}
})
}
},
goNav(e, name) {
console.log(e)
if (this.userId) {
uni.navigateTo({
url: e
})
} else {
uni.showModal({
title: '提示',
content: '您还未登录,请先登录',
success: function(res) {
if (res.confirm) {
console.log('用户点击确定');
uni.navigateTo({
url: '/pages/public/login'
})
} else if (res.cancel) {
console.log('用户点击取消');
}
}
})
}
},
goLogin(e) {
uni.navigateTo({
url: e
})
},
getAmount() {
this.$Request.get("/app/userBrowse/selectAmount").then(res => {
if (res.code == 0) {
this.browse = res.data.browse
this.fans = res.data.fans
this.follow = res.data.follow
this.visitor = res.data.visitor
}
});
},
getUserInfo() {
this.$Request.get("/app/user/selectUserById").then(res => {
console.log("res.data--->", res.data);
if (res.code == 0) {
this.userName = res.data.userName
this.phone=res.data.phone;
this.invitationCode = res.data.invitationCode
this.avatar = res.data.avatar ? res.data.avatar : '../../static/logo.png'
this.isAuthentication = res.data.isAuthentication
this.isAgency = res.data.isAgency ? res.data.isAgency : 0; //是否是推广员 1是 2否
this.money = res.data.money
this.couponnum = res.data.member
// uni.setStorageSync('isAuthentication', res.data.isAuthentication)
this.isShop = res.data.isShop ? res.data.isShop : 0;
uni.setStorageSync('avatar', res.data.avatar)
uni.setStorageSync('userName', res.data.userName)
uni.setStorageSync('invitationCode', res.data.invitationCode)
uni.setStorageSync('zhiFuBao', res.data.zhiFuBao)
uni.setStorageSync('zhiFuBaoName', res.data.zhiFuBaoName)
if (res.data.isAuthentication == 0 || res.data.isAuthentication == null) {
this.renzheng = 0
uni.setStorageSync("renzheng", this.renzheng)
} else if (res.data.isAuthentication == 1) {
this.renzheng = 1
uni.setStorageSync("renzheng", this.renzheng)
} else if (res.data.isAuthentication == 2) {
this.renzheng = 2
uni.setStorageSync("renzheng", this.renzheng)
} else if (res.data.isAuthentication == 3) {
this.renzheng = 3
uni.setStorageSync("renzheng", this.renzheng)
} else if (res.data.isAuthentication == 4) {
this.renzheng = 4
uni.setStorageSync("renzheng", this.renzheng)
} else if (res.data.isAuthentication == 5) {
this.renzheng = 5
uni.setStorageSync("renzheng", this.renzheng)
} else if (res.data.isAuthentication == 6) {
this.renzheng = 6
uni.setStorageSync("renzheng", this.renzheng)
}
}
});
// #ifdef APP-PLUS
let clientid = plus.push.getClientInfo().clientid;
let sysPhone = 1;
if (plus.os.name.toLowerCase() === 'android') {
sysPhone = 1;
} else {
sysPhone = 2;
}
let userId = this.$queue.getData('userId');
if (userId) {
this.$Request.postT('/app/user/updateClientId?clientId=' + clientid + '&userId=' + userId +
'&sysPhone=' + sysPhone).then(
res => {});
}
//#endif
},
getIsVip() {
this.$Request.get("/app/UserVip/isUserVip").then(res => {
if (res.code == 0) {
this.isVip = res.data
this.$queue.setData('isVIP',this.isVip)
}
});
}, },
chonghi(link){//我的钱包 chonghi(link){//我的钱包
if(link=='充值'){ if(link=='充值'){
@ -115,19 +457,20 @@
}) })
}, },
meServe(item){ meServe(item){
if(item=="服务套餐"){
uni.navigateTo({ uni.navigateTo({
url:'/pages/my/servicePackage' url:'/pages/my/servicePackage?name='+item
}) })
}else if(item=="项目次卡"){ // if(item=="服务套餐"){
uni.navigateTo({
url:'/pages/my/onceCardPackage' // }else if(item=="项目次卡"){
}) // uni.navigateTo({
}else if(item=="服务疗程"){ // url:'/pages/my/onceCardPackage?name='+'项目次卡'
uni.navigateTo({ // })
url:'/pages/my/curePackage' // }else if(item=="服务疗程"){
}) // uni.navigateTo({
} // url:'/pages/my/curePackage?name='+'服务疗程'
// })
// }
}, },
} }
} }

5
pages/my/index1.vue
View File

@ -63,10 +63,7 @@
</view> </view>
<view class="padding-lr margin-lr" style="background-color: #111111;border-radius: 18rpx;margin-top: 30rpx;" <view class="padding-lr margin-lr" style="background-color: #111111;border-radius: 18rpx;margin-top: 30rpx;"
v-if="XCXIsSelect != '否' && hyCheck != '否'"> v-if="XCXIsSelect != '否' && hyCheck != '否'">
<!-- <image src="../../static/images/my/bg.png" style="width: 100%;height: 110rpx;" mode=""></image> -->
<view class="flex justify-between align-center" style="height: 140rpx;"> <view class="flex justify-between align-center" style="height: 140rpx;">
<!-- <image src="@/static/images/my/huiyuan.png" style="width: 70rpx;height: 70rpx;"></image> -->
<view class="flex justify-between align-center" style=""> <view class="flex justify-between align-center" style="">
<view class=""> <view class="">
<image src="../../static/images/my/lihe.png" style="width: 70upx;height: 70upx;" mode=""> <image src="../../static/images/my/lihe.png" style="width: 70upx;height: 70upx;" mode="">
@ -237,6 +234,7 @@
avatar: '../../static/logo.png', avatar: '../../static/logo.png',
isLogin: true, isLogin: true,
userName: '匿名', userName: '匿名',
phone:"18684369159",
browse: 0, //浏览数 browse: 0, //浏览数
fans: 0, //粉丝数 fans: 0, //粉丝数
follow: 0, //关注数 follow: 0, //关注数
@ -522,6 +520,7 @@
console.log("res.data--->", res.data); console.log("res.data--->", res.data);
if (res.code == 0) { if (res.code == 0) {
this.userName = res.data.userName this.userName = res.data.userName
this.phone=res.data.phone;
this.invitationCode = res.data.invitationCode this.invitationCode = res.data.invitationCode
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

464
pages/my/onceCardOderDrtail.vue
View File

@ -1,464 +0,0 @@
<template>
<view class="content">
<view class="header">
<view class="header-top">
<image src="../../static/servicePackage/member_ba.png" mode=""></image>
</view>
<view class="header-bottom">
<view class="header-bottom-top">
<view class="header-bottom-title">
<view class="header-bottom-title-text">
<span>全身经络SPA 疗 </span>
<span class="header-bottom-title-liao">疗程</span>
</view>
<view class="header-bottom-title-num">
<span>3856</span>
<span> 人选择</span>
</view>
</view>
<view class="header-bottom-money-view">
<view class="header-bottom-money">
<view class="header-bottom-money-zhen">
<span>￥</span>
<span>365</span>
<span>/元套</span>
</view>
<view class="header-bottom-money-jia">
￥430/元次
</view>
</view>
<view class="shouc activH" @click="shoucang">
<image v-if="shouchangNum" src="../../static/servicePackage/collection.png" mode=""></image>
<image v-else src="../../static/servicePackage/collection2.png" mode=""></image>
</view>
</view>
</view>
<view class="header-bottom-foot">
<view class="header-bottom-foot-title">服务保障</view>
<view class="header-bottom-foot-cont">
<view class="header-bottom-foot-view">
<image class="header-bottom-foot-view-img1" src="../../static/servicePackage/idCard.png" mode=""></image>
<span>未服务全额退款</span>
</view>
<view class="header-bottom-foot-view" style="margin: 0px 7px;">
<image class="header-bottom-foot-view-img2" src="../../static/servicePackage/money.png" mode=""></image>
<span>不满意重做</span>
</view>
<view class="header-bottom-foot-view">
<image class="header-bottom-foot-view-img3" src="../../static/servicePackage/shuangyue.png" mode=""></image>
<span>最快30分钟上门</span>
</view>
</view>
</view>
</view>
</view>
<view class="detail-foot">
<view class="detail-foot-nav">
<span class="detail-foot-nav-text">适用说明</span>
<span class="detail-foot-nav-bor"></span>
</view>
<view class="detail-foot-mian">
<view class="detail-foot-mian-top">
<span class="detail-foot-mian-top-title">性别限制: </span>
<span class="detail-foot-mian-top-text">不限性别</span>
</view>
<view class="detail-foot-mian-top-bottom">
<span class="detail-foot-mian-top-title">性别限制: </span>
<span class="detail-foot-mian-top-text">
1.孕期、生理期禁做调理。
2.血小板减少、有出血倾适用人群向等血液病患者禁做调理。3急性损伤引起的骨折、不明原因的肿痛和急性软2.血小板减少、有出血倾适用人群向等血液病患者禁做调理。3急性损伤引起的骨折、不明原因的肿痛和急性软2.血小板减少、有出血倾适用人群向等血液病患者禁做调理。3急性损伤引起的骨折、不明原因的肿痛和急性软2.血小板减少、有出血倾适用人群向等血液病患者禁做调理。3急性损伤引起的骨折、不明原因的肿痛和急性软2.血小板减少、有出血倾适用人群向等血液病患者禁做调理。3急性损伤引起的骨折、不明原因的肿痛和急性软2.血小板减少、有出血倾适用人群向等血液病患者禁做调理。3急性损伤引起的骨折、不明原因的肿痛和急性软2.血小板减少、有出血倾适用人群向等血液病患者禁做调理。3急性损伤引起的骨折、不明原因的肿痛和急性软</span>
</view>
</view>
</view>
<view class="detail-foot">
<view class="detail-foot-nav">
<span class="detail-foot-nav-text">项目详情</span>
<span class="detail-foot-nav-bor"></span>
</view>
<view class="detail-foot-mian">
<image src="../../static/img/user.png" mode=""></image>
<view class="detail-foot-mian-txet">
<span>SCIENTIFIC WAIST</span>
<span>科学护腰，不上脊椎</span>
<span>让您的腰不在盲目呵护!避免二次伤害!</span>
</view>
</view>
</view>
<view class="detail-btn">
立即购买
</view>
</view>
</template>
<script>
export default{
data(){
return{
shouchangNum:false,
}
},
methods:{
shoucang(){
}
}
}
</script>
<style scoped>
.header-bottom-title-liao{
display: inline-block;
padding: 0 7px;
height: 16px;
line-height: 16px;
text-align: center;
background: linear-gradient(-90deg, #FF6F48, #FF9E69);
border-radius: 7px;
margin-left: 5px;
font-weight: bold;
font-size: 8px;
border-top-left-radius: 20px;
border-bottom-right-radius: 20px;
color: #fff;
}
.detail-btn{
width:95%;
height: 92rpx;
line-height: 92rpx;
background: linear-gradient(90deg, #019C88, #28BA92, #35C495);
border-radius: 46rpx;
margin: 0 auto;
text-align: center;
font-weight: 400;
font-size: 42rpx;
color: #FFFFFF;
}
.detail-foot-mian-txet span:nth-child(1){
color: #777777;
font-size: 12px;
font-weight: bold;
margin-bottom: 5px;
}
.detail-foot-mian-txet span:nth-child(2){
color: #333;
font-size: 15px;
font-weight: bold;
margin-bottom:3px;
}
.detail-foot-mian-txet span:nth-child(3){
color: #777777;
font-size: 14px;
font-weight: bold;
}
.detail-foot-mian-txet{
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
margin-top: 20px;
}
.detail-foot-mian image{
width: 100%;
height: 369.44rpx;
}
.detail-foot-mian-top-bottom{
margin-top: 10px;
}
.detail-foot-mian-top-title{
color: #333333;
}
.detail-foot-mian-top-text{
color: #777777;
width:83%;
}
.detail-foot-mian-top,.detail-foot-mian-top-bottom{
width: 100%;
display: flex;
flex-direction: row;
font-weight: bold;
font-size: 22rpx;
}
.header-bottom-title-bottom span{
font-weight: bold;
font-size: 22rpx;
color: #20AB95;
}
.header-bottom-title-bottom image{
width: 34.03rpx;
height: 30.56rpx;
margin-right: 3px;
}
.header-bottom-title-bottom{
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
margin: 5px 0px;
}
.shouc image{
width: 34.03rpx;
height: 32.64rpx;
}
.shouc{
display: flex;
align-items: center;
justify-content: center;
}
.detail-foot-nav-bor{
width: 64px;
height: 11rpx;
border-radius: 6rpx;
position: absolute;
bottom: 0;
background: linear-gradient(90deg,rgba(234, 248, 245,0.7),rgba(132, 211, 196,0.7));
}
.detail-foot-nav-text{
font-weight: bold;
font-size: 32rpx;
color: #000000;
}
.detail-foot-nav{
width: 90%;
display: flex;
flex-direction: column;
position: relative;
}
.detail-foot{
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
padding: 15px 0px;
}
.tese span:nth-child(1){
font-weight: bold;
font-size: 22rpx;
color: #333333;
}
.tese span:nth-child(2){
font-weight: 400;
font-size: 22rpx;
color: #8D9194;
}
.tese{
width: 100%;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2; /* 显示的行数，可以根据需要修改 */
overflow: hidden;
text-overflow: ellipsis;
}
.detail-foot-list-top span:nth-child(1){
font-weight: bold;
font-size: 31rpx;
color: #3F3F3F;
}
.detail-foot-list-top span:nth-child(2){
width: 76rpx;
height: 33rpx;
line-height: 33rpx;
text-align: center;
border-radius: 16rpx;
border: 1px solid #7D7D7D;
font-weight: 400;
font-size: 20rpx;
color: #777777;
margin: 0px 25px 0px 5px;
}
.detail-foot-list-top span:nth-child(3){
font-weight: 400;
font-size: 22rpx;
color: #777777;
}
.detail-foot-mian{
width: 95%;
display: flex;
flex-direction: column;
margin: 0 auto;
background-color: #fff;
border-radius: 21rpx;
padding: 15px;
}
.jianjie{
font-weight: 400;
font-size: 22rpx;
color: #8D9194;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2; /* 显示的行数，可以根据需要修改 */
overflow: hidden;
text-overflow: ellipsis;
}
.header-bottom-mian{
margin: 10px 0px;
}
.header-bottom-mian-title{
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
margin-bottom: 6px;
}
.header-bottom-mian-title span{
font-weight: 400;
font-size: 26rpx;
color: #20AB95;
margin-left: 5px;
}
.header-bottom-mian-title image{
width: 30.56rpx;
height: 29.86rpx;
}
.header-bottom-foot-view-img1{
width: 22.92rpx;
height: 17.36rpx;
}
.header-bottom-foot-view-img2{
width: 16.67rpx;
height: 16.67rpx;
}
.header-bottom-foot-view-img3{
width: 15.97rpx;
height: 18.06rpx;
}
.header-bottom-foot-view image{
margin-right: 3px;
}
.header-bottom-foot-view{
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
padding: 0 5px;
height: 22px;
line-height: 22px;
background-color: rgba(8, 162, 138, 0.1);
border-radius: 8px;
font-weight: 400;
font-size: 8px;
color: #029D88;
}
.header-bottom-foot-title{
width:100%;
height: 22px;
line-height: 22px;
text-align: left;
font-weight: 600;
font-size: 23rpx;
color: #08A28A;
margin-top: 5px;
}
.header-bottom-foot-cont{
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.header-bottom-foot{
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
}
.header-bottom-money-jia{
font-weight: bold;
font-size: 28rpx;
color: #848484;
line-height: 37rpx;
text-decoration-line: line-through;
margin-left: 5px;
}
.header-bottom-money-zhen span{
color: #F95900;
}
.header-bottom-money-zhen span:nth-child(1){
font-size: 25rpx;
}
.header-bottom-money-zhen span:nth-child(2){
font-size:36.81rpx;
font-weight: bold;
}
.header-bottom-money-zhen span:nth-child(3){
font-size: 25rpx;
}
.header-bottom-money-zhen{
display: flex;
flex-direction: row;
align-items: baseline;
}
.header-bottom-money-view{
width: 100%;
display: flex;
flex-direction: row;
justify-content: space-between;
margin-top:5px;
}
.header-bottom-money{
width: 100%;
display: flex;
flex-direction: row;
align-items: flex-end;
}
.header-bottom-title-num span{
font-weight: bold;
font-size: 25rpx;
}
.header-bottom-title-num span:nth-child(1){
color: #08A28A;
}
.header-bottom-title-num span:nth-child(2){
color: #848485;
margin-left: 5px;
}
.header-bottom-title-text{
font-weight: bold;
font-size: 35rpx;
color: #13141A;
}
.header-bottom-title{
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.header-bottom-top{
width: 100%;
display: flex;
flex-direction: column;
}
.header-bottom{
width: 100%;
background-color: #fff;
padding: 15px;
display: flex;
flex-direction: column;
}
.header-top image{
width: 706.25rpx;
height: 105.07rpx;
}
.header-top{
width: 100%;
height: 745.83rpx;
background-image: url('../../static/servicePackage/display.png');
background-size: 100%;
background-repeat: no-repeat;
display: flex;
align-items: flex-end;
justify-content: center;
}
.header{
width: 100%;
display: flex;
flex-direction: column;
}
.content{
width: 100%;
height: auto;
background-color: #f7f7f7;
}
</style>

387
pages/my/onceCardPackage.vue
View File

@ -1,387 +0,0 @@
<!-- 自定义下拉刷新与上拉加载演示(vue) -->
<template>
<view class="content">
<z-paging ref="paging" v-model="dataList" @query="queryList">
<!-- 需要固定在顶部不滚动的view放在slot="top"的view中，如果需要跟着滚动，则不要设置slot="top" -->
<!-- 注意！此处的z-tabs为独立的组件，可替换为第三方的tabs，若需要使用z-tabs，请在插件市场搜索z-tabs并引入，否则会报插件找不到的错误 -->
<template #top>
<view class="service-head-top">
<view class="service-head-top-left">
<image @click="backImg" src="../../static/fanhui.png" mode="widthFix"></image>
<span>项目次卡</span>
</view>
<view>
<uni-search-bar @service="serviceTrue" @confirm="search" :cancelext="'取消'" v-model="searchValue" @blur="blur" @input="input"
@clear="clear">
</uni-search-bar>
<view class="search-btn">
搜索
</view>
</view>
</view>
<view class="fenlei">
<!-- <view class="index-fenl-title">
<span>类目</span>
<span class="index-fenl-title-bottom"></span>
</view> -->
<z-tabs class="z-tabs-fenlei" :list="tabList" @change="tabChange" />
</view>
</template>
<!-- 自定义下拉刷新view(如果use-custom-refresher为true且不设置下面的slot="refresher"，此时不用获取refresherStatus，会自动使用z-paging自带的下拉刷新view) -->
<!-- 注意注意注意！！字节跳动小程序中自定义下拉刷新不支持slot-scope，将导致custom-refresher无法显示 -->
<!-- 如果是字节跳动小程序，请参照sticky-demo.vue中的写法，此处使用slot-scope是为了减少data中无关变量声明，降低依赖 -->
<template #refresher="{refresherStatus}">
<!-- 此处的custom-refresh为demo中自定义的组件，非z-paging的内置组件，请在实际项目中自行创建。这里插入什么view，下拉刷新就显示什么view -->
<custom-refresher :status="refresherStatus" />
</template>
<!-- 自定义没有更多数据view -->
<template #loadingMoreNoMore>
<!-- 此处的custom-nomore为demo中自定义的组件，非z-paging的内置组件，请在实际项目中自行创建。这里插入什么view，没有更多数据就显示什么view -->
<custom-nomore />
</template>
<!-- 如果希望其他view跟着页面滚动，可以放在z-paging标签内 -->
<view class="item" v-for="(item,index) in dataList" :key="index" @click="itemClick(item)">
<!-- <view class="item-title">{{item.title}}</view>
<view class="item-detail">{{item.detail}}</view> -->
<!-- <view class="item-line"></view> -->
<view class="item-img">
<image src="../../static/pintuan.png" mode=""></image>
</view>
<view class="item-view">
<view class="item-view-title">
中医推拿优选套餐
</view>
<view class="item-view-xiangmu">
<span class="xiaoer item-view-biao">小儿推拿</span>
<!-- <span class="tuina item-view-biao">中医推拿</span>
<span class="taishi item-view-biao">泰式推拿</span>
<span class="kangfu item-view-biao">小儿康复</span> -->
<span>已售2w+ | 好评100%</span>
</view>
<view class="item-view-jianjie">
套餐简介:理疗流程 仰/俯卧位(头部、肩颈腰背、四肢按摩)促进血液循环
</view>
<view class="item-view-bottom">
<view class="item-view-bottom-qian">
<span>￥</span>
<span>498</span>
<span>/元套</span>
<span>560</span>
</view>
<view class="item-view-bottom-btn">
立即购买
</view>
</view>
</view>
</view>
</z-paging>
</view>
</template>
<script>
export default {
data() {
return {
// v-model绑定的这个变量不要在分页请求结束中自己赋值！！！
dataList: [],
tabList: ['中医推拿','中医推拿','中医推拿','中医推拿','中医推拿','中医推拿','中医推拿'],
tabIndex: 0,
searchValue:'',
serviceTrue:true,
}
},
methods: {
backImg(){//返回上一页
uni.reLaunch({
url:'/pages/my/index'
})
},
search(res) {
// uni.showToast({
// title: '搜索：' + res.value,
// icon: 'none'
// })
},
input(res) {
console.log('----input:', res)
},
clear(res) {
uni.showToast({
title: 'clear事件，清除值为：' + res.value,
icon: 'none'
})
},
blur(res) {
uni.showToast({
title: 'blur事件，输入值为：' + res.value,
icon: 'none'
})
},
tabChange(index) {
this.tabIndex = index;
//当切换tab或搜索时请调用组件的reload方法，请勿直接调用：queryList方法！！
//调用reload时参数传true则代表reload时触发下拉刷新效果，不传或false则代表取消此效果
this.$refs.paging.reload(true);
},
queryList(pageNo, pageSize) {
// 组件加载时会自动触发此方法，因此默认页面加载时会自动触发，无需手动调用
// 这里的pageNo和pageSize会自动计算好，直接传给服务器即可
// 模拟请求服务器获取分页数据，请替换成自己的网络请求
const params = {
pageNo: pageNo,
pageSize: pageSize,
type: this.tabIndex + 1
}
this.$request.queryList(params).then(res => {
// 将请求的结果数组传递给z-paging
this.$refs.paging.complete(res.data.list);
}).catch(res => {
// 如果请求失败写this.$refs.paging.complete(false);
// 注意，每次都需要在catch中写这句话很麻烦，z-paging提供了方案可以全局统一处理
// 在底层的网络请求抛出异常时，写uni.$emit('z-paging-error-emit');即可
this.$refs.paging.complete(false);
})
},
itemClick(item) {
uni.navigateTo({
url:'/pages/my/onceCardOderDrtail'
})
}
}
}
</script>
<style scoped>
.item-view-bottom-btn{
text-align: center;
width: 131rpx;
height: 50rpx;
line-height: 50rpx;
background: linear-gradient(90deg, #019C88, #0FA78B, #35C495);
border-radius: 10rpx;
font-weight: bold;
font-size: 24rpx;
color: #FFFFFF;
}
.item-view-bottom-qian span:nth-child(4){
font-weight: bold;
font-size: 31rpx;
color: #848484;
text-decoration-line: line-through;
margin-left: 5px;
}
.item-view-bottom-qian span:nth-child(1){
font-weight: 400;
font-size: 25rpx;
color: #F95900;
}
.item-view-bottom-qian span:nth-child(2){
font-weight: bold;
font-size: 36.81rpx;
color: #F95900;
}
.item-view-bottom-qian span:nth-child(3){
font-weight: 400;
font-size: 25rpx;
color: #F95900;
}
.item-view-bottom{
width: 100%;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.item-view-jianjie{
font-weight: 400;
font-size: 22rpx;
color: #848484;
margin:5px 0px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2; /* 显示的行数，可以根据需要修改 */
overflow: hidden;
text-overflow: ellipsis;
}
.item-view-biao{
padding: 1px 2px;
border-radius: 6rpx;
}
.tuina{
background-color:#d1f2df;
color: #17984d;
}
.xiaoer{
background-color:#f1f8d7;
color: #58b314;
}
.taishi{
background-color:#e5d5c6;
color: #805d39;
}
.kangfu{
background-color:#fcf3da;
color: #ff8600;
}
.item-view-xiangmu span:nth-child(2){
font-weight: normal;
color: #666666;
margin-left: 5px;
}
.item-view-xiangmu{
width: 100%;
display: flex;
flex-direction: row;
font-weight: 400;
font-size: 21rpx;
margin-top: 5px;
}
.item-view-title{
font-weight: bold;
font-size: 33rpx;
color: #333333;
}
.item-view{
width: 55%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
}
.item-img{
width: 285rpx;
height: 120px;
border-radius: 14rpx;
}
.item-img image{
width: 100%;
height: 100%;
}
.item {
width: 100%;
display: flex;
flex-direction: row;
justify-content: space-between;
height: 140px;
background: #FFFFFF;
border-radius: 21rpx;
margin-top:20px;
align-items: center;
padding: 0px 5px;
}
.item-detail {
padding: 5rpx 15rpx;
border-radius: 10rpx;
font-size: 28rpx;
color: white;
background-color: #007AFF;
}
.item-line {
position: absolute;
bottom: 0rpx;
left: 0rpx;
height: 1px;
width: 100%;
background-color: #eeeeee;
}
/deep/.zp-paging-container{
background-color: #f7f7f7;
width:100%;
}
/deep/.zp-paging-container-content{
width: 95%;
margin: 0 auto;
}
.fenlei{
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.index-fenl-title{
width: 81rpx;
text-align: center;
position: relative;
display: flex;
flex-direction: column;
align-items: center;
font-weight: bold;
font-size: 34rpx;
color:#019C88;
}
.index-fenl-title-bottom{
position: absolute;
bottom: 0;
margin-bottom: 0px;
width: 81rpx;
height: 14rpx;
border-radius: 7rpx;
background: linear-gradient(-48deg,rgba(1, 156, 136, 0.35),rgba(45, 196, 142, 0.35));
}
/deep/.uni-searchbar__cancel{
display: none;
}
.search-btn{
text-align: center;
line-height: 60rpx;
color: #fff;
position: absolute;
right: 0;
top: 0;
margin-top:9.4px;
margin-right: 11px;
height: 32px !important;
}
/deep/.uni-searchbar__box-icon-search,.search-btn{
width: 101rpx;
height: 60rpx;
background: #18A689;
border-radius: 31rpx;
}
/deep/.uni-searchbar__box{
height: 31px;
border-radius: 15px !important;
background-color: #fff !important;
border: 2px solid #E5E5E5;
padding: 0px;
display: flex;
flex-direction: row;
flex-flow: row-reverse;
position: relative;
}
/deep/.uni-searchbar{
width: 240px;
border-radius: 31rpx;
}
.service-head-top-left image{
width: 25px;
height: 30rpx;
margin-right: 10px;
}
.service-head-top-left span{
font-weight: bold;
font-size: 44rpx;
color: #171717;
}
.service-head-top-left{
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.service-head-top{
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
</style>

159
pages/my/serviceOderDrtail.vue
View File

@ -1,17 +1,17 @@
<template> <template>
<view class="content"> <view class="content">
<view class="header"> <view class="header">
<view class="header-top"> <view class="header-top" :style="backgroundStyle">
<image src="../../static/servicePackage/member_ba.png" mode=""></image> <image v-if="isVIP==false" src="../../static/servicePackage/member_ba.png" mode=""></image>
</view> </view>
<view class="header-bottom"> <view class="header-bottom">
<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}}
</view> </view>
<view class="header-bottom-title-num"> <view class="header-bottom-title-num">
<span>3856</span> <span>{{mainData.sales}} </span>
<span> 人选择</span> <span> 人选择</span>
</view> </view>
</view> </view>
@ -19,17 +19,13 @@
<view class="header-bottom-money"> <view class="header-bottom-money">
<view class="header-bottom-money-zhen"> <view class="header-bottom-money-zhen">
<span>￥</span> <span>￥</span>
<span>365</span> <span>{{mainData.price}}</span>
<span>/元套</span> <span>/元套</span>
</view> </view>
<view class="header-bottom-money-jia"> <view class="header-bottom-money-jia">
￥430 ￥{{mainData.oldPrice}}
</view> </view>
</view> </view>
<view class="shouc activH" @click="shoucang">
<image v-if="shouchangNum" src="../../static/servicePackage/collection.png" mode=""></image>
<image v-else src="../../static/servicePackage/collection2.png" mode=""></image>
</view>
</view> </view>
</view> </view>
<view class="header-bottom-mian"> <view class="header-bottom-mian">
@ -38,7 +34,7 @@
<span>套餐简介</span> <span>套餐简介</span>
</view> </view>
<view class="jianjie"> <view class="jianjie">
正规绿色服务!从事养生行业2年，泰式SPA、泰式SPA、泰式SPA、精油SPA、足疗SPA、中式推拿、有按摩师证，手法专业，期待您的关注和预约~ {{mainData.content}}
</view> </view>
</view> </view>
<view class="header-bottom-foot"> <view class="header-bottom-foot">
@ -64,79 +60,33 @@
<span class="detail-foot-nav-bor"></span> <span class="detail-foot-nav-bor"></span>
</view> </view>
<view class="detail-foot-mian"> <view class="detail-foot-mian">
<view class="detail-foot-list"> <view class="detail-foot-list" v-for="(item,index) in detailData" :key="index" @click="detail(item)">
<view class="detail-foot-list-top"> <view class="detail-foot-list-top">
<span>中式推拿</span> <span style="margin-right: 5px;">{{item.title}}</span>
<span>详情</span> <span style="display: none;">详情</span>
<span>服务时长:70分钟</span> <span>服务时长:{{item.duration}}分钟</span>
</view> </view>
<view class="header-bottom-money" style="margin: 7px 0px;"> <view class="header-bottom-money" style="margin: 7px 0px;">
<view class="header-bottom-money-zhen"> <view class="header-bottom-money-zhen">
<span>￥</span> <span>￥</span>
<span>99</span> <span>{{item.price}}</span>
<span>/元套</span> <span>/元套</span>
</view> </view>
<view class="header-bottom-money-jia" style="margin-left: 20px;"> <view class="header-bottom-money-jia" style="margin-left: 20px;">
￥199 ￥{{item.oldPrice}}
</view> </view>
</view> </view>
<view class="tese"> <view class="tese">
<span>项目特色: </span> <span>项目特色: </span>
<span>利用中医原理，对症调理;活血化痰，疏通经，消除疲劳;改善睡取，改善体质，增强体质;</span> <span>{{item.content}}</span>
</view> </view>
<view class="detail-foot-title"> <view class="detail-foot-title">
服务项目1 服务项目{{index+1}}
</view>
</view>
<view class="detail-foot-list">
<view class="detail-foot-list-top">
<span>中式推拿</span>
<span>详情</span>
<span>服务时长:70分钟</span>
</view>
<view class="header-bottom-money" style="margin: 7px 0px;">
<view class="header-bottom-money-zhen">
<span>￥</span>
<span>99</span>
<span>/元套</span>
</view>
<view class="header-bottom-money-jia" style="margin-left: 20px;">
￥199
</view>
</view>
<view class="tese">
<span>项目特色: </span>
<span>利用中医原理，对症调理;活血化痰，疏通经，消除疲劳;改善睡取，改善体质，增强体质;</span>
</view>
<view class="detail-foot-title">
服务项目1
</view>
</view>
<view class="detail-foot-list">
<view class="detail-foot-list-top">
<span>中式推拿</span>
<span>详情</span>
<span>服务时长:70分钟</span>
</view>
<view class="header-bottom-money" style="margin: 7px 0px;">
<view class="header-bottom-money-zhen">
<span>￥</span>
<span>99</span>
<span>/元套</span>
</view>
<view class="header-bottom-money-jia" style="margin-left: 20px;">
￥199
</view>
</view>
<view class="tese">
<span>项目特色: </span>
<span>利用中医原理，对症调理;活血化痰，疏通经，消除疲劳;改善睡取，改善体质，增强体质;</span>
</view>
<view class="detail-foot-title">
服务项目1
</view> </view>
</view> </view>
</view> </view>
</view> </view>
</view> </view>
@ -145,16 +95,68 @@
export default{ export default{
data(){ data(){
return{ return{
shouchangNum:false, serviData:[],
isVIP:false,
mainData:[],
detailData:[],
// 背景图片的URL可以是动态的，比如从API获取或根据条件生成
backgroundImageUrl: ''
} }
}, },
methods:{ computed: {
shoucang(){ backgroundStyle() {
return {
backgroundImage: `url(${this.backgroundImageUrl})`,
backgroundSize: 'cover', // 根据需要调整
};
} }
},
onLoad(e){
var that=this;
that.serviData=e
that.getData();
this.isVIP=this.$queue.getData('isVIP');
},
methods:{
detail(item){
console.log("111111",item)
uni.navigateTo({
url:'/pages/my/cureOderDrtail'
})
},
getData(){
var that=this;
let data = {
mainId: that.serviData.id,
page: that.serviData.page,
limit: that.serviData.limit,
}
that.$Request.get('/app/user/package/detail/findMyPackageDetailList',data).then(res => {
if (res.code == 0) {
that.mainData=res.data.mainData;
that.detailData=res.data.detailData;
that.backgroundImageUrl=that.mainData.packageImg
}
})
},
} }
} }
</script> </script>
<style scoped> <style scoped>
.header-top image{
width: 706.25rpx;
height: 105.07rpx;
}
.header-top{
width: 100%;
height: 745.83rpx;
background-image: url('../../static/servicePackage/display.png');
/* background-size: 100%;
background-repeat: no-repeat; */
display: flex;
align-items: flex-end;
justify-content: center;
}
.shouc image{ .shouc image{
width: 34.03rpx; width: 34.03rpx;
height: 32.64rpx; height: 32.64rpx;
@ -269,6 +271,8 @@
width: 100%; width: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center;
align-items: center;
} }
.jianjie{ .jianjie{
font-weight: 400; font-weight: 400;
@ -419,20 +423,7 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
.header-top image{
width: 706.25rpx;
height: 105.07rpx;
}
.header-top{
width: 100%;
height: 745.83rpx;
background-image: url('../../static/servicePackage/display.png');
background-size: 100%;
background-repeat: no-repeat;
display: flex;
align-items: flex-end;
justify-content: center;
}
.header{ .header{
width: 100%; width: 100%;
display: flex; display: flex;

152
pages/my/servicePackage.vue
View File

@ -8,24 +8,20 @@
<view class="service-head-top"> <view class="service-head-top">
<view class="service-head-top-left"> <view class="service-head-top-left">
<image @click="backImg" src="../../static/fanhui.png" mode="widthFix"></image> <image @click="backImg" src="../../static/fanhui.png" mode="widthFix"></image>
<span>服务套餐</span> <span>{{titleNmae}}</span>
</view> </view>
<view> <view>
<uni-search-bar @service="serviceTrue" @confirm="search" :cancelext="'取消'" v-model="searchValue" @blur="blur" @input="input" <uni-search-bar @service="serviceTrue" @confirm="search" :cancelext="'取消'" v-model="searchValue" @input="input"
@clear="clear"> @clear="clear">
</uni-search-bar> </uni-search-bar>
<view class="search-btn"> <view class="search-btn" @click="searchBtn">
搜索 搜索
</view> </view>
</view> </view>
</view> </view>
<view class="fenlei"> <!-- <view class="fenlei">
<!-- <view class="index-fenl-title"> <z-tabs class="z-tabs-fenlei" :list="tabList" @change="tabChange" @changeClick="changeClick"/>
<span>类目</span>
<span class="index-fenl-title-bottom"></span>
</view> --> </view> -->
<z-tabs class="z-tabs-fenlei" :list="tabList" @change="tabChange" />
</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) -->
@ -48,32 +44,29 @@
<view class="item-detail">{{item.detail}}</view> --> <view class="item-detail">{{item.detail}}</view> -->
<!-- <view class="item-line"></view> --> <!-- <view class="item-line"></view> -->
<view class="item-img"> <view class="item-img">
<image src="../../static/pintuan.png" mode=""></image> <image :src="item.packageImg" mode=""></image>
<span class="img-span">次卡</span> <span class="img-span">{{item.type}}</span>
</view> </view>
<view class="item-view"> <view class="item-view">
<view class="item-view-title"> <view class="item-view-title">
中医推拿优选套餐 {{item.title}}
</view> </view>
<view class="item-view-xiangmu"> <view class="item-view-xiangmu">
<span class="xiaoer item-view-biao">小儿推拿</span> <span class="xiaoer item-view-biao">{{item.classifyName}}</span>
<!-- <span class="tuina item-view-biao">中医推拿</span> <span>已售{{item.sales}}w+ | 好评{{item.esteemRate}}%</span>
<span class="taishi item-view-biao">泰式推拿</span>
<span class="kangfu item-view-biao">小儿康复</span> -->
<span>已售2w+ | 好评100%</span>
</view> </view>
<view class="item-view-jianjie"> <view class="item-view-jianjie">
套餐简介:理疗流程 仰/俯卧位(头部、肩颈腰背、四肢按摩)促进血液循环 {{item.content}}
</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>
<span>498</span> <span>{{item.price}}</span>
<span>/元套</span> <span>/元套</span>
<span>560</span> <span>{{item.oldPrice}}</span>
</view> </view>
<view class="item-view-bottom-btn" @click.stop="toggle('center')"> <view class="item-view-bottom-btn" @click.stop="toggle('center')">
服务升级 查看
</view> </view>
</view> </view>
</view> </view>
@ -189,16 +182,84 @@
export default { export default {
data() { data() {
return { return {
myId: '',
type:'center', type:'center',
// v-model绑定的这个变量不要在分页请求结束中自己赋值！！！ // v-model绑定的这个变量不要在分页请求结束中自己赋值！！！
dataList: [], dataList: [],
tabList: ['中医推拿','中医推拿','中医推拿','中医推拿','中医推拿','中医推拿','中医推拿'], tabList: [],
typeData:'104',
tabIndex: 0, tabIndex: 0,
searchValue:'', searchValue:'',
serviceTrue:true, serviceTrue:true,
page:1,
limit:10,
titleNmae:''
} }
}, },
onLoad(e){
this.titleNmae=e.name
if(this.titleNmae=="服务套餐"){
this.typeData='104';
}else if(this.titleNmae=="项目次卡"){
this.typeData='105';
}else if(this.titleNmae=="服务疗程"){
this.typeData='106';
}
this.myId = uni.getStorageSync('userId')
this.getData()
},
methods: { methods: {
input(res) {//搜索 输入框
this.searchValue=res;
console.log('----input:', res)
},
searchBtn(){//搜索按钮
if(this.searchValue!=""){
this.getData()
}
},
getData(){
let data = {
userId: this.myId,
type: this.typeData,
page: this.page,
limit: this.limit,
title:this.searchValue,
}
this.$Request.get('/app/user/package/findMyPackageList', data).then(res => {
if (res.code == 0) {
this.dataList=res.data.records;
}
})
},
tabChange(index) {
this.tabIndex = index;
//当切换tab或搜索时请调用组件的reload方法，请勿直接调用：queryList方法！！
//调用reload时参数传true则代表reload时触发下拉刷新效果，不传或false则代表取消此效果
this.$refs.paging.reload(true);
},
queryList(pageNo, pageSize) {
// console.log(pageNo,pageSize,this.tabIndex)
// 组件加载时会自动触发此方法，因此默认页面加载时会自动触发，无需手动调用
// 这里的pageNo和pageSize会自动计算好，直接传给服务器即可
// 模拟请求服务器获取分页数据，请替换成自己的网络请求
const params = {
userId: this.myId,
page: pageNo,
limit: pageSize,
type: this.typeData,
title:''
}
this.$Request.get('/app/user/package/findMyPackageList',params).then(res => {
// 将请求的结果数组传递给z-paging
this.$refs.paging.complete(res.data.records);
}).catch(res => {
// 如果请求失败写this.$refs.paging.complete(false);
// 注意，每次都需要在catch中写这句话很麻烦，z-paging提供了方案可以全局统一处理
// 在底层的网络请求抛出异常时，写uni.$emit('z-paging-error-emit');即可
this.$refs.paging.complete(false);
})
},
change(e) { change(e) {
console.log('当前模式：' + e.type + ',状态：' + e.show); console.log('当前模式：' + e.type + ',状态：' + e.show);
}, },
@ -216,55 +277,12 @@
url:'/pages/my/index' url:'/pages/my/index'
}) })
}, },
search(res) {
// uni.showToast({
// title: '搜索：' + res.value,
// icon: 'none'
// })
},
input(res) {
console.log('----input:', res)
},
clear(res) { clear(res) {
uni.showToast({ this.getData()
title: 'clear事件，清除值为：' + res.value,
icon: 'none'
})
},
blur(res) {
uni.showToast({
title: 'blur事件，输入值为：' + res.value,
icon: 'none'
})
},
tabChange(index) {
this.tabIndex = index;
//当切换tab或搜索时请调用组件的reload方法，请勿直接调用：queryList方法！！
//调用reload时参数传true则代表reload时触发下拉刷新效果，不传或false则代表取消此效果
this.$refs.paging.reload(true);
},
queryList(pageNo, pageSize) {
// 组件加载时会自动触发此方法，因此默认页面加载时会自动触发，无需手动调用
// 这里的pageNo和pageSize会自动计算好，直接传给服务器即可
// 模拟请求服务器获取分页数据，请替换成自己的网络请求
const params = {
pageNo: pageNo,
pageSize: pageSize,
type: this.tabIndex + 1
}
this.$request.queryList(params).then(res => {
// 将请求的结果数组传递给z-paging
this.$refs.paging.complete(res.data.list);
}).catch(res => {
// 如果请求失败写this.$refs.paging.complete(false);
// 注意，每次都需要在catch中写这句话很麻烦，z-paging提供了方案可以全局统一处理
// 在底层的网络请求抛出异常时，写uni.$emit('z-paging-error-emit');即可
this.$refs.paging.complete(false);
})
}, },
itemClick(item) { itemClick(item) {
uni.navigateTo({ uni.navigateTo({
url:'/pages/my/serviceOderDrtail' url:'/pages/my/serviceOderDrtail?id='+item.id+'&limit='+this.limit+'&page='+this.page
}) })
} }
} }

4
pages/public/loginphone.vue
View File

@ -114,8 +114,8 @@
this.$Request.get("/app/VipDetails/getVipDetailByUser",data).then(res => { this.$Request.get("/app/VipDetails/getVipDetailByUser",data).then(res => {
if (res.code == 0) { if (res.code == 0) {
this.isVipData = res.data this.isVipData = res.data
this.$queue.setData("VipDetails", this.isVipData); this.$queue.setData("isVIP", this.isVipData);
console.log("VipDetails",this.$queue.getData('VipDetails')) console.log("isVIP",this.$queue.getData('isVIP'))
} }
}); });
} }

191
pages/therapist/orderDetail.vue
View File

@ -16,7 +16,6 @@
<view class="jian-view"> <view class="jian-view">
<view class="jian-view-left"> <view class="jian-view-left">
<span>{{order.artificerName}}</span> <span>{{order.artificerName}}</span>
<image class="jian-view-left-img" src="../../static/orderDetail/jiankang.png" mode=""></image>
</view> </view>
<view class="jian-view-right"> <view class="jian-view-right">
@ -38,40 +37,25 @@
</view> </view>
<view class="oder-mian"> <view class="oder-mian">
<view class="oder-mian-left"> <view class="oder-mian-left">
<span>ID:178256</span> <span>ID:{{order.artificerId}}</span>
<span>125人 关注</span> <span>{{order.collectCount}}人 关注</span>
</view> </view>
<!-- <view class="" v-if="myId != order.userId" style="margin-bottom: 3px;">
<view class="text-center shouchang" @click="follow">
<view class="shouchang-view">
<image class="shouchang-img" src="../../static/servicePackage/collection.png" v-if="!isFollow">
</image>
<image src="../../static/servicePackage/collection2.png"
style="width: 28rpx;height: 28rpx;position: relative;top: 4upx;" v-else></image>
</view>
</view>
</view> -->
<view class="oder-mian-tjia"> <view class="oder-mian-tjia">
<view class="" v-if="myId != order.userId" style="margin-bottom: 3px;"> <view class="" style="margin-bottom: 3px;">
<view class="text-center shouchang" @click="follow"> <view class="text-center shouchang">
<view class="shouchang-view"> <view class="shouchang-view" @click="toggle('center')">
<image class="shouchang-img" src="../../static/orderDetail/technician6.png" v-if="!isFollow"> <image class="shouchang-img" src="../../static/orderDetail/technician6.png">
</image> </image>
<image src="../../static/orderDetail/technician6-1.png" <!-- <image src="../../static/orderDetail/technician6-1.png"
style="width: 45rpx;height: 45rpx;position: relative;top: 4upx;" v-else></image> style="width: 45rpx;height: 45rpx;position: relative;top: 4upx;" v-else></image> -->
</view>
<!-- <text style="color: #999999;margin-left: 10upx;" v-if="!isFollow">收藏</text>
<text style="margin-left: 10upx;color: #096f4b;" v-else>已收藏</text> -->
</view>
</view>
<view class="oder-mian-qing" @click="toggle('center')">请TA上线</view>
<view class="oder-mian-guan">
+ 关注
</view>
</view> </view>
<view class="oder-mian-btn"> </view>
<!-- <image src="../../static/orderDetail/technician6.png" mode=""></image> --> </view>
<view class="oder-mian-qing">请TA上线</view>
<view class="oder-mian-guan" :class="[isFollow?'activeG':'activeQ']" @click="guanzhu(order)">
+ 关注
</view>
</view> </view>
</view> </view>
<!-- <view class="padding-bottom flex justify-between"> <!-- <view class="padding-bottom flex justify-between">
@ -105,13 +89,13 @@
<span>平台担保</span> <span>平台担保</span>
</view> </view>
</view> </view>
<view class="oder-foot-left-right"> <view class="oder-foot-left-right" v-if="order.consortiaName">
<image src="../../static/orderDetail/chengchi.png" mode=""></image> <image src="../../static/orderDetail/chengchi.png" mode=""></image>
<span>春城有约</span> <span>{{order.consortiaName}}</span>
</view> </view>
</view> </view>
</view> </view>
<view class="video-list"> <!-- <view class="video-list">
<view class="video-list-top"> <view class="video-list-top">
<view class="video-list-title"> <view class="video-list-title">
技师主页 技师主页
@ -126,7 +110,7 @@
<video class="video-item" :src="item.url" :poster="'https://gd-hbimg.huaban.com/3ae3bb051cba65840b10d2149ecf978b80e1c9793dee6-GkA300_fw658'"></video> <video class="video-item" :src="item.url" :poster="'https://gd-hbimg.huaban.com/3ae3bb051cba65840b10d2149ecf978b80e1c9793dee6-GkA300_fw658'"></video>
</view> </view>
</view> </view>
</view> </view> -->
<view class="oder-footer"> <view class="oder-footer">
<u-tabs :list="tabs" :is-scroll="true" :current="tabIndex" @change="tabChange" active-color="#000000" <u-tabs :list="tabs" :is-scroll="true" :current="tabIndex" @change="tabChange" active-color="#000000"
gutter="60"> gutter="60">
@ -146,7 +130,7 @@
</view> </view>
</view> </view>
<view class="xiangmu-about"> <view class="xiangmu-about">
服务简介: 理疗流程 仰/俯卧位(头部、肩颈腰背、四肢按摩)促进血液循环 {{item.jianjie}}
</view> </view>
<view class="xiangmu-foot"> <view class="xiangmu-foot">
<view class="xiangmu-foot-left"> <view class="xiangmu-foot-left">
@ -155,7 +139,7 @@
<span>{{item.price}}</span> <span>{{item.price}}</span>
<span>/元套</span> <span>/元套</span>
</view> </view>
<view class="xiangmu-foot-left-dazhe">560</view> <view class="xiangmu-foot-left-dazhe">{{item.oldPrice}}</view>
</view> </view>
<view class="xiadan"> <view class="xiadan">
下单 下单
@ -228,28 +212,28 @@
</view> </view>
<view class="popup-mian"> <view class="popup-mian">
<view class="popup-mian-textarea"> <view class="popup-mian-textarea">
<view class="popup-mian-view popup-mian-list3"> <view class="popup-mian-view popup-mian-list3" @click="dianMoney('2')">
<image src="../../static/orderDetail/reward3.png" mode=""></image> <image src="../../static/orderDetail/reward3.png" mode=""></image>
<span>￥2</span> <span>￥2</span>
</view> </view>
<view class="popup-mian-view popup-mian-list2"> <view class="popup-mian-view popup-mian-list2" @click="dianMoney('3')">
<image src="../../static/orderDetail/reward2.png" mode=""></image> <image src="../../static/orderDetail/reward2.png" mode=""></image>
<span>￥3</span> <span>￥3</span>
</view> </view>
<view class="popup-mian-view popup-mian-list1"> <view class="popup-mian-view popup-mian-list1" @click="dianMoney('5')">
<image src="../../static/orderDetail/reward1.png" mode=""></image> <image src="../../static/orderDetail/reward1.png" mode=""></image>
<span>￥5</span> <span>￥5</span>
</view> </view>
</view> </view>
<view class="ziding"> <view class="ziding">
<span>自定义打赏金额</span> <span>自定义打赏金额</span>
<input placeholder="请输入打赏金额" class="ziding-inp" type="text" /> <input @input="dashang" v-model="money" type="number" placeholder="请输入打赏金额" class="ziding-inp"/>
</view> </view>
<view class="popup-mian-btn"> <view class="popup-mian-btn">
<span @click="closePopup(type)"> <span @click="closePopup(type)">
取消 取消
</span> </span>
<span> <span @click="zhifu">
确定 确定
</span> </span>
</view> </view>
@ -305,8 +289,6 @@
name: '', name: '',
cityaddress: '', cityaddress: '',
detailaddress: '', detailaddress: '',
latitude: '',
longitude: '',
province: '', province: '',
city: '', city: '',
district: '', district: '',
@ -324,14 +306,14 @@
tabIndex: 0, // tab下标 tabIndex: 0, // tab下标
fwIndex: 0, fwIndex: 0,
artificerlist: [], artificerlist: [],
latitude: '', latitude: '',
longitude: '', longitude: '',
imgArr: [], imgArr: [],
status: "", status: "",
XCXIsSelect: '否', XCXIsSelect: '否',
hyCheck: '否', hyCheck: '否',
imageHeight: '358' imageHeight: '358',
money:''
} }
}, },
onLoad(option) { onLoad(option) {
@ -361,6 +343,72 @@
}); });
}, },
methods: { methods: {
dianMoney(e){//点击 图片打赏 输入金额
this.money=e;
},
dashang(e){//打赏 输入金额
this.money=e.detail.value;
},
zhifu(){//打赏支付
var data={
userId: this.myId,
artificerId: this.artificerId,
money:this.money
}
if(this.money!=''){
this.$Request.post("/app/userMoney/payUserMoneyArtificer", data).then(res => {
if (res.code == 0) {
uni.showToast({
title: '打赏成功！'
})
this.closePopup('center')
}else{
uni.showToast({
icon:'error',
title: res.msg
})
}
});
}else{
uni.showToast({
icon:'error',
title: '请输入打赏金额'
})
}
},
guanzhu(item) {// 关注
let oldIsFollow = this.isFollow;
let that = this
let data = {
artificerId: that.artificerId,
userId: that.myId,
classify: item.myCollectCount==1?'0':'1'
}
that.$Request.postJson("/app/artificer/insertCollect", data).then(res => {
if (res.code == 0) {
if (oldIsFollow) {
uni.showToast({
title: '取消成功',
icon: 'none'
})
} else {
uni.showToast({
title: '收藏成功',
icon: 'none'
})
}
} else {
uni.showToast({
title: res.msg,
icon: 'none'
})
}
setTimeout(function() {
that.getDet()
}, 500)
});
},
change(e) { change(e) {
console.log('当前模式：' + e.type + ',状态：' + e.show); console.log('当前模式：' + e.type + ',状态：' + e.show);
}, },
@ -418,7 +466,7 @@
this.order.distance = (this.order.distance).toFixed(1) + 'm' this.order.distance = (this.order.distance).toFixed(1) + 'm'
} }
if (res.data.collectCount == 1) { if (res.data.myCollectCount == 1) {
this.isFollow = true this.isFollow = true
} else { } else {
this.isFollow = false this.isFollow = false
@ -495,40 +543,7 @@
} }
}) })
}, },
// 收藏
follow() {
let oldIsFollow = this.isFollow;
let that = this
let data = {
artificerId: that.artificerId,
userId: that.myId,
classify: '1'
}
that.$Request.postJson("/app/artificer/insertCollect", data).then(res => {
if (res.code == 0) {
if (oldIsFollow) {
uni.showToast({
title: '取消成功',
icon: 'none'
})
} else {
uni.showToast({
title: '收藏成功',
icon: 'none'
})
}
} else {
uni.showToast({
title: res.msg,
icon: 'none'
})
}
setTimeout(function() {
that.getDet()
}, 500)
});
},
saveImg(imgs, index) { saveImg(imgs, index) {
// console.log(imgs) // console.log(imgs)
let that = this; let that = this;
@ -558,6 +573,11 @@
</script> </script>
<style scoped> <style scoped>
/deep/.padding-tb-sm{
background: #fff;
padding: 10px;
border-radius: 10px;
}
/deep/.uni-input-placeholder{ /deep/.uni-input-placeholder{
font-size: 23rpx; font-size: 23rpx;
color: #C8C8C8; color: #C8C8C8;
@ -684,7 +704,6 @@
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
width: 55%;
justify-content: flex-end; justify-content: flex-end;
} }
.oder-mian-guan{ .oder-mian-guan{
@ -692,12 +711,19 @@
height: 45rpx; height: 45rpx;
line-height: 45rpx; line-height: 45rpx;
text-align: center; text-align: center;
color: #fff;
font-weight: 400; font-weight: 400;
font-size: 23rpx; font-size: 23rpx;
background: linear-gradient(90deg, #019C88, #0FA78B, #35C495);
border-radius: 23rpx; border-radius: 23rpx;
} }
.activeQ{
color: #35C495;
background: #fff;
border:1px solid #35C495;
}
.activeG{
color: #fff;
background: linear-gradient(90deg, #019C88, #0FA78B, #35C495);
}
.oder-mian-qing{ .oder-mian-qing{
width: 65px; width: 65px;
height: 45rpx; height: 45rpx;
@ -998,6 +1024,7 @@
color: #222222; color: #222222;
} }
.oder-mian-left{ .oder-mian-left{
width: 50%;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;

145
pages/therapist/therapist.vue
View File

@ -37,7 +37,7 @@
style="width: 30rpx;height: 36rpx;position: absolute;z-index: 99;top: 40rpx;left: 110rpx;"> style="width: 30rpx;height: 36rpx;position: absolute;z-index: 99;top: 40rpx;left: 110rpx;">
</image> </image>
<!-- <image class="touxiang" src="../../static/cika.png" mode=""></image> --> <!-- <image class="touxiang" src="../../static/cika.png" mode=""></image> -->
<view class="zpmore_view_left" v-if="item.lifePhoto" @click.stop="saveImgss(item.lifePhoto, 0)"> <view class="zpmore_view_left" v-if="item.isNewer==1" @click.stop="saveImgss(item.isNewer, 0)">
<image src="../../static/dituzhaoren1.png" mode=""></image> <image src="../../static/dituzhaoren1.png" mode=""></image>
</view> </view>
</view> </view>
@ -48,7 +48,6 @@
<view class="list-right-top-name"> <view class="list-right-top-name">
{{ item.artificerName }} {{ item.artificerName }}
</view> </view>
<image src="../../static/dituzhaoren2.png" mode=""></image>
<view class="keyuyue"> <view class="keyuyue">
<view class="keyuyue-btn keyuyue-jinri"> <view class="keyuyue-btn keyuyue-jinri">
{{item.state == 1?"可服务":item.state == 2?"今日可约":"休息中"}} {{item.state == 1?"可服务":item.state == 2?"今日可约":"休息中"}}
@ -58,7 +57,7 @@
</view> </view>
</view> </view>
<view class="list-right-top-bottom"> <view class="list-right-top-bottom">
正规绿色服务!擅长精油SPA、中式推拿，有按摩师证，手法专业，期待正规绿色服务!擅长精油SPA、中式推拿正规绿色服务!擅长精油SPA、中式推拿 {{item.technicianTypeName}}
</view> </view>
</view> </view>
<!-- <view class="kyy_view">可服务</view> --> <!-- <view class="kyy_view">可服务</view> -->
@ -85,10 +84,10 @@
</view> </view>
</view> </view>
<view class="therapist-mian-bottom"> <view class="therapist-mian-bottom">
<view class="flex flex-wrap align-center" v-if="XCXIsSelect != '否'"> <view class="flex flex-wrap align-center" v-if="item.consortiaName">
<image class="therapist-bottom-img" src="../../static/dituzhaoren5.png"> <image class="therapist-bottom-img" src="../../static/dituzhaoren5.png">
</image> </image>
<view class="therapist-mian-bottom-text">春城有约</view> <view class="therapist-mian-bottom-text">{{item.consortiaName}}</view>
</view> </view>
<view class="flex align-center" v-if="item.tripWay != 3" > <view class="flex align-center" v-if="item.tripWay != 3" >
<image class="therapist-bottom-dingwei" src="../../static/dituzhaoren6.png"></image> <image class="therapist-bottom-dingwei" src="../../static/dituzhaoren6.png"></image>
@ -96,7 +95,6 @@
{{ item.distance }} {{ item.distance }}
</view> </view>
</view> </view>
</view> </view>
<view class="text-center text-sm" v-if="item.status == 1" <view class="text-center text-sm" v-if="item.status == 1"
style="background: linear-gradient(90deg, #019C88, #0FA78B, #35C495);color: #ffffff;width: 100%;border-radius: 30upx;height: 60upx;line-height: 60upx;margin-top: 10rpx;" style="background: linear-gradient(90deg, #019C88, #0FA78B, #35C495);color: #ffffff;width: 100%;border-radius: 30upx;height: 60upx;line-height: 60upx;margin-top: 10rpx;"
@ -124,103 +122,101 @@
</view> </view>
<u-popup v-model="showPopup" mode="bottom" height="" closeable :mask-close-able="false"> <u-popup v-model="showPopup" mode="bottom" height="" closeable :mask-close-able="false">
<view id="popView"> <view id="popView">
<view class="flex align-center"> <view class="flex align-center list-view" style="padding: 0px;">
<view style="width: 170upx;height: 170upx;border-radius: 10rpx;position: relative;"> <view class="touxiang-left-view" style="margin-bottom: 0px;padding-bottom: 0px;width: auto;">
<image <image
class="touxiang-left-content-img"
:src="getOrderByCurrentMarkerIndex().artificerImg ? getOrderByCurrentMarkerIndex().artificerImg : '../../static/logo.png'" :src="getOrderByCurrentMarkerIndex().artificerImg ? getOrderByCurrentMarkerIndex().artificerImg : '../../static/logo.png'"
@click.stop="saveImgs(getOrderByCurrentMarkerIndex().artificerImg)" @click.stop="saveImgs(getOrderByCurrentMarkerIndex().artificerImg)"
style="width: 170upx;height: 170upx;border-radius: 50%;" mode="aspectFill"></image> mode="aspectFill"></image>
<image v-if="getOrderByCurrentMarkerIndex().isHot == 1" <image v-if="getOrderByCurrentMarkerIndex().isHot == 1"
class="touxiang-left-content-img"
src="https://admin.sjajk.com/file/uploadPath/2023/02/16/9ae1b7e9fa931b5fc24cd8edecc10d9f.png" src="https://admin.sjajk.com/file/uploadPath/2023/02/16/9ae1b7e9fa931b5fc24cd8edecc10d9f.png"
style="width: 30rpx;height: 36rpx;position: absolute;z-index: 99;top: 40rpx;left: 110rpx;"> style="width: 30rpx;height: 36rpx;position: absolute;z-index: 99;top: 40rpx;left: 110rpx;">
</image> </image>
<view class="zpmore_view" v-if="getOrderByCurrentMarkerIndex().lifePhoto" <view class="zpmore_view_left" v-if="getOrderByCurrentMarkerIndex().isNewer==1" @click.stop="saveImgss(getOrderByCurrentMarkerIndex().isNewer, 0)">
@click.stop="saveImgss(getOrderByCurrentMarkerIndex().lifePhoto, 0)">更多照片</view> <image src="../../static/dituzhaoren1.png" mode=""></image>
</view> </view>
<view class="margin-left flex flex-direction" style="width: 85%;"> <!-- <view class="zpmore_view" v-if="getOrderByCurrentMarkerIndex().lifePhoto"
@click.stop="saveImgss(getOrderByCurrentMarkerIndex().lifePhoto, 0)">更多照片</view> -->
</view>
<view class="margin-left flex flex-direction dituList">
<view class="flex align-center" style="justify-content: start;"> <view class="flex align-center" style="justify-content: start;">
<view class="flex align-center" style="width: 120rpx;"> <!-- <view class="flex align-center" style="width: 120rpx;">
<view class="text-bold text-30 margin-right-xs" <view class="text-bold text-30 margin-right-xs"
style="width: 100rpx;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: left;"> style="width: 100rpx;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: left;">
{{ getOrderByCurrentMarkerIndex().artificerName }} {{ getOrderByCurrentMarkerIndex().artificerName }}
</view> </view>
</view> -->
<view class="flex align-center list-right-top">
<view class="list-right-top-view">
<view class="list-right-top-name">
{{ getOrderByCurrentMarkerIndex().artificerName }}
</view>
<view class="keyuyue">
<view class="keyuyue-btn keyuyue-jinri">
{{getOrderByCurrentMarkerIndex().state == 1?"可服务":getOrderByCurrentMarkerIndex().state == 2?"今日可约":"休息中"}}
</view>
<view class="keyuyue-btn keyuyue-time" v-if="getOrderByCurrentMarkerIndex().status == 1 && getOrderByCurrentMarkerIndex().time">{{ getOrderByCurrentMarkerIndex().time}}</view>
</view>
</view>
<!-- <view class="list-right-top-bottom">
{{item.technicianTypeName}}
</view> -->
</view> </view>
<view class="" style="width: 150rpx;">
<view class="flex align-center" v-if="getOrderByCurrentMarkerIndex().tripWay != 3"
style="width: 150rpx;">
<image src="../../static/images/address.png"
style="width: 24rpx;height: 24rpx;"></image>
<view style="color: #333333;margin-left: 4rpx;font-size: 24rpx;">
{{ getOrderByCurrentMarkerIndex().distance }}
</view>
</view>
</view>
<view class="kyy_view" v-if="getOrderByCurrentMarkerIndex().state == 1">可服务</view>
<view class="kfw_view" v-else-if="getOrderByCurrentMarkerIndex().state == 2">可预约</view>
<view class="byy_view" v-else>休息中</view>
</view> </view>
<view class="flex" style="margin: 16rpx 0 6px 0;justify-content: start;"> <view class="therapist-mian-top">
<view class="flex align-center" style="width: 120rpx;"> <!-- <view v-if="getOrderByCurrentMarkerIndex().ordersScore">
<view v-if="getOrderByCurrentMarkerIndex().ordersScore">
<image src="../../static/images/start.png" style="width: 24upx;height: 22upx;"> <image src="../../static/images/start.png" style="width: 24upx;height: 22upx;">
</image> </image>
<text class="margin-left-xs" style="color: #fe831e;">{{ <text class="margin-left-xs" style="color: #fe831e;">{{
getOrderByCurrentMarkerIndex().ordersScore }}.0</text> getOrderByCurrentMarkerIndex().ordersScore }}.0</text>
<!-- <image
src="https://admin.sjajk.com/file/uploadPath/2023/02/16/d45855dcf1e01210a4224a408225e8e0.png"
style="width: 40rpx;height:40rpx;">
</image> -->
</view>
<!-- <text style="color: #fff;float: right;font-size: 18rpx;">已服务{{getOrderByCurrentMarkerIndex().ordersCount}}单</text> -->
</view>
<view class="flex align-center" style="width: 150rpx;"> </view> -->
<image src="../../static/images/pinglun.png" style="width: 24rpx;height: 24rpx;"> <view class="therapist-mian-view">
<image src="../../static/dituzhaoren3.png" mode="">
</image> </image>
<view style="margin-left: 10rpx;color: #999;font-size: 26rpx;"> <span>评论</span>
{{ getOrderByCurrentMarkerIndex().commentCount ? <view class="therapist-mian-view-text">
getOrderByCurrentMarkerIndex().commentCount : 0 }} {{ getOrderByCurrentMarkerIndex().commentCount ? getOrderByCurrentMarkerIndex().commentCount : 0 }}
</view> </view>
</view> </view>
<view class="flex align-center"> <view class="therapist-mian-view" style="margin-left: 10px;">
<image src="../../static/images/aixin2.png" <image src="../../static/dituzhaoren4.png" mode="">
style="width: 24rpx;height: 24rpx;margin-left: 40rpx;"></image>
<view style="margin-left: 10rpx;color: #999;font-size: 26rpx;">
{{ getOrderByCurrentMarkerIndex().collectCount ?
getOrderByCurrentMarkerIndex().collectCount : 0 }}
</view>
</view>
</view>
<view style="width: 100%;display: flex;justify-content: start;align-items: center;">
<view class="flex flex-wrap align-center" style="width: 120rpx;"
v-if="XCXIsSelect != '否'">
<image src="../../static/images/shangjia.png" style="width: 24rpx;height: 24rpx;">
</image> </image>
<view style="margin-left: 10rpx;color: #999;font-size: 26rpx;">商家</view> <span>收藏</span>
<view class="therapist-mian-view-text">
{{ getOrderByCurrentMarkerIndex().collectCount ? getOrderByCurrentMarkerIndex().collectCount : 0 }}
</view> </view>
<view class="flex align-center" style="width: 260rpx;"> </view>
<image src="../../static/images/time.png" style="width: 26rpx;height: 26rpx;"> </view>
<view class="therapist-mian-bottom">
<view class="flex flex-wrap align-center" v-if="getOrderByCurrentMarkerIndex().consortiaName">
<image class="therapist-bottom-img" src="../../static/dituzhaoren5.png">
</image> </image>
<text class="zz_view" <view class="therapist-mian-bottom-text">{{getOrderByCurrentMarkerIndex().consortiaName}}</view>
v-if="getOrderByCurrentMarkerIndex().status == 1 && getOrderByCurrentMarkerIndex().time">最早可约{{ </view>
getOrderByCurrentMarkerIndex().time }}</text> <view class="flex align-center" v-if="getOrderByCurrentMarkerIndex().tripWay != 3" >
<image class="therapist-bottom-dingwei" src="../../static/dituzhaoren6.png"></image>
<view class="therapist-bottom-dingwei-text">
{{ getOrderByCurrentMarkerIndex().distance }}
</view> </view>
<view class="" style="font-size: 24rpx;color: #f49650;"
v-if="getOrderByCurrentMarkerIndex().tripWay == 3">
免出行费
</view> </view>
</view> </view>
<view class="text-center text-sm" v-if="getOrderByCurrentMarkerIndex().status == 1" <view class="text-center text-sm" v-if="getOrderByCurrentMarkerIndex().status == 1"
style="background: linear-gradient(to right, #223845, #00a85b);color: #ffffff;width: 100%;border-radius: 30upx;height: 60upx;line-height: 60upx;margin-top: 10rpx;" style="background: linear-gradient(90deg, #019C88, #0FA78B, #35C495);color: #ffffff;width: 100%;border-radius: 30upx;height: 60upx;line-height: 60upx;margin-top: 10rpx;"
@click.stop="goOrder(getOrderByCurrentMarkerIndex())"> @click.stop="goOrder(getOrderByCurrentMarkerIndex())">
立即预约 立即预约
</view> </view>
<view class="text-center text-sm" v-else <view class="text-center text-sm" @click.stop="showTips()" v-else
style="background: #d9d9d9;color: #ffffff;width: 100%;border-radius: 30upx;height: 60upx;line-height: 60upx;margin-top: 10rpx;"> style="background: #d9d9d9;color: #ffffff;width: 100%;border-radius: 30upx;height: 60upx;line-height: 60upx;margin-top: 10rpx;">
立即预约 立即预约
</view> </view>
</view> </view>
</view> </view>
</view> </view>
@ -586,7 +582,12 @@
}); });
}, },
getTpMy() { getTpMy() {
this.$Request.getT('/app/message/selectMessageByUserId?page=1&limit=1&state=11').then(res => { var data={
page:'',
limit:'',
state:''
}
this.$Request.getT('/app/message/selectMessageByUserId',data).then(res => {
if (res.code == 0) { if (res.code == 0) {
if (res.data && res.data.list && res.data.list.length > 0) { if (res.data && res.data.list && res.data.list.length > 0) {
this.tpSel = 1; this.tpSel = 1;
@ -1240,7 +1241,13 @@
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.dituList{
width: 85%;
height: 173px;
display: flex;
flex-direction: column;
justify-content: space-around;
}
.liebiao{ .liebiao{
height: 100vh; height: 100vh;
margin-top: 52px; margin-top: 52px;
@ -1751,8 +1758,8 @@
.marker_border { .marker_border {
//border: black solid; //border: black solid;
width: 60px; width: 20px;
height: 60px; height: 20px;
padding: 5px; padding: 5px;
background: white; background: white;
box-shadow: 0px 5px 10px #888888; box-shadow: 0px 5px 10px #888888;

4
uni_modules/z-tabs/components/z-tabs/z-tabs.vue
View File

@ -16,7 +16,7 @@
<view class="z-tabs-item-title-container"> <view class="z-tabs-item-title-container">
<text :class="{'z-tabs-item-title':true,'z-tabs-item-title-disabled':item.disabled}" <text :class="{'z-tabs-item-title':true,'z-tabs-item-title-disabled':item.disabled}"
:style="[{color:item.disabled?disabledColor:(currentIndex===index?activeColor:inactiveColor)},item.disabled?disabledStyle:(currentIndex===index?activeStyle:inactiveStyle)]"> :style="[{color:item.disabled?disabledColor:(currentIndex===index?activeColor:inactiveColor)},item.disabled?disabledStyle:(currentIndex===index?activeStyle:inactiveStyle)]">
{{item[nameKey]||item}} {{item[nameKey].value||item.value}}
</text> </text>
<text v-if="item.badge&&_formatCount(item.badge.count).length" class="z-tabs-item-badge" :style="[badgeStyle]">{{_formatCount(item.badge.count)}}</text> <text v-if="item.badge&&_formatCount(item.badge.count).length" class="z-tabs-item-badge" :style="[badgeStyle]">{{_formatCount(item.badge.count)}}</text>
</view> </view>
@ -439,7 +439,7 @@
if (item.disabled) return; if (item.disabled) return;
if (this.currentIndex != index) { if (this.currentIndex != index) {
this.shouldSetDx = false; this.shouldSetDx = false;
this.$emit('change', index, item[this.valueKey]); this.$emit('changeClick', index, item);
this.currentIndex = index; this.currentIndex = index;
this._preUpdateDotPosition(index); this._preUpdateDotPosition(index);
} else { } else {