jufubao-base 1.0.169-beta9 → 1.0.169

package/src/components/JfbBaseTfkCardBind/Attr.js

@@ -8,646 +8,49 @@ export default {
   content: (data) => {
     return [
       {
-        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: {
-          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: "表单边框颜色:",
+        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.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: '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',
-        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: '我的票券跳转地址:',
+        valueKey: 'bgcolor',
+        value: data.bgcolor || '',
+        placeholder: '请输入占位框背景颜色',
+        classNmae: 'input80',
+        rules: [
+          {
+            required: true,
+            message: '请输入占位框背景颜色',
+            trigger: 'blur'
+          },
+        ]
+      },
+      {
+        label: '选中路径:',
         ele: 'xd-select-pages-path',
-        valueKey: 'my_card_url',
-        groupKey: 'advanced',
-        placeholder: '请选择我的票券跳转地址',
-        value: null,
+        valueKey: 'select-pages-path',
+        value: data['select-pages-path'] || null,
         setting: {
-          router: XdBus.getParentApi('getPagesTree'),
+          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,
+      data.bgcolor && {
+        label: '高度:',
+        ele: 'el-input',
+        type: 'number',
+        valueKey: 'height',
+        value: data.height || 100,
+        placeholder: '请输入占位框高度，单位像素，默认：10px',
+        className: 'input80',
+        rules: [
+          {
+            required: true,
+            message: '请输入占位框高度',
+            trigger: 'blur'
+          },
+        ]
+      },
+      {
+        label: '', //label
+        ele: 'slot', //package 名称
+        slot: 'is_reference',
       },
     ].filter(i=>i)
   },