jufubao-base 1.0.169-beta1 → 1.0.169-beta10

package/src/components/JfbBaseTfkCardLogin/Attr.js

@@ -18,6 +18,34 @@ export default {
           { 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',
@@ -247,6 +275,7 @@ export default {
         label: "我的票券包内容配置",
         size: "small",
         groupKey: "content",
+        hidden: data.previewCurrent !== 'card'
       },
       {
         label: '票券背景图:',
@@ -259,7 +288,7 @@ export default {
         oneWidth: 350,
         oneHeight: 137,
         elinputClassName: 'input40',
-        tipsformet: '上传文件格式：@imageType@，不超过@size@MB.',
+        tipsformet: '上传格式:@imageType@不超过@size@MB.建议尺寸700*274',
         type: ['jpg', 'png', 'jpeg'],
         styleType: 'one',
         uploadType: 'aliyun',
@@ -267,12 +296,27 @@ export default {
         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: '优惠券背景图:',
@@ -293,10 +337,26 @@ export default {
         action: 'action',
         sort: true,
         maxlen: 100,
+        hidden: data.previewCurrent !== 'coupon'
       },
       {
+        label: '顶部菜单配置 - 通用:',
         ele: "title",
-        label: "列表容器配置",
+        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",
       },
@@ -327,7 +387,7 @@ export default {
       },
       {
         ele: "title",
-        label: "标题菜单配置",
+        label: "标题菜单配置 - 通用",
         size: "small",
         groupKey: "style",
       },
@@ -362,7 +422,7 @@ export default {
         groupKey:'style',
         ele: 'el-input',
         valueKey: 'menuItemMargin',
-        value: data.menuItemMargin || 20,
+        value: data.menuItemMargin || 40,
         type: "number",
         className: "input40",
         placeholder: '请输入菜单间距',
@@ -400,6 +460,67 @@ export default {
         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',
+        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",
@@ -425,11 +546,120 @@ export default {
         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: "内边距设置:",
+        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: "单项内边距设置:",
@@ -443,6 +673,7 @@ export default {
         placeholder: '请设置边距',
         inline: false,
         notice: '设置内边距，<span style="color: red">单位：像素</span>。默认值：<span style="color: red">20</span>像素',
+        hidden: data.previewCurrent !== 'card'
       },
       {
         label: "圆角设置",
@@ -462,6 +693,18 @@ export default {
               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: "登录按钮文字背景色设置:",
@@ -485,6 +728,7 @@ export default {
               data.cb([])
             });
         },
+        hidden: data.previewCurrent !== 'card'
       },
       {
         label: "登录按钮圆角设置",
@@ -504,6 +748,7 @@ export default {
               console.error(error);
             });
         },
+        hidden: data.previewCurrent !== 'card'
       },
       {
         label: "登录按钮内边距设置:",
@@ -517,12 +762,22 @@ export default {
         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: "圆角设置",
@@ -542,6 +797,7 @@ export default {
               console.error(error);
             });
         },
+        hidden: data.previewCurrent !== 'coupon'
       },
       {
         label: "优惠券标题背景颜色设置:",
@@ -552,7 +808,8 @@ export default {
         setting: {
           showAlpha: true,
           isAlpha: true
-        }
+        },
+        hidden: data.previewCurrent !== 'coupon'
       },
       {
         label: "去使用按钮文字背景色设置: ",
@@ -576,6 +833,7 @@ export default {
               data.cb([])
             });
         },
+        hidden: data.previewCurrent !== 'coupon'
       },
       {
         label: "按钮内边距设置:",
@@ -589,6 +847,7 @@ export default {
         placeholder: '请设置边距',
         inline: false,
         notice: '设置内边距，<span style="color: red">单位：像素</span>。默认值：<span style="color: red">20</span>像素',
+        hidden: data.previewCurrent !== 'coupon'
       },
       {
         label: "按钮圆角设置",
@@ -608,6 +867,7 @@ export default {
               console.error(error);
             });
         },
+        hidden: data.previewCurrent !== 'coupon'
       },
       {
         label: '票券绑定跳转路径:', //label
@@ -621,6 +881,42 @@ export default {
         },
         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)
   },
   advanced: [],