jufubao-base 1.0.166 → 1.0.167-beta3

package/src/components/JfbBaseOrderDetail/JfbBaseOrderDetail.vue

@@ -13,9 +13,7 @@
       :class="{ editx: isEditx && active }"
       v-if="isEditx && active && !noBorder"
     >
-      <view class="jfb-base-order-detail__edit-icon" @click="delEdit"
-        >删除</view
-      >
+      <view class="jfb-base-order-detail__edit-icon" @click="delEdit">删除</view>
     </view>
     <!-- #endif -->
     <view class="jfb-base-order-detail__body" v-if="info && info !== null">
@@ -50,11 +48,8 @@
           <view
             v-if="info.status.loading_timeout != '-1'"
             :style="{ marginLeft: '40rpx' }"
-            >{{ info.status.status_name }}：{{ timeMsg }}</view
-          >
-          <view v-else :style="{ marginLeft: '40rpx' }">
-            {{ info.status.status_name }}
-          </view>
+          >{{ info.status.status_name }}：{{ timeMsg }}</view>
+          <view v-else :style="{ marginLeft: '40rpx' }">{{ info.status.status_name }}</view>
         </view>
         <view style="height: 90rpx;"></view>
       </view>
@@ -80,11 +75,8 @@
                 mode="scaleToFill"
                 :src="info.film_show.thumb"
               ></xd-jfb-image>
-
               <view class="jfb-base-order-detail__body-no-delivery-info-right">
-                <view
-                  class="jfb-base-order-detail__body-no-delivery-info-right-name"
-                >
+                <view class="jfb-base-order-detail__body-no-delivery-info-right-name">
                   <view>{{ info.film_show.name }}</view>
                 </view>
                 <view
@@ -118,9 +110,7 @@
                   v-if="info.film_show.seat_name"
                 >
                   <view>座位：</view>
-                  <view :style="{ color: mainColor, fontWeight: 700 }">{{
-                    info.film_show.seat_name
-                  }}</view>
+                  <view :style="{ color: mainColor, fontWeight: 700 }">{{info.film_show.seat_name }}</view>
                 </view>
                 <view
                   class="jfb-base-order-detail__body-no-delivery-info-right-item"
@@ -134,9 +124,7 @@
               class="jfb-base-order-detail__body-delivery-bottom"
               v-if="info.film_show.detail && info.film_show.detail !== null"
             >
-              <view class="jfb-base-order-detail__body-delivery-bottom-title">{{
-                info.film_show.detail.title
-              }}</view>
+              <view class="jfb-base-order-detail__body-delivery-bottom-title">{{info.film_show.detail.title }}</view>
               <view
                 v-for="(Ditem, Dindex) in info.film_show.detail.items"
                 :key="Dindex"
@@ -165,9 +153,7 @@
           >
             <view class="jfb-base-order-detail__body-delivery-title">
               <view>子订单号：{{ item.sub_order_id }}</view>
-              <view :style="{ color: mainColor }">{{
-                item.status.status_name
-              }}</view>
+              <view :style="{ color: mainColor }">{{item.status.status_name}}</view>
             </view>
             <view
               style="border-bottom: 1px solid #eeeeee"
@@ -185,18 +171,13 @@
                   :src="Sitem.product_thumb"
                 ></xd-jfb-image>
                 <view class="jfb-base-order-detail__body-delivery-content-info">
-                  <view
-                    class="jfb-base-order-detail__body-delivery-content-info-name"
-                    >{{ Sitem.product_name }}</view
-                  >
+                  <view class="jfb-base-order-detail__body-delivery-content-info-name">{{ Sitem.product_name }}</view>
+                  <view v-if="Sitem.brand_name" class="brand-name" :style="{color:brandTextColor}">{{ Sitem.brand_name }}</view>
                   <view
                     v-if="Sitem.product_sku_name"
                     class="jfb-base-order-detail__body-delivery-content-info-sku"
