jufubao-food 1.0.12-beta5 → 1.0.12-beta7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jufubao-food",
-  "version": "1.0.12-beta5",
+  "version": "1.0.12-beta7",
   "private": false,
   "description": "聚福宝业务组件餐饮插件包",
   "main": "index.js",

package/src/components/JfbFoodConfirmV2/Api.js

@@ -105,13 +105,21 @@ module.exports = [
   },
   {
     mapFnName: 'createFoodOrder',
-    title: '创建订单',
-    path: '/hourdash/v1/order/submit/:cart_order_id',
+    title: '餐饮 - 创建订单',
+    path: '/mall/v1/order/pre/submit',
     isRule: false,
     data: {
-      selected_card_list_json: ['被操作的卡券的卡号', 'String', '必选'],
-      buy_product: ['临时订单号', 'Number', '必选'],
-      need_pay_price: ['仍需支付金额', 'Number', '必选'],
+      pay_card_list: [
+        '被操作的卡券的卡号',
+        `[
+          {card_number:123,card_point:100,card_price:200},
+          {card_number:234,card_point:100,card_price:200,card_password:abc},
+          {card_number:456,card_point:100,card_price:200,qrcode:aaa}]`,
+        '必选',
+      ],
+      total_price: ['总金额', 'Number', '必选'],
+      main_order_id: ['main_order_id', 'number', '必选'],
+      notify_provider_id: ['notify_provider_id', 'String', '可选']
     },
     isConsole: true,
     disabled: true,

package/src/components/JfbFoodConfirmV2/JfbFoodConfirmV2.vue

@@ -93,15 +93,9 @@
         <xd-list-item label="商品价格" paddingLR="60rpx" size="small">
           <xd-unit :price="orderInfo.product_total_amount" :isOld="false" :fontSize="24" :iconSize="0.3"></xd-unit>
         </xd-list-item>
-        <!-- <xd-list-item label="商品运费" paddingLR="60rpx" size="small">
-          <xd-unit :price="orderFee.user_logistics_amount_origin" :isOld="false" :fontSize="24" :iconSize="0.3"></xd-unit>
-        </xd-list-item> -->
       </view>
       
       <view class="section">
-        <!-- <xd-list-item label="运费减免" :showBottom="!!showPayMethods.length" paddingLR="60rpx" size="small">
-          <xd-unit :largeZero="false" :price="-orderFee.user_logistics_discount_amount" :isOld="false" :fontSize="24" :iconSize="0.3"></xd-unit>
-        </xd-list-item> -->
         <template v-for="item in otherPayMethod">
           <xd-list-item v-if="item.method === 'card'" :key="item.method" :label="item.show_name" paddingLR="60rpx" size="small" :showRight="!(choseCoupon && choseCoupon.cardPayPrice)" @click="toChoseCard">
             <view slot="label">{{item.show_name}} <text v-if="choseCard && choseCard.cardPayPrice" style="color:red;margin-left: 4px;">(已选{{ choseCard.selectedCardList.length }}张)</text></view>
@@ -157,7 +151,7 @@
                 height: bottomBtnHeight + 'rpx',
                 lineHeight: bottomBtnHeight + 'rpx',
               }"
-              @click="handlePayConfirm"
+              @click="handleCardPay"
             >{{bottomPayText}}</xd-button>
           </view>
         </view>
@@ -219,7 +213,7 @@
         </view>
         <view slot="btn" style="display: flex;margin-top: 40rpx;">
           <xd-button type="info" size="small" @click="handleChangeStop">更换门店</xd-button>
-          <xd-button type="primary" size="small" style="margin-left: 40rpx;" @click="handleCardPay">就是这家</xd-button>
+          <xd-button type="primary" size="small" style="margin-left: 40rpx;" @click="handleCreatePayConfirm">就是这家</xd-button>
         </view>
       </XdDailog>
 
@@ -278,11 +272,10 @@
         order_id: "", //订单ID
         comment: "", //订单备注
         buyer_phone_number: "", //订购人手机号
-        meal_method: "in_store", //订餐方式
+        meal_method: "", //订餐方式
         productList: [],
         orderInfo: {},
         shopInfo: {},
-        orderFee: {},
         otherPayMethod: [],
         otherPayLoaded: false,
         is_can_buy: "Y",
@@ -290,6 +283,7 @@
         vipCardList: [],
         vip_card_id: "",
         plus_saving_money: 0,
+        main_order_id: "",
         
         showDialogConfirmShop: false,
         showDialogChangeShop: false,
@@ -481,7 +475,9 @@
               is_show_price: this.showPrice,
               latitude: this.stateLocation.latitude,
               longitude: this.stateLocation.longitude,
