Procházet zdrojové kódy

客服与退款

product
HolyKnightIX před 2 roky
rodič
revize
342e18c06c
6 změnil soubory, kde provedl 181 přidání a 75 odebrání
  1. +14
    -2
      pages/coupon/confirmation/confirmation.js
  2. +8
    -0
      pages/coupon/confirmation/confirmation.ttml
  3. +60
    -26
      pages/coupon/confirmation/confirmation.ttss
  4. +14
    -2
      pages/coupon/detail/index.js
  5. +4
    -1
      pages/coupon/detail/index.ttml
  6. +81
    -44
      pages/coupon/detail/index.ttss

+ 14
- 2
pages/coupon/confirmation/confirmation.js Zobrazit soubor

@@ -13,7 +13,10 @@ Page({
data: {}, data: {},
spuIdObj: {}, spuIdObj: {},
priceAndStockObj: {}, priceAndStockObj: {},
mallTenantId: ''
mallTenantId: '',
imId: "69168503086",
goodId: "",
IMorderId: ""
}, },
onLoad: function (options) { onLoad: function (options) {
console.log(options, 'options!!!!!!!'); console.log(options, 'options!!!!!!!');
@@ -53,6 +56,14 @@ Page({
} }


}, },

imCallback(e) {
console.log("跳转IM客服成功", e);
},
onimError(e) {
console.log("拉起IM客服失败", e.detail);
},