-                    >规格：{{ Sitem.product_sku_name }}</view
-                  >
-                  <view
-                    class="jfb-base-order-detail__body-delivery-content-info-price"
-                  >
+                  >规格：{{ Sitem.product_sku_name }}</view>
+                  <view class="jfb-base-order-detail__body-delivery-content-info-price">
                     <view :style="{ fontSize: '32rpx', color: mainColor }">
                       <xd-unit
                         :price="Sitem.sale_price"
@@ -205,15 +186,12 @@
                         v-if="biz_code !== 'gift' || info.is_show_gift_price"
                       ></xd-unit>
                     </view>
-                    <view
-                      style="
+                    <view style="
                         font-size: 28rpx;
                         color: #999999;
                         display: flex;
                         align-items: center;
-                      "
-                      >x {{ Sitem.product_num }}</view
-                    >
+                      ">x {{ Sitem.product_num }}</view>
                   </view>
                 </view>
               </view>
@@ -231,9 +209,7 @@
               class="jfb-base-order-detail__body-delivery-bottom"
               v-if="item.info && item.info.length > 0"
             >
-              <view class="jfb-base-order-detail__body-delivery-bottom-title"
-                >配送信息</view
-              >
+              <view class="jfb-base-order-detail__body-delivery-bottom-title">配送信息</view>
               <view
                 v-for="(Ditem, Dindex) in item.info"
                 :key="Dindex"
@@ -264,9 +240,7 @@
             v-for="(item, index) in info.settle_tag_info.settle_tag_info_list"
             :key="index"
             class="jfb-base-order-detail__body-settle-list"
-          >
-            {{ item.label }}：{{ item.value }}
-          </view>
+          >{{ item.label }}：{{ item.value }}</view>
         </view>
         <view v-if="info.codes && info.codes.length > 0">
           <view
@@ -297,7 +271,7 @@
             </view>
 
             <view v-if="info.codes[0].can_read_password" class="jfb-base-order-detail__body-cashier-password" @click="showPassword = true">
-              {{ showPassword ? info.codes[0].can_read_code : "查看密码" }}
+              {{ showPassword ? info.codes[0].can_read_code : "查看" }}
             </view>
             <view v-else class="jfb-base-order-detail__body-cashier-text">
               {{ info.codes[0].can_read_code }}
@@ -313,9 +287,7 @@
                 color: mainColor,
                 background: bgColor,
               }"
-            >
-              {{ info.codes[0].code_end_time }}
-            </view>
+            >{{ info.codes[0].code_end_time }}</view>
           </view>
           <view v-else>
             <view
@@ -329,8 +301,7 @@
               v-for="(item, index) in info.codes"
               :key="index"
             >
-              <view
-                style="
+              <view style="
                   color: #999;
                   background: #eee;
                   border-radius: 20rpx;
@@ -340,9 +311,7 @@
                   font-size: 24rpx;
                   padding: 10rpx 0;
                   margin: 32rpx 0 32rpx 32rpx;
-                "
-                >{{info.codes.length > 10 ? index + 1 : `0${index + 1}` }}</view
-              >
+                ">{{info.codes.length > 10 ? index + 1 : `0${index + 1}` }}</view>
               <view
                 class="jfb-base-order-detail__body-card jfb-base-order-detail__body-num"
                 v-if="item.show_type === 'text' && !item.password"
@@ -353,8 +322,7 @@
                 <view
                   class="jfb-base-order-detail__body-num-info-copy"
                   @click="copy(item.code)"
-                  >复制</view
-                >
+                >复制</view>
                 <view
                   v-if="item.code_end_time"
                   class="jfb-base-order-detail__body-cashier-code"
@@ -363,9 +331,7 @@
                     color: mainColor,
                     background: bgColor,
                   }"
-                >
-                  {{ item.code_end_time }}
-                </view>
+                >{{ item.code_end_time }}</view>
               </view>
 
               <view
@@ -385,8 +351,7 @@
                   <view
                     class="jfb-base-order-detail__body-num-info-copy"
                     @click="copy(item.code)"
-                    >复制</view
-                  >
+                  >复制</view>
                 </view>
                 <view
                   class="jfb-base-order-detail__body-num"