-              vip_card_id: this.vip_card_id
+              card_id: this.vip_card_id,
+              meal_method: this.meal_method,
+              main_order_id: this.main_order_id
             }
           }).then(res => {
             this.$xdHideLoading();
@@ -493,39 +489,32 @@
         },150)
       },
       handlerConfirmRes(res){
-        this.is_first_use_card = res.is_first_use_card || "Y";
-        this.is_use_jfb_pay = res.is_use_jfb_pay || "Y";
+        // this.is_first_use_card = res.is_first_use_card || "Y";
+        // this.is_use_jfb_pay = res.is_use_jfb_pay || "Y";
         this.is_show_vip_card_list = res.is_show_vip_card_list;
 
+        // this.is_can_buy = res.is_can_buy;
+        let priceChange = this.orderInfo.real_total_amount && this.orderInfo.real_total_amount != res.order_info.real_total_amount;
+
         this.productList = res.product_infos;
         this.orderInfo = res.order_info;
         this.shopInfo = res.shop_info;
+        let mealMethods = res.shop_info.meal_method;
+        if(!this.meal_method && mealMethods.length){
+          this.meal_method = mealMethods[0].value;
+        }
+        this.plus_saving_money = res.plus_saving_money || 0;
+        this.main_order_id = res.order_info.main_order_id
 
-        // this.is_can_buy = res.is_can_buy;
-        // this.gift_pay_method = res.gift_pay_method;
-        // this.show_receive_address = res.show_receive_address;
-        // this.show_pick_up_address = res.show_pick_up_address;
-        // this.main_show_delivery_price = res.main_show_delivery_price;
-        // let priceChange = this.orderFee.total_amount && this.orderFee.total_amount != res.total_amount;
-        
-        // this.orderFee = {
-        //   logistics_amount: res.logistics_amount,
-        //   total_amount: res.total_amount,
-        //   user_logistics_discount_amount: res.user_logistics_discount_amount,
-        //   user_logistics_amount_origin: res.user_logistics_amount_origin,
-        //   product_amount: res.product_amount,
-        //   plus_saving_money: res.plus_saving_money,
-        //   origin_amount: res.origin_amount,
-        // }
         //支付方式跟用户相关，与订单无关。
         //只获取一次。
         if(!this.otherPayLoaded){
           this.p_getPayMethod(res.support_payment_methods);
         }
         //确认订单价格改变，清空选择
-        // if(priceChange){
-        //   this.clearCheckedWhenPriceChange();
-        // }
+        if(priceChange){
+          this.clearCheckedWhenPriceChange();
+        }
         if(res.vip_card_item){
           if(res.vip_card_item.is_can_buy === 'Y'){
             this.vip_card_id = res.vip_card_item.vip_card_id;
@@ -551,6 +540,7 @@
       },
       handleSelectMeal(method){
         this.meal_method = method;
+        this.p_getCartConfirm();
       },
       //确认订单价格改变，清空选择
       clearCheckedWhenPriceChange(){
@@ -609,17 +599,13 @@
       handleSwitchShop(){
         this.showDialogChangeShop = false;
         this.$xdUniHelper.navigateTo({
-          url: this.switchStorePath
+          url: this.switchStorePath + '?brand_id=' + this.shopInfo.brand_id,
         })
       },
       handleChangeStop(){
         this.showDialogChangeShop = true;
         this.showDialogConfirmShop = false;
       },
-      handlePayConfirm(){
-        if(!this.getCreateOrderParams()) return false;
-        this.showDialogConfirmShop = true;
-      },
       async handleCardPay(){
         if(!this.getCreateOrderParams()) return false;
         this.checkUseNewPay();
@@ -660,12 +646,26 @@
             }
           }
         }
+        this.showDialogConfirmShop = true;
+        // this.useTickAndWalletPay(selected_card_list, selected_wallet_list);
+      },
+      //去创建订单
+      handleCreatePayConfirm(){
+        //已选卡
+        let selected_card_list = []
+        if(this.choseCard) {
+          selected_card_list = this.choseCard ? this.choseCard.selectedCardList : [];
+        } else if(this.choseCoupon) {
+          selected_card_list = this.choseCoupon ? this.choseCoupon.selectedCardList : [];
+        }
+        let selected_wallet_list = this.choseWallet ? this.choseWallet.selectedWalletList : []
         this.useTickAndWalletPay(selected_card_list, selected_wallet_list);
       },
