秒杀 详情 视频圈没有数据样式

This commit is contained in:
Mr.jiang 2024-07-30 09:58:31 +08:00
parent bb3f7d341d
commit 27ad0dc2bd
5 changed files with 398 additions and 300 deletions

View File

@ -345,10 +345,10 @@
this.$queue.showToast('请输入聊天内容');
return;
}
// if (this.chatId == '' || this.chatId == undefined) {
// this.$queue.showToast('');
// return;
// }
if (this.chatId == '' || this.chatId == undefined) {
this.$queue.showToast('网络较差,请稍后再试');
return;
}
let userId = this.$queue.getData('userId');
let avatar = this.$queue.getData('avatar');
let phone = this.$queue.getData('phone');
@ -356,18 +356,6 @@
if (!phone) {
phone = this.$queue.getData('userName');
}
console.log("this.byUserId",this.byUserId)
// if(this.textMsg!=''){
// const isRich = this.isRichText(this.textMsg); // true
// if(isRich==true){
// this.textMsg = this.replaceEmoji(this.textMsg);
// }else{
// this.content=this.textMsg
// }
// }
// console.log('this.content=============>',isRich)
let data = {
content: this.content,
messageType: type,
@ -378,7 +366,6 @@
if(data.messageType==2){
data.width="100"
}
console.log("data",data)
data = JSON.stringify(data);
let that = this;
@ -398,13 +385,11 @@
type: type,
userId: userId
}
console.log(data,'data99999999999999999')
// that.ListItem.push(data);
setTimeout(() => {
that.hideDrawer();
that.getTimeOrListItem1();
}, 50);
console.log(that.content);
},
fail(err) {
console.log(err);

View File

@ -181,11 +181,19 @@
// this.showpay = true
},
xiangqing(item){
uni.navigateTo({
url:'/pages/my/myMsOderDrtail?mainId='+item.mainId+'&id='+item.id+
'&massageTypeId='+item.massageTypeId+
'&status='+item.status
})
if(item.status=='1'){
item.id=this.mainData.id
uni.navigateTo({
url:'/pages/my/orderDetailsList?id='+item.id+'&mainId='+this.mainId+'&name='+'秒杀'
})
}else{
uni.navigateTo({
url:'/pages/my/myMsOderDrtail?mainId='+item.mainId+'&id='+item.id+
'&massageTypeId='+item.massageTypeId+
'&status='+item.status
})
}
},
detail(item){
if(item.status=='1'){

View File

@ -1,85 +1,101 @@
<!-- 自定义下拉刷新与上拉加载演示(vue) -->
<template>
<view class="content-view">
<z-paging ref="paging" v-model="dataList" @query="queryList">
<template #top>
<view class="service-head-top">
<view class="service-head-top-left">
<image @click="backImg" src="../../static/fanhui.png" mode="widthFix"></image>
<span>{{previousPage.name}}</span>
</view>
<view>
<uni-search-bar @service="serviceTrue" @confirm="search" :cancelext="'取消'" v-model="searchValue" @input="input"
@clear="clear">
</uni-search-bar>
<view class="search-btn" @click="searchBtn">
搜索
</view>
</view>
</view>
</template>
<template #loadingMoreNoMore>
<custom-nomore />
</template>
<view class="pay-margin bg ding-view" v-for="(item,index) in dataList" :key="index" @click="itemClick(item)" style="border-radius: 20rpx;padding: 36rpx;">
<view class="flex justify-between">
<view class="flex align-center profile-img">
<image src="../../static/logo.png" style="width: 55rpx;height: 55rpx;border: 1px solid#d7f2ee;border-radius: 50%;">
</image>
<view class="margin-left-xs ">{{item.artificerName}}</view>
</view>
<view v-if="item.status ==1"><span class="status-num">{{item.ordersNo}}</span><span class="status-button-a">待支付</span></view>
<view v-if="item.status ==2"><span class="status-num">{{item.ordersNo}}</span><span class="status-button-b">待服务</span></view>
<view v-if="item.status ==3"><span class="status-num">{{item.ordersNo}}</span><span class="status-button-c">待评价</span></view>
<view v-if="item.status ==4"><span class="status-num">{{item.ordersNo}}</span><span class="status-button-d">已取消</span></view>
<view v-if="item.status ==5"><span class="status-num">{{item.ordersNo}}</span><span class="status-button-e">已完成</span></view>
<view v-if="item.status ==6"><span class="status-num">{{item.ordersNo}}</span><span class="status-button-f">服务中</span></view>
<view v-if="item.status ==7"><span class="status-num">{{item.ordersNo}}</span><span class="status-button-h">技师出发</span></view>
<view v-if="item.status ==8"><span class="status-num">{{item.ordersNo}}</span><span class="status-button-i">技师到达</span></view>
<view v-if="item.status ==9"><span class="status-num">{{item.ordersNo}}</span><span class="status-button-g">待确认</span></view>
<view v-if="item.status ==10"><span class="status-num">{{item.ordersNo}}</span><span class="status-button-h">待补单</span></view>
</view>
<view class="margin-top-sm" style="width: 100%;height: 1rpx;background: #f7f7f7;"></view>
<view class="u-flex u-p-t-30" v-if="item.ordersMassageList[0].userPackageDetail==null">
<view class="u-m-r-10">
<image :src="item.ordersMassageList[0].massageType.massageImg" mode="square" style="height: 155rpx;width: 155rpx;flex: 0 0 155rpx;"></image>
</view>
<view class="u-flex-1" style="margin-left: 20rpx;">
<view class="text-bold u-line-1">
<view class="text-lg"
style="font-size: 32rpx;margin-top: 0rpx;display: inline-block;width: 470rpx; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">
{{item.entryName}}
</view>
</view>
<view class="u-font-13 u-tips-color justify-between title-font" style="margin-top: 14rpx;">
<text class="title-font">预约时间</text><text class="value-font">{{item.serveTime}}</text>
</view>
<view class="flex-sub u-font-13">
<text class="title-font">实付金额</text><text class="text-xl text-bold" style="color: #FF1200;">{{item.payMoneyTotal}}</text>
</view>
</view>
</view>
<view class="u-flex u-p-t-30" v-else>
<view class="u-m-r-10">
<image :src="item.ordersMassageList[0].userPackageDetail.massageImg" mode="square" style="height: 155rpx;width: 155rpx;flex: 0 0 155rpx;"></image>
</view>
<view class="u-flex-1" style="margin-left: 20rpx;">
<view class="text-bold u-line-1">
<view class="text-lg"
style="font-size: 32rpx;margin-top: 0rpx;display: inline-block;width: 470rpx; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">
{{item.entryName}}
</view>
</view>
<view class="u-font-13 u-tips-color justify-between title-font" style="margin-top: 14rpx;">
<text class="title-font">预约时间</text><text class="value-font">{{item.serveTime}}</text>
</view>
<view class="flex-sub u-font-13">
<text class="title-font">实付金额</text><text class="text-xl text-bold" style="color: #FF1200;">{{item.payMoneyTotal}}</text>
</view>
</view>
</view>
</view>
</z-paging>
<z-paging ref="paging" v-model="dataList" @query="queryList">
<template #top>
<view class="service-head-top">
<view class="service-head-top-left">
<image @click="backImg" src="../../static/fanhui.png" mode="widthFix"></image>
<span>{{previousPage.name}}</span>
</view>
<view>
<uni-search-bar @service="serviceTrue" @confirm="search" :cancelext="'取消'" v-model="searchValue"
@input="input" @clear="clear">
</uni-search-bar>
<view class="search-btn" @click="searchBtn">
搜索
</view>
</view>
</view>
</template>
<template #loadingMoreNoMore>
<custom-nomore />
</template>
<view class="pay-margin bg ding-view" v-for="(item,index) in dataList" :key="index" @click="itemClick(item)"
style="border-radius: 20rpx;padding: 36rpx;">
<view class="flex justify-between">
<view class="flex align-center profile-img">
<image src="../../static/logo.png"
style="width: 55rpx;height: 55rpx;border: 1px solid#d7f2ee;border-radius: 50%;">
</image>
<view class="margin-left-xs ">{{item.artificerName}}</view>
</view>
<view v-if="item.status ==1"><span class="status-num">{{item.ordersNo}}</span><span
class="status-button-a">待支付</span></view>
<view v-if="item.status ==2"><span class="status-num">{{item.ordersNo}}</span><span
class="status-button-b">待服务</span></view>
<view v-if="item.status ==3"><span class="status-num">{{item.ordersNo}}</span><span
class="status-button-c">待评价</span></view>
<view v-if="item.status ==4"><span class="status-num">{{item.ordersNo}}</span><span
class="status-button-d">已取消</span></view>
<view v-if="item.status ==5"><span class="status-num">{{item.ordersNo}}</span><span
class="status-button-e">已完成</span></view>
<view v-if="item.status ==6"><span class="status-num">{{item.ordersNo}}</span><span
class="status-button-f">服务中</span></view>
<view v-if="item.status ==7"><span class="status-num">{{item.ordersNo}}</span><span
class="status-button-h">技师出发</span></view>
<view v-if="item.status ==8"><span class="status-num">{{item.ordersNo}}</span><span
class="status-button-i">技师到达</span></view>
<view v-if="item.status ==9"><span class="status-num">{{item.ordersNo}}</span><span
class="status-button-g">待确认</span></view>
<view v-if="item.status ==10"><span class="status-num">{{item.ordersNo}}</span><span
class="status-button-h">待补单</span></view>
</view>
<view class="margin-top-sm" style="width: 100%;height: 1rpx;background: #f7f7f7;"></view>
<view class="u-flex u-p-t-30" v-if="item.ordersMassageList[0].userPackageDetail==null">
<view class="u-m-r-10">
<image :src="item.ordersMassageList[0].massageType.massageImg" mode="square"
style="height: 155rpx;width: 155rpx;flex: 0 0 155rpx;"></image>
</view>
<view class="u-flex-1" style="margin-left: 20rpx;">
<view class="text-bold u-line-1">
<view class="text-lg"
style="font-size: 32rpx;margin-top: 0rpx;display: inline-block;width: 470rpx; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">
{{item.entryName}}
</view>
</view>
<view class="u-font-13 u-tips-color justify-between title-font" style="margin-top: 14rpx;">
<text class="title-font">预约时间</text><text class="value-font">{{item.serveTime}}</text>
</view>
<view class="flex-sub u-font-13">
<text class="title-font">实付金额</text><text class="text-xl text-bold"
style="color: #FF1200;">{{item.payMoneyTotal}}</text>
</view>
</view>
</view>
<view class="u-flex u-p-t-30" v-else>
<view class="u-m-r-10">
<image :src="item.ordersMassageList[0].userPackageDetail.massageImg" mode="square"
style="height: 155rpx;width: 155rpx;flex: 0 0 155rpx;"></image>
</view>
<view class="u-flex-1" style="margin-left: 20rpx;">
<view class="text-bold u-line-1">
<view class="text-lg"
style="font-size: 32rpx;margin-top: 0rpx;display: inline-block;width: 470rpx; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">
{{item.entryName}}
</view>
</view>
<view class="u-font-13 u-tips-color justify-between title-font" style="margin-top: 14rpx;">
<text class="title-font">预约时间</text><text class="value-font">{{item.serveTime}}</text>
</view>
<view class="flex-sub u-font-13">
<text class="title-font">实付金额</text><text class="text-xl text-bold"
style="color: #FF1200;">{{item.payMoneyTotal}}</text>
</view>
</view>
</view>
</view>
</z-paging>
</view>
</template>
@ -87,26 +103,26 @@
export default {
data() {
return {
loadingType:0,
loadingType: 0,
myId: '',
// v-model
dataList: [],
tabList: [],
typeData:'105',
typeData: '105',
tabIndex: 0,
searchValue:'',
serviceTrue:true,
page:1,
limit:10,
titleNmae:'',
classifyId:'',
previousPage:{}
searchValue: '',
serviceTrue: true,
page: 1,
limit: 10,
titleNmae: '',
classifyId: '',
previousPage: {}
}
},
onLoad(e){
var that=this;
that.previousPage=e;
that.isVIP=this.$queue.getData('isVIP');
onLoad(e) {
var that = this;
that.previousPage = e;
that.isVIP = this.$queue.getData('isVIP');
that.myId = uni.getStorageSync('userId');
// that.getData()
},
@ -128,15 +144,15 @@
// },1000)
// }
// },
input(res) {//
this.searchValue=res;
input(res) { //
this.searchValue = res;
},
searchBtn(){//
if(this.searchValue!=""){
searchBtn() { //
if (this.searchValue != "") {
this.getData()
}
},
getData(){
getData() {
// this.$Request.get("/app/artificer/selectAppOrdersList", {
// page:this.page,
// limit:this.limit,
@ -151,29 +167,41 @@
// }
// }
// });
this.$refs.paging.reload(true);
this.$refs.paging.reload(true);
},
queryList(pageNo, pageSize) {
const params = {
page: pageNo,
limit: pageSize,
userPackageId:this.previousPage.id,
title:this.searchValue
}
this.$Request.get('/app/artificer/selectAppOrdersList',params).then(res => {
this.$refs.paging.complete(res.data.list);
}).catch(res => {
this.$refs.paging.complete(false);
})
},
backImg(){//
if(this.previousPage.name=='次卡'){
queryList(pageNo, pageSize) {
const params = {
page: pageNo,
limit: pageSize,
userPackageId: this.previousPage.id,
title: this.searchValue
}
this.$Request.get('/app/artificer/selectAppOrdersList', params).then(res => {
this.$refs.paging.complete(res.data.list);
}).catch(res => {
this.$refs.paging.complete(false);
})
},
backImg() { //
if (this.previousPage.name == '次卡') {
uni.reLaunch({
url:'/pages/my/cikarDrtail?id='+this.previousPage.id+'&limit='+10+'&page='+1+'&name='+'my'
url: '/pages/my/cikarDrtail?id=' + this.previousPage.id + '&limit=' + 10 + '&page=' + 1 +
'&name=' + 'my'
})
}else{
}else if (this.previousPage.name == '疗程'){
uni.reLaunch({
url:'/pages/my/fuwuliaochengDetail?id='+this.previousPage.id+'&limit='+10+'&page='+1+'&name='+'my'
url: '/pages/my/fuwuliaochengDetail?id=' + this.previousPage.id + '&limit=' + 10 +
'&page=' + 1 + '&name=' + 'my'
})
}else if (this.previousPage.name == '秒杀'){
uni.reLaunch({
url: '/pages/my/miaoShaOderDrtail?id=' + this.previousPage.id + '&limit=' + 10 +
'&page=' + 1 + '&name=' + 'my'
})
}else if (this.previousPage.name == '拼团'){
uni.reLaunch({
url: '/pages/my/pinTuanOderDrtail?id=' + this.previousPage.id + '&limit=' + 10 +
'&page=' + 1 + '&name=' + 'my'
})
}
},
@ -191,41 +219,50 @@
</script>
<style lang="scss" scoped>
.pay-margin{
margin: 20rpx 20rpx;
}
.bg {
background-color: #FFFFFF;
}
.profile-img{
margin-top: -20rpx;
}
.st-title{
padding-top:20rpx;
.pay-margin {
margin: 20rpx 20rpx;
}
.dingdan-cont{
.bg {
background-color: #FFFFFF;
}
.profile-img {
margin-top: -20rpx;
}
.st-title {
padding-top: 20rpx;
}
.dingdan-cont {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
}
/deep/.justify-between{
height: 54rpx;
/deep/.justify-between {
height: 54rpx;
}
.ding-view{
.ding-view {
position: relative;
}
.text-green span:nth-child(1){
.text-green span:nth-child(1) {
font-size: 30rpx;
color: #333333;
margin-right: 10px;
}
.text-green span:nth-child(2){
.text-green span:nth-child(2) {
font-size: 30rpx;
color: #333333;
margin-right: 10px;
}
.header-bottom-title-liao{
.header-bottom-title-liao {
display: inline-block;
padding: 0 7px;
height: 16px;
@ -240,20 +277,24 @@
border-bottom-right-radius: 20px;
color: #fff;
}
/deep/.refresh-body .content{
/deep/.refresh-body .content {
background-color: #f7f7f7;
}
/deep/.refresh-body{
/deep/.refresh-body {
height: 100% !important;
border-top: 2px solid #f7f7f7;
}
.content-view{
.content-view {
width: 100%;
height: 100vh;
overflow: auto;
background-color: #f7f7f7;
}
.item-view-bottom-btn{
.item-view-bottom-btn {
text-align: center;
width: 131rpx;
height: 50rpx;
@ -264,72 +305,86 @@
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(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(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(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-qian span:nth-child(3) {
font-weight: 400;
font-size: 25rpx;
color: #F95900;
}
.item-view-bottom{
.item-view-bottom {
width: 100%;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.item-view-jianjie{
.item-view-jianjie {
font-weight: 400;
font-size: 22rpx;
color: #848484;
margin:5px 0px;
margin: 5px 0px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2; /* 显示的行数,可以根据需要修改 */
-webkit-line-clamp: 2;
/* 显示的行数,可以根据需要修改 */
overflow: hidden;
text-overflow: ellipsis;
}
.item-view-biao{
.item-view-biao {
padding: 1px 2px;
border-radius: 6rpx;
}
.tuina{
background-color:#d1f2df;
.tuina {
background-color: #d1f2df;
color: #17984d;
}
.xiaoer{
background-color:#f1f8d7;
.xiaoer {
background-color: #f1f8d7;
color: #58b314;
}
.taishi{
background-color:#e5d5c6;
.taishi {
background-color: #e5d5c6;
color: #805d39;
}
.kangfu{
background-color:#fcf3da;
.kangfu {
background-color: #fcf3da;
color: #ff8600;
}
.item-view-xiangmu span:nth-child(2){
.item-view-xiangmu span:nth-child(2) {
font-weight: normal;
color: #666666;
margin-left: 5px;
}
.item-view-xiangmu{
.item-view-xiangmu {
width: 100%;
display: flex;
flex-direction: row;
@ -337,7 +392,8 @@
font-size: 21rpx;
margin-top: 5px;
}
.item-view-title-text{
.item-view-title-text {
display: inline-block;
width: 100px;
font-weight: bold;
@ -347,27 +403,31 @@
white-space: nowrap;
text-overflow: ellipsis;
}
.item-view-title{
.item-view-title {
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.item-view{
.item-view {
width: 55%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
}
.item-img{
.item-img {
width: 285rpx;
height: 120px;
border-radius: 14rpx;
position: relative;
}
.img-span{
.img-span {
padding: 2px 5px;
font-weight: 400;
font-size: 8px;
@ -380,10 +440,12 @@
margin-bottom: 5px;
margin-right: 5px;
}
.item-img image{
.item-img image {
width: 100%;
height: 100%;
}
.item {
width: 95%;
display: flex;
@ -411,21 +473,25 @@
width: 100%;
background-color: #eeeeee;
}
/deep/.zp-paging-container{
/deep/.zp-paging-container {
background-color: #f7f7f7;
width:100%;
width: 100%;
}
/deep/.zp-paging-container-content{
/deep/.zp-paging-container-content {
width: 100%;
margin: 0 auto;
}
.fenlei{
.fenlei {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.index-fenl-title{
.index-fenl-title {
width: 81rpx;
text-align: center;
position: relative;
@ -434,36 +500,42 @@
align-items: center;
font-weight: bold;
font-size: 34rpx;
color:#019C88;
color: #019C88;
}
.index-fenl-title-bottom{
.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));
background: linear-gradient(-48deg, rgba(1, 156, 136, 0.35), rgba(45, 196, 142, 0.35));
}
/deep/.uni-searchbar__cancel{
/deep/.uni-searchbar__cancel {
display: none;
}
.search-btn{
.search-btn {
text-align: center;
line-height: 28px;
color: #fff;
position: absolute;
right:14rpx;
right: 14rpx;
top: 25rpx;
height: 29px !important;
}
/deep/.uni-searchbar__box-icon-search,.search-btn{
/deep/.uni-searchbar__box-icon-search,
.search-btn {
width: 110rpx;
height: 50rpx;
background: #18A689;
border-radius: 31rpx;
}
/deep/.uni-searchbar__box{
/deep/.uni-searchbar__box {
height: 30px;
border-radius: 30px !important;
background-color: #fff !important;
@ -475,109 +547,131 @@
position: relative;
margin-top: 4rpx;
}
/deep/.uni-searchbar{
/deep/.uni-searchbar {
width: 240px;
border-radius: 31rpx;
}
.service-head-top-left image{
.service-head-top-left image {
width: 20px;
height: 20rpx;
margin-right:5px;
margin-right: 5px;
margin-left: 10rpx;
}
.service-head-top-left span{
.service-head-top-left span {
width: 180rpx;
height: 60rpx;
background:url('../../static/images/headline.png') 0rpx 26rpx;
background: url('../../static/images/headline.png') 0rpx 26rpx;
background-repeat: no-repeat;
font-weight: bold;
font-size: 34rpx;
color: #171717;
margin-top: 16rpx;
}
.service-head-top-left{
.service-head-top-left {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.service-head-top{
.service-head-top {
width: 100%;
height: 51px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
background: linear-gradient(60deg,rgba(115, 212, 183, 0.2),rgba(227, 251, 244, 0.1),rgba(193, 236, 223, 0.35));
border-bottom:1rpx solid #c4ede1;
background: linear-gradient(60deg, rgba(115, 212, 183, 0.2), rgba(227, 251, 244, 0.1), rgba(193, 236, 223, 0.35));
border-bottom: 1rpx solid #c4ede1;
}
.head-title{
font-weight: bold;
font-size: 32rpx;
color: #333333;
}
.title-font{
font-size: 30rpx;
color: #666666;
}
.value-font{
font-size: 30rpx;
color: #333333;
}
.margin-left-xs{
font-size: 32rpx;
font-weight: bold;
color: #111111;
}
/deep/.margin-top-sm{
margin-top: 3px;
}
.status-button{
font-weight: bold;
color: #019c88;
font-size: 31rpx;
}
.status-button-a{
font-weight: bold;
color: #ff932a;
}
.status-button-b{
font-weight: bold;
color: #7446fc;
}
.status-button-d{
font-weight: bold;
color: #888888;
}
.status-button-e{
font-weight: bold;
color: #999999;
}
.status-button-f{
font-weight: bold;
color: #019c88;
}
.status-button-g{
font-weight: bold;
color: #e04f3c;
}
.status-button-h{
font-weight: bold;
color: #965fb9;
}
.status-button-i{
font-weight: bold;
color: #002ea4;
}
.status-button-g{
font-weight: bold;
color: #43b943;
}
.status-button-h{
font-weight: bold;
color: #1bcada;
}
.status-num{
margin-right: 15rpx;
}
</style>
.head-title {
font-weight: bold;
font-size: 32rpx;
color: #333333;
}
.title-font {
font-size: 30rpx;
color: #666666;
}
.value-font {
font-size: 30rpx;
color: #333333;
}
.margin-left-xs {
font-size: 32rpx;
font-weight: bold;
color: #111111;
}
/deep/.margin-top-sm {
margin-top: 3px;
}
.status-button {
font-weight: bold;
color: #019c88;
font-size: 31rpx;
}
.status-button-a {
font-weight: bold;
color: #ff932a;
}
.status-button-b {
font-weight: bold;
color: #7446fc;
}
.status-button-d {
font-weight: bold;
color: #888888;
}
.status-button-e {
font-weight: bold;
color: #999999;
}
.status-button-f {
font-weight: bold;
color: #019c88;
}
.status-button-g {
font-weight: bold;
color: #e04f3c;
}
.status-button-h {
font-weight: bold;
color: #965fb9;
}
.status-button-i {
font-weight: bold;
color: #002ea4;
}
.status-button-g {
font-weight: bold;
color: #43b943;
}
.status-button-h {
font-weight: bold;
color: #1bcada;
}
.status-num {
margin-right: 15rpx;
}
</style>

View File

@ -181,11 +181,19 @@
// this.showpay = true
},
xiangqing(item){
uni.navigateTo({
url:'/pages/my/pTuanOderDrtail?mainId='+item.mainId+'&id='+item.id+
'&massageTypeId='+item.massageTypeId+
'&status='+item.status
})
if(item.status=='1'){
item.id=this.mainData.id
uni.navigateTo({
url:'/pages/my/orderDetailsList?id='+item.id+'&mainId='+this.mainId+'&name='+'拼团'
})
}else{
uni.navigateTo({
url:'/pages/my/pTuanOderDrtail?mainId='+item.mainId+'&id='+item.id+
'&massageTypeId='+item.massageTypeId+
'&status='+item.status
})
}
},
detail(item){
if(item.status=='1'){

View File

@ -2,7 +2,7 @@
<view>
<!-- 视频 id 切记是字符串类型 -->
<!-- <image v-if="isShowAixin" src="@/static/img/index/aixining.png" :style="'position: fixed; margin-left: '+ aixinLeft +'px; margin-top: '+ aixinTop +'px; width: 70px; height: 65px; transform: rotate('+ Rotate +'deg);'"></image> -->
<swiper :style="'width: '+ windowWidth +'px; height: '+ windowHeight +'px; background-color: #000000;'" :vertical="true" @animationfinish="animationfinish" @change="change" :current="current" :indicator-dots="false" :duration="duration">
<swiper v-if="dataList.length>0" :style="'width: '+ windowWidth +'px; height: '+ windowHeight +'px; background-color: #000000;'" :vertical="true" @animationfinish="animationfinish" @change="change" :current="current" :indicator-dots="false" :duration="duration">
<swiper-item v-for="(list,index) in dataList" :key="index">
<view v-if="Math.abs(k-index)<=1">
<view>
@ -109,6 +109,7 @@
></douyin-scrollview> -->
</view>
</uni-popup>
<empty v-if="dataList.length==0"></empty>
</view>
</template>
@ -117,11 +118,13 @@
let audo = uni.createInnerAudioContext()
audo.loop = true
import douyinScrollview from '@/components/douyin-scrollview/douyin-scrollview.vue'
import empty from '@/components/empty.vue'
import CComment from "@/components/XJ-comment/index";
export default {
components:{
douyinScrollview,
CComment
CComment,
empty
},
data() {
return {