jufubao-movie 1.0.67 → 1.0.68-beta1

package/src/components/JfbMovieLineCinema/cusAttr/advanced.js

@@ -0,0 +1,136 @@
+'use strict';
+import {
+  dataVal,
+  statusDataVal,
+  statusShow
+} from "@/utils/AttrTools";
+export default (data, gValue, gColor, oldData = {}) => {
+  let scanPath = null, jhdPath = null, qpPath = null
+  if (data['scanPath'] !== undefined) {
+    scanPath = data['scanPath'];
+  } else {
+    scanPath = data['sellPath']
+  }
+  if (data['jhdPath'] !== undefined) {
+    jhdPath = data['jhdPath'];
+  } else {
+    jhdPath = data['sellPath']
+  }
+  if (data['qpPath'] !== undefined) {
+    qpPath = data['qpPath'];
+  } else {
+    qpPath = data['sellPath']
+  }
+  return [
+    {
+      label: '在线选座',
+      ele: 'xd-select-pages-path',
+      labelInline: true,
+      valueKey: 'schedule_choose_path',
+      placeholder: '请选择在线选座跳转路径',
+      className: 'input100',
+      value: dataVal({ data, key: 'schedule_choose_path', dValue: null, gValue }),
+      groupKey: 'advanced',
+      notice: '点击影院也会跳转到这个地址',
+      inline: false,
+      setting: {
+        mode: 'new',
+        router: XdBus.getParentApi('getPagesTree'),
+      },
+    },
+    {
+      label: '切换城市',
+      ele: 'xd-select-pages-path',
+      labelInline: true,
+      valueKey: 'choseCityPath',
+      placeholder: '选择切换城市跳转路径',
+      value: dataVal({ data, key: 'choseCityPath', dValue: null, gValue }),
+      className: 'input100',
+      groupKey: 'advanced',
+      setting: {
+        mode: 'new',
+        router: XdBus.getParentApi('getPagesTree'),
+      },
+    },
+    {
+      label: '电子码',
+      ele: 'xd-select-pages-path',
+      labelInline: true,
+      valueKey: 'codeChoosePath',
+      placeholder: '请选择电子码跳转路径',
+      value: dataVal({ data, key: 'codeChoosePath', dValue: null, gValue }),
+      className: 'input100',
+      groupKey: 'advanced',
+      setting: {
+        mode: 'new',
+        router: XdBus.getParentApi('getPagesTree'),
+      },
+    },
+    {
+      label: '扫一扫',
+      ele: 'xd-select-pages-path',
+      valueKey: 'scanPath',
+      placeholder: '请选扫一扫跳转地址',
+      groupKey: 'advanced',
+      className: 'input100',
+      labelInline: true,
+      value: scanPath,
+      setting: {
+        mode: 'new',
+        router: XdBus.getParentApi('getPagesTree'),
+      },
+      inline: false,
+      notice: '服务类型为支持 核销时使用'
+    },
+    {
+      label: '聚好兑',
+      ele: 'xd-select-pages-path',
+      valueKey: 'jhdPath',
+      placeholder: '请选择聚好兑跳转地址',
+      labelInline: true,
+      groupKey: 'advanced',
+      className: 'input100',
+      value: jhdPath,
+      setting: {
+        mode: 'new',
+        router: XdBus.getParentApi('getPagesTree'),
+      },
+      inline: false,
+      notice: '服务类型为支持 核销时使用'
+    },
+    {
+      label: '快捷码',
+      ele: 'xd-select-pages-path',
+      valueKey: 'qpPath',
+      placeholder: '请选择快捷码跳转地址',
+      groupKey: 'advanced',
+      labelInline: true,
+      className: 'input100',
+      value: qpPath,
+      setting: {
+        mode: 'new',
+        router: XdBus.getParentApi('getPagesTree'),
+      },
+      inline: false,
+      notice: '服务类型为支持 核销时使用'
+    },
+    {
+      label: '线下核销',
+      ele: 'xd-select-pages-path',
+      valueKey: 'sellPath',
+      labelInline: true,
+      placeholder: '请选择线下核销路径',
+      value: dataVal({ data, key: 'sellPath', dValue: null, gValue }),
+      className: 'input100',
+      hidden: true,
+      groupKey: 'advanced',
+      notice: '线下核销跳转地址',
+      setting: {
+        mode: 'new',
+        router: XdBus.getParentApi('getPagesTree'),
+      },
+      inline: false,
+    },
+  ].filter(i => i)
+}
+