goInstructions() { goInstructions() {
tt.navigateTo({ tt.navigateTo({
url: '/pages/coupon/instructions/instructions?couponChannelId=' + this.data.couponChannelId, url: '/pages/coupon/instructions/instructions?couponChannelId=' + this.data.couponChannelId,
@@ -73,7 +84,8 @@ Page({
}).then(res => { }).then(res => {
if (res.data) { if (res.data) {
this.setData({ this.setData({
spuIdObj: res.data
spuIdObj: res.data,
goodId: res.data.spuId
}) })
} }
}).catch(err => { }).catch(err => {


+ 8
- 0
pages/coupon/confirmation/confirmation.ttml Zobrazit soubor

@@ -14,8 +14,16 @@
<view class="app-border-topX"> <view class="app-border-topX">
<view class="actually"> 实付 </view> <view class="actually"> 实付 </view>
<view class="payZ">{{data.type!=50?'¥':''}}</view> <view class="payZ">{{data.type!=50?'¥':''}}</view>

<view class="price">{{data.type==50?priceAndStockObj.creditPrice+'积分':priceAndStockObj.salePrice/100}}</view> <view class="price">{{data.type==50?priceAndStockObj.creditPrice+'积分':priceAndStockObj.salePrice/100}}</view>
<view class="buyX" bindtap="orderFunc">{{data.type==50?'立即换购':'提交订单'}}</view> <view class="buyX" bindtap="orderFunc">{{data.type==50?'立即换购':'提交订单'}}</view>

<button class="serviceBox" open-type="im" data-im-id="{{ imId }}" data-im-type="goods" data-biz-line="1"
data-goods-id="{{ goodId }}" bindim="imCallback" binderror="onimError">
<view class="fuwuLogoBox f">
<image class="itemLogo" src="../../../assets/images/service1.png" />
</view>
</button>
</view> </view>
<phoem showBox="{{showPhoem}}" bind:hiePhoen="setPhone" bind:heiBox="setBox"></phoem> <phoem showBox="{{showPhoem}}" bind:hiePhoen="setPhone" bind:heiBox="setBox"></phoem>
</view> </view>


+ 60
- 26
pages/coupon/confirmation/confirmation.ttss Zobrazit soubor

@@ -1,11 +1,12 @@
.commodityBox{
.commodityBox {
background-color: #fff; background-color: #fff;
width: 96%; width: 96%;
border-radius: 12rpx; border-radius: 12rpx;
overflow: hidden; overflow: hidden;
margin: 10rpx auto; margin: 10rpx auto;
} }
.commodityImgBox{

.commodityImgBox {
width: 160rpx; width: 160rpx;
height: 160rpx; height: 160rpx;
overflow: hidden; overflow: hidden;
@@ -13,23 +14,45 @@
margin: 20rpx; margin: 20rpx;
border-radius: 8rpx; border-radius: 8rpx;
} }
.commodityImg{

.commodityImg {
width: 100%;
height: 100%;
}

.serviceBox {
float: right;
margin-top: 48rpx;
margin-right: 14rpx;
height: 40rpx;
width: 40rpx;
background-color: #fff;
}

.fuwuLogoBox {
width: 40rpx;
height: 40rpx;
line-height: 0;
}

.itemLogo {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }


.contentBox{
.contentBox {
width: 500rpx; width: 500rpx;
float: left; float: left;
height: 100rpx; height: 100rpx;


margin-top: 20rpx; margin-top: 20rpx;
} }
.topBox{

.topBox {
overflow: hidden; overflow: hidden;
} }


.title{
.title {
height: 90rpx; height: 90rpx;
font-size: 32rpx; font-size: 32rpx;
width: 400rpx; width: 400rpx;
@@ -37,19 +60,23 @@
text-overflow: ellipsis; text-overflow: ellipsis;
display: -webkit-box; display: -webkit-box;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
-webkit-line-clamp: 2; /* 这里是超出几行省略 */
-webkit-line-clamp: 2;
/* 这里是超出几行省略 */
overflow: hidden; overflow: hidden;
} }
.unit{

.unit {
float: right; float: right;
font-size: 30rpx; font-size: 30rpx;
} }
.subhead{

.subhead {
margin-top: 4rpx; margin-top: 4rpx;
color: #a6a6a6; color: #a6a6a6;
font-size: 24rpx; font-size: 24rpx;
} }
.app-border-topX{

.app-border-topX {
width: 100%; width: 100%;
height: 140rpx; height: 140rpx;
background-color: #fff; background-color: #fff;
@@ -58,39 +85,44 @@
left: 0; left: 0;
bottom: 0; bottom: 0;
} }
.actually{

.actually {
margin-left: 10%; margin-left: 10%;
font-size: 28rpx; font-size: 28rpx;
color: #a6a6a6; color: #a6a6a6;
line-height: 140rpx; line-height: 140rpx;
float: left; float: left;
} }
.payZ{

.payZ {
margin-left: 6rpx; margin-left: 6rpx;
font-size: 24rpx; font-size: 24rpx;
color: #d5af67; color: #d5af67;
line-height: 144rpx; line-height: 144rpx;
float: left; float: left;
} }
.price{

.price {
font-size: 30rpx; font-size: 30rpx;
color: #d5af67; color: #d5af67;
line-height: 140rpx; line-height: 140rpx;
float: left;
float: left;
} }
.buyX{
float: right;
background: linear-gradient(270deg, #DDAB5A, #B8832D);


/* width: 80rpx; */
color: #fff;
font-size: 30rpx;
.buyX {
float: right;
background: linear-gradient(270deg, #DDAB5A, #B8832D);

/* width: 80rpx; */
color: #fff;
font-size: 30rpx;


border-radius: 60rpx;
margin: 30rpx 40rpx;
padding: 20rpx 40rpx;
border-radius: 60rpx;
margin: 30rpx 40rpx;
padding: 20rpx 40rpx;
} }
.go{

.go {
height: 120rpx; height: 120rpx;
width: 96%; width: 96%;
border-radius: 6px; border-radius: 6px;
@@ -98,14 +130,16 @@
margin: 5px auto; margin: 5px auto;
background-color: #fff; background-color: #fff;
} }
.goTitle{

.goTitle {
float: left; float: left;
line-height: 120rpx; line-height: 120rpx;
font-size: 30rpx; font-size: 30rpx;
/* color: #a6a6a6; */ /* color: #a6a6a6; */
margin-left: 20rpx; margin-left: 20rpx;
} }
.goImg{

.goImg {
float: right; float: right;
width: 20rpx; width: 20rpx;
height: 40rpx; height: 40rpx;


+ 14
- 2
pages/coupon/detail/index.js Zobrazit soubor

@@ -97,7 +97,10 @@ Page({
showBox: false, //手机号授权框 showBox: false, //手机号授权框
spuIdObj: {}, spuIdObj: {},
mallTenantId: '', mallTenantId: '',
mallList: []
mallList: [],
imId: "69168503086",
goodId: "",
IMorderId: ""
}, },


/** /**
@@ -108,6 +111,14 @@ Page({
isshowposter: true, isshowposter: true,
}) })
}, },

imCallback(e) {
console.log("跳转IM客服成功", e);
},
onimError(e) {
console.log("拉起IM客服失败", e.detail);
},

getCouponList: function (id) { //获取其他活动 getCouponList: function (id) { //获取其他活动
let that = this; let that = this;
let data; let data;
@@ -591,7 +602,8 @@ Page({
}).then(res => { }).then(res => {
if (res.data) { if (res.data) {
this.setData({ this.setData({
spuIdObj: res.data
spuIdObj: res.data,
goodId: res.data.spuId
}) })
} }
}).catch(err => { }).catch(err => {


+ 4
- 1
pages/coupon/detail/index.ttml Zobrazit soubor

@@ -255,11 +255,14 @@
<button class='buyX' disabled='true' tt:if="{{total_micro_second<=0&&data.activityStatus!=0}}">活动已结束</button> <button class='buyX' disabled='true' tt:if="{{total_micro_second<=0&&data.activityStatus!=0}}">活动已结束</button>
<button id='buyX' disabled='true' tt:if="{{data.activityStatus==0}}">活动未开始</button> <button id='buyX' disabled='true' tt:if="{{data.activityStatus==0}}">活动未开始</button>
<!-- <view class="sell">已售出<span class="sellP">{{data.inventory-priceAndStockObj.remainInventory}}</span>件</view> --> <!-- <view class="sell">已售出<span class="sellP">{{data.inventory-priceAndStockObj.remainInventory}}</span>件</view> -->
<button class="serviceBox" open-type="contact">

<button class="serviceBox" open-type="im" data-im-id="{{ imId }}" data-im-type="goods" data-biz-line="1"
data-goods-id="{{ goodId }}" bindim="imCallback" binderror="onimError">
<view class="fuwuLogoBox f"> <view class="fuwuLogoBox f">
<image class="itemLogo" src="../../../assets/images/service1.png" /> <image class="itemLogo" src="../../../assets/images/service1.png" />
</view> </view>
</button> </button>

</view> </view>
</form> </form>
</view> </view>


+ 81
- 44
pages/coupon/detail/index.ttss Zobrazit soubor

@@ -6,7 +6,7 @@ page {


button::after { button::after {
border: none; border: none;
} }




@@ -217,11 +217,13 @@ button::after {
text-overflow: ellipsis; text-overflow: ellipsis;
padding-top: 30rpx; padding-top: 30rpx;
} }
.subTitleBox{

.subTitleBox {
overflow: hidden; overflow: hidden;
width: 100%; width: 100%;
margin: 10rpx 0;
margin: 10rpx 0;
} }

.subTitle { .subTitle {
display: block; display: block;
width: 400rpx; width: 400rpx;
@@ -235,7 +237,8 @@ button::after {
padding: 6rpx 0; padding: 6rpx 0;
float: left; float: left;
} }
.sellBox{

.sellBox {
display: block; display: block;
font-size: 26rpx; font-size: 26rpx;
color: #a6a6a6; color: #a6a6a6;
@@ -333,7 +336,8 @@ button::after {
height: 32rpx; height: 32rpx;
line-height: 45rpx; line-height: 45rpx;
} }
.qsOriginal{

.qsOriginal {
text-decoration: line-through; text-decoration: line-through;
color: #999 !important; color: #999 !important;
margin-top: 58rpx; margin-top: 58rpx;
@@ -344,11 +348,12 @@ button::after {
float: left; float: left;
} }


.serviceImg{
.serviceImg {
height: 100%; height: 100%;
width: 100%; width: 100%;
} }
.timeText{

.timeText {
color: #333; color: #333;
letter-spacing: 0; letter-spacing: 0;
font-size: 14px; font-size: 14px;
@@ -357,6 +362,7 @@ button::after {
width: 92%; width: 92%;
margin: 10rpx auto 0 auto; margin: 10rpx auto 0 auto;
} }

.fl { .fl {
float: left; float: left;
} }
@@ -364,20 +370,22 @@ button::after {
.fr { .fr {
float: right; float: right;
} }

.notes { .notes {
width: 100%; width: 100%;
background: #fff; background: #fff;
padding-bottom: 30rpx; padding-bottom: 30rpx;
} }


.nodesD{
.nodesD {
height: 87rpx; height: 87rpx;
line-height: 87rpx; line-height: 87rpx;
background: #fff; background: #fff;
border-top: 1px solid #f9f9f9; border-top: 1px solid #f9f9f9;
font-weight: bold; font-weight: bold;
} }
.notesText{

.notesText {
width: 92%; width: 92%;
margin: 0 auto; margin: 0 auto;
color: #333; color: #333;
@@ -388,15 +396,16 @@ button::after {
display: block; display: block;
} }


.notesH{
.notesH {
width: 92%; width: 92%;
font-weight: bold; font-weight: bold;
font-size: 32rpx; font-size: 32rpx;
color: #3c3c3c; color: #3c3c3c;
margin: 10rpx auto;
margin: 10rpx auto;
padding-top: 10rpx; padding-top: 10rpx;
} }
.Hchild{

.Hchild {
width: 92%; width: 92%;
margin: 0 auto; margin: 0 auto;
color: #333; color: #333;
@@ -406,6 +415,7 @@ button::after {
line-height: 21px; line-height: 21px;
display: block; display: block;
} }

/* .notes view:nth-child(1) text { /* .notes view:nth-child(1) text {
color: #333; color: #333;
letter-spacing: 0; letter-spacing: 0;
@@ -441,11 +451,12 @@ button::after {






.app-border-topX{
.app-border-topX {
width: 100%; width: 100%;
background-color: #fff; background-color: #fff;
border-top: solid 1rpx rgb(204, 204, 204); border-top: solid 1rpx rgb(204, 204, 204);
} }

.buy-view { .buy-view {
/* background: #fff; */ /* background: #fff; */
height: 92rpx; height: 92rpx;
@@ -455,18 +466,22 @@ button::after {
padding-bottom: 22rpx; padding-bottom: 22rpx;
padding-top: 22rpx; padding-top: 22rpx;
} }
.sell{

.sell {
font-size: 24rpx; font-size: 24rpx;
color: #a6a6a6;;
color: #a6a6a6;
;
letter-spacing: 1px; letter-spacing: 1px;
text-align: right; text-align: right;
float: right; float: right;
margin-top: 60rpx; margin-top: 60rpx;
} }
.sellP{

.sellP {
color: #d5af67; color: #d5af67;
} }
.biaoz{

.biaoz {
color: #d5af67; color: #d5af67;
font-family: "PingFangSC-Medium"; font-family: "PingFangSC-Medium";
font-size: 28rpx; font-size: 28rpx;
@@ -476,7 +491,8 @@ button::after {
margin-top: 55rpx; margin-top: 55rpx;
margin-left: 40rpx; margin-left: 40rpx;
} }
.selling{

.selling {
color: #d5af67; color: #d5af67;
font-family: "PingFangSC-Medium"; font-family: "PingFangSC-Medium";
font-size: 36rpx; font-size: 36rpx;
@@ -485,7 +501,8 @@ button::after {
margin-top: 50rpx; margin-top: 50rpx;
/* line-height: 22px; */ /* line-height: 22px; */
} }
.buyX{

.buyX {
/* position: relative; */ /* position: relative; */
float: right; float: right;
background: linear-gradient(270deg, #DDAB5A, #B8832D); background: linear-gradient(270deg, #DDAB5A, #B8832D);
@@ -498,6 +515,7 @@ button::after {
border-radius: 61rpx; border-radius: 61rpx;
margin: 30rpx 20rpx; margin: 30rpx 20rpx;
} }

.buy { .buy {
position: relative; position: relative;
background: linear-gradient(127deg, rgba(252, 177, 74, 1) 0%, rgba(254, 70, 20, 1) 100%); background: linear-gradient(127deg, rgba(252, 177, 74, 1) 0%, rgba(254, 70, 20, 1) 100%);
@@ -672,7 +690,7 @@ button::after {
border-bottom: 1rpx solid #eee; border-bottom: 1rpx solid #eee;
} }


.quessss >view:last-child {
.quessss>view:last-child {
border-bottom: 0; border-bottom: 0;
} }


@@ -741,7 +759,8 @@ button::after {
bottom: 15rpx; bottom: 15rpx;
} }


.btns .fr, .btns .fl {
.btns .fr,
.btns .fl {
width: 277rpx; width: 277rpx;
height: 95rpx; height: 95rpx;
border-radius: 48rpx; border-radius: 48rpx;
@@ -909,7 +928,8 @@ button::after {
background: rgba(201, 201, 201, 0.1); background: rgba(201, 201, 201, 0.1);
} }


checkbox-group, radio-group {
checkbox-group,
radio-group {
height: 400rpx; height: 400rpx;
overflow-y: scroll; overflow-y: scroll;
} }
@@ -1103,10 +1123,11 @@ checkbox-group, radio-group {






.groupTitleBox{
.groupTitleBox {
background: #fff; background: #fff;
} }
.groupTitle{

.groupTitle {
color: #333; color: #333;
letter-spacing: 0; letter-spacing: 0;
font-size: 30rpx; font-size: 30rpx;
@@ -1116,7 +1137,8 @@ checkbox-group, radio-group {
margin: 0 auto; margin: 0 auto;
font-weight: bold; font-weight: bold;
} }
.groupTitleS{

.groupTitleS {
color: #333; color: #333;
letter-spacing: 0; letter-spacing: 0;
font-size: 28rpx; font-size: 28rpx;
@@ -1126,7 +1148,8 @@ checkbox-group, radio-group {
margin: 0 auto; margin: 0 auto;
/* font-weight: bold; */ /* font-weight: bold; */
} }
.yuandian{

.yuandian {
background-color: #333333; background-color: #333333;


width: 4rpx; width: 4rpx;
@@ -1135,57 +1158,68 @@ checkbox-group, radio-group {
margin: 16rpx 8rpx 0 0; margin: 16rpx 8rpx 0 0;
float: left; float: left;
} }
.groupDetailsBox{

.groupDetailsBox {
width: 90%; width: 90%;
margin: 0 auto; margin: 0 auto;
} }
.groupTiemBox{

.groupTiemBox {
color: #333333; color: #333333;
overflow: hidden; overflow: hidden;
} }
.groupTiemName{

.groupTiemName {
float: left; float: left;
font-size: 26rpx; font-size: 26rpx;
/* color: #a6a6a6; */ /* color: #a6a6a6; */
} }
.groupTiemPay{

.groupTiemPay {
float: right; float: right;
font-size: 26rpx; font-size: 26rpx;
/* color: #a6a6a6; */ /* color: #a6a6a6; */
} }
.videoCla{

.videoCla {
margin-top: 10rpx; margin-top: 10rpx;
width: 70rpx; width: 70rpx;
height: 60rpx; height: 60rpx;
} }
.issue{

.issue {
font-size: 20rpx; font-size: 20rpx;
} }
.groupTextBox{

.groupTextBox {
background: #fff; background: #fff;
overflow: hidden; overflow: hidden;
padding-bottom: 10rpx; padding-bottom: 10rpx;
} }
.shootBox{

.shootBox {
position: fixed; position: fixed;
top: 70%; top: 70%;
right: 0; right: 0;
width: 120rpx; width: 120rpx;
height: 100rpx; height: 100rpx;
background-color: rgba(221,171,90, 0.5) !important;
border-radius: 12rpx 0 0 12rpx;
background-color: rgba(221, 171, 90, 0.5) !important;
border-radius: 12rpx 0 0 12rpx;
z-index: 1000000; z-index: 1000000;
} }
.mount{

.mount {
line-height: 20rpx !important; line-height: 20rpx !important;
height: 100%; height: 100%;
} }
button{

button {
color: #fff; color: #fff;
background-color: rgba(221,171,90, 0.5);
padding:0;
background-color: rgba(221, 171, 90, 0.5);
padding: 0;
} }
.serviceBox{

.serviceBox {
float: right; float: right;
margin-top: 58rpx; margin-top: 58rpx;
margin-right: 14rpx; margin-right: 14rpx;
@@ -1193,16 +1227,19 @@ button{
width: 40rpx; width: 40rpx;
background-color: #fff; background-color: #fff;
} }
.fuwuLogoBox{

.fuwuLogoBox {
width: 40rpx; width: 40rpx;
height: 40rpx; height: 40rpx;
line-height: 0; line-height: 0;
} }
.itemLogo{

.itemLogo {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
.fuwuName{

.fuwuName {
text-align: center; text-align: center;
color: #000; color: #000;
font-size: 24rpx; font-size: 24rpx;

Načítá se…
Zrušit
Uložit