Authored by yyq

限制退货商品提示

@@ -218,7 +218,10 @@ const _setReturnStatus = (list, half) => { @@ -218,7 +218,10 @@ const _setReturnStatus = (list, half) => {
218 * @return { Object } 订单退货信息 218 * @return { Object } 订单退货信息
219 */ 219 */
220 const _setRefundGoodList = (data) => { 220 const _setRefundGoodList = (data) => {
221 - let resData = {}; 221 + let resData = {
  222 + specialNotice: data.special_notice,
  223 + speclialReason: data.special_return_reason
  224 + };
222 225
223 if (data.goods_list) { 226 if (data.goods_list) {
224 let goods = []; 227 let goods = [];
@@ -239,6 +242,7 @@ const _setRefundGoodList = (data) => { @@ -239,6 +242,7 @@ const _setRefundGoodList = (data) => {
239 sku: value.product_sku, 242 sku: value.product_sku,
240 type: value.goods_type, 243 type: value.goods_type,
241 typeId: value.goods_type_id, 244 typeId: value.goods_type_id,
  245 + limitReturn: value.is_limit_skn === 'Y',
242 reasonList: data.return_reason 246 reasonList: data.return_reason
243 }); 247 });
244 248
@@ -248,7 +252,6 @@ const _setRefundGoodList = (data) => { @@ -248,7 +252,6 @@ const _setRefundGoodList = (data) => {
248 }); 252 });
249 resData.goods = goods; 253 resData.goods = goods;
250 } 254 }
251 - resData.speclialReason = data.special_return_reason;  
252 255
253 let returnMode = []; 256 let returnMode = [];
254 257
@@ -39,6 +39,19 @@ @@ -39,6 +39,19 @@
39 <span class="iconfont">&#xe61f;</span> 39 <span class="iconfont">&#xe61f;</span>
40 </div> 40 </div>
41 <div class="price">¥{{round price 2}}</div> 41 <div class="price">¥{{round price 2}}</div>
  42 + {{#if limitReturn}}
  43 + <div class="limit-return">
  44 + <span class="limit-return-tip blue">
  45 + 该商品不支持7天无理由退换
  46 + <i class="iconfont">&#xe612;</i>
  47 + <div class="limit-return-wrap">
  48 + <div class="code-horn"></div>
  49 + <p>考虑到个人卫生,例如内衣、内裤、袜子等贴身塑身类商品,不支持无理由退换货</p>
  50 + <p>香水、香薰、化妆品等特殊商品,无质量问题,不支持无理由退换货</p>
  51 + </div>
  52 + </span>
  53 + </div>
  54 + {{/if}}
42 {{> returns/special-reason}} 55 {{> returns/special-reason}}
43 </div> 56 </div>
44 {{/ goods}} 57 {{/ goods}}
@@ -81,6 +81,33 @@ @@ -81,6 +81,33 @@
81 width: 40px; 81 width: 40px;
82 } 82 }
83 83
  84 + .limit-return {
  85 + width: 100%;
  86 + height: auto;
  87 + text-align: left;
  88 + line-height: 1;
  89 + padding-top: 20px;
  90 + padding-left: 70px;
  91 + }
  92 +
  93 + .limit-return .iconfont {
  94 + font-size: 14px;
  95 + }
  96 +
  97 + .limit-return-tip {
  98 + font-size: 12px;
  99 + padding-right: 16px;
  100 + position: relative;
  101 + }
  102 +
  103 + .limit-return-tip:hover {
  104 + cursor: pointer;
  105 + }
  106 +
  107 + .limit-return-tip:hover .limit-return-wrap {
  108 + display: block;
  109 + }
  110 +
84 .special-reason { 111 .special-reason {
85 width: 100%; 112 width: 100%;
86 height: auto; 113 height: auto;
@@ -95,6 +122,28 @@ @@ -95,6 +122,28 @@
95 border: 1px solid #eee; 122 border: 1px solid #eee;
96 } 123 }
97 } 124 }
  125 +
  126 + .limit-return-wrap {
  127 + width: 280px;
  128 + line-height: 1.5;
  129 + background: #fff;
  130 + padding: 10px;
  131 + color: #1d1d1d;
  132 + border: 2px solid #bcbcbc;
  133 + position: absolute;
  134 + left: 100%;
  135 + top: -8px;
  136 + display: none;
  137 +
  138 + .code-horn {
  139 + width: 7px;
  140 + height: 12px;
  141 + background: resolve('me/code-horn.png') no-repeat;
  142 + position: absolute;
  143 + left: -7px;
  144 + top: 6px;
  145 + }
  146 + }
98 } 147 }
99 148
100 .refund-type { 149 .refund-type {