商品展示

application/index/view/default/orderaftersale/index.html

@@ -95,19 +95,39 @@
                 <table class="am-table am-table-striped">
                     <thead>
                         <tr>
-                            <th>商品信息</th>
-                            <th>申请信息</th>
+                            <th class="row-goods am-hide-sm-only">商品信息</th>
+                            <th class="row-apply">申请信息</th>
                             <th class="am-hide-sm-only">凭证</th>
                             <th>状态</th>
                             <th class="am-hide-sm-only">快递信息</th>
-                            <th>操作</th>
+                            <th class="row-operation">操作</th>
                         </tr>
                     </thead>
                     <tbody>
                         {{if !empty($data_list)}}
                             {{foreach $data_list as $v}}
                                 <tr>
-                                    <td>商品信息</td>
+                                    <td class="am-hide-sm-only">
+                                        <div class="goods-detail">
+                                            <a href="{{$v.order_data.items.goods_url}}" target="_blank">
+                                                <img src="{{$v.order_data.items.images}}">
+                                            </a>
+                                            <div class="goods-base">
+                                                <a href="{{$v.order_data.items.goods_url}}" target="_blank" class="goods-title">{{$v.order_data.items.title}}</a>
+                                                {{if !empty($v.order_data.items.spec)}}
+                                                    <ul class="goods-attr">
+                                                        {{foreach $v.order_data.items.spec as $spec}}
+                                                            <li>{{$spec.type}}：{{$spec.value}}</li>
+                                                        {{/foreach}}
+                                                    </ul>
+                                                {{/if}}
+                                            </div>
+                                        </div>
+                                        {{if $v.order_data.items.original_price gt 0}}
+                                            <p class="original-price">￥{{$v.order_data.items.original_price}}</p>
+                                        {{/if}}
+                                        <p class="line-price">￥{{$v.order_data.items.price}} x {{$v.order_data.items.buy_number}}</p>
+                                    </td>
                                     <td>
                                         类型：{{$v.type_text}}<br />
                                         原因：{{$v.reason}}<br />
@@ -145,7 +165,7 @@
                                             时间：{{$v.delivery_time_time}}
                                         {{/if}}
                                     </td>
-                                    <td class="operation">
+                                    <td>
                                         {{if in_array($v['status'], [0,3])}}
                                             <button type="button" class="am-btn am-btn-danger am-btn-xs am-radius am-icon-paint-brush am-btn-block submit-ajax submit-cancel" data-url="{{:MyUrl('index/orderaftersale/cancel')}}" data-id="{{$v.id}}" data-view="reload"> 取消</button>
                                         {{/if}}

application/service/OrderAftersaleService.php

@@ -327,6 +327,10 @@ class OrderAftersaleService
             $common_order_aftersale_refundment_list = lang('common_order_aftersale_refundment_list');
             foreach($data as &$v)
             {
+                // 订单商品
+                $order = self::OrdferGoodsRow($v['order_id'], $v['goods_id'], $v['user_id']);
+                $v['order_data'] = $order['data'];
+
                 // 用户信息
                 $user = UserService::GetUserViewInfo($v['user_id']);
                 if(isset($params['is_public']) && $params['is_public'] == 0)

public/static/index/default/css/orderaftersale.aftersale.css

 /**
  * 商品列表
  */
-.order-goods .base { width: 50%; }
 .goods-detail img { width: 80px; height: 80px; position: absolute; border: 1px solid #eee; }
 .goods-detail { position: relative; min-height: 80px; }
 .goods-title { display: block; max-height: 36px; overflow: hidden; text-overflow: ellipsis; }
@@ -15,7 +14,6 @@
 .am-table { margin-bottom: 10px; }
 .am-table > tbody > tr > td { border-top: 1px solid #F5F5F5; }
 .am-table > thead > tr > th { border-bottom: 1px solid #f7f7f7; }
-
 @media only screen and (min-width:640px)  {
     .user-content-body table tr .row-base { width: 60%; }
     .user-content-body table tr .row-price { width: 40%; }

public/static/index/default/css/orderaftersale.index.css

+/**
+ * 商品列表
+ */
+.goods-detail img { width: 80px; height: 80px; position: absolute; border: 1px solid #eee; }
+.goods-detail { position: relative; min-height: 80px; }
+.goods-title { display: block; max-height: 36px; overflow: hidden; text-overflow: ellipsis; }
+.goods-title:hover { text-decoration: underline; }
+.goods-base {float: left; top: 0; margin-left: 85px; }
+.goods-attr { margin-top: 5px;  }
+.goods-attr li { color: #888; line-height: 16px; }
+.original-price, .line-price { font-family: Verdana,Tahoma,arial; }
+.original-price { color: #9c9c9c; text-decoration: line-through; }
+.line-price { color: #3c3c3c; font-weight: 700; }
+
+/**
+ * 列表
+ */
+@media only screen and (min-width:640px) {
+    .user-content-body table tr .row-goods { width: 25%; }
+    .user-content-body table tr .row-apply { width: 25%; }
+    .user-content-body table tr .row-operation { width: 85px; }
+}
+@media only screen and (max-width:640px) {
+    .user-content-body table tr .row-apply { width: 50%; }
+    .user-content-body table tr .row-operation { width: 75px; }
+}
+
 .data-list .am-slider {
-    width: 130px;
+    width: 100px;
     max-height: 108px;
     overflow: hidden;
 }
-.data-list .operation {
-    width: 100px;
-}
\ No newline at end of file