Authored by lea guo

订单物流信息

@@ -50,10 +50,10 @@ export const buyerOrderStatusList = [ @@ -50,10 +50,10 @@ export const buyerOrderStatusList = [
50 text: '全部', 50 text: '全部',
51 }, 51 },
52 52
53 - // {  
54 - // value: 7,  
55 - // text: '求购',  
56 - // }, 53 + {
  54 + value: 7,
  55 + text: '求购',
  56 + },
57 { 57 {
58 value: 2, 58 value: 2,
59 text: '待付款', 59 text: '待付款',
@@ -77,7 +77,7 @@ export default { @@ -77,7 +77,7 @@ export default {
77 case orderActionsMap.SHOW_EXPRESS.name: 77 case orderActionsMap.SHOW_EXPRESS.name:
78 this.$router.push({ 78 this.$router.push({
79 name: "orderLogisticsInfo", 79 name: "orderLogisticsInfo",
80 - params: { owner, orderCode } 80 + params: { owner, code: orderCode }
81 }); 81 });
82 break; 82 break;
83 // 调价 83 // 调价
@@ -8,18 +8,18 @@ @@ -8,18 +8,18 @@
8 <!-- 物流信息 --> 8 <!-- 物流信息 -->
9 <div v-if="logisticInfo.wayBillCode" class="platform-delivery-info"> 9 <div v-if="logisticInfo.wayBillCode" class="platform-delivery-info">
10 <div class="icon-wrapper"> 10 <div class="icon-wrapper">
11 - <i class="icon"></i> 11 + <i />
12 </div> 12 </div>
13 - <div> 13 + <div class="info">
14 <p> 14 <p>
15 - <span>快递公司:</span> 15 + <span class="label">快递公司:</span>
16 <span> 16 <span>
17 {{ logisticInfo.expressCompanyName }} 17 {{ logisticInfo.expressCompanyName }}
18 </span> 18 </span>
19 - <span class="platform-info">{{ platformName }}</span> 19 + <!-- <span class="platform-info">{{ platformName }}</span> -->
20 </p> 20 </p>
21 <p> 21 <p>
22 - <span>快递单号:</span> 22 + <span class="label">快递单号:</span>
23 <span> 23 <span>
24 {{ logisticInfo.wayBillCode }} 24 {{ logisticInfo.wayBillCode }}
25 </span> 25 </span>
@@ -144,8 +144,9 @@ export default { @@ -144,8 +144,9 @@ export default {
144 144
145 <style lang="scss" scoped> 145 <style lang="scss" scoped>
146 .logistics-wrapper { 146 .logistics-wrapper {
147 - height: 100vh; 147 + height: calc(100vh - 90px);
148 -webkit-box-orient: vertical; 148 -webkit-box-orient: vertical;
  149 + overflow-x: auto;
149 150
150 .judge-content-wrapper { 151 .judge-content-wrapper {
151 font-size: 24px; 152 font-size: 24px;
@@ -221,16 +222,38 @@ export default { @@ -221,16 +222,38 @@ export default {
221 } 222 }
222 } 223 }
223 224
  225 + .icon-wrapper {
  226 + width: 48px;
  227 + height: 48px;
  228 +
  229 + i {
  230 + display: block;
  231 + background: url("~statics/image/order/logistics-icon@3x.png") no-repeat;
  232 + background-size: contain;
  233 + width: 100%;
  234 + height: 100%;
  235 +
  236 + &.sf {
  237 + background: url("~statics/image/order/sf-logo.png") no-repeat;
  238 + }
  239 + }
  240 + }
  241 +
224 .platform-delivery-info { 242 .platform-delivery-info {
225 display: flex; 243 display: flex;
  244 + align-items: center;
  245 + margin-bottom: 64px;
226 246
227 - .icon-wrapper {  
228 - width: 48px;  
229 - background-color: red; 247 + .info {
  248 + margin-left: 20px;
  249 +
  250 + .label {
  251 + color: #999;
  252 + padding-right: 10px;
  253 + }
230 254
231 - .icon {  
232 - display: block;  
233 - padding-bottom: 100%; 255 + & > :first-child {
  256 + margin-bottom: 10px;
234 } 257 }
235 } 258 }
236 } 259 }