jufubao-base 1.0.169-beta1 → 1.0.169-beta10

package/src/components/JfbBaseTfkCardLogin/Mock.js

@@ -7,7 +7,7 @@ module.exports = {
         card_number: "171003500000707",
         card_point: 1000,
         card_type: "2146",
-        card_type_name: "一对一次卡（2d抵扣45，3d2张兑换一张）",
+        card_type_name: "一对一次卡",
         unit: "次",
         end_time: "2025-12-31",
         is_valid: "Y",
@@ -28,7 +28,7 @@ module.exports = {
           "supermarket",
           "food"
         ],
-        is_login: "N",
+        is_login: "Y",
         consume_type: "1",
         card_use_rule: "",
         is_transfering: "Y"
@@ -673,50 +673,6 @@ module.exports = {
         card_use_rule: "",
         is_transfering: "N"
       },
-      {
-        id: 54,
-        business_code: "health",
-        entry_name: "体检",
-        image_url: "/uploads/20230927/e06b058a2104025ffecee960b3b9321d.png",
-        redirect_data:
-          '{"dir":"apply","host":"sandbox-website-05.jufubao.cn","path":"\\/main\\/health\\/index","site_id":"17928cc37788be02","site_url":"https:\\/\\/sandbox-website-05.jufubao.cn\\/apply\\/main\\/health\\/index","frontPath":"\\/apply\\/main\\/health\\/index","fixed_business_code":""}',
-        custom_redirect_data: '""',
-        redirect_type: "INN",
-        group_id: "default"
-      },
-      {
-        id: 30,
-        business_code: "travel",
-        entry_name: "旅游",
-        image_url: "/uploads/20230927/09ceefe2d1776a399b567c7acdf2c9db.png",
-        redirect_data:
-          '{"dir":"apply","host":"sandbox-website-05.jufubao.cn","path":"\\/main\\/travel\\/index","site_id":"17928cc37788be02","site_url":"https:\\/\\/sandbox-website-05.jufubao.cn\\/apply\\/main\\/travel\\/index","frontPath":"\\/apply\\/main\\/travel\\/index","fixed_business_code":""}',
-        custom_redirect_data: '""',
-        redirect_type: "INN",
-        group_id: "default"
-      },
-      {
-        id: 16,
-        business_code: "play",
-        entry_name: "演出",
-        image_url: "/uploads/20230927/07e1d76f1850fbadc9a12d7ff2d7689c.png",
-        redirect_data:
-          '{"dir":"apply","host":"sandbox-website-05.jufubao.cn","path":"\\/main\\/play\\/index","site_id":"17928cc37788be02","site_url":"https:\\/\\/sandbox-website-05.jufubao.cn\\/apply\\/main\\/play\\/index","frontPath":"\\/apply\\/main\\/play\\/index","fixed_business_code":""}',
-        custom_redirect_data: '""',
-        redirect_type: "INN",
-        group_id: "default"
-      },
-      {
-        id: 61,
-        business_code: "v-RcA8Mv-Gpd96_Y_mjIf",
-        entry_name: "saas",
-        image_url: "/uploads/20240222/8fc21a6e38d32355ab77f5f7824d36e5.png",
-        redirect_data:
-          '{"dir":"apply","host":"sandbox-website-05.jufubao.cn","path":"\\/main\\/saas\\/login","site_id":"17928cc37788be02","site_url":"https:\\/\\/sandbox-website-05.jufubao.cn\\/apply\\/main\\/saas\\/login","frontPath":"\\/apply\\/main\\/saas\\/login","fixed_business_code":"cake"}',
-        custom_redirect_data: '""',
-        redirect_type: "INN",
-        group_id: "default"
-      }
     ],
     request_id: "413e08844fe1d1af"
   }

package/src/components/JfbBaseTfkCardLogin/XdCouponItem.vue

