jufubao-base 1.0.169-beta2 → 1.0.169-beta20

package/src/components/JfbBaseTfkSearch/AllList.vue

@@ -0,0 +1,350 @@
+<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 v-if="parent.type !== 'product'" class="module_cont">
+        <view v-for="(item, i) in parent.items" :key="item.key"
+          class="module_cont_inner"
+          :style="moduleItemContStyle"
+        >
+          <content-cinema v-if="parent.type === 'cinema'"
+            style="width: 100%; height: 100%"
+            :keyword="keyword"
+            :item="item"
+            :out-spacing="listItemStyle.outSpacing"
+            :color="{SEAT:listItemStyle.mainColor,CODE:listItemStyle.subMainColor,SELL:listItemStyle.successColor}"
+            :border-radius="listItemStyle.imgRradius"
+            :brand-color="listItemStyle.brandColor"
+            @on-schedule="handleFilmDetail"
+            @on-cashier-detail="handleCashierDetail"
+            @on-code-detail="handleCodeDetail"
+          ></content-cinema>
+          <content-film v-if="parent.type === 'film'"
+            type="hot"
+            style="width: 100%; height: 100%"
+            :keyword="keyword"
+            :item="item"
+            :out-spacing="listItemStyle.outSpacing"
+            :color="listItemStyle.mainColor"
+            :border-radius="listItemStyle.imgRradius"
+            :brand-color="listItemStyle.brandColor"
+            @on-film-detail="handleFilmDetail"
+            @on-buy="handleBuy"
+          ></content-film>
+          <content-shop v-if="parent.type === 'shop'"
+            style="width: 100%; height: 100%"
+            :keyword="keyword"
+            :item="item"
+            :out-spacing="listItemStyle.outSpacing"
+            :color="listItemStyle.mainColor"
+            :border-radius="listItemStyle.imgRradius"
+            :brand-color="listItemStyle.brandColor"
+            :is-echange="'Y' || listItemStyle.isShowExchange"
+            @on-shop-jhd="handleShopJhd"
+            @on-shop-detail="handleShopDetail"
+          ></content-shop>
+        </view>
+      </view>
+      <view v-else class="module_cont product_wrap">
+        <view v-for="(item, i) in parent.items" :key="item.key"
+          class="module_cont_inner"
+          :style="[moduleItemContStyle, {
+            width: getProductCell(parent.tab) == 2 ? `calc(50% - ${allStyle.allModuleItemContMargin/2}rpx)`: '100%',
+          }]"
+        >
+          <content-product v-if="parent.type === 'product'"
+            style="width: 100%; height: 100%"
+            :keyword="keyword"
+            :item="item"
+            :height="outItemProduct"
+            :product-config="productConfig"
+            :out-spacing="listItemStyle.outSpacing"
+            :color="listItemStyle.mainColor"
+            :brand-color="listItemStyle.brandColor"
+            :border-radius="listItemStyle.imgRradius"
+            :cell="getProductCell(parent.tab)"
+            @on-product-detail="handleProductDetail"
+          ></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:'',
+      },
+      allStyle: {
+        type:Object,
+      },
+      listItemStyle:{
+        type:Object|null,
+        default:null,
+      },
+      productConfig:{
+        type:Object|null,
+        default:null,
+      },
+    },
+    computed: {
+      ...mapState({
+        stateCity: state => state.cityLocation.city,
+        stateLocation: (state) => state.cityLocation.location || {},
+      }),
+      contMarginComp(){
+        if(this.getParent === null) return 0
+        let str = `${this.getParent().checkValue(this.listItemStyle.contMargin.top, 20)}rpx`;
+        str = `${str} ${this.getParent().checkValue(this.listItemStyle.contMargin.right, 20)}rpx`;
+        str = `${str} ${this.getParent().checkValue(this.listItemStyle.contMargin.bottom, 20)}rpx`;
+        str = `${str} ${this.getParent().checkValue(this.listItemStyle.contMargin.left, 20)}rpx`;
+        return str
+      },
+      moduleItemStyle(){
+        const { allModuleRadius, allModulePadding, allListBgColor, allModuleMargin } = this.allStyle;
+        let padding = `${this.checkValue(allModulePadding.top, 20)}rpx`;
+        padding = `${padding} ${this.checkValue(allModulePadding.right, 20)}rpx`;
+        padding = `${padding} ${this.checkValue(allModulePadding.bottom, 20)}rpx`;
+        padding = `${padding} ${this.checkValue(allModulePadding.left, 20)}rpx`;
+
+        return this.styleObjectToString({
+          background: allListBgColor,
+          padding: padding,
+          marginBottom: allModuleMargin + 'rpx',
+          borderRadius: allModuleRadius + 'rpx',
+        })
+      },
+      moduleItemTitleStyle(){
+        const { allModuleTitlePadding, allModuleTitleStyle, allModuleTitleBgColor } = this.allStyle;
+        let padding = `${this.checkValue(allModuleTitlePadding.top, 20)}rpx`;
+        padding = `${padding} ${this.checkValue(allModuleTitlePadding.right, 20)}rpx`;
+        padding = `${padding} ${this.checkValue(allModuleTitlePadding.bottom, 20)}rpx`;
+        padding = `${padding} ${this.checkValue(allModuleTitlePadding.left, 20)}rpx`;
+
+        let style = {padding: padding};
+        if(allModuleTitleStyle === 'underline'){
+          style['borderBottom'] = '1px solid #EEEEEE';
+        }else{
+          style['background'] = allModuleTitleBgColor;
+        }
+
+        return this.styleObjectToString(style);
+      },
+      moduleItemContStyle(){
+        let {
+          allModuleItemContBorder, allModuleItemContShadow, allModuleItemContPadding, allModuleItemContMargin,
+          allModuleItemContRadius, allModuleItemContBgColor
+        } = this.allStyle;
+        let border = "none";
+        let boxShadow = "none";
+        if(allModuleItemContBorder && allModuleItemContBorder.type === 'Y'){
+          let { width, color } = allModuleItemContBorder.value;
+          border = `${width}rpx solid ${color}`;
+        }
+        if(allModuleItemContShadow && allModuleItemContShadow.type === 'Y'){
+          let { width, color } = allModuleItemContShadow.value;
+          boxShadow = `0 0 ${width}rpx ${color}`;
+        }
+        let padding = `${this.checkValue(allModuleItemContPadding.top, 20)}rpx`;
+        padding = `${padding} ${this.checkValue(allModuleItemContPadding.right, 20)}rpx`;
+        padding = `${padding} ${this.checkValue(allModuleItemContPadding.bottom, 20)}rpx`;
+        padding = `${padding} ${this.checkValue(allModuleItemContPadding.left, 20)}rpx`;
+        console.log("allModuleItemContShadow", allModuleItemContShadow)
+        return this.styleObjectToString({
+          padding: padding,
+          border: border,
+          borderRadius: allModuleItemContRadius + 'rpx',
+          boxShadow: boxShadow,
+          marginBottom: allModuleItemContMargin + 'rpx',
+          background: allModuleItemContBgColor,
+        })
+      },
+      moduleMoreStyle(){
+        const { allModuleMoreStyle } = this.allStyle;
+        let style = {};
+        if(allModuleMoreStyle === 'text'){
+
+        }else{
+          style['border'] = '1px solid #EEEEEE';
+          style['background'] = '#EEEEEE';
+          style['color'] = '#999999';
+        }
+        return this.styleObjectToString(style);
+      },
+      outItemProduct(){
+        if(this.getParent === null) return 0
+        //获取每列元素最大宽度
+        let num = (750 - 3 * Number(this.listItemStyle.outSpacing))/2;
+        num = num - this.getParent().checkValue(this.listItemStyle.contMargin.right, 20) - this.getParent().checkValue(this.listItemStyle.contMargin.left, 20);
+        return num - this.listItemStyle.contBorderWidth * 2
+      },
+    },
+    watch: {
+      keyword(){
+        this.getList()
+      },
+      stateCity(n, o){
+        if(n && JSON.stringify(n) !== JSON.stringify(o)){
+          this.getList()
+        }
+      },
+    },
+    data(){
+      return {
+        /**@type Function|null**/
+        getParent:null,
+        $parentVm:null,
+        parentStatus: false,
+
+        list: [],
+      }
+    },
+    created(){
+      this.getParentMV();
+      this.getList();
+    },
+    methods: {
+      checkValue(value, defaultValue){
+        return this.getParent().checkValue(value, defaultValue);
+      },
+      getProductCell(str = ''){
+        let cellNum = str.split("@")[3] || 1;
+        return Number(cellNum);
+      },
+      getParentMV(){
+        this.$emit('on-parent-vm', (getParent)=>{
+          this.getParent = getParent;
+          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 || []).map(parent => {
+              parent.items = parent.items.map(item => {
+                item['key'] = item.product_id || item.resource_shop_id || item.cinema_id || item.film_id;
+                return item;
+              })
+              return parent;
+            });
+            this.$xdHideLoading();
+          }
+        })
+      },
+      switchMenu(item){
+        this.$emit('on-switch', {...item, value: item.tab});
+      },
+
+
+      //影片
+      handleFilmDetail(film){
+        this.getParent().handleFilmDetail(film, this.dataConfig)
+      },
+      handleBuy(film){
+        this.getParent().handleBuy(film, this.dataConfig)
+      },
+
+      //影院
+      handleSchedule(cinema){
+        this.getParent().handleSchedule(cinema, this.dataConfig)
+      },
+      handleCashierDetail(cinema){
+        this.getParent().handleCashierDetail(cinema, this.dataConfig)
+      },
+      handleCodeDetail(cinema){
+        this.getParent().handleCodeDetail(cinema, this.dataConfig)
+      },
+
+      //门店
+      handleShopJhd(shop){
+        this.getParent().handleShopJhd(shop, this.dataConfig)
+      },
+      handleShopDetail(shop){
+        this.getParent().handleShopDetail(shop, this.dataConfig)
+      },
+
+      //商品
+      handleProductDetail(product){
+        this.getParent().handleProductDetail(product, this.dataConfig)
+      },
+    }
+  }
+</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;
+
+      &.product_wrap{
+        display: flex;
+        justify-content: space-between;
+        flex-wrap: wrap;
+      }
+
+      .module_cont_inner{
+        box-sizing: border-box;
+      }
+    }
+    .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: 70rpx;
+        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/msearch',
     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,