jufubao-base 1.0.399 → 1.0.400

package/get.package.path.js

@@ -8,11 +8,11 @@
  */
 const getPackagePath = (threePackagePath, packname = 'gxd-commands-bussiness')=>{
   if(packname === 'gxd-commands-bussiness') {
-    return `/Users/shiyonggao/Desktop/code/BASE/UNIAPP/xd-commands-bussiness/${threePackagePath}`;
+    return `/Users/shiyonggao/home/root/Base-Jufubao/xd-commands-bussiness/${threePackagePath}`;
   }
 
   if (packname === 'gxd-uni-library-editx') {
-    return `/Users/shiyonggao/Desktop/code/BASE/UNIAPP/xd-uni-library-editx/${threePackagePath}`;
+    return `/Users/shiyonggao/home/root/Base-Jufubao/xd-uni-library-editx/${threePackagePath}`;
   }
 
 };

package/package.json

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

package/src/components/JfbBaseOrderDetail/Api.js

@@ -96,4 +96,28 @@ module.exports = [
     isConsole: true,
     disabled: true,
   },
+  {
+    title: "C端查看app_key",
+    path: "/aftersale/v1/online-customer-service/check",
+    mapFnName: "checkCustomerService",
+    isRule: false,
+    params: {
+      main_order_id: ['订单ID', 'String', true],
+    },
+    isConsole: true,
+    disabled: true,
+  },
+  {
+    title: "根据供应商ID更新在线客服内容",
+    path: "/aftersale/v1/online-customer-service/update",
+    mapFnName: "updateCustomerService",
+    isRule: false,
+    data: {
+      supplier_id: ['供应商ID', 'Number', true],
+      content: ['在线客服内容', 'String', true],
+      namespace: ['业务线', 'String', true],
+    },
+    isConsole: true,
+    disabled: true,
+  }
 ];

package/src/components/JfbBaseOrderDetail/Attr.js

@@ -1,9 +1,16 @@
 'use strict';