+
       //使用钱包跟票券一同支付
       useTickAndWalletPay(selected_card_list, selected_wallet_list){
         this.createSettleOrder({
-          total_price: this.orderFee.total_amount,
+          total_price: this.orderInfo.real_total_amount,
           selected_card_list_json: JSON.stringify(selected_card_list),
           selected_wallet_list_json: JSON.stringify(selected_wallet_list),
           need_pay_price: this.orderNeedPayPrice,

package/src/components/JfbFoodConfirmV2/orderMixin.js

@@ -192,11 +192,11 @@ export default {
           ...options,
           ...other,
           namespace: this.xnamespace,
-          cart_order_id: this.order_id,
+          main_order_id: this.main_order_id,
           notify_provider_id: this.projectAttr['notify_provider_id'],
         }
       }).then(async res => {
-        successCb({...res, order_id: res.main_order_id })
+        successCb({...res, order_id: res.order_id })
         // setTimeout(() => {
         //   this.p_getOrderInfo(res, (res1) => {
         //     successCb(res1)

package/src/components/JfbFoodProductInfo/Attr.js

@@ -7,7 +7,19 @@ export default {
   style: [],
   content: (data) => {
     return [
-      
+      {
+        label: '商品列表页',
+        ele: 'xd-select-pages-path',
+        valueKey: 'foodProductListPath',
+        placeholder: '请选择商品列表页跳转地址',
+        value: data.foodProductListPath || null,
+        labelInline: true,
+        setting: {
+          router: XdBus.getParentApi('getPagesTree'),
+        },
+        groupKey:'advanced',
+        className: 'input100',
+      },
     ].filter(i=>i)
   },
   advanced: [],

package/src/components/JfbFoodProductInfo/JfbFoodProductInfo.vue

@@ -132,6 +132,7 @@
         bottomBtnFill: "",
         bottomPadding: {},
         bottomBtnOrder: "",
+        foodProductListPath: "",
       }
     },
     computed: {
@@ -206,6 +207,7 @@
        * @param container {object} 业务组件对象自己
        */
       init(container) {
+        this.foodProductListPath = getContainerPropsValue(container, 'content.foodProductListPath', {value: ""}).value;
         this.shopBtnBgColor = gCPVal(container, 'shopBtnBgColor', this.mainColor, {sKey:'cartBtnStatus',fields:['shopBtnBgColor']});
       },
       handleSkuChange(sku){
@@ -267,7 +269,14 @@
             }
           }
         }).then(res => {
-          this.onJfbBack(res);
+          //判断是否有上一页，如果有则返回上一页
+          if(getCurrentPages().length > 1){
+            this.$xdUniHelper.navigateBack();
+          }else{
+            this.$xdUniHelper.redirectTo({
+              url: this.foodProductListPath + `?resource_shop_id=${this.baseInfo.resource_shop_id}`,
+            })
+          }
         })
       },
       animationfinish(e) {
@@ -298,7 +307,6 @@
       },
       onJfbBack(options) {
         if(this.$configProject["isPreview"]) return;
-        this.$xdUniHelper.navigateBack();
       },
       onJfbUpdate(...data) {
         console.log('event.onJfbUpdate', data)

package/src/components/JfbFoodProductList/JfbFoodProductList.vue

@@ -19,7 +19,7 @@
       <view class="shop_info" :style="{top: layoutInfo.top+'rpx'}" @click="handleSwitchShop">
         <view class="flex-center">
           <xd-font-icon icon="icona-Buy2"  size="36" style="margin-right: 8rpx;"></xd-font-icon>
-          {{ shopInfo.shop_name }} <text style="margin:0 20rpx;">|</text> <text class="_distance">{{ shopInfo.distance }}</text>
+          <view class="shop_name">{{ shopInfo.shop_name }}</view><text style="margin:0 20rpx;">|</text> <text class="_distance">{{ shopInfo.distance }}</text>
         </view>
         <view>
           <xd-font-icon icon="iconxiangyou_xian" color="#666666" size="28"></xd-font-icon>
@@ -55,7 +55,29 @@
               <view class="group_title">{{ cate.category_name }}</view>
               <view class="product_list" v-if="cate.productList.length">
                 <view v-for="item in cate.productList" :key="item.key" :style="[contProductStyles]">
-                  <cus-product
+                  <view class="product_item">
+                    <view class="prod_img">
+                      <image :src="item.thumb"/>
+                    </view>
+                    <view class="prod_info">
+                      <view class="prod_tit"
+                        :class="{
+                          prod_tit_one:item.product_sku_name
+                        }">{{item.product_name}}</view>
+                      <!-- <view class="prod_brand" :style="{color:brandTextColor}" v-if="prod.brand_name">{{prod.brand_name}}</view> -->
+                      <view class="prod_specs" v-if="item.sub_name">{{item.sub_name}}</view>
+                      <view class="prod_price">
+                        <view style="display:flex;align-items:center">
+                          <CusPrice :isPlus="is_plus_site" type="order" :showPrice="item.show_prices"></CusPrice>
+                        </view>
+                        <view style="font-size: 28rpx;color:#999" @click="toProductDetail(item)">
+                          <view v-if="item.has_choose" class="chose_spu">选规格</view>
+                          <xd-font-icon v-else icon="iconaddcart" :color="mainColor" size="46"></xd-font-icon>
+                        </view>
+                      </view>
+                    </view>
+                  </view>
+                  <!-- <cus-product
                     :image-radius="imageRadius"
                     :brand-color="brandColor"
                     :height="200"
@@ -67,7 +89,7 @@
                     :row-spacing="rowSpacing"
                     :cell-spacing="itemSpacing"
                     @on-product-detail="toProductDetail"
-                  ></cus-product>
+                  ></cus-product> -->
                 </view>
               </view>
               <view class="product_list" v-else>
@@ -91,7 +113,7 @@
           <xd-unit :price="cartPrice" :isOld="false"></xd-unit>
         </view>
         <view>
-          <xd-button width="200rpx" size="small" type="primary" @click="handleSubmitCart">选好了</xd-button>
+          <xd-button width="200rpx" size="small" type="primary" :disabled="!cartProductList.length" @click="handleSubmitCart">选好了</xd-button>
         </view>
       </view>
       <view class="cart_product_modal" v-if="cartProductShow">
