jufubao-base 1.0.260 → 1.0.261

package/src/components/JfbBaseOrderList/Attr.js

@@ -4,6 +4,18 @@ export default {
   style: [],
   content: (data)=>{
     return [
+      {
+        label: "申请售后:",
+        ele: 'xd-radio',
+        valueKey: "showApplyAfter",
+        value: data.showApplyAfter || 'N',
+        list: [
+          {label: '展示', value: 'Y'},
+          {label: '隐藏', value: 'N'},
+        ],
+        groupKey:'content',
+        labelInline: true,
+      },
       {
         label: "布局样式配置",
         ele: "xd-radio",
@@ -264,6 +276,30 @@ export default {
         },
         inline: false,
       },
+      {
+        label: '售后服务页面路径:',
+        ele: 'xd-select-pages-path',
+        valueKey: 'refundPath',
+        groupKey:'advanced',
+        placeholder: '请选择普通售后服务路径',
+        value: data['refundPath'] || null,
+        setting: {
+          router: XdBus.getParentApi('getPagesTree'),
+        },
+        inline: false,
+      },
+      {
+        label: '极速退款页面路径:',
+        ele: 'xd-select-pages-path',
+        valueKey: 'refundFastPath',
+        groupKey:'advanced',
+        placeholder: '请选择极速退款页面路径',
+        value: data['refundFastPath'] || null,
+        setting: {
+          router: XdBus.getParentApi('getPagesTree'),
+        },
+        inline: false,
+      },
     ].filter(i=>i)
   },
   advanced: [],

package/src/components/JfbBaseOrderList/JfbBaseOrderList.vue

@@ -152,10 +152,19 @@
               </view>
               <view
                 class="jfb-base-order-list__body-order-item-pay"
-                v-if="item.buttons.length"
+                v-if="isShowFooter(item.buttons)"
               >
                 <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:'',
     };
   },
@@ -332,6 +347,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");
@@ -360,6 +376,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) => {
@@ -403,7 +421,10 @@ export default {
         },
       });
     },
-
+    isShowFooter(buttons){
+      if(this.showApplyAfter === 'Y') return buttons.length > 0;
+      else return buttons.filter(item => item.action !== 'apply_refund').length > 0;
+    },
     handleBtnEvent(action, item) {
       if (action === "cancel_unpaid") {
         //取消订单
@@ -426,6 +447,32 @@ 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'){
+
+        this.$xdShowLoading({});
+        jfbRootExec("getSupportQuickRefund", {
+          vm: this,
+          data: {
+            main_order_id: item.main_order_id
+          }
+        }).then(res => {
+          this.$xdHideLoading();
+          //普通退款
+          if(res.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}`,
+            });
+          }
+        }).catch(err => {
+          this.$xdHideLoading();
+        })
+
+        
       }
     },
 
@@ -439,6 +486,7 @@ export default {
           tab,
           page_size: this.page_size,
           page_token: this.page_token,
+          is_show_after_btn: this.showApplyAfter === 'Y' ? 1 : 0
         },
       })
         .then((res) => {

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{