1790 lines
43 KiB
Vue
1790 lines
43 KiB
Vue
<template>
|
||
<view class="content">
|
||
<view class="bg">
|
||
<view class="swiperBac">
|
||
<swiper style="height: 745.83rpx;" autoplay="1500" :indicator-dots="false" :circular='true'
|
||
indicator-active-color="#ffffff" indicator-color="#cccccc">
|
||
<swiper-item class="swiper-img" :style="{backgroundImage:item,}" v-for="(item,index) in order.lifePhoto"
|
||
:key='index' @click="saveImgs(order.lifePhoto,index)">
|
||
<image class="swiper-image" :src="item" mode="aspectFit" style="height: 100%;">
|
||
</image>
|
||
<view class="xiangshi" v-if="order.bdxsl">相识度：{{order.bdxsl}}%</view>
|
||
|
||
</swiper-item>
|
||
</swiper>
|
||
</view>
|
||
<view class="oder-foot">
|
||
<view class="oder-foot-left">
|
||
<view class="oder-foot-left-view">
|
||
<image class="shiming" src="../../static/orderDetail/shiming.png" mode=""></image>
|
||
<span>实名认证</span>
|
||
</view>
|
||
<view class="oder-foot-left-view" style="margin: 0px 5px;">
|
||
<image class="zhizi" src="../../static/orderDetail/zhizi.png" mode=""></image>
|
||
<span>资质认证</span>
|
||
</view>
|
||
<view class="oder-foot-left-view">
|
||
<image class="pingtai" src="../../static/orderDetail/pingtai.png" mode=""></image>
|
||
<span>平台担保</span>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="view-head">
|
||
<view class="jian-view">
|
||
<view class="jian-view-left">
|
||
<view class="jian-view-name">{{order.artificerName}}</view>
|
||
<!--<view class="headset-line">
|
||
<image class="headset-img" src="../../static/vip/headset1.png" mode=""></image>
|
||
<span class="headset-text">资深</span>
|
||
</view>
|
||
<view class="headset-line">
|
||
<image class="headset-img" src="../../static/vip/headset2.png" mode=""></image>
|
||
<span class="headset-text1">专家</span>
|
||
</view>-->
|
||
<view class="headset-line">
|
||
<image class="headset-img" :src="order.technicianType=='3'?'../../static/vip/grade1.gif':order.technicianType=='4'?'../../static/vip/grade2.gif':'../../static/vip/grade3.gif'" mode=""></image>
|
||
<span class="headset-text2">{{order.technicianTypeName}}</span>
|
||
</view>
|
||
</view>
|
||
|
||
<view class="jian-view-right">
|
||
<view class="oder-mian-qing" @click="shangxian" v-if="order.status == 2">请TA上线</view>
|
||
<view class="keyuyue">
|
||
<view class="flex">
|
||
<!--<image class="timea-img"></image>-->
|
||
<view class="timea-fu">{{order.status == 1?"可服务":"休息中"}}</view>
|
||
<view class="timea-time" v-if="order.status == 1">{{order.time}}</view>
|
||
</view>
|
||
</view>
|
||
<!--<view class="jian-view-right-weizhi">
|
||
<image class="jian-view-right-img" src="../../static/orderDetail/dingwei.png"></image>
|
||
<span>{{order.distance}}</span>
|
||
</view>-->
|
||
</view>
|
||
</view>
|
||
<view class="oder-mian">
|
||
<view class="oder-mian-left">
|
||
<span>ID:{{order.invitationCode}}</span>
|
||
</view>
|
||
<view class="oder-mian-tjia">
|
||
<!---<span>{{order.collectCount}}人关注</span>-->
|
||
<view class="shouchang-view" @click="toggle('center')" v-if="order.dskg=='1'">
|
||
<image class="shouchang-img" src="../../static/orderDetail/technician6.png"></image>
|
||
<span class="shouchang-text">打赏</span>
|
||
<!-- <image src="../../static/orderDetail/technician6-1.png"
|
||
style="width: 45rpx;height: 45rpx;position: relative;top: 4upx;" v-else></image> -->
|
||
</view>
|
||
<view class="oder-mian-guan">
|
||
<view @click="guanzhu(order)" class="shoucang-view">
|
||
<image class="shouchang-img" v-if="isFollow" src="../../static/follow2.png"></image>
|
||
<image class="shouchang-img" v-else src="../../static/follow.png"></image>
|
||
<span class="oder-mian-text">收藏</span>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="headset-line" style="margin-top: 5px;">
|
||
<span class="label-word" v-for="(item,index) in artificerClassifyList" :key="index">{{item.classifyName}}</span>
|
||
</view>
|
||
<view class="flex" style="margin-top: 20rpx;">
|
||
<view class="flex order-sname" v-if="order.consortiaName">
|
||
<image class="order-sname-img" src="../../static/orderDetail/chengchi.png" mode=""></image>
|
||
<span class="order-sname-text">{{order.consortiaName}}</span>
|
||
</view>
|
||
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="video-list" v-if="swiperDateLists!=''">
|
||
<view class="video-list-top">
|
||
<view class="video-list-title">
|
||
技师主页
|
||
</view>
|
||
<view class="video-list-geng" @click="videoGengduo">
|
||
<span>更多</span>
|
||
<image src="../../static/shezhi-jiantou.png" mode=""></image>
|
||
</view>
|
||
</view>
|
||
<view class="video-view">
|
||
<view class="video-view-list" style="position: relative;" v-for="(item,index) in swiperDateLists" :key="index">
|
||
<view class="videoHovers" @click="towxh5Video(item)">
|
||
<image class="playState" src="@/static/bofang.png"></image>
|
||
</view>
|
||
<image :src="item.picPath" mode="aspectFill" style="width: 100%; height: 100%;"></image>
|
||
<!-- <video class="video-item" :src="item.url" :poster="'https://gd-hbimg.huaban.com/3ae3bb051cba65840b10d2149ecf978b80e1c9793dee6-GkA300_fw658'"></video> -->
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="excel-line">
|
||
<view>
|
||
<image class="excel" src="../../static/excel.png" mode=""></image>
|
||
</view>
|
||
<view class="jieshao">
|
||
{{order.content}}
|
||
</view>
|
||
</view>
|
||
|
||
<view class="oder-footer">
|
||
<u-tabs :list="tabs" :is-scroll="true" :current="tabIndex" @change="tabChange" active-color="#000000"
|
||
gutter="60">
|
||
</u-tabs>
|
||
<view v-if="fwIndex == 0&&XCXIsSelect !='否'" class="tab ">
|
||
<view class="xiangmu" v-for="(item,index) in artificerlist"
|
||
:key="index" @click="goNav(item)">
|
||
<image class="xiangmu-img" :src="item.massageImg" mode=""></image>
|
||
<view class="xiangmu-cont">
|
||
<view class="xiangmu-cont-top">
|
||
<view class="xiangmu-cont-top-title">
|
||
{{item.title}}
|
||
</view>
|
||
<view class="xiangmu-cont-top-time">
|
||
<view class="xiangmu-cont-top-left">服务时长：{{item.duration}}分钟</view>
|
||
<view class="xiangmu-cont-top-left">已售：{{item.sales}}</view>
|
||
</view>
|
||
</view>
|
||
<view class="xiangmu-about">
|
||
{{item.jianjie}}
|
||
</view>
|
||
<view class="xiangmu-foot">
|
||
<view class="xiangmu-foot-left">
|
||
<view class="xiangmu-foot-left-shiji">
|
||
<span>￥</span>
|
||
<span>{{item.price}}</span>
|
||
<!-- <span>/元套</span> -->
|
||
</view>
|
||
<view class="xiangmu-foot-left-dazhe"><span>￥</span>{{item.oldPrice}}</view>
|
||
</view>
|
||
<view class="xiadan" @click.stop="goNavDing(item)">
|
||
预约
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class=" padding u-skeleton-fillet" v-if="fwIndex == 1">
|
||
<view v-if="commentList.length<=0" class="margin-top-sm"> 暂无评价</view>
|
||
<view class="margin-bottom-sm padding-tb-sm" style="border-bottom: 1upx solid #f0f0f0;"
|
||
v-for="(item, index) in commentList" :key='index' v-else>
|
||
<view class="flex align-center">
|
||
<u-avatar src="/static/logo.png" size="48"></u-avatar>
|
||
<view class="flex margin-left-sm" style="line-height: 46upx;">匿名</view>
|
||
<view class="flex" style="margin-left: 20rpx;">
|
||
<u-icon v-for="ite in item.score" :key='ite' color="#FFAA01" name="star-fill"></u-icon>
|
||
</view>
|
||
</view>
|
||
<view class="margin-top-sm" style="margin-top: 30rpx;margin-bottom: 10rpx;font-size: 26rpx;">
|
||
{{item.content}}
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<view v-if="fwIndex == 2">
|
||
<view class="flex justify-around flex-wrap" style="width: 100%;">
|
||
<view class="flex flex-wrap" style="width: 100%;">
|
||
<view style="width: 220rpx;height: 160rpx;margin-right: 10rpx;margin-top: 10rpx;"
|
||
v-for="(item,index) in order.certificate" :key="index">
|
||
<image :src="item" mode="aspectFit" style="width: 100%;height: 100%;"
|
||
@click="saveImg(order.certificate,index)">
|
||
</image>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<u-skeleton :loading="loading" :animation="true" bgColor="#FFF"></u-skeleton>
|
||
<view>
|
||
<!-- 普通弹窗 -->
|
||
<uni-popup ref="popup" background-color="#fff" @change="change">
|
||
<view class="popup-content">
|
||
<view class="popup-head">
|
||
<span>打赏技师</span>
|
||
<span @click="closePopup(type)"><image style="width: 50rpx; height: 50rpx;" src="../../static/close.png" mode=""></image></span>
|
||
</view>
|
||
<view class="popup-mian">
|
||
<view class="popup-mian-textarea">
|
||
<view class="popup-mian-view popup-mian-list3" @click="dianMoney('2')">
|
||
<image src="../../static/orderDetail/reward3.png" mode=""></image>
|
||
<span>￥2</span>
|
||
</view>
|
||
<view class="popup-mian-view popup-mian-list2" @click="dianMoney('3')">
|
||
<image src="../../static/orderDetail/reward2.png" mode=""></image>
|
||
<span>￥3</span>
|
||
</view>
|
||
<view class="popup-mian-view popup-mian-list1" @click="dianMoney('5')">
|
||
<image src="../../static/orderDetail/reward1.png" mode=""></image>
|
||
<span>￥5</span>
|
||
</view>
|
||
</view>
|
||
<view class="ziding">
|
||
<span>自定义打赏金额</span>
|
||
<input @input="dashang" v-model="money" type="number" placeholder="请输入打赏金额" class="ziding-inp"/>
|
||
</view>
|
||
<view class="popup-mian-btn">
|
||
<span @click="closePopup(type)">
|
||
取消
|
||
</span>
|
||
<span @click="zhifu">
|
||
确定
|
||
</span>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</uni-popup>
|
||
</view>
|
||
<uni-popup style="width: 100%;height: 100vh;" type="center" ref="bofang" @touchmove.stop.prevent="moveHandle">
|
||
<view style="width: 100%;height: 100%;position: relative;">
|
||
<video
|
||
id="myVideo"
|
||
style="width: 100%;height: 100%;"
|
||
:loop="true"
|
||
:muted="false"
|
||
:show-fullscreen-btn='false'
|
||
:enable-play-gesture='true'
|
||
:autoplay="false"
|
||
:show-play-btn='false'
|
||
:show-center-play-btn='false'
|
||
:http-cache="true"
|
||
@click="jieshu"
|
||
:src="filePath"></video>
|
||
<view class="videoConten">{{contentVideo}}</view>
|
||
<view class="videoHover" v-if="playShow==true" @click="kaishi">
|
||
<image class="playState" src="@/static/bofang.png"></image>
|
||
</view>
|
||
<view class="guanbi" @click="guanbi">
|
||
<image src="@/static/closeimg.png"></image>
|
||
</view>
|
||
<view class="userInfo">
|
||
<!-- 1.头像 -->
|
||
<image @click="tozuozhe(artificerItem)" class="userAvatar" :src="artificerItem.artificerImg" mode="aspectFill"></image>
|
||
<!-- 2.点赞 -->
|
||
<view class="list-view" @click="cLike(artificerItem);" style="opacity: 0.9; margin-top: 17px;">
|
||
<image v-if="artificerItem.sfdz==1" src="@/static/img/index/xin.png" style="width: 40px; height: 40px; position: absolute; right: 6px;"></image>
|
||
<image v-if="artificerItem.sfdz==0" src="@/static/img/index/xin-2.png" style="width: 40px; height: 40px; position: absolute; right: 6px;"></image>
|
||
<text style="color: #FFFFFF; margin-top: 5px; font-size: 14px; text-align: center; margin-top: 40px; font-weight: bold;" :class="{'likeNumActive':artificerItem.sfdz}">{{artificerItem.dzs}}</text>
|
||
</view>
|
||
<!-- 3.评论 -->
|
||
<view class="comment list-view" @click="toComment(artificerItem)" style="opacity: 0.9; margin-top: 17px;">
|
||
<image src="@/static/img/index/liaotian-2.png" style="width:38px; height:36px; position: absolute; right: 7px;"></image>
|
||
<text style="color: #FFFFFF; margin-top: 5px; font-size: 14px; font-weight: bold; text-align: center; margin-top: 40px;">{{artificerItem.pls}}</text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</uni-popup>
|
||
<uni-popup class="uni-popup" type="bottom" ref="pinglun" @touchmove.stop.prevent="moveHandle">
|
||
<view class="popup-content-pl" :style="'width: '+ windowWidth +'px; height: '+ (boxStyle.height/heightNum) +'px;'">
|
||
<CComment ref="ccRef" :showPopup="showPopup" :userInfo="userInfo" :tableData="tableData" :tableTotal="tableTotal" likeFun="likeFun" @replyFun="replyFun" @deleteFun="deleteFun" :deleteMode="deleteMode"></CComment>
|
||
</view>
|
||
</uni-popup>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
import CComment from "@/components/XJ-comment/index";
|
||
export default {
|
||
components:{CComment},
|
||
data() {
|
||
return {
|
||
playShow:false,
|
||
swiperDateLists:[],
|
||
type:'center',
|
||
videoList:[
|
||
{url:'https://media.w3.org/2010/05/sintel/trailer.mp4'},
|
||
{url:'https://media.w3.org/2010/05/sintel/trailer.mp4'},
|
||
],
|
||
tripWay: 1,
|
||
classifyId:'',
|
||
game: [],
|
||
loading: true, // 是否显示骨架屏组件
|
||
customStyle: {
|
||
width: '400upx',
|
||
color: '#FFFFFF',
|
||
background: "#005DFF",
|
||
border: 0
|
||
},
|
||
artificerId: '',
|
||
orderDet: {},
|
||
page: 1,
|
||
limit: 10,
|
||
order: {},
|
||
commentList: [],
|
||
isFollow: false,
|
||
myId: '',
|
||
isVip: false,
|
||
AUDIO: uni.createInnerAudioContext(),
|
||
isPlay: false,
|
||
show: false,
|
||
params: {
|
||
year: false,
|
||
month: true,
|
||
day: true,
|
||
hour: true,
|
||
minute: true,
|
||
second: true,
|
||
timestamp: true
|
||
},
|
||
startTime: '',
|
||
mobile: '',
|
||
name: '',
|
||
cityaddress: '',
|
||
detailaddress: '',
|
||
province: '',
|
||
city: '',
|
||
district: '',
|
||
age: '',
|
||
tabs: [{
|
||
name: '推荐项目',
|
||
status: 0
|
||
}, {
|
||
name: '客户评价',
|
||
status: 1
|
||
}, {
|
||
name: '资质证书',
|
||
status: 2
|
||
}],
|
||
tabIndex: 0, // tab下标
|
||
fwIndex: 0,
|
||
artificerlist: [],
|
||
latitude: '',
|
||
longitude: '',
|
||
imgArr: [],
|
||
status: "",
|
||
acceptOrders: '',
|
||
XCXIsSelect: '否',
|
||
hyCheck: '否',
|
||
imageHeight: '358',
|
||
money:'',
|
||
filePath:'',
|
||
contentVideo:'',
|
||
videoId:'',
|
||
artificerClassifyList:[],
|
||
artificerItem:{},
|
||
showPopup:false,
|
||
ccRef: null,
|
||
userInfo: {
|
||
id: 120,
|
||
user_name: "🍁",
|
||
user_avatar: "https://pic1.zhimg.com/80/v2-a79071a705f55c5d88f6c74e6111fe84_720w.webp",
|
||
},
|
||
tableTotal: 4,
|
||
tableData: [],
|
||
deleteMode: "all",
|
||
windowWidth: 0,
|
||
windowHeight: 0,
|
||
heightNum: 1.18,
|
||
deleteHeight: 0,
|
||
boxStyle:{//视频，图片封面样式🌟💗
|
||
'height': 0,
|
||
'width': 0,
|
||
},
|
||
}
|
||
},
|
||
onLoad(option) {
|
||
|
||
this.hyCheck = this.$queue.getData('hyCheck');
|
||
uni.showLoading({
|
||
title: '加载中...',
|
||
|
||
});
|
||
if(this.platform == 'ios' && (model !== 'iPhone6' || model !== 'iPhone6s' || model !== 'iPhone7' || model !== 'iPhone8')){
|
||
this.deleteHeight = 0//有 tabbar的 修改这里可以改变视频高度
|
||
}
|
||
this.windowWidth = uni.getSystemInfoSync().windowWidth;
|
||
this.windowHeight = uni.getSystemInfoSync().windowHeight;
|
||
this.boxStyle.width = this.windowWidth + 'px';//给宽度加px
|
||
this.boxStyle.height = this.windowHeight - this.deleteHeight;//有 tabbar的 修改这里可以改变视频高度
|
||
this.XCXIsSelect = this.$queue.getData("XCXIsSelect");
|
||
this.artificerId = option.artificerId
|
||
this.myId = uni.getStorageSync('userId')
|
||
this.isVip = uni.getStorageSync('isVIP')
|
||
this.latitude = uni.getStorageSync('latitude')
|
||
this.longitude = uni.getStorageSync('longitude')
|
||
this.getDet()
|
||
this.getordertherapist()
|
||
this.getOrderComment()
|
||
this.classifyId = option.classifyId;
|
||
this.getVideo()
|
||
},
|
||
onShow() {
|
||
this.imageHeight = this.$queue.getData('imageHeight');
|
||
},
|
||
onReady() {
|
||
this.AUDIO.onEnded(function(res) {
|
||
this.isPlay = false;
|
||
});
|
||
},
|
||
methods: {
|
||
guanbi(){
|
||
this.playShow=false;
|
||
const videoContext = uni.createVideoContext('myVideo', this);
|
||
videoContext.pause(); // 播放视频
|
||
this.$refs.bofang.close("center");
|
||
},
|
||
jieshu(){
|
||
this.playShow=true;
|
||
const videoContext = uni.createVideoContext('myVideo', this);
|
||
videoContext.pause(); // 播放视频
|
||
},
|
||
kaishi(){
|
||
this.playShow=false;
|
||
const videoContext = uni.createVideoContext('myVideo', this);
|
||
videoContext.src = this.filePath; // 设置视频源
|
||
videoContext.play(); // 播放视频
|
||
},
|
||
towxh5Video(item){
|
||
this.playShow=true;
|
||
this.filePath=item.filePath;
|
||
this.contentVideo=item.content;
|
||
this.artificerItem=item;
|
||
this.videoId=item.id
|
||
this.$refs.bofang.open("center")
|
||
},
|
||
getVideo(){
|
||
var that=this;
|
||
// 1.这里引入后端请求数据
|
||
var data={
|
||
createBy:this.artificerId,
|
||
page: this.page,
|
||
limit:2,
|
||
}
|
||
this.$Request.get("/app/shipinquan/getArticlelist", data).then(res => {
|
||
if (res.code == 0) {
|
||
that.swiperDateLists = res.data.list||{}
|
||
// this.dataList=res.data.records
|
||
|
||
} else {
|
||
uni.showToast({
|
||
title: res.msg,
|
||
icon: 'none'
|
||
})
|
||
}
|
||
});
|
||
},
|
||
videoGengduo(){
|
||
uni.navigateTo({
|
||
url:'/pages/videoCircle/gDvideo?artificerId='+this.artificerId
|
||
})
|
||
},
|
||
shangxian(){//请TA上线
|
||
var data={
|
||
userId: this.artificerId,
|
||
byUserId: this.myId
|
||
}
|
||
this.$Request.post("/app/message/insertUpMessage", data).then(res => {
|
||
if (res.code == 0) {
|
||
uni.showToast({
|
||
title: '提醒成功！'
|
||
})
|
||
}else{
|
||
uni.showToast({
|
||
icon:'error',
|
||
title: '提醒失败！'
|
||
})
|
||
}
|
||
});
|
||
},
|
||
dianMoney(e){//点击 图片打赏 输入金额
|
||
this.money=e;
|
||
},
|
||
dashang(e){//打赏 输入金额
|
||
this.money=e.detail.value;
|
||
},
|
||
zhifu(){//打赏支付
|
||
var that=this;
|
||
uni.showModal({
|
||
title: '提示',
|
||
content: '确定为'+that.order.artificerName+'打赏吗？',
|
||
success: function(res) {
|
||
if (res.confirm) {
|
||
var data={
|
||
userId: that.myId,
|
||
artificerId: that.artificerId,
|
||
money:that.money
|
||
}
|
||
if(that.money!=''){
|
||
that.$Request.post("/app/userMoney/payUserMoneyArtificer", data).then(res => {
|
||
if (res.code == 0) {
|
||
uni.showToast({
|
||
title: '打赏成功！'
|
||
})
|
||
that.closePopup('center')
|
||
}else{
|
||
uni.showToast({
|
||
icon:'error',
|
||
title: res.msg
|
||
})
|
||
}
|
||
});
|
||
}else{
|
||
uni.showToast({
|
||
icon:'error',
|
||
title: '请输入打赏金额'
|
||
})
|
||
}
|
||
} else if (res.cancel) {
|
||
console.log('用户点击取消');
|
||
}
|
||
}
|
||
})
|
||
|
||
},
|
||
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) {
|
||
console.log('当前模式：' + e.type + ',状态：' + e.show);
|
||
},
|
||
closePopup(type){//打赏 关闭弹出框
|
||
this.type = type
|
||
this.$refs.popup.close(type);
|
||
},
|
||
toggle(type) {//打赏 弹出框
|
||
this.type = type
|
||
// open 方法传入参数 等同在 uni-popup 组件上绑定 type属性
|
||
this.$refs.popup.open(type)
|
||
},
|
||
// 切换菜单
|
||
tabChange(index) {
|
||
this.tabIndex = index
|
||
this.fwIndex = index
|
||
},
|
||
//换算年龄
|
||
getAge(e) {
|
||
console.log('出生日期：' + e)
|
||
this.birthDate = e
|
||
//创建系统日期
|
||
var today = new Date();
|
||
//把出生日期转换成日期
|
||
this.birthDate = new Date(this.birthDate);
|
||
//分别获取到年份后相减
|
||
this.age = today.getFullYear() - this.birthDate.getFullYear();
|
||
// console.log(this.age+'当前年龄')
|
||
},
|
||
// 详情
|
||
getDet() {
|
||
// uni.showLoading({
|
||
// title: '加载中...',
|
||
// icon: 'none'
|
||
// });
|
||
this.$Request.get("/app/artificer/selectArtificerById", {
|
||
artificerId: this.artificerId,
|
||
latitude: this.latitude,
|
||
longitude: this.longitude,
|
||
userId: this.myId
|
||
}).then(res => {
|
||
uni.hideLoading();
|
||
this.loading = false;
|
||
console.log('getDet---->',res)
|
||
if (res.code == 0) {
|
||
this.order = res.data
|
||
this.status = res.data.status
|
||
this.acceptOrders = res.data.acceptOrders
|
||
this.tripWay = res.data.tripWay;
|
||
this.artificerClassifyList=res.data.artificerClassifyList
|
||
console.log("artificerClassifyList",this.artificerClassifyList)
|
||
if (this.order.lifePhoto) {
|
||
this.order.lifePhoto = this.order.lifePhoto.split(',')
|
||
}
|
||
this.order.certificate = this.order.certificate.split(',')
|
||
if (this.order.distance > 1000) {
|
||
this.order.distance = (this.order.distance / 1000).toFixed(1) + 'km'
|
||
} else {
|
||
this.order.distance = (this.order.distance).toFixed(1) + 'm'
|
||
}
|
||
|
||
if (res.data.myCollectCount == 1) {
|
||
this.isFollow = true
|
||
} else {
|
||
this.isFollow = false
|
||
}
|
||
} else {
|
||
this.loading = false;
|
||
uni.hideLoading();
|
||
}
|
||
uni.hideLoading();
|
||
|
||
});
|
||
|
||
},
|
||
//服务技师
|
||
getordertherapist() {
|
||
this.$Request.get("/app/artificer/selectArtificerMassageList", {
|
||
artificerId: this.artificerId
|
||
}).then(res => {
|
||
if (res.code == 0) {
|
||
this.artificerlist = res.data
|
||
// this.commentList = [...this.commentList, ...res.data.list]
|
||
}
|
||
});
|
||
},
|
||
// 评价
|
||
getOrderComment() {
|
||
this.$Request.get("/app/takingComment/selectOrderTakingComment", {
|
||
artificerId: this.artificerId,
|
||
page: this.page,
|
||
limit: this.limit
|
||
}).then(res => {
|
||
if (res.code == 0) {
|
||
this.commentList = [...this.commentList, ...res.data.list]
|
||
}
|
||
});
|
||
},
|
||
|
||
playVoice() {
|
||
console.log(this.isPlay)
|
||
this.AUDIO.src = this.order.voiceIntroduce;
|
||
if (this.isPlay) {
|
||
this.AUDIO.stop();
|
||
} else {
|
||
this.AUDIO.play();
|
||
}
|
||
this.isPlay = !this.isPlay;
|
||
},
|
||
goNavDing(item) {
|
||
if (this.status == 2) {
|
||
uni.showToast({
|
||
title: '技师已下线',
|
||
icon: 'none'
|
||
})
|
||
} else {
|
||
if (this.acceptOrders != 1) {
|
||
uni.showToast({
|
||
title: '技师不可预约',
|
||
icon: 'none'
|
||
})
|
||
return
|
||
}
|
||
var data={
|
||
massageTypeId:item.massageTypeId,
|
||
tripWay:this.order.tripWay,
|
||
artificerId:this.order.artificerId,
|
||
artificerName:this.order.artificerName
|
||
}
|
||
this.$queue.setData('youhui','');
|
||
this.$queue.setData('getJishi',data)
|
||
this.$queue.setData('xiangmu',item)
|
||
uni.navigateTo({
|
||
url: "/my/order/payModifyJsDetail"
|
||
})
|
||
}
|
||
|
||
},
|
||
goNav(item) {
|
||
if (this.status == 2) {
|
||
uni.showToast({
|
||
title: '技师已下线',
|
||
icon: 'none'
|
||
})
|
||
} else {
|
||
if (this.acceptOrders != 1) {
|
||
uni.showToast({
|
||
title: '技师不可预约',
|
||
icon: 'none'
|
||
})
|
||
return
|
||
}
|
||
var data={
|
||
massageTypeId:item.massageTypeId,
|
||
tripWay:this.order.tripWay,
|
||
artificerId:this.order.artificerId,
|
||
artificerName:this.order.artificerName
|
||
}
|
||
this.$queue.setData('youhui','');
|
||
this.$queue.setData('getJishi',data)
|
||
this.$queue.setData('xiangmu',item)
|
||
uni.navigateTo({
|
||
url:'/pages/my/jIShiDateil?id='+item.massageTypeId+'&limit='+this.limit+'&page='+this.page
|
||
})
|
||
}
|
||
|
||
},
|
||
goMsg() {
|
||
let data = {
|
||
userId: this.myId,
|
||
focusedUserId: this.order.userId
|
||
}
|
||
this.$Request.postJson('/app/chat/insertChatConversation ', data).then(res => {
|
||
if (res.code == 0) {
|
||
let id = this.order.userId == res.data.userId ? res.data.focusedUserId : this.order.userId
|
||
uni.navigateTo({
|
||
url: '/pages/msg/im?chatConversationId=' + res.data.chatConversationId +
|
||
'&byUserId=' + id
|
||
})
|
||
}
|
||
})
|
||
},
|
||
|
||
saveImg(imgs, index) {
|
||
// console.log(imgs)
|
||
let that = this;
|
||
let imgArr = imgs
|
||
// imgArr.push(imgs);
|
||
// //预览图片
|
||
uni.previewImage({
|
||
urls: imgArr,
|
||
current: imgArr[index]
|
||
});
|
||
},
|
||
saveImgs(imgs, index) {
|
||
console.log(imgs, index)
|
||
// let that = this
|
||
let imgArr = imgs
|
||
// this.imgArr.push(imgs);
|
||
// console.log(this.imgArr)
|
||
// //预览图片
|
||
uni.previewImage({
|
||
urls: imgArr,
|
||
current: imgArr[index]
|
||
});
|
||
},
|
||
tozuozhe(item){
|
||
// console.log("itemitemitemitemitem",item)
|
||
uni.reLaunch({
|
||
url:'/pages/therapist/orderDetail?artificerId='+item.createBy+'&classifyId='+'undefined'
|
||
})
|
||
this.currents = 1//点击头像以后就会切换
|
||
},
|
||
cLike(item){
|
||
var data={
|
||
createBy:uni.getStorageSync('userId'),
|
||
shipinquanId:item.id,
|
||
}
|
||
if(item.sfdz=='0'){
|
||
this.$Request.post("/app/shipinquan/addDianzan", data).then(res => {
|
||
if (res.code == 0) {
|
||
this.artificerItem.dzs += 1;
|
||
this.artificerItem.sfdz = '1';
|
||
} else {
|
||
uni.showToast({
|
||
title: res.msg,
|
||
icon: 'none'
|
||
})
|
||
}
|
||
});
|
||
|
||
}else{//取消点赞
|
||
this.$Request.post("/app/shipinquan/delDianzan", data).then(res => {
|
||
if (res.code == 0) {
|
||
this.artificerItem.dzs -= 1;
|
||
this.artificerItem.sfdz = '0';
|
||
} else {
|
||
uni.showToast({
|
||
title: res.msg,
|
||
icon: 'none'
|
||
})
|
||
}
|
||
});
|
||
}
|
||
},
|
||
likeFun(params, callback) {//评论点赞返回
|
||
console.log("likeFun", params);
|
||
// Implement your logic for likeFun
|
||
},
|
||
toComment(item){
|
||
// 注意点击评论之后会执行这里
|
||
/*
|
||
（1）先加载缓冲
|
||
（2）获取当前视频 ID 信息
|
||
（3）🌟🌟🌟🌟重要🌟🌟🌟🌟
|
||
- 一定要记得看 index.vue 里面
|
||
uni.setStorageSync("user",this.peopleList[i]);
|
||
这个东西，用于存储当前用户信息。在 插件里面会使用到这个东西，
|
||
记得写一下。
|
||
|
||
（4）打开评论
|
||
*/
|
||
uni.showToast({
|
||
title: '加载中...',
|
||
icon: 'none',
|
||
position: 'bottom',
|
||
duration: 300
|
||
})
|
||
uni.setStorageSync("videoID",item.id);
|
||
this.videoID = item.id;
|
||
this.$refs.pinglun.open('bottom');
|
||
this.getPingL(this.videoID);
|
||
},
|
||
getPingL(shipinquanId){//获取评论列表
|
||
var data={
|
||
page: this.page,
|
||
limit:310,
|
||
shipinquanId:shipinquanId
|
||
}
|
||
this.$Request.get("/app/shipinquan/contentlist", data).then(res => {
|
||
if (res.code == 0) {
|
||
var msg = res.data.records||{}
|
||
this.tableTotal=res.data.total;
|
||
var list=[];
|
||
// for (let i = 0; i < msg.length; i++) {
|
||
// list.push(msg[i])
|
||
// }
|
||
|
||
this.tableData = msg.map(item => {
|
||
return {
|
||
...item,
|
||
parent_id: null,
|
||
reply_id: null,
|
||
reply_name: null,
|
||
user_name: item.userName,
|
||
user_avatar: item.userPhoto?item.userPhoto:'../../static/logo.png',
|
||
user_content: item.content,
|
||
is_like: true,
|
||
like_count: 8,
|
||
create_time: item.createTime
|
||
};
|
||
});
|
||
} else {
|
||
uni.showToast({
|
||
title: res.msg,
|
||
icon: 'none'
|
||
})
|
||
}
|
||
});
|
||
},
|
||
replyFun(params, callback) {
|
||
// console.log("replyFun", params);
|
||
if(params.params.user_content==''){
|
||
uni.hideLoading();
|
||
uni.showToast({
|
||
icon:'error',
|
||
title:'请填写发布评论'
|
||
})
|
||
}else{
|
||
var data={
|
||
createBy:uni.getStorageSync('userId'),
|
||
content:params.params.user_content,
|
||
shipinquanId:this.videoID,
|
||
}
|
||
this.$Request.post("/app/shipinquan/addContent",data).then(res => {
|
||
if (res.code == 0) {
|
||
setTimeout(() => this.getPingL(this.videoID), 500);
|
||
this.showPopup==true;
|
||
uni.hideLoading();
|
||
this.artificerItem.pls++
|
||
// callback(this.videoID);
|
||
} else {
|
||
uni.hideLoading();
|
||
uni.showToast({
|
||
title: res.msg,
|
||
icon: 'none'
|
||
})
|
||
}
|
||
});
|
||
}
|
||
},
|
||
deleteFun({ params, mode }, callback) {
|
||
|
||
console.log("deleteFun", { params, mode });
|
||
// 当请求成功, 调用callback执行评论删除;
|
||
switch (this.deleteMode) {
|
||
case "bind":
|
||
// 逻辑: 调用接口进行评论内容修改 update
|
||
setTimeout(() => callback(), 500); // 目前为了展示效果, 直接执行callback
|
||
break;
|
||
case "only":
|
||
// 逻辑: 调用接口删除一个评论 delete
|
||
setTimeout(() => callback(), 500); // 目前为了展示效果, 直接执行callback
|
||
break;
|
||
default:
|
||
// all
|
||
// 逻辑: 调用接口删除多个评论 [delete]
|
||
// Demo如下:
|
||
// axios.post("http://xxx/delete", { ids: params }).then((res) => {
|
||
// if (res.code === 0) {
|
||
// callback(res);
|
||
// }
|
||
// });
|
||
setTimeout(() => callback(), 500); // 目前为了展示效果, 直接执行callback
|
||
break;
|
||
}
|
||
},
|
||
closeScrollview(){
|
||
// 点击评论里面的叉叉，就会关闭评论
|
||
this.$refs.pinglun.close('bottom');
|
||
},
|
||
}
|
||
|
||
}
|
||
</script>
|
||
|
||
<style scoped>
|
||
.shoucang-view{
|
||
display: flex;
|
||
flex-direction: row;
|
||
align-items: center;
|
||
justify-content: center;
|
||
}
|
||
.guanbi{
|
||
width: 30px;
|
||
height: 30px;
|
||
position: absolute;
|
||
top: 0;
|
||
right: 0;
|
||
margin-top: 15px;
|
||
margin-right: 9px;
|
||
}
|
||
.guanbi image{
|
||
width: 100%;
|
||
height: 100%;
|
||
}
|
||
.videoHover{
|
||
width: 76px;
|
||
height: 76px;
|
||
position: absolute;
|
||
top: 0px;
|
||
margin-top: 70%;
|
||
margin-left: 40%;
|
||
}
|
||
.videoHover image{
|
||
width: 100%;
|
||
height: 100%;
|
||
}
|
||
.videoConten{
|
||
width: 70%;
|
||
position: absolute;
|
||
bottom: 0px;
|
||
margin-bottom: 60px;
|
||
/* height: 30px; */
|
||
display: -webkit-box;
|
||
-webkit-box-orient: vertical;
|
||
-webkit-line-clamp: 2; /* 定义文本的行数 */
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
word-break: break-all;
|
||
margin-left: 15px;
|
||
color: #fff;
|
||
}
|
||
/deep/.uni-popup__wrapper-box{
|
||
width: 100%;
|
||
height: 100%;
|
||
}
|
||
.videoHovers image{
|
||
width: 100%;
|
||
height: 100%;
|
||
}
|
||
.videoHovers{
|
||
width: 76px;
|
||
height: 76px;
|
||
position: absolute;
|
||
top: 0px;
|
||
margin-top: 27%;
|
||
margin-left: 27%;
|
||
z-index: 99;
|
||
}
|
||
.headset-line{
|
||
display: flex;
|
||
position: relative;
|
||
flex-wrap: wrap;
|
||
}
|
||
.headset-img{
|
||
width: 100rpx;
|
||
height:36rpx;
|
||
position: absolute;
|
||
top:1rpx;
|
||
left:-1rpx;
|
||
|
||
}
|
||
.headset-text{
|
||
background: linear-gradient(90deg, #88abec, #4e7dd3);
|
||
font-size: 22rpx;
|
||
color: #fff;
|
||
height: 30rpx;
|
||
line-height: 30rpx;
|
||
border-radius:5rpx 30rpx 30rpx 30rpx;
|
||
width: 85rpx;
|
||
padding: 5rpx 15rpx;
|
||
text-align: right;
|
||
}
|
||
.headset-text1{
|
||
background: linear-gradient(90deg, #6bc8ff, #2e81d8);
|
||
font-size: 22rpx;
|
||
color: #fff;
|
||
height: 30rpx;
|
||
line-height: 30rpx;
|
||
border-radius:5rpx 30rpx 30rpx 30rpx;
|
||
width: 85rpx;
|
||
padding: 5rpx 15rpx;
|
||
text-align: right;
|
||
}
|
||
.headset-text2{
|
||
background: linear-gradient(90deg, #f8f8f8, #dfdfdf);
|
||
font-size: 22rpx;
|
||
color: #333;
|
||
height: 30rpx;
|
||
line-height: 30rpx;
|
||
border-radius:5rpx 30rpx 30rpx 30rpx;
|
||
width: 72rpx;
|
||
padding: 5rpx 15rpx;
|
||
text-align: right;
|
||
}
|
||
.xiangshi{
|
||
padding: 5px;
|
||
background-color: rgba(0, 0, 0, 0.1);
|
||
position: absolute;
|
||
bottom: 0;
|
||
margin-bottom: 20px;
|
||
}
|
||
.swiper-img{
|
||
position: relative;
|
||
}
|
||
.excel-line{
|
||
margin: 20rpx;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
background: #ffffff;
|
||
padding: 20rpx;
|
||
}
|
||
.excel{
|
||
width: 60rpx;
|
||
height:60rpx;
|
||
margin-right: 8rpx;
|
||
}
|
||
.jianjie-title{
|
||
padding: 0px !important;
|
||
text-align: left;
|
||
transition-property: background-color, color;
|
||
height: 40px;
|
||
line-height: 40px;
|
||
font-size: 15px;
|
||
color: #000000;
|
||
transition-duration: 0.5s;
|
||
width: 100%;
|
||
font-weight: bold;
|
||
}
|
||
.jianjie{
|
||
width: 95%;
|
||
height: 126px;
|
||
background: #FFFFFF;
|
||
border-radius: 10px;
|
||
margin: 20rpx auto 15rpx auto;
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: center;
|
||
padding: 10px;
|
||
}
|
||
.jieshao{
|
||
width: 100%;
|
||
font-size: 26rpx;
|
||
color: #888;
|
||
display: -webkit-box;
|
||
-webkit-box-orient: vertical;
|
||
-webkit-line-clamp: 2;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
}
|
||
/deep/.padding-tb-sm{
|
||
background: #fff;
|
||
padding: 10px;
|
||
border-radius: 10px;
|
||
}
|
||
/deep/.uni-input-placeholder{
|
||
font-size: 23rpx;
|
||
color: #C8C8C8;
|
||
}
|
||
.ziding-inp{
|
||
height: 40px;
|
||
border-bottom: 1px solid #f7f7f7;
|
||
}
|
||
.ziding span{
|
||
font-weight: bold;
|
||
font-size: 25rpx;
|
||
color: #333333;
|
||
margin-top:10px;
|
||
}
|
||
.ziding{
|
||
width: 100%;
|
||
display: flex;
|
||
flex-direction: column;
|
||
}
|
||
.popup-mian-view image{
|
||
width: 100rpx;
|
||
height: 100rpx;
|
||
}
|
||
.popup-mian-view span{
|
||
font-size: 25rpx;
|
||
color: #FF5E6E;
|
||
font-weight: bold;
|
||
}
|
||
.popup-mian-list3{
|
||
background: #FFF9E5;
|
||
}
|
||
.popup-mian-list2{
|
||
background: #FFF3F8;
|
||
}
|
||
.popup-mian-list1{
|
||
background: #FAF6FF;
|
||
}
|
||
.popup-mian-view{
|
||
border-radius: 14rpx;
|
||
width: 32%;
|
||
height: 180rpx;
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: center;
|
||
justify-content: center;
|
||
}
|
||
.popup-mian-textarea{
|
||
width: 100%;
|
||
display: flex;
|
||
flex-direction: row;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
}
|
||
.popup-mian-btn span:nth-child(1){
|
||
background: linear-gradient(90deg, #FE912E, #FF9970);
|
||
}
|
||
.popup-mian-btn span:nth-child(2){
|
||
background: linear-gradient(90deg, #019C88, #28BA92, #35C495);
|
||
}
|
||
.popup-mian-btn span{
|
||
width: 260rpx;
|
||
height: 70rpx;
|
||
line-height: 70rpx;
|
||
text-align: center;
|
||
font-weight: 400;
|
||
font-size: 28rpx;
|
||
color: #FFFEFE;
|
||
border-radius: 39rpx;
|
||
}
|
||
.popup-mian-btn{
|
||
width: 100%;
|
||
display: flex;
|
||
flex-direction: row;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
margin-top:14rpx;
|
||
}
|
||
|
||
.popup-mian{
|
||
width: 88%;
|
||
display: flex;
|
||
flex-direction: column;
|
||
margin: 15px auto 0px auto;
|
||
}
|
||
.popup-head span:nth-child(2){
|
||
width: 50rpx;
|
||
height: 50rpx;
|
||
line-height: 24px;
|
||
text-align: center;
|
||
font-size: 24px;
|
||
color: #15AB8D;
|
||
}
|
||
.popup-head span:nth-child(1){
|
||
font-weight: bold;
|
||
font-size: 28rpx;
|
||
color: #333333;
|
||
}
|
||
.popup-head{
|
||
width: 100%;
|
||
height: 99.38rpx;
|
||
background-color: rgba(21, 171, 141, 0.09);
|
||
display: flex;
|
||
flex-direction: row;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
padding: 0 15px;
|
||
}
|
||
.popup-content{
|
||
width: 613rpx;
|
||
height: 300px;
|
||
background: #FFFFFF;
|
||
border-radius: 30rpx;
|
||
display: flex;
|
||
flex-direction: column;
|
||
}
|
||
.popup-content-pl{
|
||
width: 100%;
|
||
height: 100%;
|
||
background-color: #242424;
|
||
border-top-left-radius: 10px;
|
||
border-top-right-radius: 10px;
|
||
position: relative;
|
||
display: flex;
|
||
flex-direction: column;
|
||
}
|
||
.content{
|
||
width: 100%;
|
||
background-color: #f7f7f7;
|
||
}
|
||
.oder-mian-tjia{
|
||
display: flex;
|
||
flex-direction: row;
|
||
align-items: center;
|
||
justify-content: flex-end;
|
||
color: #666;
|
||
}
|
||
.oder-mian-guan{
|
||
width: 110rpx;
|
||
height: 50rpx;
|
||
color: #1bb097;
|
||
display: flex;
|
||
align-items: center;
|
||
}
|
||
.activeQ{
|
||
background: url('../../static/follow.png') 8rpx 4rpx;
|
||
background-repeat: no-repeat;
|
||
background-size:32rpx 32rpx;
|
||
}
|
||
.activeG{
|
||
background: url('../../static/follow2.png') 8rpx 4rpx;
|
||
background-repeat: no-repeat;
|
||
background-size:32rpx 32rpx;
|
||
}
|
||
.oder-mian-text{
|
||
/* padding-left:50rpx; */
|
||
font-size: 28rpx;
|
||
font-weight: bold;
|
||
|
||
}
|
||
.oder-mian-qing{
|
||
height: 47rpx;
|
||
line-height:47rpx;
|
||
text-align: center;
|
||
font-weight: 400;
|
||
font-size: 24rpx;
|
||
color: #2dbe93;
|
||
border-radius: 60rpx;
|
||
padding: 0 15rpx;
|
||
border: 1px solid #2dbe93;
|
||
margin-right: 4rpx;
|
||
/*background: #fff;
|
||
border-radius: 60rpx;
|
||
border: 1px solid #029D88;*/
|
||
}
|
||
.video-item{
|
||
width: 100%;
|
||
height: 200px;
|
||
display: inline-block;
|
||
line-height: 0;
|
||
overflow: hidden;
|
||
position: relative;
|
||
}
|
||
.video-view-list{
|
||
width: 48%;
|
||
height: 162px;
|
||
}
|
||
.video-view{
|
||
width: 100%;
|
||
display: flex;
|
||
flex-direction: row;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
margin-top: 10px;
|
||
}
|
||
.video-list-geng image{
|
||
width: 6px;
|
||
height: 9px;
|
||
margin-left: 5px;
|
||
}
|
||
.video-list-geng{
|
||
display: flex;
|
||
flex-direction: row;
|
||
align-items: center;
|
||
}
|
||
.video-list-title{
|
||
font-size: 28rpx;
|
||
color: #000000;
|
||
font-weight: bold;
|
||
}
|
||
.video-list-geng span{
|
||
font-size: 21rpx;
|
||
color: #878787;
|
||
}
|
||
|
||
.video-list-top{
|
||
width: 100%;
|
||
display: flex;
|
||
flex-direction: row;
|
||
justify-content: space-between;
|
||
}
|
||
.video-list{
|
||
width: 95%;
|
||
margin: 15px auto;
|
||
padding: 10px;
|
||
display: flex;
|
||
flex-direction: column;
|
||
background-color: #fff;
|
||
border-radius: 10px;
|
||
}
|
||
.shouchang{
|
||
/* width: 59px; */
|
||
display: flex;
|
||
flex-direction: row;
|
||
align-items: center;
|
||
}
|
||
.shouchang-view{
|
||
/* width: 52rpx;
|
||
height: 52rpx;
|
||
background-color: rgba(0, 0, 0, 0.3); */
|
||
/* border-radius: 50%; */
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
/*border: 1px #fcd7cf solid;
|
||
background: linear-gradient(90deg, #ffe0d8, #ffe0d8, #eaeaea);
|
||
margin-top: 5px;*/
|
||
border-radius: 10rpx;
|
||
height:50rpx;
|
||
line-height: 52rpx;
|
||
margin-left: 8rpx;
|
||
|
||
}
|
||
.shouchang-img{
|
||
width: 30rpx;
|
||
height:30rpx;
|
||
margin-right: 8rpx;
|
||
}
|
||
.shouchang-text{
|
||
color: #ff6942;
|
||
font-size: 28rpx;
|
||
padding: 0 12rpx 0 0 ;
|
||
font-weight: bold;
|
||
}
|
||
.xiangmu-cont-top-left{
|
||
font-weight: normal;
|
||
font-size: 26rpx;
|
||
color: #049E89;
|
||
margin-top: 1px;
|
||
}
|
||
.xiangmu-cont-top-time{
|
||
width: 100%;
|
||
display: flex;
|
||
flex-direction: row;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
}
|
||
.xiadan{
|
||
width: 122rpx;
|
||
height: 48rpx;
|
||
line-height: 48rpx;
|
||
background: linear-gradient(90deg, #019C88, #0FA78B, #35C495);
|
||
border-radius: 24rpx;
|
||
text-align: center;
|
||
font-weight: bold;
|
||
font-size: 24rpx;
|
||
color: #FFFFFF;
|
||
}
|
||
.xiangmu-foot-left{
|
||
display: flex;
|
||
flex-direction: row;
|
||
align-items: flex-end;
|
||
}
|
||
.xiangmu-foot-left-shiji span{
|
||
color: #F95900;
|
||
}
|
||
.xiangmu-foot-left-shiji span:nth-child(1){
|
||
font-size: 25rpx;
|
||
}
|
||
.xiangmu-foot-left-shiji span:nth-child(2){
|
||
font-weight: bold;
|
||
font-size:36.81rpx;
|
||
}
|
||
.xiangmu-foot-left-shiji span:nth-child(3){
|
||
font-size: 25rpx;
|
||
}
|
||
.xiangmu-foot-left-dazhe{
|
||
font-size: 31rpx;
|
||
color: #848484;
|
||
text-decoration-line: line-through;
|
||
margin-left:5px;
|
||
}
|
||
.xiangmu-foot{
|
||
width: 100%;
|
||
display: flex;
|
||
flex-direction: row;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
}
|
||
.xiangmu-about{
|
||
width: 100%;
|
||
text-align: left;
|
||
font-weight: 400;
|
||
font-size: 24rpx;
|
||
color: #848484;
|
||
display: -webkit-box;
|
||
-webkit-box-orient: vertical;
|
||
-webkit-line-clamp: 2;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
margin: 8px 0px;
|
||
}
|
||
.xiangmu-cont-top-title{
|
||
font-weight: bold;
|
||
font-size: 30rpx;
|
||
color: #333333;
|
||
margin-bottom: 5rpx;
|
||
}
|
||
|
||
.xiangmu-cont-top{
|
||
width: 100%;
|
||
display: flex;
|
||
flex-direction: column;
|
||
}
|
||
.xiangmu-cont{
|
||
width: 55%;
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: center;
|
||
}
|
||
.xiangmu-img{
|
||
width: 285rpx;
|
||
height: 218rpx;
|
||
background: #9F9F9F;
|
||
border-radius: 14rpx;
|
||
}
|
||
.xiangmu{
|
||
width: 95%;
|
||
height: 263rpx;
|
||
background: #FFFFFF;
|
||
border-radius: 21rpx;
|
||
margin: 0px auto 10px auto;
|
||
display: flex;
|
||
flex-direction: row;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
padding: 10px;
|
||
}
|
||
/deep/.u-scroll-box{
|
||
display: flex;
|
||
flex-direction: row;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
}
|
||
.oder-footer{
|
||
padding: 0 0 90px 0;
|
||
background-color: #f7f7f7;
|
||
margin-top: 10px;
|
||
}
|
||
.oder-foot-left-right span{
|
||
font-weight: bold;
|
||
font-size: 23rpx;
|
||
color: #222222;
|
||
margin-left: 5px;
|
||
}
|
||
.oder-foot-left-right image{
|
||
width: 22.22rpx;
|
||
height: 22.22rpx;
|
||
}
|
||
.oder-foot-left-right{
|
||
display: flex;
|
||
flex-direction: row;
|
||
align-items: center;
|
||
justify-content: center;
|
||
}
|
||
.oder-foot-left-view span{
|
||
font-weight: 400;
|
||
font-size: 23rpx;
|
||
color: #029D88;
|
||
margin-left: 3px;
|
||
}
|
||
.shiming{
|
||
width: 17px;
|
||
height: 15px;
|
||
}
|
||
.zhizi{
|
||
width: 15px;
|
||
height: 15px;
|
||
}
|
||
.pingtai{
|
||
width: 14px;
|
||
height: 15px;
|
||
}
|
||
.oder-foot-left-view{
|
||
height: 24px;
|
||
line-height: 24px;
|
||
background-color: rgba(8, 162, 138, 0.1);
|
||
border-radius: 17rpx;
|
||
display: flex;
|
||
flex-direction: row;
|
||
align-items: center;
|
||
justify-content: center;
|
||
padding: 2rpx 30rpx;
|
||
}
|
||
.oder-foot-left{
|
||
display: flex;
|
||
flex-direction: row;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
}
|
||
.oder-foot{
|
||
width: 100%;
|
||
margin: 0 auto;
|
||
padding: 8px;
|
||
display: flex;
|
||
justify-content: center;
|
||
background-color: rgba(224, 240, 237, 0.36);
|
||
}
|
||
.oder-mian-jin{
|
||
font-size: 23rpx;
|
||
color: #FFFFFF;
|
||
background: linear-gradient(90deg, #029d88, #1fb38f);
|
||
border-top-left-radius: 5px;
|
||
border-bottom-left-radius: 5px;
|
||
}
|
||
.oder-mian-time{
|
||
font-size: 23rpx;
|
||
color: #039E89;
|
||
border-top-right-radius: 5px;
|
||
border-bottom-right-radius: 5px;
|
||
background: #EBEBEB;
|
||
}
|
||
.oder-mian-view{
|
||
width: 60px;
|
||
height: 25px;
|
||
font-weight: 400;
|
||
text-align: center;
|
||
line-height: 25px;
|
||
}
|
||
.oder-mian-right{
|
||
display: flex;
|
||
flex-direction: row;
|
||
align-items: center;
|
||
border-radius: 7rpx;
|
||
}
|
||
|
||
.oder-mian-left{
|
||
display: flex;
|
||
flex-direction: row;
|
||
align-items: center;
|
||
}
|
||
.oder-mian{
|
||
width: 100%;
|
||
margin-top:12px;
|
||
display: flex;
|
||
flex-direction: row;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
}
|
||
|
||
.jian-view-right-weizhi{
|
||
display: flex;
|
||
flex-direction: row;
|
||
align-items: center;
|
||
margin-left: 10px;
|
||
}
|
||
|
||
.view-head{
|
||
padding-bottom: 5px;
|
||
margin: 15px 24px 0px 24px;
|
||
}
|
||
.jian-view-right span{
|
||
font-size: 26rpx;
|
||
color: #848485;
|
||
}
|
||
.jian-view-right-img{
|
||
width: 23rpx;
|
||
height: 26rpx;
|
||
margin-right: 10rpx;
|
||
}
|
||
.jian-view-right{
|
||
display: flex;
|
||
flex-direction: row;
|
||
align-items: center;
|
||
}
|
||
.jian-view-name{
|
||
font-weight: bold;
|
||
font-size: 36rpx;
|
||
color: #13141A;
|
||
margin-right: 5px;
|
||
}
|
||
.jian-view-left-img{
|
||
width: 168.75rpx;
|
||
height: 40.97rpx;
|
||
}
|
||
.jian-view-left{
|
||
display: flex;
|
||
flex-direction: row;
|
||
align-items: center;
|
||
}
|
||
.jian-view{
|
||
width: 100%;
|
||
display: flex;
|
||
flex-direction: row;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
}
|
||
page {
|
||
background-color: #F7F7F7;
|
||
}
|
||
|
||
.bgs {
|
||
background-color: #FFFFFF;
|
||
}
|
||
|
||
.bg {
|
||
background-color: #FFFFFF;
|
||
}
|
||
|
||
.swiper-image {
|
||
width: 100%;
|
||
}
|
||
|
||
.wrap {
|
||
padding: 20upx 23upx;
|
||
}
|
||
|
||
.line_s {
|
||
display: inline-flex;
|
||
width: 14rpx;
|
||
height: 14rpx;
|
||
background: #1AD566;
|
||
border-radius: 50%;
|
||
margin-right: 10rpx;
|
||
}
|
||
|
||
.line_x {
|
||
display: inline-flex;
|
||
width: 14rpx;
|
||
height: 14rpx;
|
||
background: #000000;
|
||
border-radius: 50%;
|
||
margin-right: 10rpx;
|
||
}
|
||
|
||
.tab>view {
|
||
border-bottom: 2upx solid #F5F5F2;
|
||
}
|
||
|
||
.tab>view:last-of-type {
|
||
border: none;
|
||
}
|
||
|
||
.rir {
|
||
font-size: 30upx;
|
||
font-family: DFZongYi-Bd-80-Win-GB;
|
||
font-weight: 800;
|
||
color: #30B47A;
|
||
margin-right: 30rpx;
|
||
}
|
||
|
||
.btn {
|
||
width: 129rpx;
|
||
height: 52rpx;
|
||
background: #096f4b;
|
||
border-radius: 26rpx;
|
||
color: #FFFFFF;
|
||
text-align: center;
|
||
line-height: 54rpx;
|
||
}
|
||
|
||
.swiper {
|
||
height: 662rpx;
|
||
}
|
||
.keyuyue{
|
||
padding: 0rpx 10rpx;
|
||
height: 44rpx;
|
||
display: flex;
|
||
flex-direction: row;
|
||
align-items: center;
|
||
background: #eefdf8;
|
||
border-radius: 30rpx 20rpx 20rpx 30rpx ;
|
||
color:#8d500f;
|
||
font-size: 24rpx;
|
||
}
|
||
.timea-img{
|
||
background:#2dbe93 url('../../static/timea.png') 2rpx 1rpx;
|
||
background-size: 28rpx 28rpx;
|
||
background-repeat: no-repeat;
|
||
width: 30rpx;
|
||
height: 30rpx;
|
||
border-radius:8rpx;
|
||
margin-top: 8rpx;
|
||
}
|
||
.timea-fu{
|
||
font-size: 24rpx;
|
||
color: #2dbe93;
|
||
line-height: 44rpx;
|
||
margin-left: 8rpx;
|
||
margin-right: 5rpx;
|
||
}
|
||
.timea-time{
|
||
font-size: 25rpx;
|
||
color: #2dbe93;
|
||
line-height: 44rpx;
|
||
padding-right: 10rpx;
|
||
}
|
||
.order-sname{
|
||
width: 100%;
|
||
align-items: center;
|
||
}
|
||
.order-sname-img{
|
||
width: 30rpx;
|
||
height: 30rpx;
|
||
margin-right: 8rpx;
|
||
margin-top: 4rpx;
|
||
}
|
||
.order-sname-text{
|
||
font-size: 30rpx;
|
||
font-weight: bold;
|
||
}
|
||
.label-word{
|
||
background: #f9f1e7;
|
||
color: #9b7a6e;
|
||
border-radius:5rpx;
|
||
padding: 0 10rpx;
|
||
line-height:34rpx;
|
||
border: 1px solid #eadfdb;
|
||
font-size: 22rpx;
|
||
margin-right: 10rpx;
|
||
margin-top: 5px;
|
||
}
|
||
.userInfo{
|
||
position: absolute;
|
||
bottom:110px;
|
||
right: 10px;
|
||
display: flex;
|
||
flex-direction: column;
|
||
z-index: 18;
|
||
}
|
||
.userAvatar{
|
||
border-radius: 500%;
|
||
border-style: solid;
|
||
border-width: 2px;
|
||
border-color: #ffffff;
|
||
width : 100rpx;
|
||
height: 100rpx;
|
||
}
|
||
.list-view{
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: center;
|
||
}
|
||
.uni-popup{
|
||
width: 100%;
|
||
height: 500px;
|
||
overflow: auto;
|
||
}
|
||
|
||
</style>
|