@@ -168,6 +190,7 @@
     ],
     data() {
       return {
+        closeMask: true,
         resource_shop_id: "",
         xnamespace: "",
         consume_mode: "",
@@ -197,7 +220,7 @@
         //商品列表
         column_num: 1,
         skeNumber:10,
-        rowSpacing:20,
+        rowSpacing: 16,
         columnSpacing:20,
         listPadding:{},
         productConfig:{},
@@ -226,7 +249,7 @@
         return {
           backgroundColor: this.itemBgcColor,
           marginBottom: this.rowSpacing + 'rpx',
-          padding: '20rpx',
+          padding: '16rpx',
           borderRadius: '16rpx',
         }
       },
@@ -272,7 +295,8 @@
         this.foodDetailPath = getContainerPropsValue(container, 'content.foodDetailPath', {value: "/Smallline/food/pinfo"}).value;
         this.confirmPath = getContainerPropsValue(container, 'content.confirmPath', {value: "/Smallline/food/confirmv2"}).value;
         this.switchStorePath = getContainerPropsValue(container, 'content.switchStorePath', { value: ''}).value;
-        this.productConfig = this.getProductConfig(container);
+        // this.productConfig = this.getProductConfig(container);
+        this.productConfig = this.getProductConfig(container,{cartStyle:'iconaddcart'});
       },
       handleCartNumChange(val, prod){
         console.log("handleCartNumChange", val, prod)
@@ -304,7 +328,7 @@
       },
       handleSwitchShop(){
         this.$xdUniHelper.navigateTo({
-          url: this.switchStorePath,
+          url: this.switchStorePath + "?brand_id=" + this.shopInfo.brand_id,
         })
       },
       p_getFoodShopDetail(){
@@ -560,7 +584,8 @@
             }
           }
         }).then(res => {
-
+          this.p_getFoodCartList();
+          this.p_getFoodCartCount();
         })
       },
       //获取购物车列表
