jufubao-base 1.0.446 → 1.0.447-beta2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jufubao-base",
-  "version": "1.0.446",
+  "version": "1.0.447-beta2",
   "private": false,
   "description": "聚福宝业务组件基础插件包",
   "main": "index.js",

package/src/components/JfbBaseAfterSalesFast/Api.js

@@ -5,6 +5,18 @@
  * @type {*[]}
  */
 module.exports = [
+  {
+    mapFnName: "getAfterOmsOrder",
+    path: "/aftersale/v1/service-order/get-oms-order",
+    title: "获取订单信息",
+    isRule: false,
+    params: {
+      main_order_id: ['主单订单号', 'String', true],
+      db_from: ['来源', 'String', true],
+    },
+    isConsole: true,
+    disabled: true,
+  },
   {
     mapFnName: "getAfterSalesTypeList",
     path: "/aftersale/v1/service-order/after-sales-type-list",
@@ -22,6 +34,7 @@ module.exports = [
     data: {
       main_order_id: ['主订单号', 'String', true],
       after_sale_type: ['售后类型', 'String', true],
+      product_list: ['商品列表', 'String', false],
       db_from: ['来源', 'String', true],
     },
     isConsole: true,

package/src/components/JfbBaseAfterSalesFast/JfbBaseAfterSalesFast.vue

@@ -31,6 +31,10 @@
         <view class="tip_title">温馨提示</view>
         <xd-content-xss :html="warmTips"></xd-content-xss>
       </view>
+      <refund-order-product :list="productList"
+        :orderNumber="baseInfo.main_order_id"
+        @change="handleSelectProduct"
+      ></refund-order-product>
       <view class="bottom_fixed" :style="prod_bottom">
         <xd-button type="primary" @click="handleApplyRefund">提交申请</xd-button>
       </view>
@@ -58,11 +62,13 @@
   import XdButton from "@/components/XdButton/XdButton";
   import XdDownDrawer from "@/components/XdDownDrawer/XdDownDrawer"
   import XdRadio from "@/components/XdRadio/XdRadio"
+  import RefundOrderProduct from "./refundOrderProduct.vue"
   import { jfbRootExec } from "@/utils/xd.event";
   import JfbBaseAfterSalesFastMixin from "./JfbBaseAfterSalesFastMixin";
   import { getContainerPropsValue } from "@/utils/xd.base";
   import componentsMixins from "@/mixins/componentsMixins";
   import extsMixins from "@/mixins/extsMixins";
+  import getServiceUrl from "@/common/getServiceUrl";
   export default {
     name: "JfbBaseAfterSalesFast",
     components: {
@@ -70,7 +76,8 @@
       XdContentXss,
       XdButton,
       XdDownDrawer,
-      XdRadio
+      XdRadio,
+      RefundOrderProduct
     },
     mixins: [
       componentsMixins, extsMixins, JfbBaseAfterSalesFastMixin
@@ -86,6 +93,10 @@
         temp_type: "",
         afterSalesTypes: [],
 
+        productList: [],
+        service_product_list: [],
+        baseInfo: {},
+
         refundStepPath: "",
       }
     },
@@ -114,6 +125,7 @@
     methods: {
       onJfbLoad(options) {
         this.order_id = options.order_id;
+        this.p_getAfterOmsOrder();
         this.p_getAfterSalesTypeList();
       },
 
@@ -133,6 +145,38 @@
           this.afterSalesTypes = res.list;
         })
       },
+      /**
+       * @description 获取订单商品信息（默认全选，便于快速退款）
+       */
+      p_getAfterOmsOrder(){
+        this.$xdShowLoading({});
+        jfbRootExec("getAfterOmsOrder", {
+          vm: this,
+          data: {
+            main_order_id: this.order_id
+          }
+        }).then(res => {
+          this.$xdHideLoading();
+          const { product_list, base_info } = res;
+          this.productList = (product_list || []).map(item => {
+            item.product_thumb = getServiceUrl(item.product_thumb, 'size2');
+            item.checked = true;
+            return item;
+          });
+          this.baseInfo = base_info || {};
+          this.handleSelectProduct(this.productList);
+        }).catch(err => {
+          this.$xdHideLoading();
+          console.error(err)
+        })
+      },
+      /**
+       * @description 选中的售后商品变更
+       * @param productList {array} 已勾选的商品列表
+       */
+      handleSelectProduct(productList){
+        this.service_product_list = productList;
+      },
       selectApplyReason(id){
         this.temp_type = id;
       },
@@ -145,6 +189,14 @@
           return;
         }
 
