|
@@ -34,7 +34,10 @@
|
|
|
<div class="box-con-top">
|
|
<div class="box-con-top">
|
|
|
<span>{{ this.addressList.name }}</span>
|
|
<span>{{ this.addressList.name }}</span>
|
|
|
<span class="box-con-span">{{ this.addressList.phone }}</span>
|
|
<span class="box-con-span">{{ this.addressList.phone }}</span>
|
|
|
- <p>{{ addressList.province + addressList.city + addressList.district + addressList.detail }}</p>
|
|
|
|
|
|
|
+ <p>
|
|
|
|
|
+ {{ addressList.province }} {{ addressList.city }} {{ addressList.district }}
|
|
|
|
|
+ {{ addressList.detail }}
|
|
|
|
|
+ </p>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
@@ -44,12 +47,12 @@
|
|
|
<img src="/native/tabbar/icon_kapai_shangjia_da@3x.png" alt="" />
|
|
<img src="/native/tabbar/icon_kapai_shangjia_da@3x.png" alt="" />
|
|
|
<p>光之城卡牌</p>
|
|
<p>光之城卡牌</p>
|
|
|
</div>
|
|
</div>
|
|
|
- <div class="box-tit-seller">联系卖家</div>
|
|
|
|
|
|
|
+ <div class="box-tit-seller" @click="seller">联系卖家</div>
|
|
|
</div>
|
|
</div>
|
|
|
<div v-for="(item, index) in Boxes" :key="index.id">
|
|
<div v-for="(item, index) in Boxes" :key="index.id">
|
|
|
<div class="box-con">
|
|
<div class="box-con">
|
|
|
<div class="box-con-Cards">
|
|
<div class="box-con-Cards">
|
|
|
- <img :src="cardCaseInfo.images" alt="" />
|
|
|
|
|
|
|
+ <img :src="cardCaseInfo.images[0]" alt="" />
|
|
|
<div class="box-con-right">
|
|
<div class="box-con-right">
|
|
|
<p class="box-con-tit">{{ cardCaseInfo.name }}</p>
|
|
<p class="box-con-tit">{{ cardCaseInfo.name }}</p>
|
|
|
<div class="box-con-today">
|
|
<div class="box-con-today">
|
|
@@ -136,88 +139,49 @@
|
|
|
/>
|
|
/>
|
|
|
<div class="box-btn">
|
|
<div class="box-btn">
|
|
|
<!-- 已完成 -->
|
|
<!-- 已完成 -->
|
|
|
- <div
|
|
|
|
|
- v-if="this.status.orderStatus === 'COMPETED'"
|
|
|
|
|
- class="box-btn-left"
|
|
|
|
|
- @click="deletes"
|
|
|
|
|
- :style="{ backgroundImage: `url(/native/imgs/btn_02@3x.png)` }"
|
|
|
|
|
- >
|
|
|
|
|
- 删除订单
|
|
|
|
|
|
|
+ <div v-if="this.status.orderStatus === 'COMPETED'" class="box-btn-left" @click="deletes">
|
|
|
|
|
+ <img src="/native/imgs/btn_03@3x.png" alt="" />
|
|
|
|
|
+ <span>删除订单</span>
|
|
|
</div>
|
|
</div>
|
|
|
- <div
|
|
|
|
|
- v-if="this.status.orderStatus === 'COMPETED'"
|
|
|
|
|
- class="box-btn-right"
|
|
|
|
|
- :style="{ backgroundImage: `url(/native/imgs/btn_01@3x.png)` }"
|
|
|
|
|
- >
|
|
|
|
|
- 申请售后
|
|
|
|
|
|
|
+ <div v-if="this.status.orderStatus === 'COMPETED'" class="box-btn-right" @click="sales">
|
|
|
|
|
+ <img src="/native/imgs/btn_01@4x.png" alt="" />
|
|
|
|
|
+ <span class="box-btn-sp">申请售后</span>
|
|
|
</div>
|
|
</div>
|
|
|
<!-- 已发货 -->
|
|
<!-- 已发货 -->
|
|
|
- <div
|
|
|
|
|
- v-if="this.status.orderStatus === 'SEND'"
|
|
|
|
|
- class="box-btn-left"
|
|
|
|
|
- @click="logistics"
|
|
|
|
|
- :style="{ backgroundImage: `url(/native/imgs/btn_02@3x.png)` }"
|
|
|
|
|
- >
|
|
|
|
|
- 查看物流
|
|
|
|
|
|
|
+ <div v-if="this.status.orderStatus === 'SEND'" class="box-btn-left" @click="logistics">
|
|
|
|
|
+ <img src="/native/imgs/btn_03@3x.png" alt="" />
|
|
|
|
|
+ <span>查看物流</span>
|
|
|
</div>
|
|
</div>
|
|
|
- <div
|
|
|
|
|
- v-if="this.status.orderStatus === 'SEND'"
|
|
|
|
|
- class="box-btn-right"
|
|
|
|
|
- @click="comfrim"
|
|
|
|
|
- :style="{ backgroundImage: `url(/native/imgs/btn_01@3x.png)` }"
|
|
|
|
|
- >
|
|
|
|
|
- 确认收货
|
|
|
|
|
|
|
+ <div v-if="this.status.orderStatus === 'SEND'" class="box-btn-right" @click="comfrim">
|
|
|
|
|
+ <img src="/native/imgs/btn_01@3x.png" alt="" />
|
|
|
|
|
+ <span>确认收货</span>
|
|
|
</div>
|
|
</div>
|
|
|
<!-- 待发货 -->
|
|
<!-- 待发货 -->
|
|
|
- <div
|
|
|
|
|
- v-if="this.status.orderStatus === 'PAYED'"
|
|
|
|
|
- class="box-btn-left2"
|
|
|
|
|
- @click="Apply"
|
|
|
|
|
- :style="{ backgroundImage: `url(/native/imgs/btn_03@3x.png)` }"
|
|
|
|
|
- >
|
|
|
|
|
- 申请退款
|
|
|
|
|
|
|
+ <div v-if="this.status.orderStatus === 'PAYED'" class="box-btn-left2" @click="Apply">
|
|
|
|
|
+ <img src="/native/imgs/btn_03@3x.png" alt="" />
|
|
|
|
|
+ <span>申请退款</span>
|
|
|
</div>
|
|
</div>
|
|
|
- <div
|
|
|
|
|
- v-if="this.status.orderStatus === 'PAYED'"
|
|
|
|
|
- class="box-btn-right"
|
|
|
|
|
- @click="comfrim"
|
|
|
|
|
- :style="{ backgroundImage: `url(/native/imgs/btn_01@3x.png)` }"
|
|
|
|
|
- >
|
|
|
|
|
- 确认收货
|
|
|
|
|
|
|
+ <div v-if="this.status.orderStatus === 'PAYED'" class="box-btn-right" @click="comfrim">
|
|
|
|
|
+ <img src="/native/imgs/btn_01@3x.png" alt="" />
|
|
|
|
|
+ <span>确认收货</span>
|
|
|
</div>
|
|
</div>
|
|
|
<!-- 待支付 -->
|
|
<!-- 待支付 -->
|
|
|
- <div
|
|
|
|
|
- v-if="this.status.orderStatus === 'CREATED'"
|
|
|
|
|
- class="box-btn-left2"
|
|
|
|
|
- @click="cancel"
|
|
|
|
|
- :style="{ backgroundImage: `url(/native/imgs/btn_03@3x.png)` }"
|
|
|
|
|
- >
|
|
|
|
|
- 取消订单
|
|
|
|
|
|
|
+ <div v-if="this.status.orderStatus === 'CREATED'" class="box-btn-left2" @click="cancel">
|
|
|
|
|
+ <img src="/native/imgs/btn_03@3x.png" alt="" />
|
|
|
|
|
+ <span>取消订单</span>
|
|
|
</div>
|
|
</div>
|
|
|
- <div
|
|
|
|
|
- v-if="this.status.orderStatus === 'CREATED'"
|
|
|
|
|
- @click="pay"
|
|
|
|
|
- class="box-btn-right"
|
|
|
|
|
- :style="{ backgroundImage: `url(/native/imgs/btn_01@3x.png)` }"
|
|
|
|
|
- >
|
|
|
|
|
- 立即支付
|
|
|
|
|
|
|
+ <div v-if="this.status.orderStatus === 'CREATED'" class="box-btn-right" @click="pay">
|
|
|
|
|
+ <img src="/native/imgs/btn_01@3x.png" alt="" />
|
|
|
|
|
+ <span>立即支付</span>
|
|
|
</div>
|
|
</div>
|
|
|
<!-- 已取消 -->
|
|
<!-- 已取消 -->
|
|
|
- <div
|
|
|
|
|
- v-if="this.status.orderStatus === 'CANCELED'"
|
|
|
|
|
- class="box-btn-left2"
|
|
|
|
|
- @click="deletes"
|
|
|
|
|
- :style="{ backgroundImage: `url(/native/imgs/btn_03@3x.png)` }"
|
|
|
|
|
- >
|
|
|
|
|
- 删除订单
|
|
|
|
|
|
|
+ <div v-if="this.status.orderStatus === 'CANCELED'" class="box-btn-left2" @click="deletes">
|
|
|
|
|
+ <img src="/native/imgs/btn_03@3x.png" alt="" />
|
|
|
|
|
+ <span>删除订单</span>
|
|
|
</div>
|
|
</div>
|
|
|
- <div
|
|
|
|
|
- v-if="this.status.orderStatus === 'CANCELED'"
|
|
|
|
|
- class="box-btn-right"
|
|
|
|
|
- @click="again"
|
|
|
|
|
- :style="{ backgroundImage: `url(/native/imgs/btn_01@3x.png)` }"
|
|
|
|
|
- >
|
|
|
|
|
- 重新购买
|
|
|
|
|
|
|
+ <div v-if="this.status.orderStatus === 'CANCELED'" class="box-btn-right" @click="again">
|
|
|
|
|
+ <img src="/native/imgs/btn_01@3x.png" alt="" />
|
|
|
|
|
+ <span>重新购买</span>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
@@ -377,25 +341,41 @@ export default {
|
|
|
}
|
|
}
|
|
|
});
|
|
});
|
|
|
},
|
|
},
|
|
|
|
|
+ sales() {
|
|
|
|
|
+ wx.showToast({
|
|
|
|
|
+ title: '敬请开放',
|
|
|
|
|
+ icon: 'none'
|
|
|
|
|
+ });
|
|
|
|
|
+ },
|
|
|
|
|
+ seller() {
|
|
|
|
|
+ wx.showToast({
|
|
|
|
|
+ title: '敬请开放',
|
|
|
|
|
+ icon: 'none'
|
|
|
|
|
+ });
|
|
|
|
|
+ },
|
|
|
Apply() {
|
|
Apply() {
|
|
|
- wx.showModal({
|
|
|
|
|
- title: '提示',
|
|
|
|
|
- content: '敬请开放',
|
|
|
|
|
- success: res => {
|
|
|
|
|
- if (res.confirm) {
|
|
|
|
|
- // this.$http.post('orderInfo/refund', { orderInfoId: this.id, remark: '' }).then(res => {
|
|
|
|
|
- // wx.hideLoading();
|
|
|
|
|
- // wx.showToast({
|
|
|
|
|
- // icon: 'none',
|
|
|
|
|
- // title: '退款成功'
|
|
|
|
|
- // });
|
|
|
|
|
- // setTimeout(() => {
|
|
|
|
|
- // this.getFn();
|
|
|
|
|
- // }, 1000);
|
|
|
|
|
- // });
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
|
|
+ wx.showToast({
|
|
|
|
|
+ title: '敬请开放',
|
|
|
|
|
+ icon: 'none'
|
|
|
});
|
|
});
|
|
|
|
|
+ // wx.showModal({
|
|
|
|
|
+ // title: '提示',
|
|
|
|
|
+ // content: '敬请开放',
|
|
|
|
|
+ // success: res => {
|
|
|
|
|
+ // if (res.confirm) {
|
|
|
|
|
+ // this.$http.post('orderInfo/refund', { orderInfoId: this.id, remark: '' }).then(res => {
|
|
|
|
|
+ // wx.hideLoading();
|
|
|
|
|
+ // wx.showToast({
|
|
|
|
|
+ // icon: 'none',
|
|
|
|
|
+ // title: '退款成功'
|
|
|
|
|
+ // });
|
|
|
|
|
+ // setTimeout(() => {
|
|
|
|
|
+ // this.getFn();
|
|
|
|
|
+ // }, 1000);
|
|
|
|
|
+ // });
|
|
|
|
|
+ // }
|
|
|
|
|
+ // }
|
|
|
|
|
+ // });
|
|
|
},
|
|
},
|
|
|
pay() {
|
|
pay() {
|
|
|
wx.showLoading({
|
|
wx.showLoading({
|
|
@@ -407,7 +387,6 @@ export default {
|
|
|
})
|
|
})
|
|
|
.then(res => {
|
|
.then(res => {
|
|
|
res.package = res.packageValue;
|
|
res.package = res.packageValue;
|
|
|
- // console.log(res);
|
|
|
|
|
wx.requestPayment({
|
|
wx.requestPayment({
|
|
|
...res,
|
|
...res,
|
|
|
success: () => {
|
|
success: () => {
|
|
@@ -771,7 +750,8 @@ export default {
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
.box-footer-nav {
|
|
.box-footer-nav {
|
|
|
- .bottom();
|
|
|
|
|
|
|
+ // .bottom();
|
|
|
|
|
+ padding-bottom: 50px;
|
|
|
position: fixed;
|
|
position: fixed;
|
|
|
bottom: 0;
|
|
bottom: 0;
|
|
|
width: 100%;
|
|
width: 100%;
|
|
@@ -794,36 +774,60 @@ export default {
|
|
|
margin: 6px 20px 0 20px;
|
|
margin: 6px 20px 0 20px;
|
|
|
.box-btn-left {
|
|
.box-btn-left {
|
|
|
width: 163px;
|
|
width: 163px;
|
|
|
- height: 48px;
|
|
|
|
|
- background-position: center;
|
|
|
|
|
- background-size: 100% 100%;
|
|
|
|
|
font-size: 16px;
|
|
font-size: 16px;
|
|
|
font-weight: 400;
|
|
font-weight: 400;
|
|
|
- color: #ffffff;
|
|
|
|
|
- text-align: center;
|
|
|
|
|
|
|
+ color: #c8c9cc;
|
|
|
line-height: 48px;
|
|
line-height: 48px;
|
|
|
|
|
+ z-index: 1;
|
|
|
|
|
+ img {
|
|
|
|
|
+ padding-bottom: 40px;
|
|
|
|
|
+ position: absolute;
|
|
|
|
|
+ width: 163px;
|
|
|
|
|
+ height: 48px;
|
|
|
|
|
+ z-index: -1;
|
|
|
|
|
+ }
|
|
|
|
|
+ span {
|
|
|
|
|
+ padding-left: 49px;
|
|
|
|
|
+ }
|
|
|
}
|
|
}
|
|
|
.box-btn-left2 {
|
|
.box-btn-left2 {
|
|
|
width: 163px;
|
|
width: 163px;
|
|
|
- height: 48px;
|
|
|
|
|
- background-position: center;
|
|
|
|
|
- background-size: 100% 100%;
|
|
|
|
|
font-size: 16px;
|
|
font-size: 16px;
|
|
|
font-weight: 400;
|
|
font-weight: 400;
|
|
|
color: #c8c9cc;
|
|
color: #c8c9cc;
|
|
|
- text-align: center;
|
|
|
|
|
line-height: 48px;
|
|
line-height: 48px;
|
|
|
|
|
+ img {
|
|
|
|
|
+ padding-bottom: 40px;
|
|
|
|
|
+ position: absolute;
|
|
|
|
|
+ width: 163px;
|
|
|
|
|
+ height: 48px;
|
|
|
|
|
+ z-index: -1;
|
|
|
|
|
+ }
|
|
|
|
|
+ span {
|
|
|
|
|
+ padding-left: 49px;
|
|
|
|
|
+ }
|
|
|
}
|
|
}
|
|
|
.box-btn-right {
|
|
.box-btn-right {
|
|
|
width: 163px;
|
|
width: 163px;
|
|
|
- height: 48px;
|
|
|
|
|
- background-position: center;
|
|
|
|
|
- background-size: 100% 100%;
|
|
|
|
|
font-size: 16px;
|
|
font-size: 16px;
|
|
|
font-weight: 400;
|
|
font-weight: 400;
|
|
|
color: #ffffff;
|
|
color: #ffffff;
|
|
|
text-align: center;
|
|
text-align: center;
|
|
|
line-height: 48px;
|
|
line-height: 48px;
|
|
|
|
|
+ padding-right: 25px;
|
|
|
|
|
+ img {
|
|
|
|
|
+ padding-bottom: 40px;
|
|
|
|
|
+ position: absolute;
|
|
|
|
|
+ width: 163px;
|
|
|
|
|
+ height: 48px;
|
|
|
|
|
+ z-index: -1;
|
|
|
|
|
+ }
|
|
|
|
|
+ span {
|
|
|
|
|
+ padding-left: 49px;
|
|
|
|
|
+ }
|
|
|
|
|
+ .box-btn-sp {
|
|
|
|
|
+ color: #ff6c00;
|
|
|
|
|
+ }
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|