| 
					
				 | 
			
			
				@@ -1,37 +1,45 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 <template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   <zj-page-layout 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-  	:hasFooter="true" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-  	:isScroll="true" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-  	:refresherTriggered="refresherTriggered" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-  	@refresherrefresh="refresherrefresh"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				- 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    :hasFooter="true" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    :isScroll="true" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    :refresherTriggered="refresherTriggered" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    @refresherrefresh="refresherrefresh" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  > 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     <view class="goods-container"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       <view class="title">商品信息</view> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       <view class="goods"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        <image src="@/static/user/other_book.png"></image> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <image :src="$imageUrl + form.goodsPicUrl"></image> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         <view class="main"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          <view class="name">商品名称</view> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          <view class="des">商品描述</view> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          <view class="price"><text>¥18.00</text>x2</view> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <view class="name">{{ form.goodsTitle }}</view> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <view class="des">{{ form.goods.content }}</view> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <view class="price" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            ><text>¥{{ form.goodsAmount }}</text 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            >x{{ form.num }}</view 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          > 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         </view> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       </view> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      <view class="total">订单总金额<text>¥1200.00</text></view> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      <view class="total" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        >订单总金额<text>¥{{ form.price }}</text></view 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      > 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     </view> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     <view class="form-container"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       <view class="title">退货信息填写</view> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       <view class="radio"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         <view class="label">选择类型</view> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        <u-radio-group 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            v-model="type" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            placement="row"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        	<u-radio label="仅退款" activeColor="#01C30B" :name="1"></u-radio> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <u-radio-group v-model="formdata.applyType" placement="row"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <u-radio label="仅退款" activeColor="#01C30B" name="REFUND"></u-radio> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         </u-radio-group> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       </view> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       <view class="content"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         <view class="label">退货原因</view> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        <u--textarea v-model="content" placeholder="请输入内容" ></u--textarea> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <u--textarea v-model="formdata.applyNote" placeholder="请输入内容"></u--textarea> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      </view> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      <view class="content"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <view class="label">上传图片(最多9张)</view> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       </view> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      <br /> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      <zj-upload key="cp" @getFiles="getFiles" :fileList="fileList" :count="9" /> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     </view> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     <view class="form-container"> 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -59,19 +67,75 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         <u-button text="提交申请" type="primary" shape="circle"></u-button> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       </view> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     </template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				- 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   </zj-page-layout> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 </template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 <script> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-  export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    data() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      return { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        type: 1, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        content: '' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+import zjUpload from '@/components/zj-upload/index.vue' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  components: { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    zjUpload 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  data() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    return { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      type: 1, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      content: '', 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      refresherTriggered: false, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      form: { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        goods: {} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      formdata: { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        applyType: 'REFUND', 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        applyNote: '' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      fileList: [], 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      fileurl: [] 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  onLoad({ orderId }) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    this.orderId = orderId 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  onShow() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    this.getDetail() 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  methods: { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    getFiles(value) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.fileurl = [] 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      value.forEach(v => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        this.fileurl.push({ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          imgUrl: v 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        }) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      }) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    // 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    apply() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      let params = { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        ...this.formdata, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        refundFile: this.fileurl.toString() 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.$api 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        .postJson('/refundOrder/apply', params) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        .then(res => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        }) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        .catch(err => {}) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    // 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    getDetail() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.$api 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        .postJson('/orderPay/detail', { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          orderId: this.orderId 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        }) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        .then(res => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          this.form = res.data 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        }) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        .catch(err => {}) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    refresherrefresh() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.refresherTriggered = true 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      // this.getDetail() 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 </script> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 <style lang="scss" scoped> 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -102,12 +166,12 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       .price { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         margin-top: 12rpx; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      	text { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      		color: $assist-color; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      		font-weight: 500; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      		font-size: 32rpx; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        text { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          color: $assist-color; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          font-weight: 500; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          font-size: 32rpx; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           margin-right: 12rpx; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      	} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   } 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -133,9 +197,9 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     font-weight: 500; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   .label { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-  	color: $sec-font; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-  	flex-shrink: 0; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-  	margin-right: 30rpx; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    color: $sec-font; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    flex-shrink: 0; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    margin-right: 30rpx; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   .radio { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     display: flex; 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -155,5 +219,4 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 .bottom-container { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   padding: 20rpx 30rpx; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				- 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 </style> 
			 |