jufubao-mall 2.0.27-beta3 → 2.0.27-beta5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jufubao-mall",
-  "version": "2.0.27-beta3",
+  "version": "2.0.27-beta5",
   "private": false,
   "description": "聚福宝商城业务组件插件包",
   "main": "index.js",

package/src/components/JfbMallConfirm/JfbMallConfirm.vue

@@ -73,50 +73,52 @@
                 </view>
               </view>
             </view>
-              <!-- 配送信息 -->
-              <view v-if="shop.support_delivery_method_options.length" class="delivery">
-                <xd-list-item v-if="shop.sub_show_delivery_method==='Y'" label="配送方式" showRight paddingLR="48rpx" showBottom size="large">
-                  <picker @change="e => bindPickerChange(e, shopIndex)"
-                    range-key="label" :range="shop.support_delivery_method_options"
-                    :value="shop.support_delivery_method_options.findIndex(ll => ll.value == shop.deliveryPickValue)"
-                  >
-                    <view style="color: #333333;">{{shop.deliveryPickLabel || "选择配送方式"}}</view>
-                  </picker>
+            <!-- 配送信息 -->
+            <view v-if="shop.support_delivery_method_options.length" class="delivery">
+              <xd-list-item v-if="shop.sub_show_delivery_method==='Y'" label="配送方式" showRight paddingLR="48rpx" paddingTB="24rpx" showBottom size="large">
+                <picker @change="e => bindPickerChange(e, shopIndex)"
+                  range-key="label" :range="shop.support_delivery_method_options"
+                  :value="shop.support_delivery_method_options.findIndex(ll => ll.value == shop.deliveryPickValue)"
+                >
+                  <view style="color: #333333;">{{shop.deliveryPickLabel || "选择配送方式"}}</view>
+                </picker>
+              </xd-list-item>
+              <template>
+                <xd-list-item v-if="shop.sub_show_delivery_price==='Y'" label="配送费用" showBottom paddingLR="48rpx" paddingTB="24rpx">
+                  <xd-unit :price="shop.user_logistics_amount_origin" :fontSize="28" :isOld="false"></xd-unit>
+                </xd-list-item>
+                <xd-list-item v-if="shop.deliveryPickValue === 'samecity'" 
+                  :label="shop.time_label" showRight paddingLR="48rpx" paddingTB="24rpx" showBottom
+                  @click="toSetSelectTime(shopIndex,shop)">
+                  {{shop.selectTime ? shop.selectTime.dateTime : "请选择"}}
                 </xd-list-item>
-                <view>
-                  <xd-list-item v-if="shop.sub_show_delivery_price==='Y'" label="配送费用" showBottom paddingLR="48rpx">
-                    <xd-unit :price="shop.user_logistics_amount_origin" :isOld="false"></xd-unit>
+                <template v-if="shop.deliveryPickValue === 'takeout'" >
+                  <!-- 配送方式：到店自提 -->
+                  <xd-list-item label="选择门店" show-right paddingLR="48rpx" paddingTB="24rpx" showBottom @click="toSetSelectShop(shopIndex)">
+                  <view style="text-overflow: ellipsis;overflow: hidden;white-space: nowrap;width: 460rpx;text-align: right;">
+                    {{shop.choseShop ? shop.choseShop.resource_shop_name : "请选择"}}
+                  </view>
                   </xd-list-item>
-                  <xd-list-item v-if="shop.deliveryPickValue === 'samecity' && shop.is_support_delivery == 'Y'" :label="shop.time_label" showRight paddingLR="48rpx" @click="toSetSelectTime(shopIndex,shop)">
-                    {{shop.selectTime ? shop.selectTime.dateTime : "请选择"}}
+                  <xd-list-item v-if="shop.takeoutTimeList" :label="shop.time_label" show-right paddingLR="48rpx" paddingTB="24rpx" @click="toSetTakeoutTime(shopIndex,shop)">
+                    <view style="">{{shop.takeoutTime ? shop.takeoutTime.dateTime : '请选择'}}</view>
                   </xd-list-item>
