jufubao-base 1.0.168 → 1.0.169-beta10

package/src/components/JfbBaseTfkCardLogin/Attr.js

@@ -8,49 +8,914 @@ 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-radio',
+        valueKey: "previewCurrent",
+        value: data.previewCurrent || "card",
+        groupKey: "content",
+        list: [
+          { label: '我的票券包', value: 'card' },
+          { label: '我的优惠券', value: 'coupon' },
+        ],
+      },
+      // {
+      //   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);
+      //       });
+      //   },
+      // },
+      {
+        ele: "title",
+        label: "公告内容配置 - 通用",
+        size: "small",
+        groupKey: "content",
+      },
+      {
+        label: '公告内容:',
+        ele: 'xd-site-news',
+        valueKey: 'notice',
+        groupKey:'content',
+        value: data.notice || null,
+        className: 'input70',
+        setting: {
+          config: {
+            sort: true,
+            maxlen: 100,
+            action: 'aliyun',
+            size: 5,
+            tipsformet: '上传文件格式：@imageType@，不超过@size@MB.',
+            uploadType: 'aliyun',
+            type: ['jpg', 'png', 'jpeg']
           },
-        ]
+        },
+        handleCustom({action, data}) {
+          if (data && data.params) {
+            //当一个插件中出现使用内容分类时候需要设置code值，在页面引用时候容器id + code进行拼接
+            //data.params = Object.assign({}, data.params, {code: 'g_test_id'});
+          }
+
+          //获取返回参数(场景类型名称为必填)
+          //获取返回参数(场景类型名称为必填)
+          let loading = { close(){}}
+
+          //获取显示内容
+          if (action === 'screen') {
+            XdBus.getParentApi('getOptionsSettingList')({setting_id: 'edtix_bucket_content_tip'})
+              .then(res => {
+                loading.close();
+                data.cb(res['list'])
+              })
+              .catch(error => {
+                console.error(error);
+                loading.close();
+              });
+
+          }
+
+          //获取返回参数(广告位高度必选项)
+          if (action === 'getNewsInfo') {
+            XdBus.getParentApi('cmsGetPublishEditxContent')(data.params)
+              .then(res => {
+                loading.close()
+                data.cb({list: res.list, selectId: res.selected})
+              })
+              .catch(error => {
+                loading.close()
+                console.error(error);
+              });
+          }
+
+          //获取产品业务线列表
+          if (action === 'namespace') {
+            XdBus.getParentApi('getOptionsNamespaces')({})
+              .then(res => {
+                loading.close()
+                data.cb(res['list'])
+              })
+              .catch(error => {
+                loading.close()
+                console.error(error);
+              });
+          }
+
+          //使用内容分类
+          if (action === 'cmsPublishEditxContent') {
+            loading = XdBus.getParentApi('loading')({});
+            XdBus.getParentApi('cmsPublishEditxContent')(data.params)
+              .then(res => {
+                console.log('cmsPublishEditxContent', res)
+                loading.close();
+                data.cb(res)
+              })
+              .catch(error => {
+                loading.close();
+                console.error(error);
+              });
+          }
+
+          //位置列表
+          if (action === 'getListPostion') {
+            loading = XdBus.getParentApi('loading')({});
+            XdBus.getParentApi('getListNewsPosition')(data.params)
+              .then(res => {
+                loading.close();
+                data.cb(res)
+              })
+              .catch(error => {
+                loading.close();
+                console.error(error);
+              });
+          }
+
+          //位置创建
+          if (action === 'addPostion') {
+            loading = XdBus.getParentApi('loading')({});
+            XdBus.getParentApi('addNewsPosition')(data.params)
+              .then(res => {
+                loading.close();
+                data.cb(true)
+              })
+              .catch(error => {
+                console.error(error);
+                loading.close();
+                data.cb(false)
+              });
+          }
+
+          //位置编辑
+          if (action === 'editPostion') {
+            loading = XdBus.getParentApi('loading')({});
+            XdBus.getParentApi('updateNewsPosition')(data.params)
+              .then(res => {
+                loading.close();
+                data.cb(true)
+              })
+              .catch(error => {
+                console.error(error);
+                loading.close();
+                data.cb(false)
+              });
+          }
+
+          //位置删除
+          if (action === 'deleltePostion') {
+            loading = XdBus.getParentApi('loading')({});
+            XdBus.getParentApi('deleteNewsPosition')(data.params)
+              .then(res => {
+                loading.close();
+                data.cb(true)
+              })
+              .catch(error => {
+                console.error(error);
+                loading.close();
+                data.cb(false)
+              });
+          }
+
+          //获取广告位内容列表
+          if (action === 'getListContent') {
+            loading = XdBus.getParentApi('loading')({});
+            XdBus.getParentApi('getListNewsContent')(data.params)
+              .then(res => {
+                loading.close();
+                data.cb(res)
+              })
+              .catch(error => {
+                loading.close();
+                console.error(error);
+              });
+          }
+
+          //广告内容创建
+          if (action === 'addContent') {
+            loading = XdBus.getParentApi('loading')({});
+            XdBus.getParentApi('addNewsContent')(data.params)
+              .then(res => {
+                loading.close();
+                data.cb(true)
+              })
+              .catch(error => {
+                console.error(error);
+                loading.close();
+                data.cb(false)
+              });
+          }
+
+          //广告内容编辑
+          if (action === 'editContent') {
+            loading = XdBus.getParentApi('loading')({});
+            XdBus.getParentApi('updateNewsContent')(data.params)
+              .then(res => {
+                loading.close();
+                data.cb(true)
+              })
+              .catch(error => {
+                console.error(error);
+                loading.close();
+                data.cb(false)
+              });
+          }
+
+          //广告内容删除
+          if (action === 'deleteContent') {
+            loading = XdBus.getParentApi('loading')({});
+            XdBus.getParentApi('deleteNewsContent')(data.params)
+              .then(res => {
+                loading.close();
+                data.cb(true)
+              })
+              .catch(error => {
+                console.error(error);
+                loading.close();
+                data.cb(false)
+              });
+          }
+
+          //内容发布
+          if (action === 'publish') {
+            loading = XdBus.getParentApi('loading')({});
+            console.log('publish', data.params)
+            XdBus.getParentApi('cmsPublishContent')(data.params)
+              .then(res => {
+                loading.close();
+                data.cb(res)
+              })
+              .catch(error => {
+                loading.close();
+                console.error(error);
+              });
+          }
+
+          //通知页面进行刷新
+          if (action === 'update') {
+            loading = XdBus.getParentApi('loading')({});
+            XdBus.getParentApi('getXdBusUpdateView')('onUpdateView', {});
+            loading.close()
+          }
+        },
       },
       {
-        label: '选中路径:',
-        ele: 'xd-select-pages-path',
-        valueKey: 'select-pages-path',
-        value: data['select-pages-path'] || null,
+        ele: "title",
+        label: "我的票券包内容配置",
+        size: "small",
+        groupKey: "content",
+        hidden: data.previewCurrent !== 'card'
+      },
+      {
+        label: '票券背景图:',
+        ele: 'xd-upload',
+        valueKey: 'cardImageUrl',
+        groupKey:'content',
+        value: data.cardImageUrl || {},
+        defaultValue: data.cardImageUrl || null,
+        slot: true,
+        oneWidth: 350,
+        oneHeight: 137,
+        elinputClassName: 'input40',
+        tipsformet: '上传格式:@imageType@不超过@size@MB.建议尺寸700*274',
+        type: ['jpg', 'png', 'jpeg'],
+        styleType: 'one',
+        uploadType: 'aliyun',
+        size: 5,
+        action: 'action',
+        sort: true,
+        maxlen: 100,
+        hidden: data.previewCurrent !== 'card'
+      },
+      {
+        label: "背景图裁剪、缩放模式:",
+        ele: "xd-select-list",
+        valueKey: "cardImageMode",
+        groupKey:'content',
+        value: data.cardImageMode || '',
+        className: "input70",
+        list: [
+          {label: '铺满背景，裁剪掉多余', value: 'cover'},
+          {label: '图像缩放成适合背景区域的最大大小', value: 'contain'}
+        ],
+        hidden: data.previewCurrent !== 'card'
+      },
+      {
+        ele: "title",
+        label: "我的优惠券内容配置",
+        size: "small",
+        groupKey: "content",
+        hidden: data.previewCurrent !== 'coupon'
+      },
+      {
+        label: '优惠券背景图:',
+        ele: 'xd-upload',
+        valueKey: 'couponImageUrl',
+        groupKey:'content',
+        value: data.couponImageUrl || {},
+        defaultValue: data.couponImageUrl || null,
+        slot: true,
+        oneWidth: 265,
+        oneHeight: 150,
+        elinputClassName: 'input40',
+        tipsformet: '上传文件格式：@imageType@，不超过@size@MB.',
+        type: ['jpg', 'png', 'jpeg'],
+        styleType: 'one',
+        uploadType: 'aliyun',
+        size: 5,
+        action: 'action',
+        sort: true,
+        maxlen: 100,
+        hidden: data.previewCurrent !== 'coupon'
+      },
+      {
+        label: '顶部菜单配置 - 通用:',
+        ele: "title",
+        size: "small",
+        groupKey: "content",
+      },
+      {
+        label: "顶部菜单右侧文案:",
+        ele: "el-input",
+        valueKey: "bindCardText",
+        value: data.bindCardText || "",
+        placeholder: "请输入内容",
+        groupKey:'content',
+        className: "input70",
+      },
+      {
+        ele: "title",
+        label: "列表容器配置 - 通用",
+        size: "small",
+        groupKey: "style",
+      },
+      {
+        label: "列表容器内边距设置:",
+        groupKey:'style',
+        ele: 'xd-margin-padding',
+        valueKey: 'cardListPadding',
+        value: data.cardListPadding || {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>像素',
+      },
+      {
+        label: "列表间距设置:",
+        groupKey:'style',
+        ele: 'el-input',
+        valueKey: 'cardItemMargin',
+        value: data.cardItemMargin || 20,
+        type: "number",
+        className: "input40",
+        placeholder: '请输入列表间距',
+        inline: false,
+        notice: '设置列表间距，<span style="color: red">单位：像素</span>。默认值：<span style="color: red">20</span>像素',
+      },
+      {
+        ele: "title",
+        label: "标题菜单配置 - 通用",
+        size: "small",
+        groupKey: "style",
+      },
+      {
+        label: '菜单容器内边距设置:',
+        groupKey:'style',
+        ele: 'xd-margin-padding',
+        valueKey: 'menuPadding',
+        value: data.menuPadding || null,
         setting: {
-          router: XdBus.getParentApi('getPagesTree')
+          type: 'padding',
         },
+        placeholder: '请设置边距',
+        inline: false,
+        notice: '设置内边距，<span style="color: red">单位：像素</span>。默认值：<span style="color: red">20</span>像素',
       },
-      data.bgcolor && {
-        label: '高度:',
+      {
+        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: "菜单间距设置:",
+        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: '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: "菜单底部横线粗细:",
+        ele: "el-input",
+        valueKey: "menuBorderWidth",
+        value: data.menuBorderWidth || 1,
+        groupKey: "style",
+        type: "number",
+      },
+      {
+        label: "顶部菜单右侧配置 - 通用:",
+        ele: "title",
+        size: "small",
+        groupKey: "style",
+      },
+      {
+        label: "展示方式:",
+        ele: "xd-radio",
+        valueKey: "bindCardShowType",
+        value: data.bindCardShowType || 'text',
+        groupKey:'style',
+        list: [
+          {label: '文本', value: 'text'},
+          {label: '按钮', value: 'button'}
+        ],
+      },
+      {
+        label: "按钮圆角",
+        ele: 'xd-site-select-list',
+        valueKey: 'bindCardBtnRadius',
+        value: data['bindCardBtnRadius'] || 16,
+        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);
+            });
+        },
+        hidden: data.bindCardShowType !== 'button'
+      },
+      {
+        label: "右侧文案字体样式:",
+        ele: "xd-font",
+        valueKey: "bindCardTextStyle",
+        value: data.bindCardTextStyle || {},
+        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.bindCardText === ''
+      },
+      {
+        label: "右侧图标(跳转票券绑定):",
+        ele: "xd-font",
+        valueKey: "bindCardIcon",
+        value: data.bindCardIcon || {},
+        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",
+      },
+      {
+        label: "外边距设置:",
+        groupKey:'style',
+        ele: 'xd-margin-padding',
+        valueKey: 'noticeMargin',
+        value: data.noticeMargin || {
+          top: 20,
+          right: 0,
+          bottom: 20,
+          left:20
+        },
+        setting: {
+          type: 'margin',
+        },
+        placeholder: '请设置边距',
+        inline: false,
+        notice: '设置外边距，<span style="color: red">单位：像素</span>。',
       },
       {
-        label: '', //label
-        ele: 'slot', //package 名称
-        slot: 'is_reference',
+        label: "内边距设置:",
+        groupKey:'style',
+        ele: 'xd-margin-padding',
+        valueKey: 'noticePadding',
+        value: data.noticePadding || null,
+        setting: {
+          type: 'padding',
+        },
+        placeholder: '请设置边距',
+        inline: false,
+        notice: '设置内边距，<span style="color: red">单位：像素</span>。默认值：<span style="color: red">20</span>像素',
+      },
+      {
+        label: "背景色设置:",
+        ele: "xd-color",
+        groupKey:'style',
+        valueKey: "noticeBgColor",
+        value: data.noticeBgColor || null,
+        setting: {
+          showAlpha: true,
+          isAlpha: true
+        }
+      },
+      {
+        label: "文字设置:",
+        ele: "xd-font",
+        valueKey: "noticeFont",
+        value: data.noticeFont || {},
+        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> 像素',
+      },
+      {
+        ele: "title",
+        label: "我的票券包样式配置",
+        size: "small",
+        groupKey: "style",
+        hidden: data.previewCurrent !== 'card'
+      },
+      {
+        label: "边框设置:",
+        ele: "xd-border",
+        groupKey:'style',
+        valueKey: "cardBorder",
+        value: data.cardBorder || null,
+        hidden: data.previewCurrent !== 'card'
+      },
+      {
+        label: "边框阴影设置:",
+        ele: "xd-shadow",
+        groupKey:'style',
+        valueKey: "cardShadow",
+        value: data.cardShadow || 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([])
+            });
+        },
+        hidden: data.previewCurrent !== 'card'
+      },
+      {
+        label: "票券高度设置:",
+        ele: "el-input",
+        valueKey: "cardHeight",
+        value: data.cardHeight || 270,
+        groupKey:'style',
+        placeholder: '请输入票券高度',
+        inline: false,
+        notice: '设置票券高度，<span style="color: red">单位：像素</span>。默认值：<span style="color: red">100</span> 像素',
+        hidden: data.previewCurrent !== 'card'
+      },
+      {
+        label: "单项内边距设置:",
+        groupKey:'style',
+        ele: 'xd-margin-padding',
+        valueKey: 'cardPadding',
+        value: data.cardPadding || null,
+        setting: {
+          type: 'padding',
+        },
+        placeholder: '请设置边距',
+        inline: false,
+        notice: '设置内边距，<span style="color: red">单位：像素</span>。默认值：<span style="color: red">20</span>像素',
+        hidden: data.previewCurrent !== 'card'
+      },
+      {
+        label: "圆角设置",
+        ele: 'xd-site-select-list',
+        valueKey: 'cardRadius',
+        value: data['cardRadius'] || 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);
+            });
+        },
+        hidden: data.previewCurrent !== 'card'
+      },
+      {
+        label: "按钮最小宽度设置:",
+        ele: "el-input",
+        valueKey: "cardBtnMinWidth",
+        value: data.cardBtnMinWidth || 100,
+        groupKey:'style',
+        placeholder: '请输入按钮最小宽度',
+        inline: false,
+        notice: '设置按钮最小宽度，<span style="color: red">单位：像素</span>。默认值：<span style="color: red">100</span> 像素',
+        hidden: data.previewCurrent !== 'card'
+      },
+      {
+        label: "登录按钮文字背景色设置:",
+        ele: "xd-text-and-bgc",
+        groupKey:'style',
+        valueKey: "cardBtnTextStyle",
+        value: data.cardBtnTextStyle || 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([])
+            });
+        },
+        hidden: data.previewCurrent !== 'card'
+      },
+      {
+        label: "登录按钮圆角设置",
+        ele: 'xd-site-select-list',
+        valueKey: 'cardBtnRadius',
+        value: data['cardBtnRadius'] || 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);
+            });
+        },
+        hidden: data.previewCurrent !== 'card'
+      },
+      {
+        label: "登录按钮内边距设置:",
+        groupKey:'style',
+        ele: 'xd-margin-padding',
+        valueKey: 'cardBtnPadding',
+        value: data.cardBtnPadding || null,
+        setting: {
+          type: 'padding',
+        },
+        placeholder: '请设置边距',
+        inline: false,
+        notice: '设置内边距，<span style="color: red">单位：像素</span>。默认值：<span style="color: red">20</span>像素',
+        hidden: data.previewCurrent !== 'card'
+      },
+      {
+        ele: "title",
+        label: "我的优惠券样式配置",
+        size: "small",
+        groupKey: "style",
+        hidden: data.previewCurrent !== 'coupon'
+      },
+      {
+        label: "优惠券左侧背景色设置:",
+        ele: "xd-gradient-color",
+        valueKey: "couponLeftBgColor",
+        value: data.couponLeftBgColor || 'linear-gradient(180deg, #FFA852 0%, #FF5733 100%)',
+        groupKey:'style',
+        hidden: data.previewCurrent !== 'coupon'
+      },
+      {
+        label: "圆角设置",
+        ele: 'xd-site-select-list',
+        valueKey: 'couponRadius',
+        value: data['couponRadius'] || 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);
+            });
+        },
+        hidden: data.previewCurrent !== 'coupon'
+      },
+      {
+        label: "优惠券标题背景颜色设置:",
+        ele: "xd-color",
+        valueKey: "couponTitleBgColor",
+        value: data.couponTitleBgColor || null,
+        groupKey:'style',
+        setting: {
+          showAlpha: true,
+          isAlpha: true
+        },
+        hidden: data.previewCurrent !== 'coupon'
+      },
+      {
+        label: "去使用按钮文字背景色设置: ",
+        ele: "xd-text-and-bgc",
+        groupKey:'style',
+        valueKey: "couponBtnTextStyle",
+        value: data.couponBtnTextStyle || 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([])
+            });
+        },
+        hidden: data.previewCurrent !== 'coupon'
+      },
+      {
+        label: "按钮内边距设置:",
+        groupKey:'style',
+        ele: 'xd-margin-padding',
+        valueKey: 'couponUseBtnPadding',
+        value: data.couponUseBtnPadding || null,
+        setting: {
+          type: 'padding',
+        },
+        placeholder: '请设置边距',
+        inline: false,
+        notice: '设置内边距，<span style="color: red">单位：像素</span>。默认值：<span style="color: red">20</span>像素',
+        hidden: data.previewCurrent !== 'coupon'
+      },
+      {
+        label: "按钮圆角设置",
+        ele: 'xd-site-select-list',
+        valueKey: 'couponBtnRadius',
+        value: data['couponBtnRadius'] || 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);
+            });
+        },
+        hidden: data.previewCurrent !== 'coupon'
+      },
+      {
+        label: '票券绑定跳转路径:', //label
+        ele: 'xd-select-pages-path', //package 名称
+        valueKey: 'cardBindPath', //form[valueKey]
+        placeholder: '请选择跳转路径',
+        value: data.cardBindPath || null,
+        groupKey:'advanced',
+        setting: {
+          router: XdBus.getParentApi('getPagesTree'),
+        },
+        inline: false,
+      },
+      {
+        label: '票券详情地址:',
+        ele: 'xd-select-pages-path',
+        valueKey: 'cardDetailPath',
+        groupKey:'advanced',
+        placeholder: '请选择票券详情地址',
+        value: data.cardDetailPath || null,
+        setting: {
+          router: XdBus.getParentApi('getPagesTree'),
+        },
+        inline: false,
+      },
+      {
+        label: '失效卡列表地址:',
+        ele: 'xd-select-pages-path',
+        valueKey: 'disabledPath',
+        groupKey:'advanced',
+        placeholder: '请选择失效卡列表地址',
+        value: data.disabledPath || null,
+        setting: {
+          router: XdBus.getParentApi('getPagesTree'),
+        },
+        inline: false,
+      },
+      {
+        label: '综合福利入口页:',
+        ele: 'xd-select-pages-path',
+        valueKey: 'allEntryPath',
+        groupKey: 'advanced',
+        placeholder: '请选择综合福利入口页',
+        value: data.allEntryPath || null,
+        setting: {
+          router: XdBus.getParentApi('getPagesTree'),
+        },
+        inline: false,
       },
     ].filter(i=>i)
   },