jufubao-base 1.0.168 → 1.0.169-beta10

package/src/components/JfbBaseTfkSearch/Attr.js

@@ -1,4 +1,5 @@
 'use strict';
+import CusAttr from "./CusAttr";
 
 /**
  * @description 当表单组件中有联动操作时候，使用方法进行返回
@@ -8,50 +9,241 @@ export default {
   content: (data) => {
     return [
       {
-        label: '背景颜色:',
-        ele: 'xd-color',
-        valueKey: 'bgcolor',
-        value: data.bgcolor || '',
-        placeholder: '请输入占位框背景颜色',
-        classNmae: 'input80',
+        label: '是否支持聚好兑:',
+        ele: 'xd-radio',
+        valueKey: 'isShowExchange',
+        value: data['isShowExchange'] || "N",
+        groupKey:'content',
         rules: [
-          {
-            required: true,
-            message: '请输入占位框背景颜色',
-            trigger: 'blur'
-          },
+          {required: true, message: '请选择', trigger: ['blur', 'change']}
+        ],
+        list: [
+          {"label": "支持", "value": "Y"},
+          {"label": "不支持", "value": "N"},
         ]
       },
       {
-        label: '选中路径:',
-        ele: 'xd-select-pages-path',
-        valueKey: 'select-pages-path',
-        value: data['select-pages-path'] || null,
+        label: '外边间距:',
+        ele: 'el-input',
+        type: 'number',
+        groupKey:'style',
+        valueKey: 'outSpacing',
+        value: data['outSpacing'] || '',
+        notice: '外边间距设置，单位：像素，默认值：<span style="color:red">20</span> px',
+        inline: false,
+        className: 'input60',
+      },
+      //todo
+      {
+        label: '菜单配置',
+        ele: "title",
+        groupKey:'style',
+        size: "small",
+      },
+      {
+        label: "菜单外边距",
+        ele: "xd-margin-padding",
+        valueKey: 'menuMargin',
+        value: data['menuMargin'] || {
+          top: 0,
+          right: 0,
+          bottom: 0,
+          left: 0,
+        },
+        groupKey:'style',
         setting: {
-          router: XdBus.getParentApi('getPagesTree')
+          type: 'padding',
         },
+        placeholder: '请设置边距',
+        inline: false,
+        notice: '设置内边距，<span style="color: red">单位：像素</span>。',
+      },
+      {
+        label: "菜单内边距",
+        ele: "xd-margin-padding",
+        valueKey: 'menuPadding',
+        value: data['menuPadding'] || {
+          top: 0,
+          right: 0,
+          bottom: 0,
+          left: 0,
+        },
+        groupKey:'style',
+        setting: {
+          type: 'padding',
+        },
+        placeholder: '请设置内边距',
+        inline: false,
+        notice: '设置内边距，<span style="color: red">单位：像素</span>。',
+      },
+      {
+        label: "菜单背景色",
+        ele: "xd-color",
+        valueKey: 'menuBgColor',
+        value: data['menuBgColor'] || '#FFFFFF',
+        groupKey:'style',
+        placeholder: '请选择菜单背景色',
       },
-      data.bgcolor && {
-        label: '高度:',
+      {
+        label: "菜单字体设置",
+        ele: "xd-text-and-bgc",
+        groupKey:'style',
+        valueKey: 'menuTabColor',
+        value: data['menuTabColor'] || null,
+        setting: {
+          fontSize: true, //字体大小选择
+          color: true, //文字颜色选项
+          bgColor: true, //背景选项
+          weight: true, //文字粗细
+        },
+        handleCustom({action, data}) {
+          XdBus.getParentApi('getOptionsSettingList')({setting_id: 'edtix_style_font_size'})
+            .then(res => {
+              data.cb(res.list)
+            })
+            .catch(error => {
+              console.error(error);
+              data.cb([])
+            });
+        },
+      },
+      {
+        label: "菜单间距设置:",
+        groupKey:'style',
         ele: 'el-input',
-        type: 'number',
-        valueKey: 'height',
-        value: data.height || 100,
-        placeholder: '请输入占位框高度，单位像素，默认：10px',
-        className: 'input80',
-        rules: [
-          {
-            required: true,
-            message: '请输入占位框高度',
-            trigger: 'blur'
-          },
-        ]
+        valueKey: 'menuItemMargin',
+        value: data.menuItemMargin || 40,
+        type: "number",
+        className: "input40",
+        placeholder: '请输入菜单间距',
+        inline: false,
+        notice: '设置菜单间距，<span style="color: red">单位：像素</span>。默认值：<span style="color: red">40</span>像素',
+      },
+      {
+        label: "菜单底部横线粗细:",
+        ele: "el-input",
+        valueKey: "menuBorderWidth",
+        value: data.menuBorderWidth || 1,
+        groupKey: "style",
+        type: "number",
+      },
+      {
+        label: '菜单单项内边距设置:',
+        groupKey:'style',
+        ele: 'xd-margin-padding',
+        valueKey: 'menuItemPadding',
+        value: data.menuItemPadding || null,
+        setting: {
+          type: 'padding',
+        },
+        placeholder: '请设置边距',
+        inline: false,
+        notice: '设置内边距，<span style="color: red">单位：像素</span>。默认值：<span style="color: red">20</span>像素',
+      },
+      {
+        label: "全部-列表样式配置",
+        ele: "title",
+        groupKey:'style',
+        size: "small",
+      },
+      {
+        label: "列表背景色",
+        ele: "xd-color",
+        valueKey: 'allListBgColor',
+        value: data['allListBgColor'] || '#FFFFFF',
+        groupKey:'style',
+        placeholder: '请选择列表背景色',
       },
       {
-        label: '', //label
-        ele: 'slot', //package 名称
-        slot: 'is_reference',
+        label: "业务板块内边距",
+        ele: "xd-margin-padding",
+        valueKey: "allModulePadding",
+        value: data['allModulePadding'] || null,
+        groupKey:'style',
+        setting: {
+          type: 'padding',
+        },
+        placeholder: '请设置内边距',
+        inline: false,
+        notice: '设置内边距，<span style="color: red">单位：像素</span>。',
+      },
+      {
+        label: "业务板块标题样式",
+        ele: "xd-radio",
+        valueKey: "allModuleTitleStyle",
+        value: data['allModuleTitleStyle'] || 'underline',
+        groupKey:'style',
+        placeholder: '请选择标题展示样式',
+        list: [
+          {label: "底线", value: 'underline'},
+          {label: "背景", value: 'background'},
+        ],
       },
+      data.allModuleTitleStyle === 'background' &&{
+        label: "业务板块标题背景色",
+        ele: "xd-color",
+        valueKey: 'allModuleTitleBgColor',
+        value: data['allModuleTitleBgColor'] || '#FFFFFF',
+        groupKey:'style',
+        placeholder: '请选择业务板块背景色',
+      },
+      {
+        label: "业务板块标题内边距",
+        ele: "xd-margin-padding",
+        valueKey: "allModuleTitlePadding",
+        value: data['allModuleTitlePadding'] || null,
+        groupKey:'style',
+        setting: {
+          type: 'padding',
+        },
+        placeholder: '请设置内边距',
+        inline: false,
+        notice: '设置内边距，<span style="color: red">单位：像素</span>。',
+      },
+      {
+        label: "业务板块查看更多展示样式",
+        ele: "xd-radio",
+        valueKey: "allModuleMoreStyle",
+        value: data['allModuleMoreStyle'] || 'text',
+        groupKey:'style',
+        placeholder: '请选择查看更多展示样式',
+        list: [
+          {label: "文案", value: 'text'},
+          {label: "按钮", value: 'button'},
+        ],
+      },
+      {
+        label: "业务板块间距设置",
+        ele: "el-input",
+        valueKey: "allModuleMargin",
+        value: data.allModuleMargin || 20,
+        groupKey: "style",
+        type: "number",
+      },
+
+
+      {
+        label: "搜索范围",
+        ele: "xd-search-setting-options",
+        valueKey: 'searchScope',
+        value: data['searchScope'] || [],
+        groupKey:'content',
+        placeholder: '请选择内容圆角设置',
+        multiple: false,
+        className: 'input80',
+        handleCustom({ action, data }) {
+          XdBus.getParentApi('getSearchSettingOptions')()
+            .then(res => {
+              data.cb(res.list)
+            })
+            .catch(error => {
+              console.error(error);
+            });
+        },
+      },
+
+      //列表相关属性
+      ...CusAttr(data),
     ].filter(i=>i)
   },
   advanced: [],

package/src/components/JfbBaseTfkSearch/ContentCinema.vue

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

package/src/components/JfbBaseTfkSearch/ContentFilm.vue

@@ -0,0 +1,179 @@
+<template>
+  <view class="content" @click="handleDetail(item)">
+    <view
+      class="image"
+      :style="{marginRight: outSpacing + 'rpx',borderRadius:borderRadius+'rpx'}"
+    >
+      <image :src="imageUrl"  :alt="item['show_name']"></image>
+    </view>
+    <view class="middle">
+      <view class="name" v-html="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";
+  import getServiceUrl from "@/common/getServiceUrl";
+  import handleKeyword from "./handleKeyword";
+
+  export default {
+    name:'ContentItem',
+    components:{
+      XdButton
+    },
+    props:{
+      keyword:{
+        type:String,
+        default:''
+      },
+      item:Object,
+      outSpacing: {
+        type: Number|String,
+        default: 20
+      },
+      color: {
+        type: String,
+        default: ''
+      },
+      type:{
+        type: String,
+        default: 'hot'
+      },
+      borderRadius:{
+        type: String,
+        default: '10'
+      }
+
+    },
+    computed:{
+      imageUrl(){
+        return getServiceUrl(this.item['poster'])
+      },
+      name(){
+       return  handleKeyword(this, this.item.show_name, this.keyword);
+      }
+    },
+    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: 30rpx;
+      font-weight: 500;
+      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>