-                  <view v-if="shop.deliveryPickValue === 'takeout'" >
-                    <!-- 配送方式：到店自提 -->
-                    <xd-list-item label="选择门店" show-right paddingLR="48rpx" @click="toSetSelectShop(shopIndex)">
-                    <view style="color: #999999;">
-                      {{shop.choseShop ? shop.choseShop.resource_shop_name : "请选择"}}
-                    </view>
-                    </xd-list-item>
-                    <xd-list-item v-if="shop.takeoutTimeList" :label="shop.time_label" show-right paddingLR="48rpx" @click="toSetTakeoutTime(shopIndex,shop)">
-                      <view style="color: #999999;">{{shop.takeoutTime ? shop.takeoutTime.dateTime : '请选择'}}</view>
-                    </xd-list-item>
-                  </view>
-                </view>
-              </view>
-              <!-- <xd-list-item v-if="shop.delivery_message" :label="shop.delivery_message" paddingLR="48rpx" size="large"></xd-list-item> -->
-              <view v-if="showLogisticsTip === 'Y' && shop.deliveryPickValue === 'logistics'" class="logistics_tip">
-                {{logisticsTipText}}
-              </view>
-              <view v-if="shop.is_support_delivery == 'N'" :style="{background:bgColor,color:warningColor}" class="err_message">
-                {{shop.message}}
-              </view>
+                </template>
+              </template>
+            </view>
+            <!-- <xd-list-item v-if="shop.delivery_message" :label="shop.delivery_message" paddingLR="48rpx" size="large"></xd-list-item> -->
+            <view v-if="showLogisticsTip === 'Y' && shop.deliveryPickValue === 'logistics'" class="logistics_tip">
+              {{logisticsTipText}}
+            </view>
+            <view v-if="shop.is_support_delivery == 'N'" :style="{background:bgColor,color:warningColor}" class="err_message">
+              {{shop.message}}
+            </view>
           </view>
         </view>
 
         <!-- 订单备注信息 -->
         <view v-if="showOrderComment == 'Y'" class="order_comment section" :style=[blockSectionStyleComp]>
           <view class="title">备注信息</view>
-          <input v-model="comment" class="order_market" :maxlength="200" placeholder="建议留言前先与平台沟通确认，最多只支持200字"/>
+          <input v-model="comment" class="order_market" :maxlength="50" placeholder="建议留言前先与平台沟通确认，最多只支持50字"/>
         </view>
         <!-- 展示vip -->
         <view v-if="is_show_vip_card_list === 'Y'" class="section" style="overflow: hidden;" :style=[blockSectionStyleComp]>
@@ -162,7 +164,7 @@
               </xd-list-item>
               <xd-list-item v-if="item.method === 'wallet'" :key="item.method" :label="item.show_name" paddingLR="48rpx" showBottom :showRight="!(choseCoupon && choseCoupon.cardPayPrice)" @click="toChoseWallet">
                 <view slot="label">
-                  {{ item.show_name }}<text style="color:red;margin-left: 8px;font-size: 24rpx;">(剩余{{ wallet_total_amount }})</text>
+                  {{ item.show_name }}<text :style="{color:mainColor}" style="margin-left: 8px;font-size: 24rpx;">(剩余{{ wallet_total_amount }})</text>
                 </view>
                 <view v-if="(choseCoupon && choseCoupon.cardPayPrice)">
                   <view style="color:#CCCCCC;font-size: 24rpx">已使用其他票券，不可用</view>
@@ -189,7 +191,7 @@
             </xd-list-item>
           </view>
         </view>
-        <view :style="fixedBottomPlaceholder"></view>
+        <view :style=[fixedBottomPlaceholder]></view>
         <!-- 靠低支付,  增加淘福客布局 -->
         <view class="fixe_bottom" :style="prod_bottom">
           <view class="fixed_bottom_body" :style="[bottomBoxStyle]">