@@ -578,6 +603,7 @@
         })
       },
       handleSubmitCart(){
+        if(this.cartProductList.length === 0) return;
         jfbRootExec("submitFoodCart", {
           vm: this,
           data: {
@@ -649,17 +675,24 @@
           font-size: 24rpx;
           color: #666666;
         }
+        .shop_name{
+          white-space: nowrap;
+          overflow: hidden;
+          text-overflow: ellipsis;
+          max-width: 460rpx;
+          flex: 1;
+        }
       }
       .section_main{
         display: flex;
-        padding-top: 20rpx;
+        padding-top: 16rpx;
         box-sizing: border-box;
         .left_nav{
           width: 160rpx;
           background-color: #FFFFFF;
           font-size: 24rpx;
           border-radius: 16rpx;
-          margin-left: 20rpx;
+          margin-left: 16rpx;
           .nav_item{
             padding: 24rpx;
             text-align: center;
@@ -693,13 +726,13 @@
         }
         .right_product{
           flex: 1;
-          margin: 0 20rpx;
+          margin: 0 16rpx;
 
           .product_group{
             .group_title{
               font-size: 24rpx;
               background-color: #FFFFFF;
-              margin-bottom: 20rpx;
+              margin-bottom: 16rpx;
               height: 64rpx;
               line-height: 64rpx;
               text-align: center;
@@ -714,6 +747,68 @@
                 color: #999999;
                 min-height: 200px;
               }
+              .product_item{
+                box-sizing: border-box;
+                height: auto;
+                background: #FFFFFF;
+                display: flex;
+
+                .chose_spu{
+                  padding: 12rpx 16rpx;
+                  background-color: var(--main-color);
+                  color: #FFFFFF;
+                  font-size: 24rpx;
+                  border-radius: 40rpx;
+                  box-sizing: border-box;
+                }
+
+                .prod_img{
+                  width: 200rpx;
+                  height: 200rpx;
+                  margin-right: 32rpx;
+                  // background: #f8f8f8;
+                  // border-radius: 16rpx;
+                  image{
+                    width: 100%;
+                    height: 100%;
+                  }
+                }
+                .prod_info{
+                  flex: 1;
+                  display: flex;
+                  flex-direction: column;
+                  justify-content: space-between;
+                  width: 100rpx;
+                }
+                .prod_tit{
+                  font-size: 28rpx;
+                  color: #333333;
+                  .uni-max-cut(2, 80);
+                  line-height: unit(40, rpx);
+                }
+                .prod_tit_one {
+                  .uni-max-cut(1, 40);
+                }
+
+                .prod_brand {
+                  font-size: 26rpx;
+                  padding-top: unit(10, rpx);
+                  line-height: unit(32, rpx);
+                }
+
+                .prod_specs{
+                  padding-top: unit(10, rpx);
+                  display: block;
+                  font-size: 26rpx;
+                  color: #999999;
+                  line-height: unit(32, rpx);
+                }
+                .prod_price{
+                  display: flex;
+                  align-items: flex-end;
+                  justify-content: space-between;
+                }
+              }
             }
           }
         }
@@ -766,7 +861,7 @@
               width: 200rpx;
               height: 200rpx;
               margin-right: 24rpx;
-              background: #DDD;
+              // background: #DDD;
               image{
                 width: 100%;
                 height: 100%;
@@ -780,7 +875,8 @@
               width: 100rpx;
             }
             .prod_tit{
-              font-size: 32rpx;
+              font-size: 28rpx;
+              color: #333333;
               .uni-max-cut(2, 80);
               line-height: unit(40, rpx);
             }

package/src/components/JfbFoodProductList/Mock.js

@@ -1,9 +1,9 @@
 'use strict';
 
 module.exports = {
-  getFoodShopDetail: {"resource_shop_id":8003557,"shop_id":1170110,"shop_name":"星巴克(平谷国泰店)","shop_icon":"","province_code":"","province_name":"","city_code":"jfb1","city_name":"北京","area_code":"","area_name":"","street_code":"","street_name":"","address":"平谷区文化北街13号国泰商场一层","about":"","latitude":"40.146809614188","longitude":"117.11770942955","distance":6722645,"meal_method":["in_store","take_away"],"phone":"(010)89968048","request_id":"e32700aa4017803f"},
+  getFoodShopDetail: {"resource_shop_id":8003557,"shop_id":1170110,"shop_name":"星巴克(平谷国泰店)","shop_icon":"","province_code":"","province_name":"","city_code":"jfb1","city_name":"北京","area_code":"","area_name":"","street_code":"","street_name":"","address":"平谷区文化北街13号国泰商场一层","about":"","latitude":"40.146809614188","longitude":"117.11770942955","distance":"519.5km","meal_method":["in_store","take_away"],"phone":"(010)89968048","request_id":"e32700aa4017803f"},
   getFoodShopCategory: {"categories":[{"category_id":"a0aacaff0fb278c5f8127cec63ec3a53","category_name":"限时特惠","cart_num":1},{"category_id":"c3e817f29eca3343734ef1e5e644b211","category_name":"夏日心动推荐","cart_num":0},{"category_id":"4700b6e5b19a9ff788b3dd421421ab6b","category_name":"真味无糖","cart_num":0},{"category_id":"54e63a4221698549900f442105821a95","category_name":"浓缩咖啡","cart_num":0},{"category_id":"b083cfcac8944b26225edbcdff22b0e3","category_name":"金烘浓缩","cart_num":0},{"category_id":"834cd2779458568a5278538eb3cb6920","category_name":"冷萃咖啡","cart_num":0},{"category_id":"af722afe78ed62dbe365b5d2360df690","category_name":"植物基咖啡","cart_num":0},{"category_id":"d6f14098f1d00bf849edef62f29ea094","category_name":"星巴克冰震浓缩","cart_num":0},{"category_id":"6af82de72ee20bbc204e4c25cac7326b","category_name":"浓小杯","cart_num":0},{"category_id":"8e39244d99a7b8ea0192842005be5ff4","category_name":"软雪星冰乐","cart_num":0},{"category_id":"61077dd3605a7bc2b8f4eb1ba3e6367b","category_name":"咖啡星冰乐","cart_num":0},{"category_id":"3c18282df5e406c82571de20d1e22f28","category_name":"无咖啡星冰乐","cart_num":0},{"category_id":"b88f8211c9249db7e85949fc8fc8c6f5","category_name":"冰摇茶","cart_num":0},{"category_id":"07378726d90bf8bf36a4e1a67bfbe904","category_name":"茶拿铁","cart_num":0},{"category_id":"258c7f91f59a21564947fc89a4c8fce3","category_name":"冰摇","cart_num":0},{"category_id":"04a8025f45c4b4bbe07d7021c0773538","category_name":"巧克力","cart_num":0},{"category_id":"4ee301588298388e3886cbda9673e6e6","category_name":"蒸气奶","cart_num":0}],"request_id":"2ff41432222daffd"},
-  getFoodProductList: {"lists":[{"category_id":"a0aacaff0fb278c5f8127cec63ec3a53","product_id":707,"product_name":"双杯抹茶星冰乐®","thumb":"https:\/\/image.quanma51.com\/self\/mahua\/sbk\/product\/7b45d7de7c684b48b14725c7816c4ec9!img","has_choose":true,"cart_num":0,"show_prices":[{"p":6960,"n":"","t":"S"}]},{"category_id":"a0aacaff0fb278c5f8127cec63ec3a53","product_id":708,"product_name":"双杯红茶拿铁","thumb":"https:\/\/image.quanma51.com\/self\/mahua\/sbk\/product\/c54d777ee7c34cd29a800c2e219249b0!img","has_choose":true,"cart_num":0,"show_prices":[{"p":6240,"n":"","t":"S"}]},{"category_id":"a0aacaff0fb278c5f8127cec63ec3a53","product_id":709,"product_name":"双杯摩卡可可碎片星冰乐®","thumb":"https:\/\/image.quanma51.com\/self\/mahua\/sbk\/product\/%E5%8F%8C%E6%9D%AF%E6%91%A9%E5%8D%A1%E5%8F%AF%E5%8F%AF%E7%A2%8E%E7%89%87%E6%98%9F%E5%86%B0%E4%B9%90.png!img","has_choose":true,"cart_num":0,"show_prices":[{"p":7920,"n":"","t":"S"}]},{"category_id":"a0aacaff0fb278c5f8127cec63ec3a53","product_id":710,"product_name":"双杯拿铁","thumb":"https:\/\/image.quanma51.com\/self\/mahua\/sbk\/product\/23787b1d58a7459086048182e9be4e22!img","has_choose":true,"cart_num":0,"show_prices":[{"p":7200,"n":"","t":"S"}]},{"category_id":"a0aacaff0fb278c5f8127cec63ec3a53","product_id":711,"product_name":"双杯美式咖啡","thumb":"https:\/\/image.quanma51.com\/self\/mahua\/sbk\/product\/58026111f5ab4091ade3a931b9f07648!img","has_choose":true,"cart_num":0,"show_prices":[{"p":6480,"n":"","t":"S"}]},{"category_id":"a0aacaff0fb278c5f8127cec63ec3a53","product_id":712,"product_name":"双杯馥芮白®","thumb":"https:\/\/image.quanma51.com\/self\/mahua\/sbk\/product\/%E5%8F%8C%E6%9D%AF%E9%A6%A5%E8%8A%AE%E7%99%BD.png!img","has_choose":true,"cart_num":0,"show_prices":[{"p":8400,"n":"","t":"S"}]},{"category_id":"a0aacaff0fb278c5f8127cec63ec3a53","product_id":713,"product_name":"双杯焦糖玛奇朵","thumb":"https:\/\/image.quanma51.com\/self\/mahua\/sbk\/product\/49e18ceb560c476292bea632b8e7c63f!img","has_choose":true,"cart_num":0,"show_prices":[{"p":8160,"n":"","t":"S"}]},{"category_id":"a0aacaff0fb278c5f8127cec63ec3a53","product_id":714,"product_name":"双杯燕麦拿铁","thumb":"https:\/\/image.quanma51.com\/self\/mahua\/sbk\/product\/5298306078e742a3bbc2a951c26e6a23!img","has_choose":true,"cart_num":0,"show_prices":[{"p":7200,"n":"","t":"S"}]},{"category_id":"a0aacaff0fb278c5f8127cec63ec3a53","product_id":715,"product_name":"双杯燕麦焦糖玛奇朵","thumb":"https:\/\/starbucks.quanma51.com\/MopPics\/202012\/209-MOPCatalog-0-342x324_2-zh.png?resize=p_4,w_228&image_process=image\/resize,w_228","has_choose":true,"cart_num":0,"show_prices":[{"p":8160,"n":"","t":"S"}]},{"category_id":"a0aacaff0fb278c5f8127cec63ec3a53","product_id":716,"product_name":"双杯巴旦木拿铁","thumb":"https:\/\/image.quanma51.com\/self\/mahua\/sbk\/product\/07468ac20918497c99984ae4ad51ddd7!img","has_choose":true,"cart_num":0,"show_prices":[{"p":7200,"n":"","t":"S"}]}],"total_size":27,"next_page_token":"2","request_id":"542b04590116772b"},
-  getFoodCartList: {"total":1,"total_amount":6969,"products":[{"product_id":707,"product_name":"双杯抹茶星冰乐®","product_sku":"","specs":[{"spec_code":"Cupsize","spec_name":"杯型","spec_value_code":"Grande","spec_value_name":"大杯","image":""},{"spec_code":"Temperature","spec_name":"温度","spec_value_code":"Cold","spec_value_name":"冰","image":""},{"spec_code":"Milk","spec_name":"添加或更换牛奶","spec_value_code":"6411150","spec_value_name":"全脂牛奶","image":""},{"spec_code":"Cream","spec_name":"饮品顶部","spec_value_code":"DefaultCream","spec_value_name":"标准搅打稀奶油","image":""},{"spec_code":"MultiChangeSyrup","spec_name":"无糖风味定制\/添加","spec_value_code":"710045678","spec_value_name":"香草风味","image":""},{"spec_code":"ChangeSugar","spec_name":"甜度选择","spec_value_code":"ClassicSugar","spec_value_name":"经典糖","image":""}],"sub_name":"大杯\/冰\/全脂牛奶\/标准搅打稀奶油\/香草风味\/经典糖","num":1,"thumb":"","show_prices":[{"p":6969,"n":"","t":"S"}],"max_buy":-1,"min_buy":-1,"status":"ok","tip":""}],"total_discount_price":0,"total_market_price":5806,"request_id":"ae2b655bf20b65bf"},
+  getFoodProductList: {"lists":[{"category_id":"a0aacaff0fb278c5f8127cec63ec3a53","product_id":707,"product_name":"双杯抹茶星冰乐®","thumb":"https:\/\/image.quanma51.com\/self\/mahua\/sbk\/product\/7b45d7de7c684b48b14725c7816c4ec9!img","has_choose":false,"cart_num":0,"show_prices":[{"p":6960,"n":"","t":"S"}]},{"category_id":"a0aacaff0fb278c5f8127cec63ec3a53","product_id":708,"product_name":"双杯红茶拿铁","thumb":"https:\/\/image.quanma51.com\/self\/mahua\/sbk\/product\/c54d777ee7c34cd29a800c2e219249b0!img","has_choose":true,"cart_num":0,"show_prices":[{"p":6240,"n":"","t":"S"}]},{"category_id":"a0aacaff0fb278c5f8127cec63ec3a53","product_id":709,"product_name":"双杯摩卡可可碎片星冰乐®","thumb":"https:\/\/image.quanma51.com\/self\/mahua\/sbk\/product\/%E5%8F%8C%E6%9D%AF%E6%91%A9%E5%8D%A1%E5%8F%AF%E5%8F%AF%E7%A2%8E%E7%89%87%E6%98%9F%E5%86%B0%E4%B9%90.png!img","has_choose":true,"cart_num":0,"show_prices":[{"p":7920,"n":"","t":"S"}]},{"category_id":"a0aacaff0fb278c5f8127cec63ec3a53","product_id":710,"product_name":"双杯拿铁","thumb":"https:\/\/image.quanma51.com\/self\/mahua\/sbk\/product\/23787b1d58a7459086048182e9be4e22!img","has_choose":true,"cart_num":0,"show_prices":[{"p":7200,"n":"","t":"S"}]},{"category_id":"a0aacaff0fb278c5f8127cec63ec3a53","product_id":711,"product_name":"双杯美式咖啡","thumb":"https:\/\/image.quanma51.com\/self\/mahua\/sbk\/product\/58026111f5ab4091ade3a931b9f07648!img","has_choose":true,"cart_num":0,"show_prices":[{"p":6480,"n":"","t":"S"}]},{"category_id":"a0aacaff0fb278c5f8127cec63ec3a53","product_id":712,"product_name":"双杯馥芮白®","thumb":"https:\/\/image.quanma51.com\/self\/mahua\/sbk\/product\/%E5%8F%8C%E6%9D%AF%E9%A6%A5%E8%8A%AE%E7%99%BD.png!img","has_choose":true,"cart_num":0,"show_prices":[{"p":8400,"n":"","t":"S"}]},{"category_id":"a0aacaff0fb278c5f8127cec63ec3a53","product_id":713,"product_name":"双杯焦糖玛奇朵","thumb":"https:\/\/image.quanma51.com\/self\/mahua\/sbk\/product\/49e18ceb560c476292bea632b8e7c63f!img","has_choose":true,"cart_num":0,"show_prices":[{"p":8160,"n":"","t":"S"}]},{"category_id":"a0aacaff0fb278c5f8127cec63ec3a53","product_id":714,"product_name":"双杯燕麦拿铁","thumb":"https:\/\/image.quanma51.com\/self\/mahua\/sbk\/product\/5298306078e742a3bbc2a951c26e6a23!img","has_choose":true,"cart_num":0,"show_prices":[{"p":7200,"n":"","t":"S"}]},{"category_id":"a0aacaff0fb278c5f8127cec63ec3a53","product_id":715,"product_name":"双杯燕麦焦糖玛奇朵","thumb":"https:\/\/starbucks.quanma51.com\/MopPics\/202012\/209-MOPCatalog-0-342x324_2-zh.png?resize=p_4,w_228&image_process=image\/resize,w_228","has_choose":true,"cart_num":0,"show_prices":[{"p":8160,"n":"","t":"S"}]},{"category_id":"a0aacaff0fb278c5f8127cec63ec3a53","product_id":716,"product_name":"双杯巴旦木拿铁","thumb":"https:\/\/image.quanma51.com\/self\/mahua\/sbk\/product\/07468ac20918497c99984ae4ad51ddd7!img","has_choose":true,"cart_num":0,"show_prices":[{"p":7200,"n":"","t":"S"}]}],"total_size":27,"next_page_token":"2","request_id":"542b04590116772b"},
+  getFoodCartList: {"total":2,"total_amount":1185,"products":[{"product_id":794,"product_name":"鲜萃轻轻茉莉","product_sku":"SP3257-00010","specs":[],"sub_name":"温度\/咖啡液\/糖度\/杯型","num":1,"thumb":"https:\/\/img06.luckincoffeecdn.com\/group5\/M01\/24\/1D\/Ct1rZGhuSDGATZFPAAIB35XSyG4945.png","show_prices":[{"p":560,"n":"","t":"S"}],"max_buy":-1,"min_buy":-1,"status":"ok","tip":"","category_id":"45bff8619cf053e8697ba1d8ba8884bb"},{"product_id":1135,"product_name":"金桂花香拿铁","product_sku":"SP3414-00018","specs":[],"sub_name":"奶基\/温度\/糖度\/杯型","num":1,"thumb":"https:\/\/img02.luckincoffeecdn.com\/group5\/M00\/82\/F0\/Ct1rZGiN4-aAWpYOAA4lXwBx92g639.gif","show_prices":[{"p":625,"n":"","t":"S"}],"max_buy":-1,"min_buy":-1,"status":"ok","tip":"","category_id":"45bff8619cf053e8697ba1d8ba8884bb"}],"total_discount_price":0,"total_market_price":5500,"request_id":"35cb6f5a0db2a311"},
   getFoodCartCount: {"categories":[{"category_id":"a0aacaff0fb278c5f8127cec63ec3a53","card_num":1}],"total_num":1,"request_id":"9c2bfb2c0f6817fd"}
 }

package/src/components/JfbFoodProductList/cusAttr/content.js

@@ -7,8 +7,16 @@ import {
   cusDisabled ,
   getCustomAttr,
 } from "@/utils/AttrTools";
+import ProductAttr from "@/utils/Attr/ProductAttr";
 
 export default function (data, gValue,gColor,oldData){
+  //类型
+  let titleFooterStyle = 'line-6-8-s';
+  if(data['titleFooterStyle'] &&
+    ['line-6-8-l','line-6-8-s', 'triangle', 'center', 'desc', 'none'].includes(data['titleFooterStyle'])
+  ){
+    titleFooterStyle = data['titleFooterStyle'];
+  }
 
   return [
     {
@@ -36,5 +44,6 @@ export default function (data, gValue,gColor,oldData){
           .catch();
       }
     },
+
   ].filter(i=>i)
 }

package/src/components/JfbFoodProductList/cusAttr/style.js

@@ -11,8 +11,176 @@ import {
   cRaBorShadow,
   isDefStatus
 } from "@/utils/AttrTools";
+import productStyle from "@/utils/Attr/productStyle";
 const Color = require('color');
 
 export default function (data={},gValue={},gColor={},oldData) {
-  return []
+  //导航投影设置
+  let titleTabShadowExt = {dValue:'N'};
+  if(gValue.isAdd === true && gValue.isFirst)   titleTabShadowExt =  {dValue:'D'};
+  let titleTabShadow = cRaBorShadow(data , 'titleTabShadow',titleTabShadowExt, gValue);
+
+  return [
+    {
+      ele: 'title',
+      label: '常规',
+      size: 'small',
+      groupKey:'style',
+    },
+    {
+      label: '外边距',
+      ele: 'xd-radio',
+      groupKey: 'style',
+      valueKey: 'bodyPaddingStatus',
+      value: statusDataVal({data, key:'bodyPaddingStatus', fields:['bodyPadding'],gValue}),
+      labelInline:true,
+      list: [
+        {label: '默认', value: 'D'},
+        {label: '自定义', value: 'C'},
+      ]
+    },
+    {ele: 'group_start'},
+    {
+      label: '',
+      ele: 'xd-margin-padding',
+      groupKey:'style',
+      valueKey: 'bodyPadding',
+      hidden:!statusShow({data, key: 'bodyPaddingStatus', fields:['bodyPadding'], gValue}),
+      value: dataVal({
+        data,
+        key:'bodyPadding',
+        dValue:[0],
+        gValue,
+        isPM: true,
+        isCPM: true,
+      }),
+      setting: {
+        type: 'margin',
+      },
+    },
+    {ele: 'group_end'},
+    ...productStyle(data, gValue, gColor, oldData),
+
+    {
+      ele: 'title',
+      label: '分类导航样式',
+      size: 'small',
+      groupKey:'style',
+    },
+    {
+      label: '导航背景',
+      ele: 'xd-radio',
+      groupKey: 'style',
+      valueKey: 'titleBgcColorStatus',
+      value: statusDataVal({data, key: 'titleBgcColorStatus', fields:['titleBgcColor'], gValue}),
+      labelInline:true,
+      list: [
+        {label: '默认', value: 'D'},
+        {label: '自定义', value: 'C'},
+      ]
+    },
+    {ele: 'group_start'},
+    {
+      label: '',
+      ele: 'xd-color',
+      labelInline: true,
+      valueKey: 'titleBgcColor',
+      value: dataVal({
+        data,
+        key:'titleBgcColor',
+        dValue:'#fff',
+        gValue
+      }),
+      hidden: !statusShow({data, key: 'titleBgcColorStatus', fields:['titleBgcColor'], gValue}),
+      placeholder: '请选择背景颜色',
+      classNmae: 'input80',
+      groupKey:'style',
+      setting: {
+        showAlpha: true
+      },
+    },
+    {ele: 'group_end'},
+    {
+      label: '导航名称',
+      ele: 'xd-radio',
+      groupKey: 'style',
+      valueKey: 'titleStyleStatus',
+      value: statusDataVal({data, key:'titleStyleStatus', fields:['titleStyle','titleColor'],gValue}),
+      labelInline:true,
+      list: [
+        {label: '默认', value: 'D'},
+        {label: '自定义', value: 'C'},
+      ]
+    },
+    {ele: 'group_start'},
+    {
+      label: '',
+      ele: 'xd-text-and-bgc',
+      groupKey:'style',
+      valueKey: 'titleStyle',
+      value: dataVal({data, key:'titleStyle', dValue:null, gValue}),
+      hidden: !statusShow({data, key: 'titleStyleStatus', fields:['titleStyle','titleColor'], gValue}),
+      labelInline:true,
+      isRefresh: true,
+      setting: {
+        fontSize: true,
+        weight:true,
+        bgColor:(dataVal({data, key:'titleFooterStyle', dValue:'', gValue}) === 'desc'),
+        selected:true,
+        default:{
+          color: data['titleColor'] || '#333',
+          actColor: gColor.mainColor,
+          fontSize: '30',
+          actFontSize: '30', //'', 20 , 26 ,28,30, 36 默认值：''=>24
+          fontWeight: '500',
+          actFontWeight: '500',
+          actBgColor: "",
+          bgColor: ""
+        }
+      },
+      handleCustom({action, data}) {
+        XdBus.getParentApi('getOptionsSettingList')({setting_id: 'edtix_style_font_size'})
+          .then(res => {
+            data.cb(res.list)
+          })
+          .catch(error => {
+            console.error(error);
+            data.cb([])
+          });
+      },
+    },
+    {ele: 'group_end'},
+    {
+      label: '导航投影',
+      ele: 'xd-shadow',
+      labelInline: true,
+      groupKey:'style',
+      valueKey: 'titleTabShadow',
+      value: titleTabShadow,
+      className: 'input100',
+      setting: {
+        selected: titleTabShadow.type,//设置默认选中项
+        isRadio:true,//启用editx默认
+        isDef: true,//启动默认选项
+        //设置默认值
+        default: {
+          color: 'rgba(0,0,0,.05)',
+          width: '10',
+        }
+      },
+      handleCustom({action, data}) {
+        XdBus.getParentApi('getOptionsSettingList')({setting_id: 'edtix_style_radius'})
+          .then(res => {
+            res.list = res.list.filter(item=>{
+              return item.label !== '无';
+            });
+            data.cb(res.list)
+          })
+          .catch(error => {
+            console.error(error);
+            data.cb([])
+          });
+      },
+    },
+  ].filter(i=>i)
 }