@@ -406,12 +371,9 @@
                       color: mainColor,
                       background: bgColor,
                     }"
-                  >
-                    {{ item.code_end_time }}
-                  </view>
+                  >{{ item.code_end_time }}</view>
                 </view>
               </view>
-
               <view
                 class="jfb-base-order-detail__body-card"
                 v-if="item.show_type === 'qrcode'"
@@ -423,7 +385,7 @@
                   <view
                     class="jfb-base-order-detail__body-num-info-copy"
                     style="margin-top: 0;"
-                    @click="handleShowCode(item)">查看二维码和密码</view>
+                    @click="handleShowCode(item)">查看二维码和{{ item.password_title }}</view>
                   <view
                     v-if="item.code_end_time"
                     class="jfb-base-order-detail__body-cashier-code"
@@ -471,8 +433,7 @@
                   <view
                     class="jfb-base-order-detail__body-num-info-copy"
                     @click="handleToJump(item.code)"
-                    >访问</view
-                  >
+                  >访问</view>
                   <view
                     class="jfb-base-order-detail__body-num-info-copy"
                     @click="copy(item.code)"
@@ -491,7 +452,7 @@
             </view>
           </view>
         </view>
-        <view v-if="info.support_shops">
+        <view v-if="info.support_shops && is_show_support_shop === 'Y'">
           <view
             class="jfb-base-order-detail__body-card jfb-base-order-detail__body-jump"
             :style="{
@@ -527,9 +488,7 @@
         >
           <view class="jfb-base-order-detail__body-shop-title">
             <view :style="{ background: mainColor }"></view>
-            <view>
-              {{ info.shop.layer_name }}
-            </view>
+            <view>{{ info.shop.layer_name }}</view>
           </view>
           <view class="jfb-base-order-detail__body-shop-name">
             {{ info.shop.shop_name }}
