jufubao-base 1.0.191 → 1.0.192-beta1

package/src/components/JfbBasePhoneCollect/Attr.js

@@ -549,12 +549,7 @@ export default {
         label: '表单容器设置外边距:',
         ele: "xd-margin-padding",
         valueKey: 'formMargin',
-        value: data.formMargin || {
-          top: 0,
-          right: 0,
-          bottom: 0,
-          left: 0
-        },
+        value: data.formMargin || null,
         setting: {
           type: 'margin',
         },
@@ -715,7 +710,6 @@ export default {
             });
         },
         inline: false,
-        notice: '填充设置，单位：<span style="color: red">像素</span>。默认值：<span style="color: red">20</span> 像素',
       },
       {
         ele: 'title',
@@ -748,7 +742,6 @@ export default {
             });
         },
         inline: false,
-        notice: '填充设置，单位：<span style="color: red">像素</span>。默认值：<span style="color: red">20</span> 像素',
       },
       {
         label: "内容字体样式设置:",
@@ -771,7 +764,6 @@ export default {
             });
         },
         inline: false,
-        notice: '填充设置，单位：<span style="color: red">像素</span>。默认值：<span style="color: red">20</span> 像素',
       },
       {
         ele: 'title',
@@ -804,7 +796,6 @@ export default {
             });
         },
         inline: false,
-        notice: '填充设置，单位：<span style="color: red">像素</span>。默认值：<span style="color: red">20</span> 像素',
       },
       {
         label: "获取验证码展示方式:",
@@ -845,7 +836,7 @@ export default {
         },
         placeholder: '请设置边距',
         inline: false,
-        notice: '设置内边距，<span style="color: red">单位：像素</span>。默认值：<span style="color: red">20</span>像素',
+        notice: '设置外边距，<span style="color: red">单位：像素</span>。默认值：<span style="color: red">20</span>像素',
       },
       {
         label: "按钮圆角 - 通用",
@@ -896,7 +887,6 @@ export default {
             });
         },
         inline: false,
-        notice: '填充设置，单位：<span style="color: red">像素</span>。默认值：<span style="color: red">20</span> 像素',
       },
       {
         label: "隐私条款链接字体设置:",
@@ -920,7 +910,6 @@ export default {
             });
         },
         inline: false,
-        notice: '填充设置，单位：<span style="color: red">像素</span>。默认值：<span style="color: red">20</span> 像素',
       },
       {
         label: "选择框垂直对齐方式:",
@@ -952,7 +941,7 @@ export default {
         },
         placeholder: '请设置边距',
         inline: false,
-        notice: '设置内边距，<span style="color: red">单位：像素</span>。默认值：<span style="color: red">20</span>像素',
+        notice: '设置外边距，<span style="color: red">单位：像素</span>。默认值：<span style="color: red">20</span>像素',
       },
       {
         ele: 'title',
@@ -984,7 +973,6 @@ export default {
             });
         },
         inline: false,
-        notice: '填充设置，单位：<span style="color: red">像素</span>。默认值：<span style="color: red">20</span> 像素',
       },
       {
         label: "跳过垂直对齐方式:",

package/src/components/JfbBasePhoneLogin/Attr.js

@@ -538,12 +538,7 @@ export default {
         label: '表单容器设置外边距:',
         ele: "xd-margin-padding",
         valueKey: 'formMargin',
-        value: data.formMargin || {
-          top: 0,
-          right: 0,
-          bottom: 0,
-          left: 0
-        },
+        value: data.formMargin || null,
         setting: {
           type: 'margin',
         },
@@ -704,7 +699,6 @@ export default {
             });
         },
         inline: false,
-        notice: '填充设置，单位：<span style="color: red">像素</span>。默认值：<span style="color: red">20</span> 像素',
       },
       {
         ele: 'title',
@@ -737,7 +731,6 @@ export default {
             });
         },
         inline: false,
