jufubao-base 1.0.168 → 1.0.169-beta10

package/src/components/JfbBaseTfkCardBind/Attr.js

@@ -8,49 +8,646 @@ export default {
   content: (data) => {
     return [
       {
-        label: '背景颜色:',
-        ele: 'xd-color',
-        valueKey: 'bgcolor',
-        value: data.bgcolor || '',
-        placeholder: '请输入占位框背景颜色',
-        classNmae: 'input80',
-        rules: [
-          {
-            required: true,
-            message: '请输入占位框背景颜色',
-            trigger: 'blur'
-          },
-        ]
-      },
-      {
-        label: '选中路径:',
-        ele: 'xd-select-pages-path',
-        valueKey: 'select-pages-path',
-        value: data['select-pages-path'] || null,
+        label: "当前展示项（预览调试样式）:",
+        ele: 'xd-radio',
+        valueKey: "previewCurrent",
+        value: data.previewCurrent || "ticket",
+        groupKey: "content",
+        list: [
+          { label: '实体券', value: 'ticket' },
+          { label: '电子码', value: 'code' },
+        ],
+      },
+      {
+        label: "温馨提示文案 - 通用:",
+        ele: "xd-tinymce",
+        valueKey: "tips",
+        value: data.tips || null,
+        groupKey: "content",
+      },
+      {
+        ele: "title",
+        label: "标题菜单配置 - 通用",
+        size: "small",
+        groupKey: "style",
+      },
+      {
+        label: '展示方式:',
+        ele: 'xd-radio',
+        valueKey: 'menuShowType',
+        value: data.menuShowType || 'text',
+        groupKey:'style',
+        list: [
+          { label: '文字展示', value: 'text' },
+          { label: '按钮展示', value: 'button' },
+        ],
+      },
+      {
+        label: "菜单底部横线粗细:",
+        ele: "el-input",
+        valueKey: "menuBorderWidth",
+        value: data.menuBorderWidth || 1,
+        groupKey: "style",
+        type: "number",
+      },
+      {
+        label: '菜单单项内边距设置:',
+        groupKey:'style',
+        ele: 'xd-margin-padding',
+        valueKey: 'menuBtnPadding',
+        value: data.menuBtnPadding || null,
+        setting: {
+          type: 'padding',
+        },
+        placeholder: '请设置边距',
+        inline: false,
+        notice: '设置内边距，<span style="color: red">单位：像素</span>。默认值：<span style="color: red">20</span>像素',
+      },
+      {
+        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: 'xd-margin-padding',
+        valueKey: 'menuPadding',
+        value: data.menuPadding || null,
+        setting: {
+          type: 'padding',
+        },
+        placeholder: '请设置边距',
+        inline: false,
+        notice: '设置内边距，<span style="color: red">单位：像素</span>。默认值：<span style="color: red">20</span>像素',
+      },
+      {
+        ele: "title",
+        label: "实体券表单样式配置",
+        size: "small",
+        groupKey: "style",
+        hidden: data.previewCurrent !== 'ticket',
+      },
+      {
+        label: '表单容器设外边距:',
+        groupKey:'style',
+        ele: 'xd-margin-padding',
+        valueKey: 'formPadding',
+        value: data.formPadding || null,
         setting: {
-          router: XdBus.getParentApi('getPagesTree')
+          type: 'padding',
         },
+        placeholder: '请设置边距',
+        inline: false,
+        notice: '设置内边距，<span style="color: red">单位：像素</span>。默认值：<span style="color: red">20</span>像素',
+        hidden: data.previewCurrent !== 'ticket',
+      },
+      {
+        label: "输入框样式:",
+        ele: 'xd-radio',
+        valueKey: 'inputStyle',
+        value: data.inputStyle || "linear",
+        groupKey:'style',
+        placeholder: "请选择输入框样式",
+        multiple: false,
+        className: 'input80',
+        list: [
+          {label: '线性', value: "linear"},
+          {label: '面性', value: "face"},
+        ],
+        hidden: data.previewCurrent !== 'ticket',
+      },
+      data.inputStyle === 'linear' && {
+        label: "表单边框颜色:",
+        ele: 'xd-color',
+        valueKey: 'formBorderColor',
+        value: data.formBorderColor || "#F9F9F9",
+        groupKey:'style',
+        placeholder: "请选择表单边框颜色",
+        hidden: data.previewCurrent !== 'ticket',
+      },
+      data.inputStyle === 'linear' && {
+        label: "表单边框宽度:",
+        ele: 'el-input',
+        valueKey: 'formBorderWidth',
+        value: data.formBorderWidth || "1",
+        type: "number",
+        groupKey:'style',
+        placeholder: "请输入表单边框宽度",
+        className: 'input60',
+        hidden: data.previewCurrent !== 'ticket',
+      },
+      {
+        label: "输入框间隔距离:",
+        ele: 'el-input',
+        valueKey: 'inputPadding',
+        value: data.inputPadding || "10",
+        groupKey:'style',
+        type: "number",
+        placeholder: "请输入输入框间隔距离",
+        className: 'input60',
+        hidden: data.previewCurrent !== 'ticket',
+      },
+      {
+        ele: 'title',
+        label: '实体券标签样式配置',
+        size: 'small',
+        groupKey: 'style',
+        hidden: data.previewCurrent !== 'ticket',
+      },
+      data.inputStyle === 'linear' && {
+        label: "标签位置:",
+        ele: "xd-radio",
+        valueKey: "labelPosition",
+        value: data.labelPosition || "left",
+        groupKey:'style',
+        placeholder: "请选择标签对齐方式",
+        multiple: false,
+        className: 'input80',
+        list: [
+          {label: '居左', value: "left"},
+          {label: '居上', value: "top"},
+        ],
+        hidden: data.previewCurrent !== 'ticket',
       },
-      data.bgcolor && {
-        label: '高度:',
+      data.inputStyle === 'linear' && {
+        label: "标签文字对齐方式:",
+        ele: 'xd-radio',
+        valueKey: 'labelAlign',
+        value: data.labelAlign || "right",
+        groupKey:'style',
+        placeholder: "请选择标签对齐方式",
+        multiple: false,
+        className: 'input80',
+        list: [
+          {label: '左对齐', value: "left"},
+          {label: '右对齐', value: "right"},
+          {label: '居中', value: "center"},
+        ],
+        hidden: data.previewCurrent !== 'ticket',
+      },
+      {
+        label: "标签宽度:",
         ele: 'el-input',
-        type: 'number',
-        valueKey: 'height',
-        value: data.height || 100,
-        placeholder: '请输入占位框高度，单位像素，默认：10px',
+        type: "number",
+        valueKey: 'labelWidth',
+        value: data.labelWidth || "180",
+        groupKey:'style',
+        placeholder: "请输入标签宽度",
+        className: 'input60',
+        hidden: data.previewCurrent !== 'ticket',
+      },
+      {
+        label: "标签文字是否显示:",
+        ele: 'xd-radio',
+        valueKey: 'labelShow',
+        value: data.labelShow || "Y",
+        groupKey:'style',
+        placeholder: "请选择标签文字是否显示",
+        multiple: false,
         className: 'input80',
-        rules: [
-          {
-            required: true,
-            message: '请输入占位框高度',
-            trigger: 'blur'
-          },
-        ]
-      },
-      {
-        label: '', //label
-        ele: 'slot', //package 名称
-        slot: 'is_reference',
+        list: [
+          {label: '显示', value: "Y"},
+          {label: '不显示', value: "N"},
+        ],
+        hidden: data.previewCurrent !== 'ticket',
+      },
+      data.labelShow === 'Y' && {
+        label: "标签字体样式设置:",
+        ele: "xd-font",
+        valueKey: "labelFont",
+        value: data.labelFont || {},
+        groupKey:'style',
+        setting: {
+          align: false,
+          lineHeight: false,
+        },
+        handleCustom({action, data}) {
+          XdBus.getParentApi('getOptionsSettingList')({setting_id: 'edtix_style_font_size'})
+            .then(res => {
+              data.cb(res.list)
+            })
+            .catch(error => {
+              data.cb([])
+              console.error(error);
+            });
+        },
+        inline: false,
+        notice: '填充设置，单位：<span style="color: red">像素</span>。默认值：<span style="color: red">20</span> 像素',
+        hidden: data.previewCurrent !== 'ticket',
+      },
+      {
+        label: "占位符字体样式设置:",
+        ele: "xd-font",
+        valueKey: "placeholderFont",
+        value: data.placeholderFont || {
+          color: '#d4d4d4',
+          fontSize: '24rpx',
+          fontWeight: "normal",
+        },
+        groupKey:'style',
+        setting: {
+          align: false,
+          lineHeight: false,
+        },
+        handleCustom({action, data}) {
+          XdBus.getParentApi('getOptionsSettingList')({setting_id: 'edtix_style_font_size'})
+            .then(res => {
+              data.cb(res.list)
+            })
+            .catch(error => {
+              data.cb([])
+              console.error(error);
+            });
+        },
+        inline: false,
+        notice: '填充设置，单位：<span style="color: red">像素</span>。默认值：<span style="color: red">20</span> 像素',
+        hidden: data.previewCurrent !== 'ticket',
+      },
+      {
+        label: "内容字体样式设置:",
+        ele: "xd-font",
+        valueKey: "contentFont",
+        value: data.contentFont || {},
+        groupKey:'style',
+        setting: {
+          align: false,
+          lineHeight: false,
+        },
+        handleCustom({action, data}) {
+          XdBus.getParentApi('getOptionsSettingList')({setting_id: 'edtix_style_font_size'})
+            .then(res => {
+              data.cb(res.list)
+            })
+            .catch(error => {
+              data.cb([])
+              console.error(error);
+            });
+        },
+        inline: false,
+        notice: '填充设置，单位：<span style="color: red">像素</span>。默认值：<span style="color: red">20</span> 像素',
+        hidden: data.previewCurrent !== 'ticket',
+      },
+      {
+        label: "票券号码图标:",
+        ele: "xd-font",
+        valueKey: "ticketIcon",
+        value: data.ticketIcon || {},
+        groupKey:'style',
+        setting: {
+          align: false,
+          lineHeight: false,
+          icon: true,
+          weight: false,
+        },
+        handleCustom({action, data}) {
+          XdBus.getParentApi('getOptionsSettingList')({setting_id: 'edtix_style_font_size'})
+            .then(res => {
+              data.cb(res.list)
+            })
+            .catch(error => {
+              data.cb([])
+              console.error(error);
+            });
+        },
+        inline: false,
+        notice: '填充设置，单位：<span style="color: red">像素</span>。默认值：<span style="color: red">20</span> 像素',
+        hidden: data.previewCurrent !== 'ticket',
+      },
+      {
+        label: "票券密码图标:",
+        ele: "xd-font",
+        valueKey: "passwordIcon",
+        value: data.passwordIcon || {},
+        groupKey:'style',
+        setting: {
+          align: false,
+          lineHeight: false,
+          icon: true,
+          weight: false,
+        },
+        handleCustom({action, data}) {
+          XdBus.getParentApi('getOptionsSettingList')({setting_id: 'edtix_style_font_size'})
+            .then(res => {
+              data.cb(res.list)
+            })
+            .catch(error => {
+              data.cb([])
+              console.error(error);
+            });
+        },
+        inline: false,
+        notice: '填充设置，单位：<span style="color: red">像素</span>。默认值：<span style="color: red">20</span> 像素',
+        hidden: data.previewCurrent !== 'ticket',
+      },
+      {
+        label: "验证码图标:",
+        ele: "xd-font",
+        valueKey: "validCodeIcon",
+        value: data.validCodeIcon || {},
+        groupKey:'style',
+        setting: {
+          align: false,
+          lineHeight: false,
+          icon: true,
+          weight: false,
+        },
+        handleCustom({action, data}) {
+          XdBus.getParentApi('getOptionsSettingList')({setting_id: 'edtix_style_font_size'})
+            .then(res => {
+              data.cb(res.list)
+            })
+            .catch(error => {
+              data.cb([])
+              console.error(error);
+            });
+        },
+        inline: false,
+        notice: '填充设置，单位：<span style="color: red">像素</span>。默认值：<span style="color: red">20</span> 像素',
+        hidden: data.previewCurrent !== 'ticket',
+      },
+      {
+        ele: 'title',
+        label: '表单右侧图标',
+        size: 'small',
+        groupKey: 'style',
+        hidden: data.previewCurrent !== 'ticket',
+      },
+      {
+        label: "扫码图标:",
+        ele: "xd-font",
+        valueKey: "scanIcon",
+        value: data.scanIcon || {},
+        groupKey:'style',
+        setting: {
+          align: false,
+          lineHeight: false,
+          icon: true,
+          weight: false,
+        },
+        handleCustom({action, data}) {
+          XdBus.getParentApi('getOptionsSettingList')({setting_id: 'edtix_style_font_size'})
+            .then(res => {
+              data.cb(res.list)
+            })
+            .catch(error => {
+              data.cb([])
+              console.error(error);
+            });
+        },
+        inline: false,
+        notice: '填充设置，单位：<span style="color: red">像素</span>。默认值：<span style="color: red">20</span> 像素',
+        hidden: data.previewCurrent !== 'ticket',
+      },
+      {
+        ele: 'title',
+        label: '按钮样式配置',
+        size: 'small',
+        groupKey: 'style',
+      },
+      {
+        label: "按钮外边距设置",
+        groupKey:'style',
+        ele: 'xd-margin-padding',
+        valueKey: 'btnMargin',
+        value: data.btnMargin || {
+          top: 20,
+          left: 20,
+          right: 20,
+          bottom: 20
+        },
+        setting: {
+          type: 'padding',
+        },
+        placeholder: '请设置边距',
+        inline: false,
+        notice: '设置内边距，<span style="color: red">单位：像素</span>。默认值：<span style="color: red">20</span>像素',
+        hidden: data.previewCurrent !== 'ticket',
+      },
+      {
+        label: "按钮圆角 - 通用",
+        ele: 'xd-site-select-list',
+        valueKey: 'btnRadius',
+        value: data['btnRadius'] || '',
+        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-font",
+        valueKey: "btnIcon",
+        value: data.btnIcon || {},
+        groupKey:'style',
+        setting: {
+          align: false,
+          lineHeight: false,
+          icon: true,
+          weight: false,
+        },
+        handleCustom({action, data}) {
+          XdBus.getParentApi('getOptionsSettingList')({setting_id: 'edtix_style_font_size'})
+            .then(res => {
+              data.cb(res.list)
+            })
+            .catch(error => {
+              data.cb([])
+              console.error(error);
+            });
+        },
+        inline: false,
+        notice: '填充设置，单位：<span style="color: red">像素</span>。默认值：<span style="color: red">20</span> 像素',
+      },
+      {
+        ele: 'title',
+        label: '电子码表单样式配置',
+        size: 'small',
+        groupKey: 'style',
+        hidden: data.previewCurrent !== 'code',
+      },
+      {
+        label: "电子码表单外边距设置",
+        groupKey:'style',
+        ele: 'xd-margin-padding',
+        valueKey: 'digitalFormMargin',
+        value: data.digitalFormMargin || {
+          top: 20,
+          left: 20,
+          right: 20,
+          bottom: 20
+        },
+        setting: {
+          type: 'padding',
+        },
+        placeholder: '请设置边距',
+        inline: false,
+        notice: '设置内边距，<span style="color: red">单位：像素</span>。默认值：<span style="color: red">20</span>像素',
+        hidden: data.previewCurrent !== 'code',
+      },
+      {
+        label: "电子码按钮边距设置",
+        groupKey:'style',
+        ele: 'xd-margin-padding',
+        valueKey: 'digitalBtnMargin',
+        value: data.digitalBtnMargin || {
+          top: 40,
+          left: 20,
+          right: 20,
+          bottom: 10
+        },
+        setting: {
+          type: 'padding',
+        },
+        placeholder: '请设置边距',
+        inline: false,
+        notice: '设置内边距，<span style="color: red">单位：像素</span>。默认值：<span style="color: red">20</span>像素',
+        hidden: data.previewCurrent !== 'code',
+      },
+      {
+        label: "电子码票券号图标设置",
+        ele: "xd-font",
+        valueKey: "digitalCodeIcon",
+        value: data.digitalCodeIcon || {},
+        groupKey:'style',
+        setting: {
+          align: false,
+          lineHeight: false,
+          icon: true,
+          weight: false,
+        },
+        handleCustom({action, data}) {
+          XdBus.getParentApi('getOptionsSettingList')({setting_id: 'edtix_style_font_size'})
+            .then(res => {
+              data.cb(res.list)
+            })
+            .catch(error => {
+              data.cb([])
+              console.error(error);
+            });
+        },
+        inline: false,
+        notice: '填充设置，单位：<span style="color: red">像素</span>。默认值：<span style="color: red">20</span> 像素',
+        hidden: data.previewCurrent !== 'code',
+      },
+      {
+        label: "电子码标签宽度设置",
+        ele: "el-input",
+        valueKey: "digitalCodeLabelWidth",
+        value: data.digitalCodeLabelWidth || 100,
+        groupKey:'style',
+        type: "number",
+        hidden: data.previewCurrent !== 'code',
+      },
+      {
+        label: "电子码输入框颜色设置",
+        ele: "xd-color",
+        valueKey: "digitalCodeColor",
+        value: data.digitalCodeColor || "#dddddd",
+        groupKey:'style',
+        hidden: data.previewCurrent !== 'code',
+      },
+      {
+        label: '电子码输入框圆角设置:',
+        ele: 'xd-site-select-list',
+        valueKey: 'digitalCodeRadius',
+        value: data.digitalCodeRadius ||'',
+        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);
+            });
+        },
+        hidden: data.previewCurrent !== 'code',
+      },
+      {
+        ele: 'title',
+        label: '温馨提示样式配置 - 通用',
+        size: 'small',
+        groupKey: 'style',
+      },
+      {
+        label: "背景颜色",
+        ele: "xd-color",
+        valueKey: "tipBgColor",
+        value: data.tipBgColor || "#fff",
+        groupKey:'style',
+      },
+      {
+        label: "内边距设置",
+        groupKey:'style',
+        ele: 'xd-margin-padding',
+        valueKey: 'tipPadding',
+        value: data.tipPadding || {
+          top: 10,
+          left: 20,
+          right: 20,
+          bottom: 10
+        },
+        setting: {
+          type: 'padding',
+        },
+        placeholder: '请设置边距',
+        inline: false,
+        notice: '设置内边距，<span style="color: red">单位：像素</span>。默认值：<span style="color: red">20</span>像素',
+      },
+      {
+        label: '我的票券跳转地址:',
+        ele: 'xd-select-pages-path',
+        valueKey: 'my_card_url',
+        groupKey: 'advanced',
+        placeholder: '请选择我的票券跳转地址',
+        value: null,
+        setting: {
+          router: XdBus.getParentApi('getPagesTree'),
+        },
+        inline: false,
+      },
+      {
+        label: '卡绑定成功回跳地址:',
+        ele: 'xd-select-pages-path',
+        valueKey: 'back_url',
+        groupKey: 'advanced',
+        placeholder: '请选择卡绑定成功回跳地址',
+        value: null,
+        setting: {
+          router: XdBus.getParentApi('getPagesTree'),
+        },
+        inline: false,
       },
     ].filter(i=>i)
   },