Skip to content

肖康 / H5_2.0

Go to a project
Commit 0567e434 by LJM
Options

商品信息详情

parent 5551e7b9
Inline Side-by-side
Showing with 56 additions and 32 deletions
assets/css/mine/about.scss
......@@ -17,7 +17,7 @@
border-radius: 10rpx;
.text {
box-sizing: border-box;
padding: 24rpx 0;
padding-top: 24rpx;
height: 240rpx;
color: #484b59;
overflow: hidden;
......@@ -29,15 +29,16 @@
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
margin-bottom: 17rpx;
&.desc {
height: auto;
-webkit-line-clamp: 5000000000000;
}
}
.more {
margin-top: 17rpx;
border-top: 1px solid #f0f0f2;
position: relative;
height: 80rpx;
border-top: 1px solid #f0f0f2;
.tt {
font-size: 24rpx;
color: #1969f9;
......
assets/css/mine/invoice.scss
.page-userAddress {
padding: 104rpx 24rpx 0 24rpx;
padding: 104rpx 24rpx 100rpx 24rpx;
.tip {
margin-top: 16rpx;
margin-bottom: 16rpx;
......
assets/css/mine/orderdetail.scss
......@@ -130,7 +130,6 @@
border-radius: 10rpx 10rpx 0px 0px;
.head {
height: 73rpx;
border-bottom: 1px solid #f0f0f2;
.t1 {
font-size: 24rpx;
color: #484b59;
......@@ -147,7 +146,7 @@
}
.list {
padding: 24rpx 0;
border-bottom: 1px solid #f0f0f2;
border-top: 1px solid #f0f0f2;
.box {
position: relative;
border-left: 1px dashed #c2c4cc;
......
assets/css/mine/userAddress.scss
.page-userAddress {
padding: 104rpx 24rpx 0 24rpx;
padding: 104rpx 24rpx 100rpx 24rpx;
.tip {
margin-top: 16rpx;
margin-bottom: 40rpx;
......
pages/mine/orderdetail.vue
......@@ -97,30 +97,32 @@
</view>
</view>
<!-- 物流信息 -->
<view class="logistics" v-if="detail.shipList && detail.shipLists.length > 0">
<view class="head row bothSide verCenter">
<view class="row verCenter">
<text class="t1">物流单号：</text>
<text class="t2">SF255584668854</text>
<text class="iconfont icon-juxing3"></text>
</view>
<text class="iconfont icon-arrtop"></text>
</view>
<view class="list">
<view class="box row verCenter">
<text class="arrow"></text>
<view class="text column">
<text class="t1">2022年10月2日 下午3:44:15</text>
<text class="t2">【深圳市】已离开 广东深圳公司龙岗区坪山分拨分部广东深圳公司龙岗区坪山分拨分部[0755]</text>
<view class="logistics" v-if="shipping && shipping.length > 0">
<view v-for="(item, index) in shipping" :key="index">
<view class="head row bothSide verCenter">
<view class="row verCenter">
<text class="t1">物流单号：</text>
<text class="t2">{{ item.shipping_no }}</text>
<text class="iconfont icon-juxing3" @click="copy(item.shipping_no)"></text>
</view>
<template v-if="shipping_flag[index]">
<text class="iconfont icon-arrtop" @click="filterChange(index)"></text>
</template>
<template v-else>
<text class="iconfont icon-arrbot" @click="filterChange(index)"></text>
</template>
</view>
<view class="box row verCenter">
<text class="arrow"></text>
<view class="text column">
<text class="t1">2022年10月2日 上午2:56:28</text>
<text class="t2">【深圳市】已离开 广东深圳公司中心分拨分部</text>
<template v-if="shipping_flag[index]">
<view class="list">
<view class="box row verCenter" v-for="(v, i) in item.info" :key="i">
<text class="arrow"></text>
<view class="text column">
<text class="t1">{{ v.AcceptTime }}</text>
<text class="t2">{{ v.AcceptStation }}</text>
</view>
</view>
</view>
</view>
</template>
</view>
</view>
<!-- 商品信息 -->
......@@ -245,10 +247,10 @@
<text class="iconfont icon-fpp"></text>
<view class="text">
<view class="row verCenter">
<text class="t1">朱继来</text>
<text class="t2">13838383838</text>
<text class="t1">{{ detail.inv.consignee }}</text>
<text class="t2">{{ detail.inv.consignee_phone }}</text>
</view>
<view class="t3">广东省深圳市龙岗区坂田街道红灯区203</view>
<view class="t3">{{ detail.inv.consignee_province_val }}{{ detail.inv.consignee_city_val }}{{ detail.inv.consignee_district_val }}{{ detail.inv.consignee_address }}</view>
</view>
</view>
</view>
......@@ -363,6 +365,7 @@
<script>
import { Api_Url } from '@/util/api.js';
import navElement from '@/components/nav.vue';
import { createArray } from '@/util/util.js';
export default {
components: {
......@@ -381,7 +384,9 @@ export default {
order_id: '',
customer_sn: '', //自定义订单号
detail: {},
tipType: 1
tipType: 1,
shipping_flag: [],
shipping: '' //物流信息
};
},
mounted() {
......@@ -402,6 +407,9 @@ export default {
close() {
this.$refs.popup.close();
},
filterChange(index) {
this.$set(this.shipping_flag, index, (this.shipping_flag[index] = !this.shipping_flag[index]));
},
/**
* 自定义订单号
*/
......@@ -619,6 +627,11 @@ export default {
this.title = res.data.status_val; //标题
this.detail = res.data;
this.customer_sn = res.data.customer_sn; //赋值自定义单号
//获取物流信息
if (res.data.status == 7 || res.data.status == 8 || res.data.status == 10) {
this.getShipping();
}
} else if (res.err_code == 21004) {
uni.showToast({
title: res.err_msg,
......@@ -637,6 +650,17 @@ export default {
});
},
/**
* 获取物流数据
*/
getShipping() {
this.request(Api_Url + '/order/shipping', 'POST', { id: this.order_id, type: 1 }, true, true).then(res => {
if (res.err_code === 0) {
this.shipping = res.data;
this.shipping_flag = createArray(res.data.length, true);
}
});
},
/**
* 复制
*/
copy(val) {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment