jufubao-base 1.0.221 → 1.0.222-beta2

package/src/components/JfbBaseOrderList/JfbBaseOrderList.vue

@@ -155,7 +155,16 @@
                 v-if="item.buttons.length"
               >
                 <view v-for="(btn,index) in item.buttons" :key="btn.key">
+                  <template v-if="btn.action === 'apply_refund'">
+                    <xd-button
+                      v-if="showApplyAfter === 'Y'"
+                      type="default"
+                      size="mini"
+                      @click="handleBtnEvent(btn.action, item)"
+                    >{{ btn.text }}</xd-button>
+                  </template>
                   <xd-button
+                    v-else
                     :type="getBtnType(btn.action)"
                     size="mini"
                     @click="handleBtnEvent(btn.action, item)"
@@ -182,6 +191,7 @@
                 :mainColor="mainColor"
                 :isShowOrderNo="isShowOrderNo"
                 :brandTextColor="brandTextColor"
+                :showApplyAfter="showApplyAfter"
                 :item="item"
                 @handleBtnEvent="action => handleBtnEvent(action, item)"
               ></xd-tfk-order-item>
@@ -243,6 +253,8 @@ export default {
       initStatus: false,
       loadingList: true,
 
+      showApplyAfter: "",
+
       //基础
       radius: 0,
       backgroundColor: "",
@@ -271,6 +283,9 @@ export default {
       layout_style: "old",
       isShowOrderNo: "Y",
 
+      refundPath: "",
+      refundFastPath: "",
+
       noticeBgc:'',
     };
   },
@@ -335,6 +350,7 @@ export default {
      * @param container {object} 业务组件对象自己
      */
     init(container) {
+      this.showApplyAfter = getContainerPropsValue(container, "content.showApplyAfter", "N");
       this.margin = getContainerPropsValue(container, "content.margin", {top: 0, left: 0, right: 0, bottom: 0,});
       this.radius = getContainerPropsValue(container, "content.radius", 0);
       this.backgroundColor = getContainerPropsValue(container, "content.backgroundColor", "#f8f8f8");
@@ -363,6 +379,8 @@ export default {
 
       this.detailPath = getContainerPropsValue(container, "content.detailPath", { value: "" }).value;
       this.payPath = getContainerPropsValue(container, "content.payPath", {value: "",}).value;
+      this.refundPath = getContainerPropsValue(container, "content.refundPath", {value: "",}).value;
+      this.refundFastPath = getContainerPropsValue(container, "content.refundFastPath", {value: "",}).value;
       this.layout_style = getContainerPropsValue(container, "content.layout_style", "old");
       this.isShowOrderNo = getContainerPropsValue(container, "content.isShowOrderNo", "Y");
       this.tabList = getContainerPropsValue(container, "content.orderTypeList", []).map((item) => {
@@ -432,6 +450,18 @@ export default {
         this.$xdUniHelper.navigateTo({
           url: `${this.payPath}?order_id=${item.pay_order_id}&main_order_id=${item.main_order_id}`,
         });
+      } else if( action === 'apply_refund'){
+        //普通退款
+        if(item.is_support_quick_refund !== "Y"){
+          this.$xdUniHelper.navigateTo({
+            url: `${this.refundPath}?order_id=${item.main_order_id}`,
+          });
+        }else{
+          //极速退款
+          this.$xdUniHelper.navigateTo({
+            url: `${this.refundFastPath}?order_id=${item.main_order_id}`,
+          });
+        }
       }
     },
 

package/src/components/JfbBaseOrderList/Mock.js

@@ -25,7 +25,7 @@ module.exports = {
         "product_thumb": "\/\/sandbox-img.jufubao.cn\/uploads\/20230506\/40018e35f8d9b3bcc2f180cfe073ce28.png",
         "sale_price": 2678
       }],
-      "buttons": [{"text": "支付", "action": "pay"}, {"text": "取消订单", "action": "cancel_unpaid"}]
+      "buttons": [{"text": "支付", "action": "pay"}, {"text": "取消订单", "action": "cancel_unpaid"}, { "text": "申请退款", "action": "apply_refund"}]
     },
       {
       "main_order_id": "m513033785675509760",

package/src/components/JfbBaseOrderList/XdTfkOrderItem.vue

@@ -83,10 +83,21 @@
     </view>
     <view v-if="item.buttons.length" class="prod_footer">
       <view style="flex: 1;"></view>
-      <view class="btn" 
-        v-for="(btn,index) in item.buttons" :key="btn.key"
-        @click="handleBtnEvent(btn.action, item)"
-      >{{btn.text}}</view>
+      <template v-for="(btn,index) in item.buttons">
+        <template v-if="btn.action === 'apply_refund'">
+          <view class="btn"
+            v-if="showApplyAfter === 'Y'"
+            :key="btn.key"
+            @click="handleBtnEvent(btn.action, item)"
+          >{{btn.text}}</view>
+        </template>
+        <view class="btn"
+          v-else
+          :key="btn.key"
+          @click="handleBtnEvent(btn.action, item)"
+        >{{btn.text}}</view>
+      </template>
+     
     </view>
   </view>
 </template>
@@ -106,7 +117,8 @@
       isShowOrderNo: {
         type: String,
       },
-      brandTextColor: String
+      brandTextColor: String,
+      showApplyAfter: String
     },
     data(){
       return{