package/src/components/JfbMovieLineCinema/cusAttr/content.js

@@ -0,0 +1,203 @@
+'use strict';
+
+import { customVal, dataVal } from "@/utils/AttrTools";
+
+export default (data, gValue, gColor, oldData = {}) => {
+  let checkFieldsBg = {
+    bodyPaddingStatus: ['bodyPadding'],
+    cardItemSpaceStatus: ['cardItemSpace']
+  }
+  let checkJHD = false;
+  let checkWB = false;
+  let checkQP = false
+  if (data['fastEntryStatus']===undefined) {
+    if (data['is_show_sell'] === 'Y') {
+      checkJHD = true;
+      checkWB = true;
+      checkQP = true;
+    }
+  }
+  return [
+    {
+      ele: 'title',
+      label: '基础',
+      size: 'small',
+      groupKey: 'content',
+    },
+    {
+      label: '排序方式',
+      ele: 'xd-site-select-list',
+      labelInline: true,
+      valueKey: 'sort_consume_mode',
+      value: dataVal({ data, key: 'sort_consume_mode', dValue: '', gValue }),
+      groupKey: 'content',
+      placeholder: '请选择排序方式',
+      multiple: false,
+      className: 'input80',
+      handleCustom({ action, data }) {
+        XdBus.getParentApi('getOptionsSettingList')({
+          setting_id: 'sort_consume_mode',
+          key: Date.now()
+        })
+          .then(res => {
+            data.cb(res.list)
+          })
+          .catch(error => {
+            console.error(error);
+          });
+      },
+    },
+    {
+      ele: 'title',
+      label: '组件样式',
+      size: 'small',
+      groupKey: 'content',
+    },
+    {
+      label: "门店布局",
+      ele: "xd-style-image",
+      groupKey: 'content',
+      valueKey: "shopListStyle",
+      value: dataVal({ data, key: 'shopListStyle', dValue: 'v3', gValue }),
+      labelInline: true,
+      className: 'input100',
+      handleCustom(cusRes) {
+        XdBus.getParentApi('getCompStylesOptions')({
+          layout_ids: '67gEK19OLvv1pnomF15oJ',
+          key: Date.now()
+        })
+          .then(res => {
+            res.list = res.list.filter(item => item.value !== 'v2')
+            cusRes.data.cb(res)
+          })
+          .catch(error => {
+            console.error(error);
+          });
+      },
+    },
+    {
+      label: "门店样式",
+      ele: "xd-style-image",
+      groupKey: 'content',
+      valueKey: "shopStyle",
+      cusStyle: { marginBottom: '5px' },
+      value: customVal({
+        data,
+        key: 'shopStyle',
+        fields: checkFieldsBg,
+        gValue,
+        sValue: `{"cardItemSpace":16,"margin":{"bottom":16,"left":16,"right":16,"top":16},"backgroundColor":"rgba(245, 245, 245, 1)"}`,
+      }),
+      labelInline: true,
+      className: 'input100',
+      handleCustom(cusRes) {
+        XdBus.getParentApi('getCompStylesOptions')({
+          layout_ids: 'KwoIQ5lXgRFd4LQMYWJIY',
+          key: Date.now()
+        })
+          .then(res => {
+            cusRes.data.cb(res)
+          })
+          .catch(error => {
+            console.error(error);
+          });
+      },
+    },
+    {
+      ele: 'title',
+      label: '展示内容',
+      size: 'small',
+      groupKey: 'content',
+    },
+    {
+      ele: 'xd-line',
+      groupKey: 'content'
+    },
+    {
+      label: "是否显示到店使用:",
+      ele: "xd-radio",
+      valueKey: "is_show_sell",
+      value: data['is_show_sell'] || 'N',
+      groupKey: 'content',
+      hidden: true,
+      list: [
+        { label: '显示', value: "Y" },
+        { label: '不显示', value: "N" },
+      ]
+    },
+    {
+      label: '门店地址',
+      ele: 'xd-cus-switch',
+      valueKey: 'showStoreAddress',
+      value: dataVal({ data, key: 'showStoreAddress', dValue: 'Y', gValue }),
+      isRefresh: true,
+      className: 'input100',
+      groupKey: 'content',
+      labelInline: true,
+      cusStyle: { marginBottom: '10px' },
+      setting: {
+        isBackType: 'string'
+      },
+    },
+    {
+      ele: 'xd-line',
+      groupKey: 'content'
+    },
+    {
+      label: '距离',
+      ele: 'xd-cus-switch',
+      valueKey: 'showStoreDistance',
+      value: dataVal({ data, key: 'showStoreDistance', dValue: "Y", gValue }),
+      className: 'input100',
+      groupKey: 'content',
+      labelInline: true,
+      cusStyle: { marginBottom: '10px' },
+      setting: {
+        isBackType: 'string'
+      },
+    },
+    {
+      ele: 'xd-line',
+      groupKey: 'content'
+    },
+    {
+      label: '快捷入口',
+      ele: 'xd-cus-switch',
+      valueKey: 'fastEntryStatus',
+      value: dataVal({ data, key: 'fastEntryStatus', dValue: "N", gValue }),
+      className: 'input100',
+      groupKey: 'content',
+      labelInline: true,
+      cusStyle: { marginBottom: '10px' },
+      setting: {
+        isBackType: 'string'
+      },
+    },
+    { ele: 'group_start' },
+    {
+      label: '',
+      ele: 'xd-name-check',
+      valueKey: 'fastEntry',
+      groupKey: 'content',
+      value: dataVal({ data, key: 'fastEntry', dValue: [], gValue }),
+      className: 'input100',
+      setting: {
+        isSort: false,
+        width: 90,
+      },
+      labelInline: true,
+      hidden: data['fastEntryStatus'] !== 'Y',
+      handleCustom({ action, data }) {
+        data.cb([
+          { value: 'jhd', label: '聚好兑', input: '', def: '聚好兑', check: checkJHD, placeholder: '服务类型为支持核销时使用' },
+          { value: 'wb', label: '扫一扫', input: '', def: '扫一扫', check: checkWB, placeholder: '服务类型为支持核销时使用' },
+          { value: 'qp', label: '快捷码', input: '', def: '去提货', check: checkQP, placeholder: '服务类型为支持核销时使用' },
+          { value: 'seat', label: '在线选座', input: '', def: '去订票', check: false, placeholder: '去订票' },
+          { value: 'code', label: '电子码', input: '', def: '电子码', check: false, placeholder: '电子码' },
+        ])
+      },
+    },
+    { ele: 'group_end' },
+  ].filter(i => i)
+}
+