@@ -813,6 +772,8 @@ export default {
       isPreview: false, //是否预览
       biz_code: "",
       is_not_show_price: "",
+      brandTextColor:'',
+      is_show_support_shop: "",
 
       showPassword: false,
       dialogPassword: "",
@@ -1068,80 +1029,28 @@ export default {
      */
     init(container) {
       this.bgColor = this.$colorChange(this.mainColor).alpha(0.1).toString();
-      this.brandPath = getContainerPropsValue(container, "content.brandPath", {
-        value: "",
-      }).value;
-      this.payPath = getContainerPropsValue(container, "content.payPath", {
-        value: "",
-      }).value;
-      // this.logisticsPath = getContainerPropsValue(
-      //   container,
-      //   "content.logisticsPath",
-      //   { value: "" }
-      // ).value;
-      this.packageListPath = getContainerPropsValue(
-        container,
-        "content.packageListPath",
-        { value: "" }
-      ).value;
-      this.webViewPath = getContainerPropsValue(
-        container,
-        "content.webViewPath",
-        {
-          value: "",
-        }
-      ).value;
-      this.margin = getContainerPropsValue(container, "content.margin", {
-        top: 0,
-        left: 0,
-        right: 0,
-        bottom: 0,
-      });
+      this.brandPath = getContainerPropsValue(container, "content.brandPath", {value: "",}).value;
+      this.payPath = getContainerPropsValue(container, "content.payPath", {value: "",}).value;
+
+
+      this.packageListPath = getContainerPropsValue(container, "content.packageListPath", { value: "" }).value;
+      this.webViewPath = getContainerPropsValue(container, "content.webViewPath", {value: "",}).value;
+      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"
-      );
+      this.backgroundColor = getContainerPropsValue(container, "content.backgroundColor", "#f8f8f8");
+      this.brandTextColor = getContainerPropsValue(container, "content.brandTextColor", this.mainColor);
       this.padding = getContainerPropsValue(container, "content.padding", 20);
 
-      this.is_shadow = getContainerPropsValue(
-        container,
-        "content.is_shadow",
-        "N"
-      );
-      this.is_shadow_bg = getContainerPropsValue(
-        container,
-        "content.is_shadow_bg",
-        "#fff"
-      );
-      this.is_shadow_w = getContainerPropsValue(
-        container,
-        "content.is_shadow_w",
-        "10"
-      );
-
-      this.is_border = getContainerPropsValue(
-        container,
-        "content.is_border",
-        "N"
-      );
+      this.is_shadow = getContainerPropsValue(container, "content.is_shadow", "N");
+      this.is_shadow_bg = getContainerPropsValue(container, "content.is_shadow_bg", "#fff");
+      this.is_shadow_w = getContainerPropsValue(container, "content.is_shadow_w", "10");
+
+      this.is_border = getContainerPropsValue(container, "content.is_border", "N");
       this.is_hot = getContainerPropsValue(container, "content.is_hot", "Y");
-      this.is_border_c = getContainerPropsValue(
-        container,
-        "content.is_border_c",
-        "#fff"
-      );
-      this.is_border_w = getContainerPropsValue(
-        container,
-        "content.is_border_w",
-        2
-      );
-      this.viewStatus = getContainerPropsValue(
-        container,
-        "content.viewStatus",
-        "mall"
-      );
+      this.is_border_c = getContainerPropsValue(container, "content.is_border_c", "#fff");
+      this.is_border_w = getContainerPropsValue(container, "content.is_border_w", 2);
+      this.viewStatus = getContainerPropsValue(container, "content.viewStatus", "mall");
+      this.is_show_support_shop = getContainerPropsValue(container, "content.is_show_support_shop", "N");
     },
     getCountDown() {
       this.timer = setInterval(() => {
@@ -1298,6 +1207,14 @@ export default {
 
 .jfb-base-order-detail {
   &__body {
+    .brand-name {
+      padding-top: 5rpx;
+      font-size: 24rpx;
+      margin-bottom: 6rpx;
+      .uni-max-cut(2, 64);
+      line-height: 32rpx;
+    }
+
     color: #333;
     .logo-icon {
       width: unit(80, rpx) !important;
@@ -1437,7 +1354,7 @@ export default {
           flex-direction: column;
           justify-content: space-between;
           margin-left: unit(28, rpx);
-          height: unit(160, rpx);
+          min-height: unit(160, rpx);
 
           &-name {
             font-size: unit(32, rpx);
@@ -1453,7 +1370,7 @@ export default {
 
           &-sku {
             color: #999999;
-            font-size: unit(28, rpx);
+            font-size: unit(24, rpx);
             .uni-max-cut(2, 80);
           }
 

package/src/components/JfbBaseOrderDetail/bizMock.js

@@ -32,12 +32,14 @@ export default {
         "loading_timeout": 0
       },
       "products": [{
+        'brand_id': 2,
+        'brand_name': "北京味多美蛋糕叔叔/HEYTEA/喜茶/凯蒂猫/Quange/全格",
         "product_id": 60006948,
-        "product_name": "实物商品jls（单规格）1",
+        "product_name": "动物奶油】ins小清新动物奶油生日蛋糕",
         "product_sku_id": "0",
         "product_sku_name": "草莓",
         "product_type": "good",
-        "product_num": 1,
+        "product_num": 8,
         "product_thumb": "\/\/sandbox-img.jufubao.cn\/uploads\/20230406\/0b890cd5a947d9c5724b412d34cd4000.png",
         "sale_price": 1549,
         "product_form_data": [{"label": "祝福语", "value": "心想事成！"}]
@@ -82,7 +84,13 @@ export default {
       "cards": [{"card_number": "101001000007170", "card_type_name": "聚福宝福", "card_use_point": 21649}]
     },
     "extras": {"first_logistics_package_id": "", "logistics_count": 0},
-    "request_id": "ff8234b90362f21a"
+    "request_id": "ff8234b90362f21a",
+    "support_shops": {
+      "layer_name": "附近门店",
+      "brand_id": 100003,
+      "brand_name": "品牌jls0519",
+      "region_limit_tpl_id": ""
+    }
   },
   cashier: {
     "detail": [{"label": "主订单号", "value": "c516938076507504640", "type": "copy", "style": "bold"}, {

package/src/components/JfbBaseOrderList/Attr.js

@@ -52,6 +52,15 @@ export default {
         placeholder: '请选择背景颜色',
         classNmae: 'input80',
       },
+      {
+        label: '品牌文字颜色:',
+        ele: 'xd-color',
+        valueKey: 'brandTextColor',
+        groupKey:'style',
+        value: data['brandTextColor'] || null,
+        placeholder: '请选择品牌文字颜色',
+        classNmae: 'input80',
+      },
       {
         label: '间距:',
         ele: 'el-input',

package/src/components/JfbBaseOrderList/JfbBaseOrderList.vue

@@ -44,6 +44,7 @@
               <image></image>
               <view class="jfb-base-order-list__body-order-item-content-info">
                 <view class="jfb-base-order-list__body-order-item-content-info-name"></view>
+                <view class="brand_name"></view>
                 <view class="jfb-base-order-list__body-order-item-content-info-price">
                   <view></view>
                   <view class="info-price"></view>
@@ -82,49 +83,26 @@
                 :icon="item.biz_code_icon"
                 :size="item['biz_code_icon_size']"
               ></xd-font-icon>
-              <view :class="{ marginLeft: item.biz_code_icon }">{{
-                item.biz_code_name
-              }}</view>
+              <view :class="{ marginLeft: item.biz_code_icon }">{{item.biz_code_name }}</view>
             </view>
             <view class="jfb-base-order-list__body-order-item-title">
               <view>订单编号:{{ item.main_order_id }}</view>
-              <view
-                :style="{color:item.status.status_type !== 'error' ? mainColor : '#999999',}"
-                >{{ item.status.status_name }}</view>
+              <view :style="{color:item.status.status_type !== 'error' ? mainColor : '#999999',}">{{ item.status.status_name }}</view>
             </view>
             <view class="order-list">
               <view
                 class="jfb-base-order-list__body-order-item-content"
                 v-for="(Sitem, Sindex) in item.products"
                 :key="Sitem.key"
-                v-if="(item['isOpen'] === false && Sindex < showLen) || item['isOpen']">
-                <image
-                  :src="Sitem.product_thumb"
-                  style="background: #ffffff"
-                  mode="aspectFit"
-                ></image>
+                v-if="(item['isOpen'] === false && Sindex < showLen) || item['isOpen']"
+              >
+                <image :src="Sitem.product_thumb" style="background: #ffffff" mode="aspectFit"></image>
                 <view class="jfb-base-order-list__body-order-item-content-info">
-                  <view
-                    class="jfb-base-order-list__body-order-item-content-info-name"
-                    >{{ Sitem.product_name }}</view
-                  >
-                  <view
-                    v-if="Sitem.product_sku_name"
-                    class="jfb-base-order-list__body-order-item-content-info-skuname"
-                    >规格：{{ Sitem.product_sku_name }}</view
-                  >
-                  <view
-                    class="jfb-base-order-list__body-order-item-content-info-price"
-                  >
-                    <view :style="{ fontSize: '32rpx', color: mainColor }">
-                      <!-- <xd-unit
-                        :isOld="false"
-                        :price="Sitem.sale_price"
-                        :color="mainColor"
-                        :fontSize="32"
-                        v-if="item.biz_code !== 'gift'"
-                      ></xd-unit> -->
-                    </view>
+                  <view class="jfb-base-order-list__body-order-item-content-info-name">{{ Sitem.product_name }}</view>
+                  <view class="brand-name" v-if="Sitem.brand_name" :style="{color:brandTextColor}">{{ Sitem.brand_name }}</view>
+                  <view v-if="Sitem.product_sku_name" class="jfb-base-order-list__body-order-item-content-info-skuname">规格：{{ Sitem.product_sku_name }}</view>
+                  <view class="jfb-base-order-list__body-order-item-content-info-price">
+                    <view></view>
                     <view class="info-price">
                       <text>X</text>
                       <text>{{ Sitem.product_num }}</text>
@@ -180,8 +158,7 @@
                   :type="getBtnType(btn.action)"
                   size="mini"
                   @click="handleBtnEvent(btn.action, item)"
-                  >{{ btn.text }}
-                </xd-button>
+                >{{ btn.text }}</xd-button>
               </view>
             </view>
           </view>
@@ -224,6 +201,7 @@ export default {
   mixins: [componentsMixins, extsMixins, JfbBaseOrderListMixin],
   data() {
     return {
+
       showLen: 3,
       tabList: [],
       tabIndex: 0,
@@ -241,6 +219,7 @@ export default {
       //基础
       radius: 0,
       backgroundColor: "",
+      brandTextColor:'',
       padding: 0,
 
       //投影
@@ -320,72 +299,34 @@ export default {
      * @param container {object} 业务组件对象自己
      */
     init(container) {
-      this.margin = getContainerPropsValue(container, "content.margin", {
-        top: 0,
-        left: 0,
-        right: 0,
-        bottom: 0,
-      });
+      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"
-      );
+      this.backgroundColor = getContainerPropsValue(container, "content.backgroundColor", "#f8f8f8");
+      this.brandTextColor = getContainerPropsValue(container, "content.brandTextColor", this.mainColor);
       this.padding = getContainerPropsValue(container, "content.padding", 20);
 
-      this.is_shadow = getContainerPropsValue(
-        container,
-        "content.is_shadow",
-        "N"
-      );
-      this.is_shadow_bg = getContainerPropsValue(
-        container,
-        "content.is_shadow_bg",
-        "#fff"
-      );
-      this.is_shadow_w = getContainerPropsValue(
-        container,
-        "content.is_shadow_w",
-        "10"
-      );
+      this.is_shadow = getContainerPropsValue(container, "content.is_shadow", "N");
+      this.is_shadow_bg = getContainerPropsValue(container, "content.is_shadow_bg", "#fff");
+      this.is_shadow_w = getContainerPropsValue(container, "content.is_shadow_w", "10");
 
-      this.is_border = getContainerPropsValue(
-        container,
-        "content.is_border",
-        "N"
-      );
-      this.is_border_c = getContainerPropsValue(
-        container,
-        "content.is_border_c",
-        "#fff"
-      );
-      this.is_border_w = getContainerPropsValue(
-        container,
-        "content.is_border_w",
-        2
-      );
+      this.is_border = getContainerPropsValue(container, "content.is_border", "N");
+      this.is_border_c = getContainerPropsValue(container, "content.is_border_c", "#fff");
+      this.is_border_w = getContainerPropsValue(container, "content.is_border_w", 2);
 
-      this.detailPath = getContainerPropsValue(
-        container,
-        "content.detailPath",
-        { value: "" }
-      ).value;
-      this.payPath = getContainerPropsValue(container, "content.payPath", {
-        value: "",
-      }).value;
-      this.tabList = getContainerPropsValue(
-        container,
-        "content.orderTypeList",
-        []
-      ).map((item) => {
+      this.detailPath = getContainerPropsValue(container, "content.detailPath", { value: "" }).value;
+      this.payPath = getContainerPropsValue(container, "content.payPath", {value: "",}).value;
+      this.tabList = getContainerPropsValue(container, "content.orderTypeList", []).map((item) => {
         return {
           name: item.customName || item.label,
           ...item,
           size: Number(item.size ? item.size : 18) * 2,
         };
       });
-      console.log("this.tabList", this.tabList);
+
+    },
+
+    switchOpen(item){
+      item['isOpen'] = !item['isOpen']
     },
 
     switchOpen(item){
@@ -576,6 +517,12 @@ export default {
       }
     }
     &-order {
+      .brand-name {
+        font-size: 24rpx;
+        margin-bottom: 6rpx;
+        .uni-max-cut(2, 64);
+        line-height: 32rpx;
+      }
       &-item {
         .skeleton-wrap & {
           background-color: #FFFFFF;