2024-06-05 19:16:02 +08:00
|
|
|
|
<template>
|
|
|
|
|
<view>
|
2024-06-12 15:52:21 +08:00
|
|
|
|
<view class="bg" style="padding-bottom: 10px;">
|
2024-06-05 19:16:02 +08:00
|
|
|
|
<view class="swiperBac">
|
2024-06-12 15:52:21 +08:00
|
|
|
|
<swiper style="height: 745.83rpx;" autoplay="1500" :indicator-dots="false" :circular='true'
|
2024-06-05 19:16:02 +08:00
|
|
|
|
indicator-active-color="#ffffff" indicator-color="#cccccc">
|
|
|
|
|
<swiper-item class="" :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>
|
|
|
|
|
</swiper-item>
|
|
|
|
|
</swiper>
|
|
|
|
|
</view>
|
2024-06-12 15:52:21 +08:00
|
|
|
|
|
|
|
|
|
<view class="view-head">
|
|
|
|
|
<view class="jian-view">
|
|
|
|
|
<view class="jian-view-left">
|
|
|
|
|
<span>{{order.artificerName}}</span>
|
|
|
|
|
<image class="jian-view-left-img" src="../../static/orderDetail/jiankang.png" mode=""></image>
|
2024-06-05 19:16:02 +08:00
|
|
|
|
</view>
|
2024-06-12 15:52:21 +08:00
|
|
|
|
<view class="jian-view-right">
|
|
|
|
|
<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>
|
|
|
|
|
<!-- <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="jian-view-right-weizhi">
|
|
|
|
|
<image class="jian-view-right-img" src="../../static/orderDetail/dingwei.png"></image>
|
|
|
|
|
<span>{{order.distance}}</span>
|
2024-06-05 19:16:02 +08:00
|
|
|
|
</view>
|
2024-06-12 15:52:21 +08:00
|
|
|
|
|
2024-06-05 19:16:02 +08:00
|
|
|
|
</view>
|
|
|
|
|
</view>
|
2024-06-12 15:52:21 +08:00
|
|
|
|
<view class="jieshao">
|
|
|
|
|
{{order.content}}
|
|
|
|
|
</view>
|
|
|
|
|
<view class="oder-mian">
|
|
|
|
|
<view class="oder-mian-left">
|
|
|
|
|
<span>ID:178256</span>
|
|
|
|
|
<span>125人 关注</span>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="oder-mian-right">
|
|
|
|
|
<view class="oder-mian-view oder-mian-jin">
|
|
|
|
|
今日可约
|
|
|
|
|
</view>
|
|
|
|
|
<view class="oder-mian-view oder-mian-time">15:33</view>
|
2024-06-05 19:16:02 +08:00
|
|
|
|
</view>
|
|
|
|
|
</view>
|
2024-06-12 15:52:21 +08:00
|
|
|
|
<!-- <view class="padding-bottom flex justify-between">
|
2024-06-05 19:16:02 +08:00
|
|
|
|
<view class="flex align-center">
|
2024-06-12 15:52:21 +08:00
|
|
|
|
<view class="margin-right-sm flex align-center"
|
2024-06-05 19:16:02 +08:00
|
|
|
|
style="color: #999999;">
|
|
|
|
|
<image src="../../static/images/index/start.png" style="width: 24upx;height: 22upx;">
|
|
|
|
|
</image>
|
2024-06-12 15:52:21 +08:00
|
|
|
|
<text class="margin-left-xs" style="color: #fe831e;">1{{order.ordersScore}}.0</text>
|
2024-06-05 19:16:02 +08:00
|
|
|
|
<text class="" style="margin-left: 20rpx;font-size: 20rpx;"> | </text>
|
|
|
|
|
<text style="color: #999999;margin-left: 20rpx;font-size: 24rpx;">
|
|
|
|
|
已服务{{order.ordersCount}}单</text>
|
|
|
|
|
<text class="" style="margin: 0 20rpx;font-size: 20rpx;"> | </text>
|
2024-06-12 15:52:21 +08:00
|
|
|
|
|
2024-06-05 19:16:02 +08:00
|
|
|
|
</view>
|
|
|
|
|
</view>
|
2024-06-12 15:52:21 +08:00
|
|
|
|
</view> -->
|
|
|
|
|
</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 class="oder-foot-left-right">
|
|
|
|
|
<image src="../../static/orderDetail/chengchi.png" mode=""></image>
|
|
|
|
|
<span>春城有约</span>
|
2024-06-05 19:16:02 +08:00
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
2024-06-12 15:52:21 +08:00
|
|
|
|
<view class="video-list">
|
|
|
|
|
<view class="video-list-top">
|
|
|
|
|
<view class="video-list-title">
|
|
|
|
|
技师主页
|
|
|
|
|
</view>
|
|
|
|
|
<view class="video-list-geng">
|
|
|
|
|
<span>更多</span>
|
|
|
|
|
<image src="../../static/shezhi-jiantou.png" mode=""></image>
|
|
|
|
|
</view>
|
2024-06-05 19:16:02 +08:00
|
|
|
|
</view>
|
2024-06-12 15:52:21 +08:00
|
|
|
|
<view class="video-view">
|
|
|
|
|
<view class="video-view-list" v-for="(item,index) in videoList" :key="index">
|
|
|
|
|
<video class="video-item" :src="item.url" :poster="'https://gd-hbimg.huaban.com/3ae3bb051cba65840b10d2149ecf978b80e1c9793dee6-GkA300_fw658'"></video>
|
|
|
|
|
</view>
|
2024-06-05 19:16:02 +08:00
|
|
|
|
</view>
|
|
|
|
|
</view>
|
2024-06-12 15:52:21 +08:00
|
|
|
|
<view class="oder-footer">
|
|
|
|
|
<u-tabs :list="tabs" :is-scroll="true" :current="tabIndex" @change="tabChange" active-color="#000000"
|
2024-06-05 19:16:02 +08:00
|
|
|
|
gutter="60">
|
|
|
|
|
</u-tabs>
|
|
|
|
|
<view v-if="fwIndex == 0&&XCXIsSelect !='否'" class="tab ">
|
2024-06-12 15:52:21 +08:00
|
|
|
|
<view class="xiangmu" v-for="(item,index) in artificerlist"
|
|
|
|
|
:key="index" @click="goNav(item.massageTypeId,classifyId)">
|
|
|
|
|
<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">
|
|
|
|
|
服务简介: 理疗流程 仰/俯卧位(头部、肩颈腰背、四肢按摩)促进血液循环
|
|
|
|
|
</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">560</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="xiadan">
|
|
|
|
|
下单
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<!-- <view class="flex padding-tb padding-lr justify-between" v-for="(item,index) in artificerlist"
|
2024-06-05 19:16:02 +08:00
|
|
|
|
:key="index" @click="goNav(item.massageTypeId,classifyId)">
|
|
|
|
|
<image :src="item.massageImg" style="width: 170upx;height: 170upx;border-radius:10rpx"></image>
|
|
|
|
|
<view class="margin-left-sm" style="flex: 170upx 1;">
|
|
|
|
|
<view class="text-bold text-lg">{{item.title}}</view>
|
|
|
|
|
<view class="flex align-center justify-between text-df margin-tb-sm" style="color: #999999;">
|
|
|
|
|
<view style="font-size: 26rpx;">时长:{{item.duration}}分钟</view>
|
|
|
|
|
<view style="font-size: 26rpx;">已售{{item.sales}}</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="flex align-center justify-between">
|
|
|
|
|
<view class="text-green text-df" style="color: #FF1200;">
|
2024-06-12 15:52:21 +08:00
|
|
|
|
¥<text class="text-green text-xl text-bold" style="color: #FF1200;">
|
|
|
|
|
{{item.price}}
|
|
|
|
|
</text>
|
|
|
|
|
<text v-if="hyCheck != '否'">/</text>
|
|
|
|
|
<text v-if="hyCheck != '否'" class="text-sm">
|
|
|
|
|
会员价:¥{{item.memberPrice}}
|
|
|
|
|
</text>
|
2024-06-05 19:16:02 +08:00
|
|
|
|
</view>
|
|
|
|
|
<view class="btn" style="background: linear-gradient(to right, #223845, #00a85b)">下单</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
2024-06-12 15:52:21 +08:00
|
|
|
|
</view> -->
|
2024-06-05 19:16:02 +08:00
|
|
|
|
</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>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
export default {
|
|
|
|
|
data() {
|
|
|
|
|
return {
|
2024-06-12 15:52:21 +08:00
|
|
|
|
videoList:[
|
|
|
|
|
{url:'https://media.w3.org/2010/05/sintel/trailer.mp4'},
|
|
|
|
|
{url:'https://media.w3.org/2010/05/sintel/trailer.mp4'},
|
|
|
|
|
],
|
2024-06-05 19:16:02 +08:00
|
|
|
|
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: '',
|
|
|
|
|
latitude: '',
|
|
|
|
|
longitude: '',
|
|
|
|
|
province: '',
|
|
|
|
|
city: '',
|
|
|
|
|
district: '',
|
|
|
|
|
age: '',
|
|
|
|
|
tabs: [{
|
2024-06-12 15:52:21 +08:00
|
|
|
|
name: '推荐项目',
|
2024-06-05 19:16:02 +08:00
|
|
|
|
status: 0
|
|
|
|
|
}, {
|
2024-06-12 15:52:21 +08:00
|
|
|
|
name: '客户评价',
|
2024-06-05 19:16:02 +08:00
|
|
|
|
status: 1
|
|
|
|
|
}, {
|
|
|
|
|
name: '资质证书',
|
|
|
|
|
status: 2
|
|
|
|
|
}],
|
|
|
|
|
tabIndex: 0, // tab下标
|
|
|
|
|
fwIndex: 0,
|
|
|
|
|
artificerlist: [],
|
|
|
|
|
|
|
|
|
|
latitude: '',
|
|
|
|
|
longitude: '',
|
|
|
|
|
imgArr: [],
|
|
|
|
|
status: "",
|
|
|
|
|
XCXIsSelect: '否',
|
|
|
|
|
hyCheck: '否',
|
|
|
|
|
imageHeight: '358'
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
onLoad(option) {
|
|
|
|
|
|
|
|
|
|
this.hyCheck = this.$queue.getData('hyCheck');
|
|
|
|
|
uni.showLoading({
|
|
|
|
|
title: '加载中...',
|
|
|
|
|
|
|
|
|
|
});
|
|
|
|
|
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;
|
|
|
|
|
},
|
|
|
|
|
onShow() {
|
|
|
|
|
this.imageHeight = this.$queue.getData('imageHeight');
|
|
|
|
|
},
|
|
|
|
|
onReady() {
|
|
|
|
|
this.AUDIO.onEnded(function(res) {
|
|
|
|
|
this.isPlay = false;
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
methods: {
|
|
|
|
|
// 切换菜单
|
|
|
|
|
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;
|
|
|
|
|
if (res.code == 0) {
|
|
|
|
|
this.order = res.data
|
|
|
|
|
this.status = res.data.status
|
|
|
|
|
this.tripWay = res.data.tripWay
|
|
|
|
|
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.collectCount == 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;
|
|
|
|
|
},
|
|
|
|
|
goNav(massageTypeId,classifyId) {
|
|
|
|
|
if (this.status == 2) {
|
|
|
|
|
uni.showToast({
|
|
|
|
|
title: '理疗师已下线',
|
|
|
|
|
icon: 'none'
|
|
|
|
|
})
|
|
|
|
|
} else {
|
|
|
|
|
uni.navigateTo({
|
|
|
|
|
url: "/pages/index/order/orderDet?massageTypeId=" + massageTypeId + '&artificerId=' + this
|
|
|
|
|
.artificerId + '&tripWay=' + this.tripWay + '&classifyId=' + this.classifyId
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
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
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
// 收藏
|
|
|
|
|
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) {
|
|
|
|
|
// 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]
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
|
2024-06-12 15:52:21 +08:00
|
|
|
|
<style scoped>
|
|
|
|
|
.video-item{
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 200px;
|
|
|
|
|
display: inline-block;
|
|
|
|
|
line-height: 0;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
position: relative;
|
|
|
|
|
}
|
|
|
|
|
.video-view-list{
|
|
|
|
|
width: 48%;
|
|
|
|
|
}
|
|
|
|
|
.video-view{
|
|
|
|
|
width: 100%;
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: row;
|
|
|
|
|
align-items: center;
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
margin-top: 10px;
|
|
|
|
|
}
|
|
|
|
|
.video-list-geng image{
|
|
|
|
|
width: 8px;
|
|
|
|
|
height: 14px;
|
|
|
|
|
margin-left: 5px;
|
|
|
|
|
}
|
|
|
|
|
.video-list-geng{
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: row;
|
|
|
|
|
align-items: center;
|
|
|
|
|
}
|
|
|
|
|
.video-list-title,.video-list-geng span{
|
|
|
|
|
font-size: 15px;
|
|
|
|
|
color: #000000;
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
}
|
|
|
|
|
.video-list-top{
|
|
|
|
|
width: 100%;
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: row;
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
}
|
|
|
|
|
.video-list{
|
|
|
|
|
width: 95%;
|
|
|
|
|
margin: 15px auto;
|
|
|
|
|
padding: 5px;
|
|
|
|
|
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;
|
|
|
|
|
}
|
|
|
|
|
.shouchang-img{
|
|
|
|
|
width: 34.03rpx;
|
|
|
|
|
height: 32.64rpx;
|
|
|
|
|
}
|
|
|
|
|
.xiangmu-cont-top-left{
|
|
|
|
|
font-weight: normal;
|
|
|
|
|
font-size: 21rpx;
|
|
|
|
|
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-weight: bold;
|
|
|
|
|
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: 22rpx;
|
|
|
|
|
color: #848484;
|
|
|
|
|
display: -webkit-box;
|
|
|
|
|
-webkit-box-orient: vertical;
|
|
|
|
|
-webkit-line-clamp: 2;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
|
margin: 5px 0px;
|
|
|
|
|
}
|
|
|
|
|
.xiangmu-cont-top-title{
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
font-size: 33rpx;
|
|
|
|
|
color: #333333;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.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: 16rpx;
|
|
|
|
|
color: #029D88;
|
|
|
|
|
margin-left: 3px;
|
|
|
|
|
}
|
|
|
|
|
.shiming{
|
|
|
|
|
width: 12px;
|
|
|
|
|
height: 11px;
|
|
|
|
|
}
|
|
|
|
|
.zhizi{
|
|
|
|
|
width: 12px;
|
|
|
|
|
height: 12px;
|
|
|
|
|
}
|
|
|
|
|
.pingtai{
|
|
|
|
|
width: 12px;
|
|
|
|
|
height: 13px;
|
|
|
|
|
}
|
|
|
|
|
.oder-foot-left-view{
|
|
|
|
|
width: 80px;
|
|
|
|
|
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;
|
|
|
|
|
}
|
|
|
|
|
.oder-foot-left{
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: row;
|
|
|
|
|
align-items: center;
|
|
|
|
|
}
|
|
|
|
|
.oder-foot{
|
|
|
|
|
width: 92%;
|
|
|
|
|
margin: 0 auto;
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: row;
|
|
|
|
|
align-items: center;
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
background-color: rgba(238, 238, 238, 0.39);
|
|
|
|
|
border-radius: 10rpx;
|
|
|
|
|
}
|
|
|
|
|
.oder-mian-jin{
|
|
|
|
|
font-size: 18rpx;
|
|
|
|
|
color: #FFFFFF;
|
|
|
|
|
background: linear-gradient(90deg, #019C88, #28BA92, #35C495);
|
|
|
|
|
border-top-left-radius: 3px;
|
|
|
|
|
border-bottom-left-radius: 3px;
|
|
|
|
|
}
|
|
|
|
|
.oder-mian-time{
|
|
|
|
|
font-size: 21rpx;
|
|
|
|
|
color: #039E89;
|
|
|
|
|
border-top-right-radius: 3px;
|
|
|
|
|
border-bottom-right-radius: 3px;
|
|
|
|
|
background: #EBEBEB;
|
|
|
|
|
}
|
|
|
|
|
.oder-mian-view{
|
|
|
|
|
width: 55px;
|
|
|
|
|
height: 20px;
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
text-align: center;
|
|
|
|
|
line-height: 20px;
|
|
|
|
|
}
|
|
|
|
|
.oder-mian-right{
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: row;
|
|
|
|
|
align-items: center;
|
|
|
|
|
border-radius: 7rpx;
|
|
|
|
|
}
|
|
|
|
|
.oder-mian-left span:nth-child(1){
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
font-size: 23rpx;
|
|
|
|
|
color: #666666;
|
|
|
|
|
margin-right: 15px;
|
|
|
|
|
}
|
|
|
|
|
.oder-mian-left span:nth-child(2){
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
font-size: 23rpx;
|
|
|
|
|
color: #222222;
|
|
|
|
|
}
|
|
|
|
|
.oder-mian-left{
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: row;
|
|
|
|
|
align-items: center;
|
|
|
|
|
}
|
|
|
|
|
.oder-mian{
|
|
|
|
|
width: 100%;
|
|
|
|
|
margin-top: 15px;
|
|
|
|
|
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;
|
|
|
|
|
}
|
|
|
|
|
.jieshao{
|
|
|
|
|
margin-top: 15px;
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
font-size: 22rpx;
|
|
|
|
|
color: #8D9194;
|
|
|
|
|
display: -webkit-box;
|
|
|
|
|
-webkit-box-orient: vertical;
|
|
|
|
|
-webkit-line-clamp: 2;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
|
}
|
|
|
|
|
.view-head{
|
|
|
|
|
padding-bottom: 15px;
|
|
|
|
|
margin: 10px 15px 0px 15px;
|
|
|
|
|
}
|
|
|
|
|
.jian-view-right span{
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
font-size: 25rpx;
|
|
|
|
|
color: #848485;
|
|
|
|
|
}
|
|
|
|
|
.jian-view-right-img{
|
|
|
|
|
width: 18.75rpx;
|
|
|
|
|
height: 21.53rpx;
|
|
|
|
|
}
|
|
|
|
|
.jian-view-right{
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: row;
|
|
|
|
|
align-items: center;
|
|
|
|
|
}
|
|
|
|
|
.jian-view-left span{
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
font-size: 35rpx;
|
|
|
|
|
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;
|
|
|
|
|
}
|
2024-06-05 19:16:02 +08:00
|
|
|
|
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;
|
|
|
|
|
}
|
|
|
|
|
|
2024-06-12 15:52:21 +08:00
|
|
|
|
|
2024-06-05 19:16:02 +08:00
|
|
|
|
</style>
|