@@ -203,7 +205,11 @@
             </view>
             <view v-else class="flex_l" :style="{
               justifyContent: bottomPricePosition
-            }">实付：<xd-unit :price="orderNeedPayPrice" :isOld="false"></xd-unit>
+            }">
+              <view>
+                <view class="t_price">实付：<xd-unit :price="orderNeedPayPrice" :isOld="false"></xd-unit></view>
+                <view v-if="isShowPlusSavingMoney" class="b_price">共省<xd-unit :price="orderFee.plus_saving_money" :isOld="false" :fontSize="24" :iconSize="0.3"></xd-unit></view>
+              </view>
             </view>
             <view>
               <xd-button :disabled="is_can_buy!=='Y'"
@@ -311,7 +317,7 @@
         ></xd-select-time>
         <xd-down-drawer
           :show.sync="showShopList"
-          height="60vh"
+          height="45vh"
         >
           <template v-if="showShopList">
             <view :style="{height: '100rpx'}"></view>
@@ -456,6 +462,8 @@
         showCouponChose: false,
         couponList: [],
 
+        fixedBottomBodyHeight: 0,
+
         //面板
         xnamespace: "",
         showBuyer: "",
@@ -477,7 +485,7 @@
         address_layout: 'old',
         sectionHeight: 16,
         orderInfoHeight: 16,
-        showTopLine: "N",
+        showTopLine: "B",
         blessTextColor: "",
         priceTextColor: "",
         bottomPadding: {},
@@ -521,6 +529,7 @@
         showLogisticsTip: "Y",
         logisticsTipText: "",
         checkPayMethod: [],
+        ticketPositionStatus: "N"
       }
     },
     computed: {
@@ -612,8 +621,9 @@
         return flat;
       },
       fixedBottomPlaceholder() {
-        let bottomHeight = this.bottomPadding.top + this.bottomPadding.bottom;
-        return this.fixedStyle({paddingBottom: 40 + bottomHeight, zIndex: 110}, 'bottom', false);
+        return {
+          height: (this.fixedBottomBodyHeight + 14) + 'px'
+        }
       },
       prod_bottom() {
         return this.fixedStyle({height: 0, zIndex: 111});
@@ -659,7 +669,7 @@
       },
       bottomBoxStyle(){
         return {
-          padding: this.getMarginAndPadding(this.bottomPadding, 20)
+          padding: this.getMarginAndPadding(this.bottomPadding, 16)
         }
       },
       bodyStyleComp(){
@@ -765,6 +775,18 @@
           this.jwxSDK = res.jwxSDK;
         })
         // #endif
