jufubao-base 1.0.169-beta2 → 1.0.169-beta20

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',
@@ -242,11 +270,37 @@ export default {
           }
         },
       },
+      {
+        label: "显示样式:",
+        ele: 'xd-radio',
+        valueKey: 'noticeStyle',
+        value: data['noticeStyle'] || '1',
+        groupKey:'content',
+        list: [
+          {"label": "静态显示", "value": '1'},
+          {"label": "滚动显示", "value": '2'},
+          {"label": "弹窗显示", "value": '3'},
+        ],
+      },
+      data.noticeStyle == 3 &&{
+        label: '是否隐藏弹框(仅预览模式生效):',
+        ele: 'xd-radio',
+        valueKey: 'notice_is_hide_dailog',
+        groupKey: 'content',
+        value: data['notice_is_hide_dailog'] || 'N',
+        placeholder: '请选择是否隐藏弹框',
+        className: 'input60',
+        list: [
+          { label: '是', value: 'Y' },
+          { label: '否', value: 'N' },
+        ]
+      },
       {
         ele: "title",
         label: "我的票券包内容配置",
         size: "small",
         groupKey: "content",
+        hidden: data.previewCurrent !== 'card'
       },
       {
         label: '票券背景图:',
@@ -267,12 +321,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 +362,26 @@ export default {
         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: "列表容器配置",
+        label: "列表容器配置 - 通用",
         size: "small",
         groupKey: "style",
       },
@@ -327,10 +412,22 @@ export default {
       },
       {
         ele: "title",
-        label: "标题菜单配置",
+        label: "标题菜单配置 - 通用",
         size: "small",
         groupKey: "style",
       },
+      {
+        label: "展示方式设置:",
+        ele: "xd-radio",
+        valueKey: "menuShowType",
+        groupKey:'style',
+        value: data.menuShowType || 'text',
+        className: "input70",
+        list: [
+          {label: '文本', value: 'text'},
+          {label: '按钮', value: 'button'}
+        ],
+      },
       {
         label: '菜单容器内边距设置:',
         groupKey:'style',
@@ -362,7 +459,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 +497,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 +583,280 @@ export default {
         inline: false,
         notice: '填充设置，单位：<span style="color: red">像素</span>。默认值：<span style="color: red">20</span> 像素',
       },
+      {
+        ele: "title",
+        label: "公告样式配置 - 通用",
+        size: "small",
+        groupKey: "style",
+      },
+      // data.noticeStyle === '1' && {
+      //   label: '是否显示标题:',
+      //   ele: 'xd-switch',
+      //   valueKey: 'noticeIsTitle',
+      //   value: data['noticeIsTitle'],
+      //   groupKey:'style',
+      //   list: ['否', '是'],
+      //   backValueType: 2,
+      // },
+      // data.noticeStyle === '1' && data['noticeIsTitle'] && {
+      //   label: '标题对齐方式:',
+      //   ele: 'xd-select-list',
+      //   valueKey: 'noticeTextAlign',
+      //   groupKey:'style',
+      //   className: 'input80',
+      //   value: data['noticeTextAlign'] || '',
+      //   list: [
+      //     {"label": "左", "value": 'left'},
+      //     {"label": "中", "value": 'center'},
+      //     {"label": "右", "value": 'right'},
+      //   ]
+      // },
+      {
+        label: '内容圆角设置:',
+        ele: 'xd-site-select-list',
+        valueKey: 'noticeRadius',
+        value: data['noticeRadius'],
+        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-color',
+        valueKey: 'noticeBgc',
+        groupKey:'style',
+        value: data.noticeBgc || '',
+        placeholder: '请选择内容背景颜色',
+        className: 'input80',
+      },
+      // {
+      //   label: '内文字颜色:',
+      //   ele: 'xd-color',
+      //   groupKey:'style',
+      //   valueKey: 'noticeTextColor',
+      //   value: data.noticeTextColor || '',
+      //   placeholder: '请选择内文字颜色',
+      //   className: 'input80',
+      // },
+      // {
+      //   label: '内容文字大小:',
+      //   ele: 'xd-site-select-list',
+      //   valueKey: 'noticeFontSize',
+      //   value: data['noticeFontSize'],
+      //   groupKey:'style',
+      //   placeholder: '请选择内容文字大小',
+      //   multiple: false,
+      //   className: 'input80',
+      //   handleCustom({action, data}) {
+      //     XdBus.getParentApi('getOptionsSettingList')({setting_id: 'edtix_style_font_size'})
+      //       .then(res => {
+      //         data.cb(res.list)
+      //       })
+      //       .catch(error => {
+      //         console.error(error);
+      //       });
+      //   },
+      // },
+      {
+        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: false
+      //   }
+      // },
+      {
+        label: "内容字体设置:",
+        ele: "xd-font",
+        valueKey: "noticeFont",
+        value: data.noticeFont || {},
+        groupKey:'style',
+        setting: {
+          align: false,
+          lineHeight: false,
+          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> 像素',
+      },
+      {
+        label: "【更多】字体设置:",
+        ele: "xd-font",
+        valueKey: "noticeMoreFont",
+        value: data.noticeMoreFont || {},
+        groupKey:'style',
+        setting: {
+          align: false,
+          lineHeight: false,
+          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> 像素',
+      },
+      {
+        label: '显示条数:',
+        ele: 'el-input',
+        groupKey:'style',
+        type: 'number',
+        valueKey: 'noticeNum',
+        value: data.noticeNum,
+        placeholder: '请输入滚动显示条数，默认：1',
+        className: 'input80',
+        unit: '条'
+      },
+      data.noticeStyle == 2 && {
+        label: '滚动速度值:',
+        ele: 'el-input',
+        type: 'number',
+        groupKey:'style',
+        valueKey: 'noticeSpeed',
+        value: data.noticeSpeed,
+        placeholder: '请输入滚动速度值，默认：20',
+        className: 'input80',
+        inline: false,
+        notice: '滚动速度值，建议取值：20-60， 值越大越快',
+      },
+      // {
+      //   label: '边距设置:',
+      //   ele: 'xd-margin-padding',
+      //   groupKey:'style',
+      //   valueKey: 'noticeScrollMargin',
+      //   value: data.noticeScrollMargin || null,
+      //   setting: {
+      //     type: 'margin',
+      //   },
+      //   placeholder: '请设置内容边距设置',
+      //   inline: false,
+      //   notice: '内容边距设置，<span style="color: red">单位：像素</span>。默认值：0像素',
+      // },
+      data.noticeStyle == 3 && {
+        label: '弹窗间隔:',
+        ele: 'el-input',
+        type: 'text',
+        groupKey:'style',
+        valueKey: 'noticeTime',
+        value: data.noticeTime || '',
+        className: 'input80',
+        inline: false,
+        notice: '弹窗间隔，单位：小时。默认值：<span style="color: red">3</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>。',
+        hidden: data.previewCurrent !== 'card'
+      },
+      {
+        label: "票券字体颜色设置:",
+        ele: "xd-color",
+        groupKey:'style',
+        valueKey: "cardFontColor",
+        value: data.cardFontColor || "#333",
+        hidden: data.previewCurrent !== 'card'
       },
       {
         label: "单项内边距设置:",
@@ -443,6 +870,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 +890,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 +925,7 @@ export default {
               data.cb([])
             });
         },
+        hidden: data.previewCurrent !== 'card'
       },
       {
         label: "登录按钮圆角设置",
@@ -504,6 +945,7 @@ export default {
               console.error(error);
             });
         },
+        hidden: data.previewCurrent !== 'card'
       },
       {
         label: "登录按钮内边距设置:",
@@ -517,12 +959,14 @@ 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: "优惠券左侧背景色设置:",
@@ -530,6 +974,7 @@ export default {
         valueKey: "couponLeftBgColor",
         value: data.couponLeftBgColor || 'linear-gradient(180deg, #FFA852 0%, #FF5733 100%)',
         groupKey:'style',
+        hidden: data.previewCurrent !== 'coupon'
       },
       {
         label: "圆角设置",
@@ -549,6 +994,7 @@ export default {
               console.error(error);
             });
         },
+        hidden: data.previewCurrent !== 'coupon'
       },
       {
         label: "优惠券标题背景颜色设置:",
@@ -559,7 +1005,8 @@ export default {
         setting: {
           showAlpha: true,
           isAlpha: true
-        }
+        },
+        hidden: data.previewCurrent !== 'coupon'
       },
       {
         label: "去使用按钮文字背景色设置: ",
@@ -583,6 +1030,7 @@ export default {
               data.cb([])
             });
         },
+        hidden: data.previewCurrent !== 'coupon'
       },
       {
         label: "按钮内边距设置:",
@@ -596,6 +1044,7 @@ export default {
         placeholder: '请设置边距',
         inline: false,
         notice: '设置内边距，<span style="color: red">单位：像素</span>。默认值：<span style="color: red">20</span>像素',
+        hidden: data.previewCurrent !== 'coupon'
       },
       {
         label: "按钮圆角设置",
@@ -615,6 +1064,7 @@ export default {
               console.error(error);
             });
         },
+        hidden: data.previewCurrent !== 'coupon'
       },
       {
         label: '票券绑定跳转路径:', //label
@@ -628,6 +1078,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: [],