@@ -0,0 +1,271 @@
+<template>
+  <view class="xd-coupon_item" :style="couponItemBoxStyle">
+    <view class="coupon_left" :style="{
+      background: couponLeftBgColor
+    }">
+      <view class="_point">
+        <xd-unit
+          :unitFontSize="24"
+          :fontSize="48"
+          :price="item.card_point"
+          :isOld="false"
+          :unit="item.unit || ''"
+          :colorNew="'#ffffff'"
+        ></xd-unit>
+        <!-- <text style="font-size: 24rpx;">{{ item.unit }}</text> -->
+      </view>
+      <view class="_rule">{{ item.card_use_rule }}</view>
+    </view>
+    <view class="coupon_right" :style="couponRightItemBoxStyle">
+      <view class="cont_top" :style="{
+        background: couponTitleBgColor
+      }">{{ item.card_type_name }}</view>
+      <view class="cont_main">
+        <view class="cou_number">券号：{{ item.card_number }}</view>
+        <view class="cou_time">有效期：{{ item.end_time }}</view>
+        <view class="cou_point">
+          余额：
+          <xd-unit
+            :unitFontSize="24"
+            :fontSize="28"
+            :price="item.card_point"
+            :isOld="false"
+            :unit="item.unit || ''"
+            :colorNew="'#333333'"
+          ></xd-unit>
+        </view>
+        <view class="cou_btn"
+          :style="[
+            item.is_login === 'Y' ? couponBtnActiveStyle : couponBtnStyle,
+            {
+              padding: couponBtnPadding,
+              borderRadius: couponBtnRadius + 'rpx'
+            }
+          ]"
+          @click="goToUseCoupon"
+        >{{item.is_login === 'Y' ? '已登录' : '去使用'}}</view>
+      </view>
+      <view class="cont_bottom">
+        <view class="switch_rule" @click="switchRule">
+          <view>使用规则</view>
+          <view>
+            <xd-font-icon v-if="!expand" icon="iconxia_down" size="24"></xd-font-icon>
+            <xd-font-icon v-else icon="iconshang_up" size="24"></xd-font-icon>
+          </view>
+        </view>
+        <view v-if="expand" class="expand_rule">
+          {{ item.card_use_rule }}
+        </view>
+      </view>
+    </view>
+  </view>
+</template>
+<script>
+  import getServiceUrl from '@/common/getServiceUrl'
+  import XdUnit from "@/components/XdUnit/XdUnit";
+  import XdFontIcon from "@/components/XdFontIcon/XdFontIcon";
+  export default{
+    name: "XdCouponItem",
+    components: {
+      XdFontIcon,
+      XdUnit
+    },
+    props: {
+      item:{
+        type: Object,
+      },
+      couponRadius: {
+        type: String,
+        default: "16"
+      },
+      couponLeftBgColor: {
+        type: String,
+        default: 'linear-gradient(180deg, #FFA852 0%, #FF5733 100%)'
+      },
+      couponImageUrl: {
+        type: Object | String
+      },
+      couponTitleBgColor: {
+        type: String,
+        default: "rgba(255, 87, 51, 0.1)"
+      },
+      couponUseBtnPadding: {
+        type: Object,
+        default(){
+          return {
+            top: 20,
+            right: 20,
+            bottom: 10,
+            left: 20
+          }
+        },
+      },
+      couponBtnRadius: {
+        type: String,
+        default: "16"
+      },
+      couponBtnTextStyle: {
+        type: Object,
+        default(){
+          return {
+            color: '#fff',
+            bgColor: '#ff5722',
+            fontSize: '30rpx',
+            fontWeight: 'normal'
+          }
+        }
+      }
+    },
+    data() {
+      return {
+        expand: false,
+      }
+    },
+    computed: {
+      couponItemBoxStyle(){
+        return this.styleObjectToString({
+          borderRadius: this.couponRadius + 'rpx',
+        })
+      },
+      couponBtnPadding(){
+        let padding = `${this.checkValue(this.couponUseBtnPadding.top, 20)}rpx`;
+        padding = `${padding} ${this.checkValue(this.couponUseBtnPadding.right, 20)}rpx`;
+        padding = `${padding} ${this.checkValue(this.couponUseBtnPadding.bottom, 20)}rpx`;
+        padding = `${padding} ${this.checkValue(this.couponUseBtnPadding.left, 20)}rpx`;
+        return padding;
+      },
+      couponBtnStyle(){
+        let styleObj = {
+          color: this.couponBtnTextStyle['color'] || '#333',
+          background: this.couponBtnTextStyle['bgColor'] || '#fff',
+          fontSize: this.couponBtnTextStyle['fontSize'] || '30rpx',
+          fontWeight: this.couponBtnTextStyle['fontWeight'] || 'normal',
+        }
+        return this.styleObjectToString(styleObj)
+      },
+      couponBtnActiveStyle(){
+        return this.styleObjectToString({
+          color: this.couponBtnTextStyle['actColor'] || '#fff',
+          background: this.couponBtnTextStyle['actBgColor'] || '#ff5722',
+          fontSize: this.couponBtnTextStyle['actFontSize'] || '30rpx',
+          fontWeight: this.couponBtnTextStyle['actFontWeight'] || 'normal',
+        })
+      },
+      couponRightItemBoxStyle(){
+        let image = {};
+        if(this.cardImageUrl) image = {
+          backgroundImage: `url(${this.getCouponBgImage})`,
+          backgroundSize: '100%',
+          backgroundRepeat: 'no-repeat',
+        }
+        return this.styleObjectToString(image)
+      },
+      getCouponBgImage(){
+        let bg = '';
+        if(this.$xdUniHelper.checkVarType(this.couponImageUrl) === 'object'
+          || this.$xdUniHelper.checkVarType(this.couponImageUrl) === 'array'
+        ) {
+          if(!this.$xdUniHelper.isEmpty(this.couponImageUrl)) {
+            return getServiceUrl(this.couponImageUrl.url)
+          }
+        }
+        return bg
+      },
+    },
+    methods: {
+      switchRule(){
+        this.expand = !this.expand;
+      },
+      goToUseCoupon(){
+        this.$emit('useCoupon', this.item);
+      },
+      checkValue(value, dValue = 0){
+        if(value === undefined || value === '' || value === null) return dValue;
+        return Number(value || 0);
+      },
+    }
+  }
+
+</script>
+<style lang="less" scoped>
+  .xd-coupon_item{
+    display: flex;
+    margin: 20rpx 0;
+    border-radius: 16rpx;
+    background: #FFFFFF;
+    overflow: hidden;
+    .coupon_left{
+      color: #FFFFFF;
+      width: 170rpx;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+
+      ._point{
+        font-size: 48rpx;
+      }
+      ._rule{
+        font-size: 24rpx;
+      }
+    }
+    .coupon_right{
+      flex: 1;
+      width: 530rpx;
+      .cont_top{
+        background: rgba(255, 87, 51, 0.1);
+        padding: 8rpx 40rpx;
+        font-size: 24rpx;
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+      }
+      .cont_main{
+        position: relative;
+        padding: 28rpx 20rpx 28rpx 40rpx;
+        color: #333333;
+        .cou_number{
+          font-size: 32rpx;
+          font-weight: bold;
+        }
+        .cou_time{
+          font-size: 28rpx;
+          margin: 16rpx 0;
+        }
+        .cou_point{
+          font-size: 28rpx;
+          display: flex;
+          align-items: center;
+        }
+        .cou_btn{
+          position: absolute;
+          padding: 10rpx 30rpx;
+          background-color: #ddd;
+          border-radius: 12rpx;
+          right: 20rpx;
+          bottom: 20rpx;
+        }
+      }
+      .cont_bottom{
+        background: #EEEEEE;
+        .switch_rule{
+          display: flex;
+          align-items: center;
+          justify-content: space-between;
+          padding: 12rpx 40rpx;
+          font-size: 24rpx;
+          color: #666666;
+        }
+        .expand_rule{
+          padding: 12rpx 40rpx;
+          font-size: 20rpx;
+          color: #333333;
+          overflow: hidden;
+          white-space: nowrap;
+          text-overflow: ellipsis;
+          background-color: #F5F5F5;
+        }
+      }
+    }
+  }
+</style>