-        notice: '填充设置，单位：<span style="color: red">像素</span>。默认值：<span style="color: red">20</span> 像素',
       },
       {
         label: "内容字体样式设置:",
@@ -760,7 +753,6 @@ export default {
             });
         },
         inline: false,
-        notice: '填充设置，单位：<span style="color: red">像素</span>。默认值：<span style="color: red">20</span> 像素',
       },
       {
         ele: 'title',
@@ -793,7 +785,6 @@ export default {
             });
         },
         inline: false,
-        notice: '填充设置，单位：<span style="color: red">像素</span>。默认值：<span style="color: red">20</span> 像素',
       },
       {
         label: "获取验证码展示方式:",
@@ -834,7 +825,7 @@ export default {
         },
         placeholder: '请设置边距',
         inline: false,
-        notice: '设置内边距，<span style="color: red">单位：像素</span>。默认值：<span style="color: red">20</span>像素',
+        notice: '设置外边距，<span style="color: red">单位：像素</span>。默认值：<span style="color: red">20</span>像素',
       },
       {
         label: "按钮圆角 - 通用",
@@ -885,7 +876,6 @@ export default {
             });
         },
         inline: false,
-        notice: '填充设置，单位：<span style="color: red">像素</span>。默认值：<span style="color: red">20</span> 像素',
       },
       {
         label: "隐私条款链接字体设置:",
@@ -909,7 +899,6 @@ export default {
             });
         },
         inline: false,
-        notice: '填充设置，单位：<span style="color: red">像素</span>。默认值：<span style="color: red">20</span> 像素',
       },
       {
         label: "选择框垂直对齐方式:",
@@ -941,7 +930,7 @@ export default {
         },
         placeholder: '请设置边距',
         inline: false,
-        notice: '设置内边距，<span style="color: red">单位：像素</span>。默认值：<span style="color: red">20</span>像素',
+        notice: '设置外边距，<span style="color: red">单位：像素</span>。默认值：<span style="color: red">20</span>像素',
       },
     ]
   }

package/src/components/JfbBaseUserCenter/Attr.js

@@ -24,15 +24,26 @@ export default {
         className: 'input80',
         rules: [
           {
-            required: true,
+            required: false,
             validator: (rule, value, callback) => {
               value = value.trim();
+              if(value.length === 0) return callback()
               if (value.length < 1 || value.length > 4) callback('卡券自定义名称长度为：1-4字符');
               else callback()
             },
             trigger: 'blur'
           }
         ],
+        notice: '卡券自定义名称设置，默认值：<span style="color:red">卡券</span>，长度为：1-4字符',
+        inline: false,
+      },
+
+      //style
+      {
+        ele: 'title',
+        label: '轮廓设置',
+        size: 'small',
+        groupKey:'style',
       },
       {
         label: '卡券文字颜色:',
@@ -42,13 +53,7 @@ export default {
         value: data['cardNameColor'] || null,
         placeholder: '请选择卡券文字颜色',
         classNmae: 'input80',
-      },
-
-      {
-        ele: 'title',
-        label: '整体风格',
-        size: 'small',
-        groupKey:'style',
+        hidden:true,
       },
       {
         label: '背景颜色:',
@@ -79,13 +84,13 @@ export default {
         },
       },
       {
-        label: '间距:',
+        label: '行间距:',
         ele: 'el-input',
         type: 'number',
         valueKey: 'padding',
         groupKey:'style',
         value: data.padding || '',
-        placeholder: '请输入间距',
+        placeholder: '请输入行间距',
         className: 'input60',
         inline: false,
         notice: '设置间距，<span style="color: red">单位：像素</span>。默认值：<span style="color: red">20</span>像素',
@@ -118,10 +123,160 @@ export default {
       },
       {
         ele: 'title',
-        label: '内容区域风格',
+        label: '标题设置',
+        size: 'small',
+        groupKey:'style',
+      },
+      {
+        label: "标题样式设置",
+        ele: "xd-text-and-bgc",
+        groupKey:'style',
+        valueKey: 'titleStyle',
+        value: data['titleStyle'] || null,
+        setting: {
+          fontSize: true,
+          color: true,
+          bgColor: false,
+          weight: true,
+          selected:false
+        },
+        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([])
+            });
+        },
+      },
+      {
+        ele: 'title',
+        label: `添加${data['cardName'] || '卡券'}设置`,
+        size: 'small',
+        groupKey:'style',
+      },
+      {
+        label: "文字样式设置",
+        ele: "xd-text-and-bgc",
+        groupKey:'style',
+        valueKey: 'addBtnStyle',
+        value: data['addBtnStyle'] || null,
+        setting: {
+          fontSize: true,
+          color: true,
+          bgColor: false,
+          weight: true,
+          selected:false
+        },
+        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: 'xd-site-select-list',
+        valueKey: 'addBtnRadius',
+        groupKey:'style',
+        value: data['addBtnRadius'] || '40',
+        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: 'addBtnBgColor',
+        groupKey:'style',
+        value: data['addBtnBgColor'] || null,
+        placeholder: '请选择背景颜色',
+        classNmae: 'input80',
+      },
+      {
+        label: '投影设置:',
+        ele: 'xd-shadow',
+        groupKey:'style',
+        valueKey: 'addBtnShadow',
+        value: data['addBtnShadow'] || '',
+        setting: {
+          selected: 'N'
+        },
+        handleCustom({action, data}) {
+          XdBus.getParentApi('getOptionsSettingList')({setting_id: 'edtix_style_radius'})
+            .then(res => {
+              data.cb(res.list)
+            })
+            .catch(error => {
+              console.error(error);
+              data.cb([])
+            });
+        },
+      },
+      {
+        label: '边框设置:',
+        ele: 'xd-border',
+        groupKey:'style',
+        valueKey: 'addBtnBorder',
+        value: data['addBtnBorder'] || {},
+        setting: {
+          selected:'N'
+        },
+      },
+      {
+        ele: 'title',
+        label: `进入我的${data['cardName'] || '卡券'}设置`,
         size: 'small',
         groupKey:'style',
       },