+        if(!this.service_product_list.length) {
+          this.$xdAlert({
+            content: '请选择售后商品',
+            type: "error"
+          })
+          return;
+        }
+
         if(this.refundStepPath === '') {
           this.$xdAlert({
             content: '请配置售后详情跳转链接',
@@ -159,6 +211,11 @@
           data: {
             main_order_id: this.order_id,
             after_sale_type: this.after_sale_type,
+            product_list: JSON.stringify(this.service_product_list.map(item => ({
+              product_id: item.product_id,
+              product_sku_id: item.sku_id,
+              gift_id: item.gift_id
+            })))
           }
         }).then(res => {
           this.$xdHideLoading();

package/src/components/JfbBaseAfterSalesFast/Mock.js

@@ -1,6 +1,7 @@
 "use strict";
 
 module.exports = {
+  getAfterOmsOrder: {"base_info":{"main_order_id":"m788348987084525809","partner_id":185,"site_id":"b7beb73251752cf1","business_code":"cake","freight_price":300,"support_aftersale_method":"[{\"value\":\"refund_and_good\",\"label\":\"\\u9000\\u8d27\"},{\"value\":\"again\",\"label\":\"\\u8865\\u53d1\"},{\"value\":\"exchange\",\"label\":\"\\u6362\\u8d27\"}]","support_refund_method":"part"},"product_list":[{"product_id":60030789,"product_name":"价格日历（185）","sku_id":"0","sku_name":"","product_num":1,"product_thumb":"\/uploads\/20240314\/a9121a540e92f35ec881f883daf6028c.jpg","brand_id":100003,"brand_name":"品牌jls0519","main_order_id":"m788348987084525809","sub_order_id":"s788348987671728370","gift_id":0,"can_use_sale_price":3000,"delivery_method_name":"快递配送","db_from":"online"},{"product_id":60031175,"product_name":"税率测试（货源96折，平台10折）","sku_id":"0","sku_name":"","product_num":1,"product_thumb":"\/uploads\/20241104\/021c99b07d40101e24af67bf416cf429.jpeg","brand_id":100003,"brand_name":"品牌jls0519","main_order_id":"m788348987084525809","sub_order_id":"s788348987671728371","gift_id":0,"can_use_sale_price":0,"delivery_method_name":"快递配送","db_from":"online"}],"request_id":"b85ae3a23d92d509"},
   getAfterSalesTypeList: {
     list: [
       {

package/src/components/JfbBaseAfterSalesFast/refundOrderProduct.vue

@@ -0,0 +1,177 @@
+<template>
+  <view class="order_info">
+    <view class="order_number">
+      <view class="order_number_check" @click="handleCheckAll">
+        <view class="check_box" :class="{ checked: isAllChecked }" v-if="showRadio">
+          <xd-font-icon v-if="isAllChecked" icon="iconduigou-xian" :size="24" color="#fff"></xd-font-icon>
+        </view>
+        <text>全部商品</text>
+      </view>
+    </view>
+    <view class="prod_list">
+      <view class="prod_item" v-for="(item, i) in uiList" :key="i">
+        <view v-if="showRadio" class="prod_check" @click="handleChangeRadio(item, !item.checked)">
+          <view class="check_box" :class="{ checked: item.checked }">
+            <xd-font-icon v-if="item.checked" icon="iconduigou-xian" :size="24" color="#fff"></xd-font-icon>
+          </view>
+        </view>
+        <view class="prod_img">
+          <image :src="item.product_thumb" mode="aspectFit"></image>
+        </view>
+        <view class="prod_info">
+          <view class="prod_title">{{ item.product_name }}</view>
+        </view>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+  import XdFontIcon from "@/components/XdFontIcon/XdFontIcon";
+  export default {
+    components: {
+      XdFontIcon
+    },
+    props: {
+      list: {
+        type: Array,
+        default() {
+          return []
+        }
+      },
+      orderNumber: {
+        type: String,
+        default: ""
+      },
+      showRadio: {
+        type: Boolean,
+        default: true
+      }
+    },
+    data(){
+      return {
+        uiList: []
+      }
+    },
+    watch: {
+      list: {
+        handler(val){
+          this.uiList = val;
+        },
+        deep: true
+      }
+    },
+    created(){
+      this.uiList = this.list;
+    },
+    computed: {
+      //是否已全选（列表非空且每一项都已勾选）
+      isAllChecked(){
+        return this.uiList.length > 0 && this.uiList.every(item => item.checked);
+      }
+    },
+    methods: {
+      getReturnParams(){
+        if(this.showRadio){
+          return this.uiList.filter(item => item.checked);
+        }
+        return this.uiList;
+      },
+      update(){
+        let params = this.getReturnParams();
+        this.$emit("change", params);
+      },
+      handleChangeRadio(prod, checked){
+        //多选逻辑，只切换当前项的勾选状态，不影响其他项
+        this.uiList = this.uiList.map(item => {
+          if(prod.product_id === item.product_id && prod.sku_id === item.sku_id){
+            return {...item, checked: checked};
+          }
+          return item;
+        })
+        this.update();
+      },
+      //全选/取消全选（不可勾选时不处理）
+      handleCheckAll(){
+        if(!this.showRadio) return;
+        const checked = !this.isAllChecked;
+        this.uiList = this.uiList.map(item => ({...item, checked}));
+        this.update();
+      }
+    }
+  }
+</script>
+
+<style lang="less" scoped>
+  .order_info{
+    background-color: #FFFFFF;
+    margin-top: 20rpx;
+    border-radius: 16rpx;
+    font-size: 24rpx;
+    padding: 32rpx;
+    .order_number{
+      padding-bottom: 24rpx;
+      border-bottom: 1px solid #F2F2F2;
+      margin-bottom: 32rpx;
+      .order_number_check{
+        display: flex;
+        align-items: center;
+      }
+    }
+    //多选方框（“全部商品”与单个商品共用）
+    .check_box{
+      width: 32rpx;
+      height: 32rpx;
+      border: 2rpx solid #D7D7D7;
+      border-radius: 6rpx;
+      box-sizing: border-box;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      &.checked{
+        background-color: var(--main-color, #FF5733);
+        border-color: var(--main-color, #FF5733);
+      }
+    }
+    .order_number_check .check_box{
+      margin-right: 12rpx;
+    }
+    .prod_check{
+      margin-right: 20rpx;
+      flex-shrink: 0;
+      display: flex;
+      align-items: center;
+    }
+    .prod_item{
+      display: flex;
+      align-items: center;
+      margin-bottom: 40rpx;
+      &:last-child{
+        margin-bottom: 0;
+      }
+      .prod_img{
+        width: 140rpx;
+        height: 140rpx;
+        border-radius: 16rpx;
+        background-color: #F0F0F0;
+        image{
+          width: 100%;
+          height: 100%;
+        }
+      }
+      .prod_info{
+        margin-left: 20rpx;
+        flex: 1;
+        align-self: stretch;
+        display: flex;
+        flex-direction: column;
+        justify-content: space-between;
+        .prod_title{
+          margin-bottom: 10rpx;
+          font-size: 28rpx;
+          color: #333333;
+        }
+      }
+    }
+  }
+</style>

package/get.package.path.js

@@ -1,22 +0,0 @@
-'use strict';
-
-/**
- * @description 第三方库
- * @param threePackagePath {String} 第三方库所在项目路径存放路径路
- * @param packname {String} 包名字
- * @returns {string|*}
- */
-const getPackagePath = (threePackagePath, packname = 'gxd-commands-bussiness')=>{
-  if(packname === 'gxd-commands-bussiness') {
-    return `/Users/shiyonggao/Desktop/code/BASE/UNIAPP/xd-commands-bussiness/${threePackagePath}`;
-  }
-
-  if (packname === 'gxd-uni-library-editx') {
-    return `/Users/shiyonggao/Desktop/code/BASE/UNIAPP/xd-uni-library-editx/${threePackagePath}`;
-  }
-
-};
-
-module.exports = {
-  getPackagePath
-}