+import {
+  dataVal,
+  statusDataVal,
+  statusShow,
+  getRemoteOptions
+} from "@/utils/AttrTools";
+import ICONS from "@/ICONS.js"
 
 export default {
   style: [],
   advanced: [],
-  content: (data)=>{
+  content: (data, gValue, gColor, oldData)=>{
     return [
       {
         label: "申请售后:",
@@ -724,6 +731,34 @@ export default {
           { label: '隐藏', value: '0' },
         ]
       },
+      {
+        label: '底部客服',
+        ele: 'xd-cus-switch',
+        valueKey: 'showService',
+        value: dataVal({ data, key: 'showService', dValue: gValue.isAdd && gValue.isFirst ? 'Y' : "N", gValue }),
+        className: 'input100',
+        groupKey:'content',
+        labelInline: true,
+        cusStyle: { marginBottom: '10px' },
+        setting: {
+          tips: ['显示', '不显示'],
+          isBackType: 'string'
+        },
+      },
+      { ele: 'group_start' },
+      {
+        label: '图标样式',
+        ele: 'xd-select-list',
+        valueKey: 'serviceIcon',
+        labelInline: true,
+        value: data['serviceIcon'] || '',
+        placeholder: '请选择客服ICON',
+        className: 'input60',
+        groupKey:'content',
+        list: ICONS,
+        hidden: data.showService !== 'Y'
+      },
+      { ele: 'group_end' },
       {
         label: '售后服务页面路径:',
         ele: 'xd-select-pages-path',

package/src/components/JfbBaseOrderDetail/JfbBaseOrderDetail.vue

@@ -858,13 +858,24 @@
       </view>
       <view
         style="height: 100rpx"
-        v-if="info.buttons && info.buttons.length > 0"
+        v-if="(info.buttons && info.buttons.length > 0) || showService === 'Y'"
       ></view>
       <view
         class="jfb-base-order-detail__body-btn"
         :style="prod_bottom"
-        v-if="info.buttons && info.buttons.length > 0"
+        v-if="(info.buttons && info.buttons.length > 0) || showService === 'Y'"
       >
+        <view>
+          <view
+            v-if="showService === 'Y'"
+            class="cs-btn"
+            @click="handleCustomerService"
+          >
+            <xd-font-icon :icon="serviceIcon" size="40" color="#333"></xd-font-icon>
+            <text class="cs-btn__text">客服</text>
+          </view>
+        </view>
+        
         <view :style="[bottomBoxStyle]" class="btn_wrap">
           <view v-for="(item, index) in info.buttons" :key="index">
             <view
@@ -1003,6 +1014,42 @@
         <xd-button type="primary" @click="showSupplement=false">关闭</xd-button>
       </view>
     </XdDownDrawer>
+    <XdDownDrawer :isClose="false" height="auto" :show.sync="showCustomerDrawer">
+      <view class="customer-drawer">
+        <view class="customer-drawer-title">
+          <view style="margin: 0 auto">请选择要咨询的订单</view>
+        </view>
+        <view class="customer-drawer-list">
+          <view
+            v-for="(item, index) in customerSubOrders"
+            :key="index"
+            class="customer-drawer-item"
+          >
+            <view class="customer-drawer-item-sub">子单号：{{ item.sub_order_id }}</view>
+            <view class="customer-drawer-item-body">
+              <xd-jfb-image
+                width="120"
+                height="120"
+                bgc="#f8f8f8"
+                radius="10"
+                shadow="10"
+                mode="scaleToFill"
+                :src="item.products[0].product_thumb"
+              ></xd-jfb-image>
+              <view class="customer-drawer-item-info">
+                <view class="customer-drawer-item-price">
+                  <xd-unit :price="item.products.reduce((sum, p) => sum + p.sale_price * p.product_num, 0)" :color="mainColor" :fontSize="32"></xd-unit>
+                </view>
+                <view class="customer-drawer-item-count">共{{ item.products.reduce((sum, p) => sum + p.product_num, 0) }}件</view>
+              </view>
+              <view class="customer-drawer-item-btn">
+                <xd-button type="primary" size="small" @click="handleGoCustomerService(item)">去咨询</xd-button>
+              </view>
+            </view>
+          </view>
+        </view>
+      </view>
+    </XdDownDrawer>
   </view>
 </template>
 
@@ -1132,6 +1179,8 @@ export default {
 
       code_location: 'none',
       is_show_invoice: 'N',
+      showService: 'Y',
+      serviceIcon: '',
       invoicePath: '',
       isShowInvoice: false,
       invoiceStatus: '',
@@ -1140,6 +1189,9 @@ export default {
       reorderTips: [],
       reorderBtnItem: null,
 
+      showCustomerDrawer: false,
+      customerSubOrders: [],
+
       //是否显示电话
       isSHowPhone:'N', //是否显示手机号码
       isPhoneReg: /^[\d-]+$/
@@ -1635,6 +1687,8 @@ export default {
         }
       }
       this.is_show_invoice = getContainerPropsValue(container, "content.is_show_invoice", "N");
+      this.showService = getContainerPropsValue(container, "content.showService", "");
+      this.serviceIcon = getContainerPropsValue(container, "content.serviceIcon", 'iconkefu');
       this.invoicePath = getContainerPropsValue(container, "content.invoicePath", { value: "", }).value;
       this.viewInvoicePath = getContainerPropsValue(container, "content.viewInvoicePath", { value: "", }).value;
     },
@@ -1855,6 +1909,133 @@ export default {
         console.error(`item.action=${item.action}, 此action不可用`)
       }
     },
+    handleCustomerService() {
+      if (this.info.customer_info) {
+        // customer_info 存在时，直接跳转客服，不再调 checkCustomerService 接口
+        this.goCustomerServicePage();
+        return;
+      }
+      jfbRootExec("checkCustomerService", {
+        vm: this,
+        data: {
+          main_order_id: this.main_order_id,
+        },
+      })
+        .then((res) => {
+          if (res.is_pop === 'Y') {
+            // 弹出子订单选择弹框
+            this.customerSubOrders = this.info.sub_orders || [];
+            this.showCustomerDrawer = true;
+          } else {
+            // 直接跳转客服
+            this.goCustomerServicePage();
+          }
+        })
+        .catch((err) => {
+          console.log(err, 'checkCustomerService err');
+        });
+    },
+    goCustomerServicePage(subOrder) {
+      // customer_info 存在时，直接从 customer_info 获取数据，不走原有子订单逻辑
+      if (this.info.customer_info) {
+        const ci = this.info.customer_info;
+        const content = {
+          title: ci.settle_tag_name || '',
+          picture: ci.shop_icon ? getServiceUrl(ci.shop_icon, 'size4') : '',
+          orderCount: 'x' + ci.num || 0,
+          payMoney: ci.total_amount ? `¥${(ci.total_amount / 100).toFixed(2)}` : '',
+          url: location.href,
+          orderId: this.main_order_id,
+          orderTime: this.getOrderTime(),
+          orderStatus: this.info.status ? this.info.status.status_name : '',
+          orderStageType: this.getOrderStageType(this.info.status),
+        };
+        jfbRootExec("updateCustomerService", {
+          vm: this,
+          data: {
+            supplier_id: ci.supplier_id,
+            content: JSON.stringify(content),
+            namespace: this.biz_code,
+          },
+        })
+          .then((res) => {
+            this.doOpenCustomerService(res);
+          })
+          .catch((err) => {
+            console.log(err, 'updateCustomerService err');
+          });
+        return;
+      }
+
+      const order = subOrder || (this.info.sub_orders && this.info.sub_orders[0]);
+      if (order) {
+        const product = order.products && order.products[0];
+        const orderTime = this.getOrderTime();
+        const content = {
+          title: product ? product.product_name : '',
+          desc: product ? product.product_sku_name : '',
+          picture: product ? getServiceUrl(product.product_thumb, 'size4') : '',
+          url: product && product.product_detail_url ? (() => {
+            try {
+              const urlObj = JSON.parse(product.product_detail_url);
+              return location.origin + '/' + urlObj.dir + urlObj.path + "?product_id=" + product.product_id;
+            } catch (e) {
+              return '';
+            }
+          })() : '',
+          orderSku: '',
+          orderCount: 'x' + (order.products ? order.products.reduce((sum, p) => sum + p.product_num, 0) : 0),
+          payMoney: order.products ? `¥${order.products.reduce((sum, p) => sum + p.sale_price * p.product_num, 0).toFixed(2)}` : '',
+          goodsId: product ? String(product.product_id) : '',
+          orderStatus: order.status ? order.status.status_name : '',
+          orderId: order.sub_order_id,
+          orderTime: orderTime,
+          orderStageType: this.getOrderStageType(order.status),
+        };
+        jfbRootExec("updateCustomerService", {
+          vm: this,
+          data: {
+            supplier_id: order.supplier_id,
+            content: JSON.stringify(content),
+            namespace: this.biz_code,
+          },
+        })
+          .then((res) => {
+            this.doOpenCustomerService(res);
+          })
+          .catch((err) => {
+            console.log(err, 'updateCustomerService err');
+          });
+      }
+    },
+    getOrderTime() {
+      if (!this.info.detail || !Array.isArray(this.info.detail)) return '';
+      const item = this.info.detail.find(d => d.label === '下单时间');
+      return item ? item.value : '';
+    },
+    getOrderStageType(status) {
+      if (!status) return '';
+      const statusName = status.status_name || '';
+      // 售前阶段：10000 发货前阶段：20000 发货后阶段：30000 售后阶段：40000
+      if (statusName.includes('退款') || statusName.includes('退货') || statusName.includes('售后')) return '40000';
+      if (statusName.includes('发货') || statusName.includes('配送') || statusName.includes('完成')) return '30000';
+      if (statusName.includes('待发货') || statusName.includes('待付款')) return '20000';
+      return '10000';
+    },
+    doOpenCustomerService(data) {
+      const isSandbox = this.projectAttr.api_host && this.projectAttr.api_host.includes('sandbox');
+      let host = isSandbox ? 'sandbox-misc.jufubao.cn' : location.host;
+      let query = `from=order&sdk_key=${data.app_key}&data_key=${data.redis_key}&api=${this.projectAttr.api_host}`;
+      let url = `http://${host}/cm/index.html?${query}`;
+      console.log("customerService url: " + url);
+      this.$xdUniHelper.redirectTo({
+        url: url,
+      })
+    },
+    handleGoCustomerService(item) {
+      this.showCustomerDrawer = false;
+      this.goCustomerServicePage(item);
+    },
     handleReorderDlgConfirm(){
       this.showReorderDialog = false;
       if(this.reorderStatus !== 'not'){
@@ -2614,7 +2795,7 @@ export default {
       background: #fff;
       z-index: 3000;
       display: flex;
-      justify-content: flex-end;
+      justify-content: space-between;
       align-items: center;
 
       .btn_wrap{
@@ -2624,6 +2805,30 @@ export default {
           font-size: @xd-font-size-lg;
         }
       }
+
+      .cs-btn {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        min-width: unit(100, rpx);
+        height: 100%;
+        padding: 0 unit(20, rpx);
+        background: none;
+        border: none;
+        outline: none;
+
+        &__text {
+          font-size: unit(20, rpx);
+          color: #333;
+          margin-top: unit(6, rpx);
+        }
+      }
+
+      .cs-btn--button {
+        padding: 0;
+        line-height: 1;
+      }
     }
 
     &-product {
@@ -2698,6 +2903,60 @@ export default {
       font-size: 28rpx;
     }
   }
+
+  .customer-drawer {
+    padding: 24rpx;
+    &-title {
+      display: flex;
+      align-items: center;
+      color: #666666;
+      font-size: 28rpx;
+    }
+    &-list {
+      margin-top: 40rpx;
+      max-height: 60vh;
+      overflow-y: auto;
+    }
+    &-item {
+      background: #fff;
+      border-radius: 16rpx;
+      padding: 32rpx;
+      margin-bottom: 32rpx;
+      &-sub {
+        font-size: 24rpx;
+        color: #999;
+        margin-bottom: 24rpx;
+      }
+      &-body {
+        display: flex;
+        align-items: center;
+        image {
+          width: 140rpx;
+          height: 140rpx;
+          border-radius: 10rpx;
+        }
+      }
+      &-info {
+        flex: 1;
+        margin-left: 28rpx;
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+      }
+      &-price {
+        color: #333;
+        font-size: 32rpx;
+      }
+      &-count {
+        margin-top: 8rpx;
+        font-size: 24rpx;
+        color: #999;
+      }
+      &-btn {
+        flex-shrink: 0;
+      }
+    }
+  }
 }
 
 // 自动刷新倒计时