小程序售后

public/appmini/old/weixin/app.json

@@ -1,5 +1,5 @@
 {
-  "pages": [
+  "pages": ["pages/user-orderaftersale-detail/user-orderaftersale-detail",
     "pages/user-order/user-order",
     "pages/user/user",
     "pages/index/index",
@@ -23,8 +23,7 @@
     "pages/message/message",
     "pages/user-integral/user-integral",
     "pages/user-goods-browse/user-goods-browse",
-    "pages/user-orderaftersale/user-orderaftersale",
-    "pages/user-orderaftersale-detail/user-orderaftersale-detail"
+    "pages/user-orderaftersale/user-orderaftersale"
   ],
   "window": {
     "navigationBarTitleText": "{{application_title}}",

public/appmini/old/weixin/app.wxss

@@ -334,4 +334,38 @@ button[disabled].bg-primary {
 .common-online-service image {
   width: 60rpx;
   height: 60rpx;
+}
+
+/**
+ * 表单
+ */
+.form-gorup {
+  padding: 30rpx 10rpx;
+}
+.form-gorup-title {
+  margin-bottom: 5rpx;
+  font-weight: 500;
+}
+.form-group-tips,
+.form-group-tips-must {
+  margin-left: 20rpx;
+  font-weight: 100;
+  font-size: 24rpx;
+  color: #ccc;
+}
+.form-group-tips-must {
+  color: #f00;
+}
+.form-gorup input,
+.form-gorup textarea,
+.form-gorup picker view.picker {
+  border-bottom: 1px solid #eee;
+  border-radius: 0;
+  height: 70rpx;
+  line-height: 70rpx;
+  padding: 0 10rpx;
+}
+.form-gorup textarea {
+  padding: 17rpx 10rpx;
+  min-height: 70rpx;
 }

public/appmini/old/weixin/pages/user-order-detail/user-order-detail.wxml

@@ -11,13 +11,13 @@
   </view>
 
   <view class="goods bg-white spacing-mb">
-      <view wx:for="{{detail.items}}" class="goods-item oh">
+      <view wx:for="{{detail.items}}" wx:key="item" class="goods-item oh">
         <navigator url="/pages/goods-detail/goods-detail?goods_id={{item.goods_id}}" hover-class="none">
           <image class="goods-image fl" src="{{item.images}}" mode="aspectFill" />
           <view class="goods-base">
             <view class="goods-title multi-text">{{item.title}}</view>
             <block wx:if="{{item.spec != null}}">
-              <view class="goods-attribute cr-888" wx:for="{{item.spec}}" wx:for-item="spec">
+              <view class="goods-attribute cr-888" wx:for="{{item.spec}}" wx:key="spec" wx:for-item="spec">
                 {{spec.type}}:{{spec.value}}
               </view>
             </block>
@@ -32,7 +32,7 @@
   </view>
 
   <view wx:if="{{detail_list.length > 0}}" class="detail-list bg-white">
-    <view wx:for="{{detail_list}}" class="item br-b oh">
+    <view wx:for="{{detail_list}}" wx:key="item" class="item br-b oh">
       <view class="title fl br-r">{{item.name}}</view>
       <view class="content cr-888 fl">{{item.value}}</view>
     </view>

public/appmini/old/weixin/pages/user-orderaftersale-detail/user-orderaftersale-detail.js

@@ -6,16 +6,25 @@ Page({
     data_list_loding_msg: '',
     data_bottom_line_status: false,
 
-    order_data: [],
-    new_aftersale_data: [],
-    step_data: [],
-    returned_data: [],
+    order_data: null,
+    new_aftersale_data: null,
+    step_data: null,
+    returned_data: null,
     return_only_money_reason: [],
     return_money_goods_reason: [],
     aftersale_type_list: [],
+    reason_data_list: [],
+
+    form_type: -1,
+    form_reason_index: -1,
+    form_price: '',
+    form_msg: '',
+    form_number: 0,
   },
 
   onLoad(params) {
+    params['oid'] = 4;
+    params['did'] = 8;
     this.setData({ params: params });
     this.init();
   },
@@ -49,13 +58,15 @@ Page({
             data_bottom_line_status: true,
             data_list_loding_msg: '',
 
-            order_data: data.order_data || [],
-            new_aftersale_data: data.new_aftersale_data || [],
-            step_data: data.step_data || [],
-            returned_data: data.returned_data || [],
+            order_data: data.order_data || null,
+            new_aftersale_data: data.new_aftersale_data || null,
+            step_data: data.step_data || null,
+            returned_data: data.returned_data || null,
             return_only_money_reason: data.return_only_money_reason || [],
             return_money_goods_reason: data.return_money_goods_reason || [],
             aftersale_type_list: data.aftersale_type_list || [],
+
+            form_price: (data.returned_data || null != null) ? data.returned_data.refund_price : 0,
           });
         } else {
           self.setData({
@@ -80,6 +91,44 @@ Page({
     });
   },
 
+  // 类型选择
+  form_type_event(e) {
+    var value = e.currentTarget.dataset.value;
+    this.setData({
+      form_type: value,
+      form_reason_index: (this.data.form_type == value) ? this.data.form_reason_index : -1,
+      reason_data_list: (value == 0) ? this.data.return_only_money_reason : this.data.return_money_goods_reason,
+    });
+  },
+
+  // 原因选择
+  form_reason_event(e) {
+    this.setData({
+      form_reason_index: e.detail.value
+    });
+  },
+
+  // 商品件数
+  form_number_event(e) {
+    this.setData({
+      form_number: e.detail.value
+    });
+  },
+
+  // 退款金额
+  form_price_event(e) {
+    this.setData({
+      form_price: e.detail.value
+    });
+  },
+
+  // 退款说明
+  form_msg_event(e) {
+    this.setData({
+      form_msg: e.detail.value
+    });
+  },
+
   // 下拉刷新
   onPullDownRefresh() {
     this.init();

public/appmini/old/weixin/pages/user-orderaftersale-detail/user-orderaftersale-detail.wxml

@@ -1,2 +1,66 @@
-<!--pages/user-orderaftersale-detail/user-orderaftersale-detail.wxml-->
-<text>pages/user-orderaftersale-detail/user-orderaftersale-detail.wxml</text>
+<view wx:if="{{order_data != null}}">
+  <!-- 商品 -->
+  <view class="goods bg-white spacing-mb">
+      <view class="goods-item oh">
+        <navigator url="/pages/goods-detail/goods-detail?goods_id={{order_data.items.goods_id}}" hover-class="none">
+          <image class="goods-image fl" src="{{order_data.items.images}}" mode="aspectFill" />
+          <view class="goods-base">
+            <view class="goods-title multi-text">{{order_data.items.title}}</view>
+            <block wx:if="{{order_data.items.spec != null}}">
+              <view class="goods-attribute cr-888" wx:for="{{order_data.items.spec}}" wx:for-item="spec" wx:key="spec">
+                {{spec.type}}:{{spec.value}}
+              </view>
+            </block>
+          </view>
+          <view class="oh goods-price">
+            <text class="sales-price">￥{{order_data.items.price}}</text>
+            <text wx:if="{{order_data.items.original_price > 0}}" class="original-price">￥{{order_data.items.original_price}}</text>
+            <text class="buy-number">x{{order_data.items.buy_number}}</text>
+          </view>
+        </navigator>
+      </view>
+  </view>
+
+  <!-- 类型选择 -->
+  <view wx:if="{{aftersale_type_list.length > 0}}" class="choose-type bg-white spacing-mb oh">
+    <block wx:for="{{aftersale_type_list}}" wx:key="item">
+      <view class="choose-item {{index == 0 ? 'fl' : 'fr'}} {{form_type == item.value ? 'choose-item-active' : ''}}" data-value="{{item.value}}" bindtap="form_type_event">
+        <view class="choose-name">{{item.name}}</view>
+        <view class="choose-desc cr-888">{{item.desc}}</view>
+      </view>
+    </block>
+  </view>
+
+  <!-- 表单 -->
+  <view wx:if="{{form_type != -1}}" class="form-container bg-white spacing-mb oh">
+    <view class="form-gorup">
+      <view class="form-gorup-title">退款原因<text class="form-group-tips-must">必选</text></view>
+      <picker bindchange="form_reason_event" value="{{form_reason_index}}" range="{{reason_data_list}}">
+        <view class="picker {{form_reason_index == -1 ? 'cr-ccc' : 'cr-666'}} arrow-right">
+          {{form_reason_index == -1 ? '请选择原因...' : reason_data_list[form_reason_index]}}
+        </view>
+      </picker>
+    </view>
+
+    <view wx:if="{{form_type == 1}}" class="form-gorup">
+      <view class="form-gorup-title">商品件数<text class="form-group-tips-must">必填</text></view>
+      <slider bindchange="form_number_event" min="1" max="{{returned_data.returned_quantity}}" step="1" value="{{returned_data.returned_quantity}}" show-value />
+    </view>
+
+    <view class="form-gorup">
+      <view class="form-gorup-title">退款金额<text class="form-group-tips-must">必填</text></view>
+      <input type="digit" bindinput="form_price_event" placeholder-class="cr-ccc" class="cr-666" placeholder="请输入退款金额" value="{{form_price}}" />
+    </view>
+
+    <view class="form-gorup">
+      <view class="form-gorup-title">退款说明<text class="form-group-tips-must">必填</text></view>
+      <textarea bindinput="form_msg_event" placeholder-class="cr-ccc" class="cr-666" placeholder="退款说明 5~200 个字符之间" maxlength="200" fixed="{{true}}" auto-height="{{true}}" value="{{form_msg}}" />
+    </view>
+
+    </view>
+
+  
+
+  <import src="/pages/common/bottom_line.wxml" />
+  <template is="bottom_line" data="{{status: data_bottom_line_status}}"></template>
+</view>

public/appmini/old/weixin/pages/user-orderaftersale-detail/user-orderaftersale-detail.wxss

@@ -1 +1,54 @@
-/* pages/user-orderaftersale-detail/user-orderaftersale-detail.wxss */
+/**
+ * 商品
+ */
+.goods-base {
+  min-height: 160rpx;
+  margin-left: 180rpx;
+}
+.goods .goods-item:not(:last-child) {
+    border-bottom: 1px dashed #efefef;
+}
+.goods-item {
+    padding: 20rpx 10rpx;
+}
+.goods-title, .goods-attribute {
+    margin-bottom: 10rpx;
+}
+.goods-image {
+    width: 160rpx;
+    height: 160rpx;
+    margin-right: 20rpx;
+}
+.goods-price {
+    position: relative;
+}
+.buy-number {
+    position: absolute;
+    right: 0;
+    bottom: 0;
+}
+
+/**
+ * 类型选择
+ */
+ .choose-type {
+   padding: 30rpx 10rpx;
+ }
+.choose-type .choose-item {
+    width: 44%;
+    border: 1px solid #eee;
+    padding: 15rpx;
+    -webkit-transition: border-color .2s ease-in;
+    -moz-transition: border-color .2s ease-in;
+    -ms-transition: border-color .2s ease-in;
+    -o-transition: border-color .2s ease-in;
+    transition: border-color .2s ease-in;
+}
+.choose-type .choose-name {
+  font-weight: bold;
+  margin-bottom: 5rpx;
+}
+.choose-type .choose-item-active {
+    border: 1px solid #d2364c;
+    box-shadow: 0px 0 0px 1px #d2364c;
+}