package/src/components/JfbMovieLineCinema/cusAttr/shops.js

@@ -0,0 +1,242 @@
+'use strict';
+import {
+  dataVal ,
+  statusShow,
+  statusDataVal,
+  getCustomAttr,
+  cRaBorShadow
+} from "@/utils/AttrTools";
+export default function (data, gValue, gColor, oldData) {
+  console.log('data', data, gValue, gColor, oldData);
+  let defCardItemBorder = cRaBorShadow( data, 'cardItemBorder', {dValue:'N'},gValue);
+  let defCardItemShadow = cRaBorShadow( data, 'cardItemShadow', {dValue:'N'},gValue);
+  let defCardImageBorder = cRaBorShadow( data, 'cardImageBorder', {dValue:'N'},gValue);
+  return [
+    {
+      label: "影院列表样式",
+      ele: "title",
+      groupKey: "style",
+      size: "small",
+    },
+    {
+      label: '内边距',
+      ele: 'xd-radio',
+      groupKey: 'style',
+      valueKey: 'itemPaddingStatus',
+      value: statusDataVal({data, key:'itemPaddingStatus', fields:['itemPadding'],gValue}),
+      labelInline:true,
+      list: [
+        {label: '默认', value: 'D'},
+        {label: '自定义', value: 'C'},
+      ]
+    },
+    {ele: 'group_start'},
+    {
+      label: '',
+      ele: 'xd-margin-padding',
+      groupKey:'style',
+      valueKey: 'itemPadding',
+      hidden:!statusShow({data, key: 'itemPaddingStatus', fields:['itemPadding'], gValue}),
+      value: dataVal({
+        data,
+        key:'itemPadding',
+        dValue:[gValue.isAdd && gValue.isFirst ?{top:16,left:16, right:16, bottom:16}:20],
+        gValue,
+        isPM: true,
+      }),
+      setting: {
+        type: 'padding',
+      },
+    },
+    {ele: 'group_end'},
+    {
+      label: '背景色',
+      ele: 'xd-radio',
+      groupKey: 'style',
+      valueKey: 'cardItemBgColorStatus',
+      value: statusDataVal({data, key: 'cardItemBgColorStatus', fields:['cardItemBgColor'], gValue}),
+      labelInline:true,
+      list: [
+        {label: '默认', value: 'D'},
+        {label: '自定义', value: 'C'},
+      ]
+    },
+    {ele: 'group_start'},
+    {
+      label: '颜色',
+      ele: 'xd-color',
+      groupKey:'style',
+      valueKey: 'cardItemBgColor',
+      labelInline:true,
+      value: dataVal({data, key:'cardItemBgColor', dValue:'#FFF', gValue}),
+      hidden: !statusShow({data, key: 'cardItemBgColorStatus', fields:['cardItemBgColor'], gValue}),
+      placeholder: '请选择背景颜色',
+      classNmae: 'input80',
+      setting: {
+        showAlpha: true
+      },
+      inline: false,
+    },
+    {ele: 'group_end'},
+    {
+      label: '间距设置',
+      ele: 'xd-radio',
+      groupKey: 'style',
+      valueKey: 'cardItemSpaceStatus',
+      value: statusDataVal({data, key:'cardItemSpaceStatus', fields:['cardItemSpace'],gValue,cusField:['shopStyle']}),
+      labelInline:true,
+      list: [
+        {label: '默认', value: 'D'},
+        {label: '自定义', value: 'C'},
+      ]
+    },
+    {ele: 'group_start'},
+    {
+      label: "",
+      groupKey: 'style',
+      ele: 'xd-slider',
+      valueKey: "cardItemSpace",
+      value: dataVal({data, key:'cardItemSpace', dValue:[gValue.isAdd && gValue.isFirst ?16:20], gValue}),
+      hidden: !statusShow({data, key: 'cardItemSpaceStatus', fields:['cardItemSpace'], gValue}),
+      className: "input100",
+      labelInline: true,
+      setting:{
+        min: 0,
+        max: 100,
+        step:1,
+        showStops:false,
+        showInput:false,
+      }
+    },
+    {ele: 'group_end'},
+    {
+      label: '圆角',
+      ele: 'xd-radio',
+      groupKey: 'style',
+      valueKey: 'cardItemRadiusStatus',
+      value: statusDataVal({data, key:'cardItemRadiusStatus', fields:['cardItemRadius'],gValue}),
+      labelInline:true,
+      list: [
+        {label: '默认', value: 'D'},
+        {label: '无圆角', value: 'N'},
+        {label: '自定义', value: 'C'},
+      ]
+    },
+    {ele: 'group_start'},
+    {
+      label: '大小',
+      ele: 'xd-site-select-list',
+      labelInline: true,
+      valueKey: 'cardItemRadius',
+      value: dataVal({data, key:'cardItemRadius', dValue:['10'], gValue}),
+      hidden: !statusShow({data, key: 'cardItemRadiusStatus', fields:['cardItemRadius'], gValue}),
+      placeholder: '请选择圆角',
+      multiple: false,
+      className: 'input40',
+      groupKey:'style',
+      handleCustom({action, data}) {
+        XdBus.getParentApi('getOptionsSettingList')({
+          setting_id: 'edtix_style_radius',
+          key: Date.now()
+        })
+          .then(res => {
+            res.list = res.list.filter(item=>{
+              return item.label !== '无';
+            });
+            data.cb(res.list)
+          })
+          .catch(error => {
+            console.error(error);
+          });
+      },
+    },
+    {ele: 'group_end'},
+    {
+      label: '描边',
+      ele: 'xd-border',
+      labelInline: true,
+      groupKey:'style',
+      valueKey: 'cardItemBorder',
+      value: defCardItemBorder,
+      setting: {
+        selected:defCardItemBorder.type,
+        isRadio: true,//启用editx默认
+        isDef: true, //启动默认选项
+        //==设置默认值==
+        color: '#f8f8f8',
+        width: '2',
+        style: 'solid'
+        //==设置默认值==
+      },
+    },
+    {
+      label: '投影',
+      ele: 'xd-shadow',
+      labelInline: true,
+      groupKey:'style',
+      valueKey: 'cardItemShadow',
+      value: defCardItemShadow,
+      className: 'input100',
+      setting: {
+        selected: defCardItemShadow.type,
+        isRadio:true,
+        isDef: true,
+        default: {
+          color:'rgba(0,0,0,0.1)',
+          width:'10',
+        }
+      },
+      handleCustom({action, data}) {
+        XdBus.getParentApi('getOptionsSettingList')({setting_id: 'edtix_style_radius'})
+          .then(res => {
+            res.list = res.list.filter(item=>{
+              return item.label !== '无';
+            });
+            data.cb(res.list)
+          })
+          .catch(error => {
+            console.error(error);
+            data.cb([])
+          });
+      },
+    },
+    {
+      label: "背景颜色:",
+      ele: "xd-color",
+      valueKey: "bodyBgColor",
+      value: data.bodyBgColor || "",
+      groupKey: "style",
+      hidden:true,
+    },
+    {
+      label: '距离样式',
+      ele: 'xd-radio',
+      groupKey: 'style',
+      valueKey: 'distanceColorStatus',
+      value: statusDataVal({data, key: 'distanceColorStatus', fields:['distanceColor'], gValue}),
+      labelInline:true,
+      list: [
+        {label: '默认', value: 'D'},
+        {label: '自定义', value: 'C'},
+      ]
+    },
+    {ele: 'group_start'},
+    {
+      label: '文字颜色',
+      ele: 'xd-color',
+      groupKey:'style',
+      valueKey: 'distanceColor',
+      labelInline:true,
+      value: dataVal({data, key:'distanceColor', dValue:'#999999', gValue}),
+      hidden: !statusShow({data, key: 'distanceColorStatus', fields:['distanceColor'], gValue}),
+      placeholder: '请选择背景颜色',
+      classNmae: 'input80',
+      setting: {
+        showAlpha: true
+      },
+      inline: false,
+    },
+    {ele: 'group_end'},
+  ].filter(i=>i)
+}
+