+
+        if(this.ticketPositionStatus === 'Y'){
+          this.$nextTick(() => {
+            setTimeout(() => {
+              uni.pageScrollTo({
+                scrollTop: 10000,
+                duration: 200
+              })
+            }, 1000)
+          })
+          
+        }
       },
       /**
        * @description 监听事件变化
@@ -787,29 +809,30 @@
 	      this.useMode = getContainerPropsValue(container, 'content.useMode', "market");
         this.showPrice = getContainerPropsValue(container, 'content.showPrice', "Y");
         this.address_layout = getContainerPropsValue(container, 'content.address_layout', "old");
-        this.showTopLine = getContainerPropsValue(container, 'content.showTopLine', "N");
+        this.showTopLine = getContainerPropsValue(container, 'content.showTopLine', "B");
         this.skipTip = getContainerPropsValue(container, "content.skipTip", "N");
-        this.skipToPay = getContainerPropsValue(container, "content.skipToPay", "N");
+        this.skipToPay = getContainerPropsValue(container, "content.skipToPay", "Y");
         this.guidePay = getContainerPropsValue(container, "content.guidePay", "");
         this.showLogisticsTip = gCPVal(container, 'showLogisticsTip', "Y");
         this.logisticsTipText = gCPVal(container, 'logisticsTipText', '订单生成后72小时发货，如遇节假日发货顺延');
+        this.ticketPositionStatus = gCPVal(container, 'ticketPositionStatus', "N")
         console.log("this.showLogisticsTip", this.showLogisticsTip);
         if(this.useMode === "market"){
           this.showPrice = "Y"
         }
 
-        let contStyle = this.getRelationStatus(container,'cont_style',{ sectionHeightStatus: ['sectionHeight'], lrPaddingStatus: ['lrPadding'] }, `{"spacing":20,"margin":{"bottom":0,"top":0,"left":0,"right":0},"backgroundColor": "rgba(245, 245, 245, 1)"}`);
+        let contStyle = this.getRelationStatus(container,'cont_style',{ sectionHeightStatus: ['sectionHeight'], lrPaddingStatus: ['lrPadding'] }, `{"spacing":16,"margin":{"bottom":0,"top":0,"left":16,"right":16},"backgroundColor": "rgba(245, 245, 245, 1)"}`);
         this.sectionHeight = gCPVal(container, 'sectionHeight', [16], {sKey: "sectionHeightStatus", fields: ['sectionHeight'], cusFields: ['cont_style', 'spacing', contStyle]});
         this.lrPadding = gCPVal(container, 'lrPadding', [0], {sKey:'lrPaddingStatus',fields:['lrPadding'],isPMR: true, cusFields: ['cont_style', 'margin', contStyle]})
 
-        let addrStyle = this.getRelationStatus(container,'addr_style',{ addrLrPaddingStatus: ['addrLrPadding'] }, `{"margin":{"bottom":0,"top":0,"left":0,"right":0}}`);
+        let addrStyle = this.getRelationStatus(container,'addr_style',{ addrLrPaddingStatus: ['addrLrPadding'] }, `{"margin":{"bottom":0,"top":16,"left":16,"right":16}}`);
         this.addrLrPadding = gCPVal(container, 'addrLrPadding', [0], {sKey:'addrLrPaddingStatus',fields:['addrLrPadding'],isPMR: true, cusFields: ['addr_style', 'margin', addrStyle]});
 
         this.brandTextColor = gCPVal(container, 'brandTextColor', [this.mainColor], {sKey: "brandTextStatus", fields: ['brandTextColor']})
         this.blessFontSize = gCPVal(container, 'blessFontSize', [24], {sKey: 'formTipStatus', fields: ['blessFontSize', 'blessTextColor']});
         this.blessTextColor = gCPVal(container, 'blessTextColor', [this.dangerColor], {sKey: "formTipStatus", fields: ['blessFontSize', 'blessTextColor']});
         this.priceTextColor = gCPVal(container, 'priceTextColor', [this.mainColor], {sKey: "activityPriceStatus", fields: ['priceTextColor']})
-        this.bottomPadding = gCPVal(container, 'bottomPadding', [20], {sKey: "bottomPaddingStatus", fields: ['bottomPadding']});
+        this.bottomPadding = gCPVal(container, 'bottomPadding', [16], {sKey: "bottomPaddingStatus", fields: ['bottomPadding']});
         this.bottomBtnRadius = gCPVal(container, 'bottomBtnRadius', [40], {sKey: "btnStyleStatus", fields: ['bottomBtnRadius', 'bottomBtnHeight', 'bottomPayText']});
         this.bottomBtnHeight = gCPVal(container, 'bottomBtnHeight', [60], {sKey: "btnStyleStatus", fields: ['bottomBtnRadius', 'bottomBtnHeight', 'bottomPayText']});
         this.bottomPayText = gCPVal(container, 'bottomPayText', ["支付"], {sKey: "btnStyleStatus", fields: ['bottomBtnRadius', 'bottomBtnHeight', 'bottomPayText']});
@@ -850,6 +873,21 @@
         if(this.skipToPay === 'N'){
           this.hasAlertCardChose = true;
         }
+        this.$nextTick(() => {
+          setTimeout(() => {
+            this.getDomReadyRect();
+          }, 200)
+        });
+      },
+      getDomReadyRect(){
+        return new Promise((resolve, reject) => {
+          let query = uni.createSelectorQuery();
+          query.select('.fixed_bottom_body').boundingClientRect(rect => {
+            console.log('getDomReadyRect', rect);
+            this.fixedBottomBodyHeight = rect.height;
+            resolve(rect);
+          }).exec();
+        });
       },
       //选择元宝
       toChoseWallet(){
@@ -1487,7 +1525,14 @@
 
       bindPickerChange(e, index){
         let pickIndex = e.detail.value;
-        this.tempShopList = this.$xdUniHelper.cloneDeep(this.shopList);
+        let tempShopList = this.$xdUniHelper.cloneDeep(this.shopList);
+        this.tempShopList = tempShopList.map((item, ii) => {
+          if(index === ii){
+            item.takeoutTime = null;
+            item.selectTime = null;
+          }
+          return item;
+        });
         this.shopList = this.shopList.map((item,ii) => {
           if(index === ii){
             let cur = item.support_delivery_method_options[pickIndex];
@@ -1517,7 +1562,7 @@
   @padding_l_r: 50rpx;
   .jfb-mall-confirm {
     &__body{
-      // background: #F7F7F7;
+      overflow: auto;
       color: #333333;
       .section{
         margin-bottom: var(--section-height);
@@ -1629,7 +1674,7 @@
           color: #999999;
         }
         .logistics_tip{
-          padding: 24rpx 48rpx;
+          padding: 0 48rpx 24rpx;
           font-size: 24rpx;
           color: var(--g-theme-dangerColor);
         }
@@ -1637,6 +1682,11 @@
           padding: 20rpx 48rpx;
           font-size: 24rpx;
         }
+        .delivery{
+          ::v-deep .xd-my-list-item:last-child{
+            border-bottom: none !important;
+          }
+        }
         .shop_name{
           padding: 24rpx 48rpx;
           border-bottom: 1px solid #eee;
@@ -1746,6 +1796,19 @@
           padding: 0 32rpx;
           color: #ff5733;
         }
+        .t_price{
+          display: flex;
+          align-items: center;
+          font-weight: 500;
+          color: #FF2C18;
+        }
+        .b_price{
+          display: flex;
+          align-items: center;
+          font-size: 24rpx;
+          color: #FF2C18;
+          font-weight: 400;
+        }
       }
     }
   }

package/src/components/JfbMallConfirm/Mock.js

@@ -224,7 +224,7 @@ module.exports = {
             product_thumb:
               "https://sandbox-img.jufubao.cn/uploads/20230406/0b890cd5a947d9c5724b412d34cd4000.png",
             product_form_data:
-              '[{"id":"blessing","type":"input","struct":{"title":"祝福语","explain":"请务必确保输入的号码准确无误，填错号码无法进行退还操作，后果自负。","default":"","placeholder":"","required":true},"options":[],"value":"祝福语"}]',
+              '[{"id":"blessing","type":"input","struct":{"title":"祝福语","explain":"请务必准确填写号码，号码错误将无法进行退还操作。","default":"","placeholder":"","required":true},"options":[],"value":"祝福语"}]',
             brand_id: 3,
             brand_name: "北京味多美蛋糕叔叔/HEYTEA/喜茶/凯蒂猫/Quange/全格",
             aftersale_service: ",refund,exchange",
@@ -278,7 +278,7 @@ module.exports = {
             product_thumb:
               "https://sandbox-img.jufubao.cn/uploads/20230406/0b890cd5a947d9c5724b412d34cd4000.png",
             product_form_data:
-              '[{"id":"blessing","type":"input","struct":{"title":"祝福语","explain":"请务必确保输入的号码准确无误，填错号码无法进行退还操作，后果自负。","default":"","placeholder":"","required":true},"options":[],"value":"祝福语"}]',
+              '[{"id":"blessing","type":"input","struct":{"title":"祝福语","explain":"请务必准确填写号码，号码错误将无法进行退还操作。","default":"","placeholder":"","required":true},"options":[],"value":"祝福语"}]',
             brand_id: 3,
             brand_name: "北京味多美蛋糕叔叔/HEYTEA/喜茶/凯蒂猫/Quange/全格",
             aftersale_service: ",refund,exchange",

package/src/components/JfbMallConfirm/XdAddrDefault.vue

@@ -93,7 +93,7 @@
 
           .icon_wrap{
             width: 44rpx;
-            padding: 8rpx 0 0 0rpx;
+            padding: 8rpx 12rpx 0 0rpx;
             box-sizing: border-box;
           }
         }

package/src/components/JfbMallConfirm/XdListItem.vue

@@ -103,6 +103,8 @@ export default {
     .my-list_label{
       font-size: 28rpx;
       font-weight: 400;
+      height: 40rpx;
+      line-height: 40rpx;
     }
   }
   &.size_default{
@@ -110,6 +112,8 @@ export default {
     .my-list_label{
       font-size: 28rpx;
       font-weight: 400;
+      height: 40rpx;
+      line-height: 40rpx;
     }
   }
   &.size_small{

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

@@ -56,7 +56,7 @@ export default function (data, gValue,gColor,oldData){
       label: "引导支付",
       ele: "xd-radio",
       valueKey: "skipToPay",
-      value: dataVal({data, key:'skipToPay', dValue: 'N', gValue}),
+      value: dataVal({data, key:'skipToPay', dValue: 'Y', gValue}),
       groupKey: "content",
       labelInline: true,
       className: 'input100',
@@ -68,25 +68,25 @@ export default function (data, gValue,gColor,oldData){
       ]
     },
     //2.0新属性
-    // {
-    //   label: "票券定位",
-    //   ele: "xd-radio",
-    //   valueKey: "ticketPositionStatus",
-    //   value: dataVal({data, key: "ticketPositionStatus", dValue: "N", gValue}),
-    //   groupKey: "content",
-    //   labelInline: true,
-    //   inline: false,
-    //   notice: "开启后会提示票券选择，点击自动滚动到选择支付位置",
-    //   list: [
-    //     { label: "显示", value: "Y" },
-    //     { label: "隐藏", value: "N" },
-    //   ]
-    // },
+    {
+      label: "票券定位",
+      ele: "xd-radio",
+      valueKey: "ticketPositionStatus",
+      value: dataVal({data, key: "ticketPositionStatus", dValue: "N", gValue}),
+      groupKey: "content",
+      labelInline: true,
+      inline: false,
+      notice: "开启后会提示票券选择，点击自动滚动到选择支付位置",
+      list: [
+        { label: "显示", value: "Y" },
+        { label: "隐藏", value: "N" },
+      ]
+    },
     {
       label: "使用新票券",
       ele: "xd-radio",
       valueKey: "bindCard",
-      value: dataVal({data, key:'bindCard', dValue: "", gValue}),
+      value: dataVal({data, key:'bindCard', dValue: "1", gValue}),
       groupKey:'content',
       labelInline: true,
       inline: false,
@@ -158,7 +158,7 @@ export default function (data, gValue,gColor,oldData){
       label: "横线",
       ele: "xd-radio",
       valueKey: "showTopLine",
-      value: dataVal({data, key:'showTopLine', dValue: "N", gValue}),
+      value: dataVal({data, key:'showTopLine', dValue: "B", gValue}),
       groupKey:'content',
       labelInline: true,
       isTplRef: true, //内容引用模版被禁用
@@ -179,7 +179,7 @@ export default function (data, gValue,gColor,oldData){
         key: 'addr_style',
         gValue,
         fields: { addrLrPaddingStatus: ['addrLrPadding'] },
-        sValue: `{"margin":{"bottom":0,"top":0,"left":0,"right":0}}`,
+        sValue: `{"margin":{"bottom":0,"top":16,"left":16,"right":16}}`,
       }),
       labelInline:true,
       isTplRef: true, //内容引用模版被禁用
@@ -209,7 +209,7 @@ export default function (data, gValue,gColor,oldData){
         key: 'cont_style',
         gValue,
         fields: { sectionHeightStatus: ['sectionHeight'], lrPaddingStatus: ['lrPadding'] },
-        sValue: `{"spacing":20,"margin":{"bottom":0,"top":0,"left":0,"right":0},"backgroundColor": "rgba(245, 245, 245, 1)"}`,
+        sValue: `{"spacing":16,"margin":{"bottom":0,"top":0,"left":16,"right":16},"backgroundColor": "rgba(245, 245, 245, 1)"}`,
       }),
       labelInline:true,
       isTplRef: true, //内容引用模版被禁用

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

@@ -407,7 +407,7 @@ export default function (data={},gValue={},gColor={},oldData) {
       value: dataVal({
         data,
         key:'bottomPadding',
-        dValue:[20],
+        dValue:[16],
         gValue,
         isPM: true,
         isCPM: true,

package/src/components/JfbMallConfirm/shopList.vue

@@ -1,25 +1,27 @@
 <template>
   <view class="chose_shop_list">
-    <view class="shop-search">
-      <input
-        class="uni-input"
-        placeholder="输入门店名称"
-        :value="keyword"
-        @input="handleInput"
-        @confirm="handleInput"
-      />
-      <view>
-        <xd-font-icon icon="iconsousuo_mian" color="#666" size="32"></xd-font-icon>
+    <view class="shop_header">
+      <view style="display: flex;align-items: center;">
+        <xd-city-show
+          city-location-type="baidu"
+          @done="handleCityDone"
+          @onChange="handleCityChange"
+          color="#333"></xd-city-show>
+      </view>
+      <view class="shop-search">
+        <input
+          class="uni-input"
+          placeholder="输入门店名称"
+          :value="keyword"
+          @input="handleInput"
+          @confirm="handleInput"
+        />
+        <view>
+          <xd-font-icon icon="iconsousuo_mian" color="#999999" size="28"></xd-font-icon>
+        </view>
       </view>
     </view>
-    <view class="chose_location">
-      <xd-city-show
-        city-location-type="baidu"
-        @done="handleCityDone"
-        @onChange="handleCityChange"
-        color="#333"></xd-city-show>
-      <view class="switch_city" @click="handleCityChange">切换城市 <xd-font-icon size="28" icon="iconxiangyou_xian"></xd-font-icon> </view>
-    </view>
+    
     <view class="shop_list" v-if="list && list.length">
       <view
         class="shop_item"
@@ -33,31 +35,38 @@
         <view class="shop_info">
           <view class="shop_name">
             <view class="_name">{{item.resource_shop_name}}</view>
-            <view class="distance" v-if="item.distance">{{item.distance}}</view>
+            <!-- <view class="distance" v-if="item.distance">{{item.distance}}</view> -->
           </view>
           <view>
             <view class="shop_sub">
-              <view class="_icon"><xd-font-icon size="32" icon="icondizhitubiao"></xd-font-icon></view>
-              <view>{{item.address}}</view>
+              <!-- <view class="_icon"><xd-font-icon size="32" icon="icondizhitubiao"></xd-font-icon></view> -->
+              <view class="addr_text">{{item.address}}</view>
+              <view v-if="item.distance">{{item.distance}}</view>
             </view>
             <view class="shop_sub">
-              <view class="_icon"><xd-font-icon size="32" icon="icondianhuatubiao"></xd-font-icon></view>
+              <view class="_icon"><xd-font-icon size="24" icon="icondianhuatubiao"></xd-font-icon></view>
               <view>{{item.phone}}</view>
             </view>
           </view>
         </view>
       </view>
     </view>
-    <view v-else class="empty_data">该地区暂无可选门店</view>
+    <view v-else class="empty_data">
+      <xd-no-data :scaleSize="3" iconType="shop">
+        <view style="margin-top: -100rpx;">该地区暂无可选门店</view>
+      </xd-no-data>
+    </view>
   </view>
 </template>
 <script>
 import XdCityShow from "@/components/XdCityShowApi/XdCityShowApi"
 import XdFontIcon from "@/components/XdFontIcon/XdFontIcon"
+import XdNoData from "@/components/XdNoData/XdNoData"
 export default {
   components: {
     XdCityShow,
-    XdFontIcon
+    XdFontIcon,
+    XdNoData
   },
   props: {
     getCityInfoByLocation: {
@@ -102,26 +111,45 @@ export default {
 <style lang="less" scoped>
   .chose_shop_list{
     background: #F7F7F7;
-    padding: 32rpx;
+    padding: 16rpx;
     position: relative;
-    height: calc(60vh - 164rpx);
+    height: 45vh;
   }
-
-  .shop-search {
+  .shop_header{
     position: absolute;
-    border:1px solid #eee;
     top: -80rpx;
-    left: 30rpx;
-    width: 400rpx;
-    padding: 10rpx 20rpx;
+    left: 8rpx;
+    display: flex;
+    ::v-deep .xd-city__name-title{
+      color: #999999 !important;
+      font-size: 24rpx !important;
+    }
+    ::v-deep .xd-city__name-icon{
+      color: #999999 !important;
+
+      .xd-iconfont {
+        font-size: 24rpx !important;
+      }
+    }
+  }
+  .shop-search {
+    border:1px solid #f8f8f8;
+    width: 420rpx;
+    padding: 16rpx 32rpx;
     border-radius: 40rpx;
     background-color: #f8f8f8;
     display: flex;
     justify-content: flex-start;
     align-items: center;
+    margin-left: 8rpx;
+
+    ::v-deep .uni-input-placeholder{
+      color: #999999;
+    }
+    
 
     & .uni-input {
-      font-size: 28rpx;
+      font-size: 24rpx;
       flex: 1;
       color: #333;
       line-height: 36rpx;
@@ -155,23 +183,24 @@ export default {
     font-size: 28rpx;
   }
   .empty_data{
-    line-height: 300rpx;
     text-align: center;
     font-size: 28rpx;
     color: #999999;
+    height: 100%;
   }
   .shop_list{
-    height: calc(60vh - 164rpx);
+    height: 100%;
     overflow-y: auto;
     .shop_item{
       display: flex;
       background: #FFFFFF;
-      padding: 20rpx;
+      padding: 16rpx;
       margin-bottom: 20rpx;
+      border-radius: 16rpx;
     }
     .shop_image{
-      width: 200rpx;
-      height: 200rpx;
+      width: 160rpx;
+      height: 160rpx;
       border: 1px solid #DDD;
       image{
         width: 100%;
@@ -183,15 +212,22 @@ export default {
       flex-direction: column;
       width: 200rpx;
       flex: 1;
-      margin-left: 24rpx;
-      justify-content: space-between;
+      margin-left: 16rpx;
+
+      .addr_text{
+        width: 420rpx;
+        padding-right: 20rpx;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+      }
     }
     .shop_name{
       display: flex;
       align-items: flex-start;
       justify-content: space-between;
       font-size: 32rpx;
-      color: #242424;
+      color: #333333;
       ._name{
         flex: 1;
         width: 200rpx;
@@ -207,9 +243,10 @@ export default {
     }
     .shop_sub{
       display: flex;
+      align-items: center;
       color: #999999;
       font-size: 24rpx;
-      margin-top: 20rpx;
+      margin-top: 16rpx;
       line-height: 1.6;
       ._icon{
         width: 40rpx;