jufubao-base 1.0.169-beta8 → 1.0.169

package/src/components/JfbBaseTfkCardLogin/XdCouponItem.vue

@@ -1,271 +0,0 @@
-<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

@@ -1,231 +0,0 @@
-<template>
-  <view class="search_all_list" >
-    <view class="module_item" v-for="parent in list" :key="parent.setting_id"
-      :style="{
-        padding:contMarginComp,
-      }"
-    >
-      <view class="module_title">{{ 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%"
-            :item="item"
-            :out-spacing="$parentVm.outSpacing"
-            :color="{SEAT:$parentVm.mainColor,CODE:$parentVm.subMainColor,SELL:$parentVm.successColor}"
-            :border-radius="$parentVm.imgRradius"
-            @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'"
-            style="width: 100%; height: 100%"
-            :item="item"
-            :out-spacing="$parentVm.outSpacing"
-            :color="$parentVm.mainColor"
-            :border-radius="$parentVm.imgRradius"
-            @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%"
-            :item="item"
-            :out-spacing="$parentVm.outSpacing"
-            :color="$parentVm.mainColor"
-            :border-radius="$parentVm.imgRradius"
-            :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%"
-            :item="item"
-            :product-config="$parentVm.productConfig"
-            :out-spacing="$parentVm.outSpacing"
-            :color="$parentVm.mainColor"
-            :border-radius="$parentVm.imgRradius"
-            :cell="1"
-            @on-product-detail="(product)=>{$parentVm.handleProductDetail(product,parent)}"
-          ></content-product>
-        </view>
-      </view>
-      <view class="module_more">
-        <view>查看全部{{ parent.name }} >></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"
-  export default{
-    name: "SearchAllList",
-    components: {
-      ContentCinema,
-      ContentFilm,
-      ContentShop,
-      ContentProduct
-    },
-    props: {
-
-    },
-    computed: {
-      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
-      },
-    },
-    data(){
-      return {
-        $parentVm:null,
-        parentStatus: false,
-
-        list: [
-              {
-                  "type": "product",
-                  "name": "蛋糕",
-                  "detail_redirect_data": "{\"dir\":\"wtxsaas\",\"host\":\"sandbox-website-05.jufubao.cn\",\"path\":\"\\/main\\/order\\/detail\",\"appType\":\"h5\",\"site_id\":\"17928cc37788be02\",\"site_url\":\"https:\\/\\/sandbox-website-05.jufubao.cn\\/wtxsaas\\/main\\/order\\/detail\",\"frontPath\":\"\\/wtxsaas\\/main\\/order\\/detail\",\"fixed_business_code\":\"\"}",
-                  "detail1_redirect_data": "",
-                  "more_redirect_data": "",
-                  "sort": 0,
-                  "setting_id": 1,
-                  "next_page_token": "a:2:{i:0;d:1705.0785;i:1;s:8:\"60030143\";}",
-                  "items": [
-                      {
-                          "brand_id": 100003,
-                          "brand_name": "品牌jls0519",
-                          "list_title": "3",
-                          "market_price": 2000,
-                          "market_tags": [],
-                          "product_id": 60030143,
-                          "product_name": "仅快递实物商品（北京廊坊支持配送）",
-                          "product_type": "good",
-                          "promo_price": 0,
-                          "sale_num": 8,
-                          "sale_price": 3000,
-                          "status": "ok",
-                          "thumb": "/uploads/20231215/b2ce0235129aa592044f96343f25c338.jpeg"
-                      }
-                  ]
-              },
-              {
-                  "type": "shop",
-                  "name": "蛋糕",
-                  "detail_redirect_data": "",
-                  "detail1_redirect_data": "",
-                  "more_redirect_data": "",
-                  "sort": 1,
-                  "setting_id": 5,
-                  "next_page_token": "a:1:{i:0;d:4.4;}",
-                  "items": [
-                      {
-                          "brand_id": 0,
-                          "brand_name": "",
-                          "shop_icon": "https://dimg04.uat.qa.nt.ctripcorp.com/images/1lo4a12000007fyeg8D96.gif",
-                          "distance": 4,
-                          "business_status": "5",
-                          "full_address": "北京北京北京市东城区景山前街4号",
-                          "phone": "",
-                          "consume_mode": [
-                              "TRAVEL"
-                          ],
-                          "consume_mode_name": "",
-                          "shop_id": 1052782,
-                          "resource_shop_id": 8000302,
-                          "resource_shop_name": "故宫-测试1-攻略修改",
-                          "shop_tags": {},
-                          "stars": 2
-                      }
-                  ]
-              },
-              {
-                  "type": "cinema",
-                  "name": "影院",
-                  "detail_redirect_data": "{\"dir\":\"apply06\",\"host\":\"sandbox-website-05.jufubao.cn\",\"path\":\"\\/main\\/movie\\/suhedule\",\"appType\":\"h5\",\"site_id\":\"17928cc37788be02\",\"site_url\":\"https:\\/\\/sandbox-website-05.jufubao.cn\\/apply06\\/main\\/movie\\/suhedule\",\"frontPath\":\"\\/apply06\\/main\\/movie\\/suhedule\",\"fixed_business_code\":\"\"}",
-                  "detail1_redirect_data": "{\"dir\":\"apply06\",\"host\":\"sandbox-website-05.jufubao.cn\",\"path\":\"\\/main\\/movie\\/cdetailnew\",\"appType\":\"h5\",\"site_id\":\"17928cc37788be02\",\"site_url\":\"https:\\/\\/sandbox-website-05.jufubao.cn\\/apply06\\/main\\/movie\\/cdetailnew\",\"frontPath\":\"\\/apply06\\/main\\/movie\\/cdetailnew\",\"fixed_business_code\":\"\"}",
-                  "more_redirect_data": "",
-                  "sort": 3,
-                  "setting_id": 10,
-                  "next_page_token": 1,
-                  "items": [
-                      {
-                          "address": "朝阳区安慧里三区10号 （北辰购物中心对面）",
-                          "brand_id": 0,
-                          "brand_name": "",
-                          "cinema_id": 6771413,
-                          "cinema_name": "北京剧院",
-                          "cinema_type": [
-                              "SEAT"
-                          ],
-                          "cinema_type_name": [
-                              "在线选座"
-                          ],
-                          "distance": "",
-                          "is_open": "Y",
-                          "shop_icon": ""
-                      }
-                  ]
-              }
-        ],
-      }
-    },
-    created(){
-      this.getParentMV();
-      this.getList();
-    },
-    methods: {
-      getParentMV(){
-        this.$emit('on-parent-vm', ($vm)=>{
-          this.$parentVm = $vm;
-          this.parentStatus = true;
-        })
-      },
-      getList(){
-        this.$xdShowLoading({});
-        this.$emit('on-list', {
-          params: {},
-          cb:(list)=>{
-            this.list = list;
-            this.$xdHideLoading();
-          }
-        })
-      }
-    }
-  }
-</script>
-
-<style lang="less" scoped>
-  .search_all_list{
-    .module_item{
-      background-color: #FFFFFF;
-      margin-bottom: 20rpx;
-    }
-    .module_title{
-      height: 88rpx;
-      line-height: 88rpx;
-      border-bottom: 1px solid #EEEEEE;
-      font-size: 28rpx;
-      color: #333333;
-    }
-    .module_cont{
-      padding: 20rpx 0;
-    }
-    .module_more{
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      height: 80rpx;
-      font-size: 26rpx;
-      color: #999999;
-    }
-  }
-</style>

package/src/components/JfbBaseTfkSearch/ContentCinema.vue

@@ -1,157 +0,0 @@
-<template>
-  <view class="content" @click="handleCinemaDetail">
-    <view class="title" v-html="cusName"></view>
-    <view class="address">{{item['address']}}</view>
-    <view class="bottom">
-      <view class="distance">
-        <template v-if="item['distance']">
-          <xd-font-icon size="26" icon="icondizhi" :color="color.SEAT"></xd-font-icon>
-          <text :style="{color: color.SEAT}">{{item['distance']}}</text>
-        </template>
-      </view>
-      <view class="btn">
-        <!--不展示核销类型【SELL】-->
-        <view
-          v-for="(name,index) in item['cinema_type_name']"
-          v-if="item['cinema_type'][index] !== 'SELL'"
-          :key="index"
-          @click.stop="handleBtn(item['cinema_type'][index])"
-          :style="{
-            backgroundColor:color[item['cinema_type'][index]],
-            color:'#fff'
-          }">{{name}}</view>
-      </view>
-    </view>
-  </view>
-</template>
-
-<script>
-  import XdButton from "@/components/XdButton/XdButton.vue";
-  import XdFontIcon from "@/components/XdFontIcon/XdFontIcon.vue";
-  import handleKeyword from "./handleKeyword";
-
-  export default {
-    name:'ContentCinema',
-    components:{
-      XdButton,
-      XdFontIcon
-    },
-    props:{
-      keyword:{
-        type:String,
-        default: '',
-      },
-      item:Object,
-      color: {
-        type: Object,
-        default: {}
-      },
-
-    },
-    computed:{
-      cusName(){
-        return handleKeyword(this, this.item['cinema_name'], this.keyword)
-      },
-    },
-    data(){
-      return {
-
-      }
-    },
-    created() {
-
-    },
-    methods:{
-      handleCinemaDetail(){
-        //优先在线选座
-        if(this.item['cinema_type'].includes('SEAT')) {
-          this.handleSchedule();
-          return
-        }
-        if(this.item['cinema_type'].includes('CODE')) {
-          this.handleCodeDetail();
-          return
-        }
-        if(this.item['cinema_type'].includes('SELL')) {
-          this.handleCashierDetail();
-          return
-        }
-        console.error(`${JSON.stringify(this.item['cinema_type'])}`)
-      },
-
-      handleBtn(code){
-        if(code === 'SEAT') this.handleSchedule();
-        else if(code === 'CODE') this.handleCodeDetail();
-        else if(code === 'SELL') this.handleCashierDetail();
-        else console.error(`${JSON.stringify(this.item['cinema_type'])}`)
-      },
-
-      //电子码
-      handleCodeDetail(){
-        console.warn(`handleCodeDetail`)
-        this.$emit('on-code-detail', this.item);
-      },
-      //核销
-      handleCashierDetail(){
-        console.warn(`handleCashierDetail`)
-        this.$emit('on-cashier-detail', this.item);
-      },
-
-      //选座排期
-      handleSchedule(){
-        console.warn(`handleSchedule`)
-        this.$emit('on-schedule', this.item);
-      },
-    }
-  }
-</script>
-
-<style scoped lang="less">
-.content {
-  .title {
-    font-size: 30rpx;
-    line-height: 40rpx;
-    margin-bottom: 20rpx;
-    color: #333;
-    font-weight: 500;
-  }
-  .address {
-    font-size: 24rpx;
-    line-height: 30rpx;
-    color: #999;
-    margin-bottom: 15rpx;
-  }
-
-  .bottom {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    margin-top: 30rpx;
-
-    & > .distance {
-      display: flex;
-      justify-content: flex-start;
-      align-items: center;
-
-      & > text {
-        margin-left: 10rpx;
-        font-size: 24rpx;
-      }
-    }
-
-    & > .btn {
-      display: flex;
-      justify-content: flex-end;
-      align-items: center;
-
-      & > view {
-        margin-left: 10rpx;
-        padding: 0 30rpx;
-        line-height: 60rpx;
-        border-radius: 30rpx;
-        font-size: 26rpx;
-      }
-    }
-  }
-}
-</style>