package/src/components/JfbMovieLineCinema/cusAttr/style.js

@@ -0,0 +1,80 @@
+'use strict';
+import {
+  dataVal,
+  statusShow,
+  statusDataVal,
+} from "@/utils/AttrTools";
+import shops from "./shops";
+
+export default function (data, gValue, gColor, oldData) {
+  return [
+    {
+      label: "内容区",
+      ele: "title",
+      groupKey: "style",
+      size: "small",
+    },
+    {
+      label: '内容区边距',
+      ele: 'xd-radio',
+      groupKey: 'style',
+      valueKey: 'bodyPaddingStatus',
+      value: statusDataVal({ data, key: 'bodyPaddingStatus', fields: ['bodyPadding'], gValue, cusField: ['shopStyle'] }),
+      labelInline: true,
+      list: [
+        { label: '默认', value: 'D' },
+        { label: '自定义', value: 'C' },
+      ]
+    },
+    { ele: 'group_start' },
+    {
+      label: '',
+      ele: 'xd-margin-padding',
+      groupKey: 'style',
+      valueKey: 'bodyPadding',
+      hidden: !statusShow({ data, key: 'bodyPaddingStatus', fields: ['bodyPadding'], gValue }),
+      value: dataVal({
+        data,
+        key: 'bodyPadding',
+        dValue: [gValue.isAdd && gValue.isFirst ? { bottom: 0, left: 16, right: 16, top: 16 } : 20],
+        gValue,
+        isPM: true,
+      }),
+      setting: {
+        type: 'margin',
+      },
+    },
+    { ele: 'group_end' },
+    {
+      label: '内容区背景',
+      ele: 'xd-radio',
+      groupKey: 'style',
+      valueKey: 'contentBgColorStatus',
+      value: statusDataVal({ data, key: 'contentBgColorStatus', fields: ['contentBgColor'], gValue }),
+      labelInline: true,
+      list: [
+        { label: '默认', value: 'D' },
+        { label: '自定义', value: 'C' },
+      ]
+    },
+    { ele: 'group_start' },
+    {
+      label: '颜色',
+      ele: 'xd-color',
+      groupKey: 'style',
+      valueKey: 'contentBgColor',
+      labelInline: true,
+      value: dataVal({ data, key: 'contentBgColor', dValue: '#f8f8f8', gValue }),
+      hidden: !statusShow({ data, key: 'contentBgColorStatus', fields: ['contentBgColor'], gValue }),
+      placeholder: '请选择背景颜色',
+      classNmae: 'input80',
+      setting: {
+        showAlpha: true
+      },
+      inline: false,
+    },
+    { ele: 'group_end' },
+    ...shops(data, gValue, gColor, oldData),
+  ].filter(i => i)
+}
+