package/src/components/JfbBaseTfkSearch/AllList.vue

@@ -0,0 +1,232 @@
+<template>
+  <view class="search_all_list" >
+    <view class="module_item" v-for="parent in list" :key="parent.setting_id"
+      :style="moduleItemStyle"
+    >
+      <view class="module_title" :style="moduleItemTitleStyle">{{ parent.name }}</view>
+      <view class="module_cont">
+        <view v-for="(item, i) in parent.items" :key="i">
+          <content-cinema v-if="parent.type === 'cinema'"
+            style="width: 100%; height: 100%"
+            :keyword="keyword"
+            :item="item"
+            :out-spacing="$parentVm.outSpacing"
+            :color="{SEAT:$parentVm.mainColor,CODE:$parentVm.subMainColor,SELL:$parentVm.successColor}"
+            :border-radius="$parentVm.imgRradius"
+            :brand-color="$parentVm.brandColor"
+            @on-schedule="(cinema)=>{$parentVm.handleSchedule(cinema,parent)}"
+            @on-cashier-detail="(cinema)=>{$parentVm.handleCashierDetail(cinema,parent)}"
+            @on-code-detail="(cinema)=>{$parentVm.handleCodeDetail(cinema,parent)}"
+          ></content-cinema>
+
+          <content-film v-if="parent.type === 'film'"
+            type="hot"
+            style="width: 100%; height: 100%"
+            :keyword="keyword"
+            :item="item"
+            :out-spacing="$parentVm.outSpacing"
+            :color="$parentVm.mainColor"
+            :border-radius="$parentVm.imgRradius"
+            :brand-color="$parentVm.brandColor"
+            @on-film-detail="(film_id)=>{$parentVm.handleFilmDetail(film_id, parent)}"
+            @on-buy="(film_id)=>{$parentVm.handleBuy(film_id, parent)}"
+          ></content-film>
+
+          <content-shop v-if="parent.type === 'shop'"
+            style="width: 100%; height: 100%"
+            :keyword="keyword"
+            :item="item"
+            :out-spacing="$parentVm.outSpacing"
+            :color="$parentVm.mainColor"
+            :border-radius="$parentVm.imgRradius"
+            :brand-color="$parentVm.brandColor"
+            :is-echange="'Y' || $parentVm.isShowExchange"
+            @on-shop-jhd="(shop)=>{$parentVm.handleShopJhd(shop,parent)}"
+            @on-shop-detail="(shop)=>{$parentVm.handleShopDetail(shop,parent)}"
+          ></content-shop>
+
+          <content-product v-if="parent.type === 'product'"
+            style="width: 100%; height: 100%"
+            :keyword="keyword"
+            :item="item"
+            :product-config="$parentVm.productConfig"
+            :out-spacing="$parentVm.outSpacing"
+            :color="$parentVm.mainColor"
+            :brand-color="$parentVm.brandColor"
+            :border-radius="$parentVm.imgRradius"
+            :cell="1"
+            @on-product-detail="(product)=>{$parentVm.handleProductDetail(product,parent)}"
+          ></content-product>
+        </view>
+      </view>
+      <view class="module_more">
+        <view class="more_inner" :style="moduleMoreStyle" @click="switchMenu(parent)">查看全部</view>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+  import ContentCinema from "./ContentCinema.vue"
+  import ContentFilm from "./ContentFilm.vue"
+  import ContentShop from "./ContentShop.vue"
+  import ContentProduct from "./ContentProduct.vue"
+  import {mapState} from "vuex";
+  export default{
+    name: "SearchAllList",
+    components: {
+      ContentCinema,
+      ContentFilm,
+      ContentShop,
+      ContentProduct
+    },
+    props: {
+      keyword:{
+        type:String,
+        default:'',
+      },
+    },
+    computed: {
+      ...mapState({
+        stateCity: state => state.cityLocation.city,
+        stateLocation: (state) => state.cityLocation.location || {},
+      }),
+      contMarginComp(){
+        let str = `${this.$parentVm.checkValue(this.$parentVm.contMargin.top, 20)}rpx`;
+        str = `${str} ${this.$parentVm.checkValue(this.$parentVm.contMargin.right, 20)}rpx`;
+        str = `${str} ${this.$parentVm.checkValue(this.$parentVm.contMargin.bottom, 20)}rpx`;
+        str = `${str} ${this.$parentVm.checkValue(this.$parentVm.contMargin.left, 20)}rpx`;
+        return str
+      },
+      moduleItemStyle(){
+        let padding = `${this.$parentVm.checkValue(this.$parentVm.allModulePadding.top, 20)}rpx`;
+        padding = `${padding} ${this.$parentVm.checkValue(this.$parentVm.allModulePadding.right, 20)}rpx`;
+        padding = `${padding} ${this.$parentVm.checkValue(this.$parentVm.allModulePadding.bottom, 20)}rpx`;
+        padding = `${padding} ${this.$parentVm.checkValue(this.$parentVm.allModulePadding.left, 20)}rpx`;
+
+        return this.styleObjectToString({
+          background: this.$parentVm.allListBgColor,
+          padding: padding,
+          marginBottom: this.$parentVm.allModuleMargin + 'rpx'
+        })
+      },
+      moduleItemTitleStyle(){
+        let padding = `${this.$parentVm.checkValue(this.$parentVm.allModuleTitlePadding.top, 20)}rpx`;
+        padding = `${padding} ${this.$parentVm.checkValue(this.$parentVm.allModuleTitlePadding.right, 20)}rpx`;
+        padding = `${padding} ${this.$parentVm.checkValue(this.$parentVm.allModuleTitlePadding.bottom, 20)}rpx`;
+        padding = `${padding} ${this.$parentVm.checkValue(this.$parentVm.allModuleTitlePadding.left, 20)}rpx`;
+        
+        let allModuleTitleStyle = this.$parentVm.allModuleTitleStyle;
+        let style = {padding: padding};
+        if(allModuleTitleStyle === 'underline'){
+          style['borderBottom'] = '1px solid #EEEEEE';
+        }else{
+          style['background'] = this.$parentVm.allModuleTitleBgColor;
+        }
+
+        return this.styleObjectToString(style);
+      },
+      moduleMoreStyle(){
+        let allModuleMoreStyle = this.$parentVm.allModuleMoreStyle;
+        let style = {};
+        if(allModuleMoreStyle === 'text'){
+
+        }else{
+          style['border'] = '1px solid #EEEEEE';
+          style['background'] = '#EEEEEE';
+          style['color'] = '#999999';
+        }
+        return this.styleObjectToString(style);
+      },
+    },
+    watch: {
+      keyword(){
+        this.getList()
+      },
+      stateCity(n, o){
+        if(n && JSON.stringify(n) !== JSON.stringify(o)){
+          this.getList()
+        }
+      },
+    },
+    data(){
+      return {
+        $parentVm:null,
+        parentStatus: false,
+
+        list: [],
+      }
+    },
+    created(){
+      this.getParentMV();
+      this.getList();
+    },
+    methods: {
+      getParentMV(){
+        this.$emit('on-parent-vm', ($vm)=>{
+          this.$parentVm = $vm;
+          this.parentStatus = true;
+        })
+      },
+      getList(){
+        let params = {keyword: this.keyword};
+        //设置城市
+        if(this.stateCity && this.stateCity.city_code) {
+          params['city_code'] = this.stateCity.city_code;
+        }
+
+        //设置经纬度
+        if(this.stateLocation &&
+          (this.stateLocation.latitude && this.stateLocation.longitude)
+        ){
+          params['latitude'] = this.stateLocation.latitude;
+          params['longitude'] = this.stateLocation.longitude;
+        }
+
+        this.$xdShowLoading({});
+        this.$emit('on-list', {
+          params: params,
+          cb:(list)=>{
+            this.list = list;
+            this.$xdHideLoading();
+          }
+        })
+      },
+      switchMenu(item){
+        this.$emit('on-switch', {...item, value: item.tab});
+      }
+    }
+  }
+</script>
+
+<style lang="less" scoped>
+  .search_all_list{
+    .module_item{
+      background-color: #FFFFFF;
+      margin-bottom: 20rpx;
+    }
+    .module_title{
+      font-size: 28rpx;
+      color: #333333;
+    }
+    .module_cont{
+      padding: 20rpx 0;
+    }
+    .module_more{
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      font-size: 26rpx;
+      color: #999999;
+      margin-top: 32rpx;
+      .more_inner{
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        height: 80rpx;
+        width: 200rpx;
+        border-radius: 80rpx;
+      }
+    }
+  }
+</style>

