jufubao-base 1.0.169-beta2 → 1.0.169-beta20

package/src/components/JfbBaseTfkSearch/Attr.js

@@ -1,4 +1,5 @@
 'use strict';
+import CusAttr from "./CusAttr";
 
 /**
  * @description 当表单组件中有联动操作时候，使用方法进行返回
@@ -8,50 +9,361 @@ 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: {
+          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: '请选择菜单背景色',
+      },
+      {
+        label: "菜单字体设置",
+        ele: "xd-text-and-bgc",
+        groupKey:'style',
+        valueKey: 'menuTabColor',
+        value: data['menuTabColor'] || null,
         setting: {
-          router: XdBus.getParentApi('getPagesTree')
+          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([])
+            });
         },
       },
-      data.bgcolor && {
-        label: '高度:',
+      {
+        label: "菜单间距设置:",
+        groupKey:'style',
         ele: 'el-input',
-        type: 'number',
-        valueKey: 'height',
-        value: data.height || 100,
-        placeholder: '请输入占位框高度，单位像素，默认：10px',
+        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: "业务板块内边距",
+        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-site-select-list',
+        valueKey: 'allModuleRadius',
+        value: data['allModuleRadius'] || 0,
+        groupKey:'style',
+        placeholder: '请选择内容圆角设置',
+        multiple: false,
         className: 'input80',
-        rules: [
-          {
-            required: true,
-            message: '请输入占位框高度',
-            trigger: 'blur'
-          },
-        ]
+        handleCustom({ action, data }) {
+          XdBus.getParentApi('getOptionsSettingList')({ setting_id: 'edtix_style_radius' })
+            .then(res => {
+              data.cb(res.list)
+            })
+            .catch(error => {
+              console.error(error);
+            });
+        },
       },
       {
-        label: '', //label
-        ele: 'slot', //package 名称
-        slot: 'is_reference',
+        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: "title",
+        groupKey:'style',
+        size: "small",
+      },
+      {
+        label: "业务板块列表单个背景色",
+        ele: "xd-color",
+        valueKey: 'allModuleItemContBgColor',
+        value: data['allModuleItemContBgColor'] || '#FFFFFF',
+        groupKey:'style',
+      },
+      {
+        label: "业务板块列表单个间距",
+        ele: "el-input",
+        valueKey: "allModuleItemContMargin",
+        value: data.allModuleItemContMargin || 20,
+        groupKey:'style',
+        type: "number",
+      },
+      {
+        label: "业务板块列表单个边框",
+        ele: "xd-border",
+        valueKey: 'allModuleItemContBorder',
+        value: data['allModuleItemContBorder'] || null,
+        groupKey:'style',
+      },
+      {
+        label: "业务板块列表单个阴影",
+        ele: "xd-shadow",
+        groupKey:'style',
+        valueKey: 'allModuleItemContShadow',
+        value: data['allModuleItemContShadow'] || null,
+        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-margin-padding",
+        valueKey: "allModuleItemContPadding",
+        value: data['allModuleItemContPadding'] || null,
+        groupKey:'style',
+        setting: {
+          type: 'padding',
+        },
+        placeholder: '请设置内边距',
+        inline: false,
+        notice: '设置内边距，<span style="color: red">单位：像素</span>。默认值：<span style="color: red">20</span>像素',
+      },
+      {
+        label: "业务板块列表单个圆角",
+        ele: 'xd-site-select-list',
+        valueKey: 'allModuleItemContRadius',
+        value: data.allModuleItemContRadius || 16,
+        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);
+            });
+        },
+      },
+
+      {
+        label: '选择综合入口类型:',
+        ele: 'xd-site-select-list',
+        valueKey: 'entryGroupId',
+        value: data.entryGroupId || 'default',
+        placeholder: '请选择综合入口类型',
+        multiple: false,
+        groupKey:'content',
+        className: 'input50',
+        rules: [
+          {required: true, message: '请选择综合入口类型', trigger: ['blur', 'change']}
+        ],
+        handleCustom({action, data}) {
+          XdBus.getParentApi('getEntryGroupOption')({key: Date.now()})
+            .then(res => {
+              data.cb(res.list)
+            })
+            .catch(error => {
+              console.error(error);
+            });
+        },
+      },
+      data.entryGroupId && {
+        label: "搜索范围",
+        ele: "xd-search-setting-options",
+        valueKey: 'searchScope',
+        value: data['searchScope'] || [],
+        groupKey:'content',
+        placeholder: '请选择内容圆角设置',
+        multiple: false,
+        className: 'input80',
+        setting: {
+          group_id: data.entryGroupId || 'default',
+        },
+        handleCustom({ action, data }) {
+          XdBus.getParentApi('getSearchSettingOptions')({group_id: 'default', ...data.params})
+            .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>