jufubao-base 1.0.169-beta4 → 1.0.169-beta6

package/src/components/JfbBaseTfkSearch/ContentCinema.vue

@@ -0,0 +1,147 @@
+<template>
+  <view class="content" @click="handleCinemaDetail">
+    <view class="title">{{item['cinema_name']}}</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";
+
+  export default {
+    name:'ContentCinema',
+    components:{
+      XdButton,
+      XdFontIcon
+    },
+    props:{
+      item:Object,
+      color: {
+        type: Object,
+        default: {}
+      },
+
+    },
+    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: 32rpx;
+    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>

package/src/components/JfbBaseTfkSearch/ContentItem.vue

@@ -0,0 +1,165 @@
+<template>
+  <view class="content" @click="handleDetail(item)">
+    <view
+      class="image"
+      :style="{marginRight: outSpacing + 'rpx',borderRadius:borderRadius+'rpx'}"
+    >
+      <image :src="item['poster']"  :alt="item['show_name']"></image>
+    </view>
+    <view class="middle">
+      <view class="name">{{item['show_name']}}</view>
+      <view class="other">类型：{{item['type']}}</view>
+      <view class="other">导演：{{item['director']}}</view>
+      <view class="other">主演：{{item['leading_role']}}</view>
+    </view>
+    <view class="right">
+      <view class="score">
+        <template v-if="item['remark']">
+          <text>评分：</text><text :style="{color:color}">{{item['remark']}}</text>
+        </template>
+      </view>
+      <view class="btn">
+        <template v-if="type === 'hot'">
+          <xd-button
+            v-if="item['show_button'] === '1'"
+            type="primary"
+            style="display:block;"
+            size="small"
+            @click.stop="handleBuy(item)">购票</xd-button>
+          <xd-button
+            v-else-if="item['show_button'] === '2'"
+            type="subPrimary"
+            style="display:block;"
+            size="small"
+            @click="handleBuy(item)">预售</xd-button>
+        </template>
+        <template v-if="type === 'rightnow'">
+          <xd-button
+            v-if="item['show_button'] === '3'"
+            type="success"
+            style="display:block;"
+            size="small"
+            @click.stop="handleDetail(item)"
+          >想看</xd-button>
+          <xd-button
+            v-else-if="item['show_button'] === '2'"
+            type="subPrimary"
+            style="display:block;"
+            size="small"
+            @click.stop="handleBuy(item)">预售</xd-button>
+        </template>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+  import XdButton from "@/components/XdButton/XdButton.vue";
+
+  export default {
+    name:'ContentItem',
+    components:{
+      XdButton
+    },
+    props:{
+      item:Object,
+      outSpacing: {
+        type: Number|String,
+        default: 20
+      },
+      color: {
+        type: String,
+        default: ''
+      },
+      type:{
+        type: String,
+        default: 'hot'
+      },
+      borderRadius:{
+        type: String,
+        default: '10'
+      }
+
+    },
+    created() {
+
+    },
+    methods:{
+      handleDetail(item){
+        console.log('handleDetail.item',item,item.id);
+        this.$emit('on-film-detail',item.id);
+      },
+      handleBuy(item){
+        console.log('handleDetail.item',item,item.id);
+        this.$emit('on-buy',item.id);
+      }
+    }
+  }
+</script>
+
+<style scoped lang="less">
+.content {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+
+  .image {
+    width: 160rpx;
+    height: 240rpx;
+    flex-shrink: 0;
+    overflow: hidden;
+
+    & > image {
+      width: 100%;
+      height: 100%;
+    }
+  }
+  .middle {
+    flex: 1;
+    & .name {
+      font-size: 36rpx;
+      font-weight: 600;
+      margin-bottom: 20rpx;
+      .uni-max-cut(2, 90);
+      line-height: 45rpx;
+    }
+
+    & .other {
+      font-size: 25rpx;
+      color: #999;
+      .uni-max-cut(1,36);
+      line-height: 36rpx;
+      margin-bottom: 10rpx;
+      &:last-child {
+        margin-bottom: 0!important;
+      }
+    }
+  }
+
+  .right {
+    flex-shrink: 0;
+    display: flex;
+    align-content: space-between;
+    align-items: flex-end;
+    justify-content: flex-end;
+    flex-flow: wrap;
+    height: 100%;
+    box-sizing: border-box;
+    width: 160rpx;
+
+    & .score {
+      height: 40rpx;
+      width:100%;
+      text-align: right;
+      & > text:nth-child(1) {
+        font-size: 20rpx;
+      }
+      & > text:nth-child(2) {
+        font-size: 28rpx;
+      }
+
+    }
+
+  }
+}
+</style>

package/src/components/JfbBaseTfkSearch/CusAttr.js

@@ -0,0 +1,201 @@
+'use strict';
+export default (data)=>{
+  return [
+    {
+      ele: 'title',
+      label: '商品搜索相关设置',
+      size: 'small',
+      groupKey:'content',
+    },
+    {
+      label: '是否展示品牌:',
+      ele: 'xd-radio',
+      valueKey: 'is_show_brand',
+      value: data['is_show_brand'] || 'N',
+      placeholder: '请选择是否展示品牌',
+      multiple: false,
+      className: 'input80',
+      groupKey:'content',
+      list: [
+        {label: '是', value: 'Y'},
+        {label: '否', value: 'N'},
+      ]
+    },
+    {
+      label: "可否直接加入购物车",
+      ele: "xd-radio",
+      valueKey: "isAddCart",
+      groupKey:'content',
+      value: data['isAddCart'] || 'Y',
+      list: [
+        {label: "是", value: 'Y'},
+        {label: "否", value: 'N'}
+      ]
+    },
+    {
+      label: '是否显示价格:',
+      ele: 'xd-radio',
+      groupKey:'content',
+      valueKey: 'isPrice',
+      value: data['isPrice'] || 'Y',
+      placeholder: '请选择是否显示价格',
+      multiple: false,
+      className: 'input80',
+      list: [
+        {label: '是', value: 'Y'},
+        {label: '否', value: 'N'},
+      ]
+    },
+    data['isPrice']==='Y'&&{
+      label: '是否展示原价:',
+      ele: 'xd-radio',
+      groupKey:'content',
+      valueKey: 'isShowDiscount',
+      value: data['isShowDiscount'] || "Y",
+      rules: [
+        {required: true, message: '请选择', trigger: ['blur', 'change']}
+      ],
+      list: [
+        {"label": "显示", "value": "Y"},
+        {"label": "隐藏", "value": "N"},
+      ]
+    },
+    data['isShowDiscount']==='Y'&&{
+      label: '市场价减去售价大于多少展示:',
+      ele: 'el-input',
+      type: 'number',
+      valueKey: 'differ',
+      value: data['differ'] || '',
+      groupKey:'content',
+      placeholder: '价差',
+      className: 'input80',
+    },
+    data['isPrice']==='Y'&&{
+      label: '是否标明活动价:',
+      ele: 'xd-radio',
+      valueKey: 'showActivityPrice',
+      value: data['showActivityPrice'] || 'N',
+      placeholder: '请选择是否标明活动价',
+      groupKey:'content',
+      multiple: false,
+      className: 'input80',
+      list: [
+        {label: '是', value: 'Y'},
+        {label: '否', value: 'N'},
+      ]
+    },
+    {
+      label: '是否显示标签:',
+      ele: 'xd-radio',
+      valueKey: "isShowTag",
+      value: data['isShowTag'] || 'N',
+      groupKey:'content',
+      list: [
+        {label: '是', value: 'Y'},
+        {label: '否', value: 'N'},
+      ]
+    },
+
+    {
+      ele: 'title',
+      label: '列表样式设置',
+      size: 'small',
+      groupKey:'style',
+    },
+    {
+      label: '填充设置:',
+      ele: 'xd-margin-padding',
+      groupKey:'style',
+      valueKey: 'contMargin',
+      value: data['contMargin'] || null,
+      setting: {
+        type: 'margin',
+      },
+      inline: false,
+      notice: '填充设置，单位：<span style="color: red">像素</span>。默认值：<span style="color: red">20</span> 像素',
+    },
+    {
+      label: '背景颜色:',
+      ele: 'xd-color',
+      valueKey: 'contBgColor',
+      value: data['contBgColor'] || '',
+      placeholder: '请选择背景颜色',
+      classNmae: 'input80',
+      groupKey:'style',
+    },
+    {
+      label: '当前投影设置:',
+      ele: 'xd-shadow',
+      groupKey:'style',
+      valueKey: 'contShadow',
+      value: data['contShadow'] || '',
+      setting: {
+        selected: 'N',
+      },
+      handleCustom({action, data}) {
+        XdBus.getParentApi('getOptionsSettingList')({setting_id: 'edtix_style_radius'})
+          .then(res => {
+            data.cb(res.list)
+          })
+          .catch(error => {
+            console.error(error);
+            data.cb([])
+          });
+      },
+    },
+    {
+      label: '当前边框设置:',
+      ele: 'xd-border',
+      groupKey:'style',
+      valueKey: 'contBorder',
+      value: data['contBorder'] || '',
+      setting: {
+        selected:'N'
+      },
+    },
+    {
+      label: '圆角设置:',
+      ele: 'xd-site-select-list',
+      valueKey: 'contRradius',
+      value: data['contRradius'] || '10',
+      groupKey:'style',
+      placeholder: '请选择内容圆角设置',
+      multiple: false,
+      className: 'input80',
+      handleCustom({action, data}) {
+        XdBus.getParentApi('getOptionsSettingList')({setting_id: 'edtix_style_radius'})
+          .then(res => {
+            data.cb(res.list)
+          })
+          .catch(error => {
+            console.error(error);
+          });
+      },
+    },
+    {
+      ele: 'title',
+      label: '图片样式设置',
+      size: 'small',
+      groupKey:'style',
+    },
+    {
+      label: '圆角设置:',
+      ele: 'xd-site-select-list',
+      valueKey: 'imgRradius',
+      value: data['imgRradius'] || '10',
+      groupKey:'style',
+      placeholder: '请选择内容圆角设置',
+      multiple: false,
+      className: 'input80',
+      handleCustom({action, data}) {
+        XdBus.getParentApi('getOptionsSettingList')({setting_id: 'edtix_style_radius'})
+          .then(res => {
+            data.cb(res.list)
+          })
+          .catch(error => {
+            console.error(error);
+          });
+      },
+    },
+  ]
+}