package/src/components/JfbBaseTfkSearch/Api.js

@@ -7,50 +7,19 @@
 module.exports = [
   {
     //设置方法名字当别忘记加上【模块名字】：Tfk
-    mapFnName: 'getTfkByIdFilmSquate',
-    title: '获取电影广场列表',
-    path: '/api/account/film/list-film-square',
+    mapFnName: 'getTfkSearchList',
+    title: '获取s搜索列表',
+    path: '/mall/v1/search',
     isRule: false,
     params: {
-      last_key: ['当前页', 'Number', '必选'],
-      page_size: ['每页数量', 'Number', '必选'],
-    },
-    isConsole: true,
-    disabled: true,
-  },
-  {
-    //设置方法名字当别忘记加上【模块名字】：Tfk
-    mapFnName: 'updateTfkFilmPaiqiDate',
-    title: '更新排期',
-    path: '/api/account/film/paiqi-date',
-    isRule: false,
-    params: {
-      film_id: ['电影id', 'Number', '必选'],
-      cinema_id: ['影院id', 'Number', '必选'],
-    },
-    isConsole: true,
-    disabled: true,
-  },
-  {
-    //设置方法名字当别忘记加上【模块名字】：Tfk
-    mapFnName: 'removeTfkFilmAddress',
-    title: '删除我的配送地址',
-    path: '/api/account/film/paiqi-date',
-    isRule: false,
-    params: {
-      film_id: ['电影id', 'Number', '必选'],
-    },
-    isConsole: true,
-    disabled: true,
-  },
-  {
-    //设置方法名字当别忘记加上【模块名字】：Tfk
-    mapFnName: 'addTfkFilmcart',
-    title: '添加购物车',
-    path: '/api/account/film/paiqi-date',
-    isRule: false,
-    params: {
-      film_id: ['电影id', 'Number', '必选'],
+      keyword: ['模糊搜索关键字', 'Number', '必选'],
+      namespace: ['业务线', 'Number', '必选'],
+      city_code: ['城市编码', 'Number', '必选'],
+      latitude: ['纬度', 'Number', '必选'],
+      longitude: ['经度', 'Number', '必选'],
+      search_range: ['搜索范围', 'Number', '必选'],
+      page_size: ['每页条数', 'Number', '必选'],
+      page_token: ['当前页码', 'Number', '必选'],
     },
     isConsole: true,
     disabled: true,