评价 物流填写

pages/DetailsOfRefund/DetailsOfRefund.js

@@ -308,6 +308,16 @@ Page({
     }
     return new Date(2024, parseInt(parts[1]) - 1, parseInt(parts[2]));
   },
+  /**
+   * 填写快递信息
+   */
+  writeInfo(e){
+    var refundSn = e.currentTarget.dataset.refundsn;
+    console.log(e.currentTarget.dataset.refundsn)
+    wx.navigateTo({
+      url: '/pages/writeReturnLogistics/writeReturnLogistics?refundSn=' + refundSn,
+    })
+  },
   
 
   /**

pages/DetailsOfRefund/DetailsOfRefund.wxml

@@ -9,12 +9,12 @@
       <view class="title small">退款金额</view>
       <view class="price">￥{{goodsTotal}}</view>
     </view>
-      <view class="desc" wx:if="{{returnMoneySts == 70}}">退还金额：{{refundAmount}}元 退还积分：{{offsetPoints}}（已过期{{refundExpiredScore}}）</view>
+      <view class="desc" wx:if="{{returnMoneySts == 70}}">退还金额：{{refundAmount}}元 退还积分：{{offsetPoints}}（已过期{{refundExpiredScore||0}}）</view>
       <view class="desc" wx:else>申请通过后，将退回至原账户</view>
     </view>
   </view>
 
-  <view class="write-info box" wx:if="{{returnMoneySts == 65}}">
+  <view class="write-info box" wx:if="{{returnMoneySts == 65&&applyType == 2}}">
     <view class="sub-title">配送信息</view>
     <view class="form-box">
       <view class="form-item">
@@ -56,6 +56,26 @@
     <view class="btn">提交</view>
   </view>
 
+  <view class="write-info-box box">
+    <view class="sub-title">退货方式</view>
+    <view class="btn-box">
+      <view class="text-box">
+        <view class="title">自行寄回商品</view>
+        <view class="desc">寄出后请填写快递单号</view>
+      </view>
+      <view class="btn" bind:tap="writeInfo" data-refundsn="{{refundSn}}">填写快递信息</view>
+    </view>
+    <view class="shop-info">
+      <view class="sub-title">退货地址</view>
+      <view class="name-box">
+        <view class="name">杨锦新 </view>
+        <view class="tel">18900000000</view>
+      </view>
+      <view class="address">贵州省-贵阳市-观山湖区富力中心A座3401</view>
+    </view>
+  
+  </view>
+
   <!-- <view class="oprate-box box">
       <view class="item">
         <image class="icon" src="../../images/icon/del-icon.png" mode=""/>

pages/DetailsOfRefund/DetailsOfRefund.wxss

@@ -105,6 +105,58 @@
   color: #FFFFFF;
   margin-top: 24rpx;
 }
+
+.DetailsOfRefund .write-info-box{
+  padding: 28rpx 24rpx;
+}
+.DetailsOfRefund .write-info-box .sub-title{
+  font-weight: bold;
+  font-size: 32rpx;
+  color: #222222;
+  margin-bottom: 28rpx;
+}
+.DetailsOfRefund .write-info-box .btn-box{
+  display: flex;
+  justify-content: space-between;
+}
+.DetailsOfRefund .write-info-box .btn-box .text-box .title{
+  font-size: 28rpx;
+  color: #222222;
+}
+
+.DetailsOfRefund .write-info-box .btn-box .text-box .desc{
+  font-size: 24rpx;
+  color: #AAAAAA;
+  margin-top: 24rpx;
+}
+.DetailsOfRefund .write-info-box .btn-box .btn{
+  width: 220rpx;
+  height: 80rpx;
+  line-height: 80rpx;
+  text-align: center;
+  background: #006CE8;
+  border-radius: 40rpx 40rpx 40rpx 40rpx;
+  font-size: 28rpx;
+  color: #FFFFFF;
+}
+.DetailsOfRefund .write-info-box .shop-info{
+  padding-top: 24rpx;
+  margin-top: 24rpx;
+  border-top: 1rpx solid #F0F0F0;
+}
+.DetailsOfRefund .write-info-box .shop-info .name-box{
+  display: flex;
+  font-size: 28rpx;
+  color: #222222;
+}
+.DetailsOfRefund .write-info-box .shop-info .name-box .tel{
+  margin-left: 14rpx;
+}
+.DetailsOfRefund .write-info-box .shop-info .address{
+  font-size: 28rpx;
+  color: #222222;
+  margin-top: 24rpx;
+}
 popup-box {
   background: #FFFFFF;
   border-radius: 32rpx 32rpx 0rpx 0rpx;

pages/applyRefund/applyRefund.js

@@ -64,6 +64,20 @@ Page({
       this.totalPrice()
       this.checkAll()
     }
+  },
+    /**
+   * 评价图片预览
+   */
+  picPreView(e){
+    var index = e.currentTarget.dataset.index
+    var urls = []
+    this.data.photoFiles.forEach(el => {
+      urls.push(el.url)
+    })
+    wx.previewImage({
+      current: urls[index],
+      urls: urls
+    })
   },
   // 实时监听输入
   onInput: function(e) {

pages/applyRefund/applyRefund.wxml

@@ -69,7 +69,7 @@
         <view class="img-box">
           <view class="img-item"  wx:for="{{photoFiles}}">
             <image src="../../images/icon/del.png" bind:tap="delImg" data-index="{{index}}" mode="" class="del"/>
-            <image src="{{item.url}}" mode="aspectFit" class="img"/>
+            <image src="{{item.url}}" mode="aspectFill" class="img" data-index="{{index}}" bindtap="picPreView"/>
           </view>
           <view class="upload"  bindtap="getUploadImg">
             <image src="../../images/icon/photo.png" mode="" class="photo"/>

pages/order-detail/order-detail.wxml

@@ -58,7 +58,8 @@
           申请售后
         </view>
       </view>
-      <view class="item" wx:if="{{status == 80}}" bind:tap="goWrite">
+      <!-- <view class="item" wx:if="{{status == 80}}" bind:tap="goWrite"> -->
+      <view class="item" bind:tap="goWrite">
         <image class="icon" src="../../images/icon/write.png" mode=""/>
         <view class="label">
           评价晒单

pages/writeReturnLogistics/writeReturnLogistics.wxml

@@ -1,51 +1,56 @@
-<!-- 填写退货物流 -->
+<!-- 填写退货快递 -->
 <!--pages/writeReturnLogistics/writeReturnLogistics.wxml-->
 
 <view class="page">
-  <!-- 物流公司 -->
-  <picker class="picker-box" mode="selector" bindchange="chooseLogisticsCompany" value="{{expressId}}" range="{{deliveryList}}" range-key="dvyName">
-    <view class="select-show select-box clearfix">
-      <text class="select-text">物流公司</text>
-      <text class="select-results select-reason">{{deliveryList[expressId].dvyName}}</text>
-      <view class="right-arrow"><image src="../../images/icon/more.png"></image></view>
-    </view>
-  </picker>
-  
-
-  <!-- 退货信息 -->
-  <view class="write-msg">
-    <!-- 单号 -->
-    <view class="item-num">
-      <label class="item-num-tit" wx:if="{{expressNo}}">物流单号</label>
-      <input class="item-num-num" placeholder="请输入物流单号" value="{{expressNo}}" bindinput="onExpressNoInput"/>
-    </view>
-    <!-- 说明 -->
-    <view class="item-num">
-      <label class="item-num-tit">备注说明</label>
-      <input class="item-num-num refund-explain" placeholder="选填，最多200字" maxlength="200"  value="{{senderRemarks}}" bindinput="onSenderRemarksInput"/>
-    </view>
+  <view class="box">
+    <!-- 快递公司 -->
+    <picker class="picker-box" mode="selector" bindchange="chooseLogisticsCompany" value="{{expressId}}" range="{{deliveryList}}" range-key="dvyName">
+      <view class="select-show select-box clearfix">
+        <text class="select-text">快递公司</text>
+        <text class="select-results select-reason">{{deliveryList[expressId].dvyName}}</text>
+        <view class="right-arrow"><image src="../../images/icon/more.png"></image></view>
+      </view>
+    </picker>
+    
+
+    <!-- 退货信息 -->
+    <view class="write-msg">
+      <!-- 单号 -->
+      <view class="item-num">
+        <label class="item-num-tit">快递单号</label>
+        <input class="item-num-num" placeholder="请输入快递单号" value="{{expressNo}}" bindinput="onExpressNoInput"/>
+      </view>
+      <!-- 说明 -->
+      <view class="item-num">
+        <label class="item-num-tit">备注说明</label>
+        <input class="item-num-num refund-explain" placeholder="选填，最多200字" maxlength="200"  value="{{senderRemarks}}" bindinput="onSenderRemarksInput"/>
+      </view>
 
-    <!-- 上传照片 -->
-    <view class="item-num">
-      <label class="item-num-tit upload-tit">上传凭证</label>
-      <view class="upload-img">
-        <view class="upload-tips">可上传5张图片</view>
-        <!-- 预览缩略图 -->
-          <block wx:for="{{imgs}}" wx:key="*this" wx:for-index="idx" wx:for-item="imgItem">
-            <view class="q-image-wrap">
-              <!-- 图片缩略图  -->
-              <image class="q-image" src="{{imgItem.url}}" mode="aspectFill" data-idx="{{idx}}"></image>
-              <!-- 移除图片的按钮  -->
-              <view class="q-image-remover" data-idx="{{idx}}" data-index="{{index}}" bindtap="removeImage"><image src="../../images/icon/close2.png"></image></view>
-            </view>
-          </block>
-        <!-- 添加图片按钮 -->
-        <view class="upload-btn" wx:if="{{imgs.length < 5}}" data-idx="{{index}}" bindtap="getUploadImg">+</view>
+      <!-- 上传照片 -->
+      <view class="item-num">
+        <label class="item-num-tit upload-tit">上传凭证</label>
+        <view class="upload-img">
+          <view class="upload-tips">可上传5张图片</view>
+          <!-- 预览缩略图 -->
+            <block wx:for="{{imgs}}" wx:key="*this" wx:for-index="idx" wx:for-item="imgItem">
+              <view class="q-image-wrap">
+                <!-- 图片缩略图  -->
+                <image class="q-image" src="{{imgItem.url}}" mode="aspectFill" data-idx="{{idx}}"></image>
+                <!-- 移除图片的按钮  -->
+                <view class="q-image-remover" data-idx="{{idx}}" data-index="{{index}}" bindtap="removeImage"><image src="../../images/icon/close2.png"></image></view>
+              </view>
+            </block>
+          <!-- 添加图片按钮 -->
+          <!-- <view class="upload-btn" wx:if="{{imgs.length < 5}}" data-idx="{{index}}" bindtap="getUploadImg">+</view> -->
+          <view class="upload" wx:if="{{imgs.length < 5}}" data-idx="{{index}}" bindtap="getUploadImg">
+            <image src="../../images/icon/photo.png" mode="" class="photo"/>
+          </view>
+        </view>
       </view>
+      <!-- 上传照片end -->
     </view>
-    <!-- 上传照片end -->
+    <!-- 退货信息end -->
   </view>
-  <!-- 退货信息end -->
 
 
   <!-- 提交btn -->

pages/writeReturnLogistics/writeReturnLogistics.wxss

@@ -15,15 +15,20 @@ image {
   position: fixed;
   width: 100%;
   height: 100%;
-  background: #f7f7f7;
+  background: #F6F6F6;
   overflow: auto;
+  padding: 20rpx 24rpx;
+  box-sizing: border-box;
+}
+
+.page .box{
+  background: #FFFFFF;
+  border-radius: 16rpx 16rpx 16rpx 16rpx;
 }
 
 /* 选择物流公司picker */
 .picker-box {
   display: block;
-  background: #fff;
-  border-bottom: 1rpx solid #f2f2f2;
 }
 .select-show {
   text-align: left;
@@ -61,15 +66,13 @@ image {
 
 /* 填写退货信息 */
 .write-msg {
-  background: #fff;
   margin-bottom: 20rpx;
 }
 
 .item-num {
-  background: #fff;
-  border-bottom: 1rpx solid #f2f2f2;
   padding: 10px 20rpx;
   font-size: 30rpx;
+  display: flex;
 }
 .item-num-tit {
   display: inline-block;
@@ -82,14 +85,13 @@ image {
 .item-num-num {
   display: inline-block;
   vertical-align: middle;
-  width: 70%;
+  flex: 1;
+  text-align: right;
 }
 
 /* 订单状态 */
 .order-status {
   padding: 20rpx;
-  background: #fff;
-  border-bottom: 1rpx solid #f2f2f2;
 }
 /* 上传照片 */
 .upload-img {
@@ -138,15 +140,33 @@ image {
   border:2px dashed #f4f4f4;
   vertical-align: top;
 }
+ .upload{
+  width: 120rpx;
+  height: 120rpx;
+  background: #F6F6F6;
+  border-radius: 32rpx 32rpx 32rpx 32rpx;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin-bottom: 24rpx;
 
+  
+}
+ .photo{
+  width: 40rpx;
+  height: 40rpx;
+  
+}
 /* 提交按钮 */
 .submit-btn {
-  background: #e43130;
-  color: #fff;
-  margin: 20rpx 20rpx;
-  margin-top: 70rpx;
-  font-size: 30rpx;
-  padding: .8em 0;
+  width: 702rpx;
+  height: 80rpx;
+  line-height: 80rpx;
   text-align: center;
-  border-radius: 6rpx;
+  background: #006CE8;
+  border-radius: 40rpx 40rpx 40rpx 40rpx;
+  font-weight: bold;
+  font-size: 28rpx;
+  color: #FFFFFF;
+  margin-top: 80rpx;
 }

project.private.config.json

@@ -23,12 +23,19 @@
     "miniprogram": {
       "list": [
         {
-          "name": "pages/category1/category",
-          "pathName": "pages/category1/category",
+          "name": "/pages/prodComm/prodComm",
+          "pathName": "/pages/prodComm/prodComm",
           "query": "",
           "scene": null,
           "launchMode": "default"
         },
+        {
+          "name": "pages/category1/category",
+          "pathName": "pages/category1/category",
+          "query": "",
+          "launchMode": "default",
+          "scene": null
+        },
         {
           "name": "pages/writeReturnLogistics/writeReturnLogistics",
           "pathName": "pages/writeReturnLogistics/writeReturnLogistics",