+      {
+        label: '填充:',
+        ele: 'xd-margin-padding',
+        valueKey: 'contentPadding',
+        groupKey:'style',
+        value: data['contentPadding'] || null,
+        setting: {
+          type: 'padding',
+        },
+        placeholder: '请设填充',
+        inline: false,
+        notice: '设置填充值，<span style="color: red">单位：像素</span>。默认值：<span style="color:red">40</span>像素',
+      },
+      {
+        label: '圆角设置:',
+        ele: 'xd-site-select-list',
+        valueKey: 'radius',
+        groupKey:'style',
+        value: data['radius'] || '10',
+        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',
@@ -132,30 +287,88 @@ export default {
         classNmae: 'input80',
       },
       {
-        label: '按钮背景颜色:',
+        label: '投影设置:',
+        ele: 'xd-shadow',
+        groupKey:'style',
+        valueKey: 'contShadow',
+        value: data['contShadow'] || '',
+        setting: {
+          selected: 'N'
+        },
+        handleCustom({action, data}) {
+          XdBus.getParentApi('getOptionsSettingList')({setting_id: 'edtix_style_radius'})
+            .then(res => {
+              data.cb(res.list)
+            })
+            .catch(error => {
+              console.error(error);
+              data.cb([])
+            });
+        },
+      },
+      {
+        label: '边框设置:',
+        ele: 'xd-border',
+        groupKey:'style',
+        valueKey: 'contBorder',
+        value: data['contBorder'] || {},
+        setting: {
+          selected:'N'
+        },
+      },
+      {
+        ele: 'title',
+        label: `进入我的${data['cardName'] || '卡券'}按钮样式设置`,
+        size: 'small',
+        groupKey:'style',
+      },
+      {
+        label: '圆角设置:',
+        ele: 'xd-site-select-list',
+        valueKey: 'btnRadius',
+        value: data['btnRadius'] || '40',
+        groupKey:'style',
+        placeholder: '请选择圆角设置',
+        multiple: false,
+        className: 'input60',
+        handleCustom({action, data}) {
+          XdBus.getParentApi('getOptionsSettingList')({
+            setting_id: 'edtix_style_radius',
+            key: Date.now()
+          })
+            .then(res => {
+              data.cb(res.list)
+            })
+            .catch(error => {
+              console.error(error);
+            });
+        },
+      },
+      {
+        label: '背景颜色:',
         ele: 'xd-color',
         valueKey: 'btnBgColor',
         groupKey:'style',
         value: data['btnBgColor'] || null,
-        placeholder: '请选择按钮背景颜色',
+        placeholder: '请选择背景颜色',
         classNmae: 'input80',
       },
       {
-        label: '按钮文字颜色:',
+        label: '文字颜色:',
         ele: 'xd-color',
         valueKey: 'btnTextColor',
         groupKey:'style',
         value: data['btnTextColor'] || null,
-        placeholder: '请选择按钮文字颜色',
+        placeholder: '请选择文字颜色',
         classNmae: 'input80',
       },
       {
-        label: '按钮文字大小:',
+        label: '文字大小:',
         ele: 'xd-site-select-list',
         valueKey: 'btnFontSize',
         groupKey:'style',
         value: data['btnFontSize'] || '',
-        placeholder: '请选择按钮文字大小',
+        placeholder: '请选择文字大小',
         multiple: false,
         className: 'input80',
         handleCustom({action, data}) {
@@ -171,11 +384,13 @@ export default {
         },
       },
 
+      //=====属性已废弃(不能删除，已隐藏)====
       {
         ele: 'title',
         label: '边框设置',
         size: 'small',
         groupKey:'style',
+        hidden: true
       },
       {
         label: '是否有边框:',
@@ -186,6 +401,7 @@ export default {
         placeholder: '请选择是否有边框',
         multiple: false,
         className: 'input80',
+        hidden: true,
         list: [
           {label: '是', value: 'Y'},
           {label: '否', value: 'N'},
@@ -199,6 +415,7 @@ export default {
         value: data['is_border_c'] || '',
         placeholder: '请选择边框颜色',
         classNmae: 'input80',
+        hidden: true
       },
       data['is_border'] === 'Y' && {
         label: '边框大小:',
@@ -209,26 +426,10 @@ export default {
         value: data['is_border_w'] || '',
         placeholder: '请输入边框颜色',
         className: 'input80',
+        hidden: true
       },
-      {
-        label: '内容圆角设置:',
-        ele: 'xd-site-select-list',
-        valueKey: 'radius',
-        groupKey:'style',
-        value: data['radius'] || '10',
-        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-select-pages-path',
@@ -236,43 +437,34 @@ export default {
         groupKey:'advanced',
         placeholder: '请选择添加卡券路径',
         value: data['add_url'] || null,
+        className: 'input100',
         setting: {
           router: XdBus.getParentApi('getPagesTree'),
         },
-        rules: [
-          {required: true, message: '请选择添加卡券路径', trigger: 'change'},
-        ],
-        inline: false,
       },
       {
         label: '设置支付密码路径:',
         ele: 'xd-select-pages-path',
         valueKey: 'pwd_url',
         groupKey:'advanced',
+        className: 'input100',
         placeholder: '请选择设置支付密码路径',
         value: data['pwd_url'] || null,
         setting: {
           router: XdBus.getParentApi('getPagesTree'),
         },
-        rules: [
-          {required: true, message: '请选择设置支付密码路径', trigger: 'change'},
-        ],
-        inline: false,
       },
       {
         label: '进入我的票券路径:',
         ele: 'xd-select-pages-path',
         valueKey: 'card_url',
         groupKey:'advanced',
+        className: 'input100',
         placeholder: '请选择进入我的票券路径',
         value: data['card_url'] || null,
         setting: {
           router: XdBus.getParentApi('getPagesTree'),
         },
-        rules: [
-          {required: true, message: '请选择进入我的票券路径', trigger: 'change'},
-        ],
-        inline: false,
       },
       {
         label: '',