jufubao-base 1.0.186 → 1.0.187-beta3

package/src/components/JfbBaseUserOrder/Attr.js

@@ -1,4 +1,5 @@
 'use strict';
+import ICONS from '@/ICONS'
 
 /**
  * @description 当表单组件中有联动操作时候，使用方法进行返回
@@ -13,6 +14,69 @@ export default {
         slot: 'is_reference_title',
         groupKey:'advanced',
       },
+      {
+        label: '我的订单自定义名称:',
+        ele: 'el-input',
+        type: 'text',
+        valueKey: 'myOrderName',
+        groupKey:'content',
+        value: data['myOrderName'] || '',
+        placeholder: '请输入我的订单自定义名称',
+        className: 'input80',
+        rules: [
+          {
+            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,
+      },
+      {
+        label: '是否售后订单:',
+        ele: 'xd-radio',
+        valueKey: 'isShowBtn',
+        value: data['isShowBtn'] || 'Y',
+        placeholder: '请选择是否售后订单',
+        groupKey:'content',
+        multiple: false,
+        className: 'input80',
+        list: [
+          {label: '是', value: 'Y'},
+          {label: '否', value: 'N'},
+        ]
+      },
+      data['isShowBtn'] === 'Y' && {
+        label: '售后订单自定义名称:',
+        ele: 'el-input',
+        type: 'text',
+        valueKey: 'afterBuyName',
+        groupKey:'content',
+        value: data['afterBuyName'] || '',
+        placeholder: '请输入售后订单自定义名称',
+        className: 'input80',
+        rules: [
+          {
+            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,
+      },
+
       {
         label: '设置订单状态:',
         ele: 'xd-order-setting',
@@ -21,6 +85,7 @@ export default {
         value: data['orderTypeList'] || null,
         setting: {
           router: XdBus.getParentApi('getPagesTree'),
+          icons:ICONS,
         },
         handleCustom({action, data}) {
           if (action === 'number') {
@@ -39,6 +104,25 @@ export default {
           {required: true, message: '设置订单配置错误！请检查配置', trigger: 'change'},
         ],
       },
+      {
+        label: '行间距:',
+        ele: 'el-input',
+        type: 'number',
+        valueKey: 'spacing',
+        groupKey:'style',
+        value: data.spacing || '',
+        placeholder: '请输入行间距',
+        className: 'input60',
+        inline: false,
+        notice: '设置间距，<span style="color: red">单位：像素</span>。默认值：<span style="color: red">20</span>像素',
+      },
+
+      {
+        ele: 'title',
+        label: '轮廓样式设置',
+        size: 'small',
+        groupKey:'style',
+      },
       {
         label: '背景颜色:',
         ele: 'xd-color',
@@ -68,19 +152,7 @@ export default {
         },
       },
       {
-        label: '间距:',
-        ele: 'el-input',
-        type: 'number',
-        valueKey: 'spacing',
-        groupKey:'style',
-        value: data.spacing || '',
-        placeholder: '请输入间距',
-        className: 'input60',
-        inline: false,
-        notice: '设置间距，<span style="color: red">单位：像素</span>。默认值：<span style="color: red">20</span>像素',
-      },
-      {
-        label: '外边距:',
+        label: '边距:',
         ele: 'xd-margin-padding',
         valueKey: 'bodyMargin',
         groupKey:'style',
@@ -105,6 +177,37 @@ export default {
         inline: false,
         notice: '设置填充，<span style="color: red">单位：像素</span>。默认值：<span style="color: red">0</span>像素',
       },
+
+      {
+        ele: 'title',
+        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([])
+            });
+        },
+      },
       {
         label: '标题样式颜色:',
         ele: 'xd-color',
@@ -113,32 +216,117 @@ export default {
         value: data['cardNameColor'] || null,
         placeholder: '请选择标题样式颜色',
         classNmae: 'input60',
+        hidden:true,
       },
 
       {
         ele: 'title',
-        label: '内容样式设置',
+        label: `售后订单按钮样式设置`,
         size: 'small',
         groupKey:'style',
       },
       {
-        label: '文字颜色:',
-        ele: 'xd-color',
+        label: "文字样式设置",
+        ele: "xd-text-and-bgc",
         groupKey:'style',
-        valueKey: 'textColor',
-        value: data['textColor'] || '',
-        placeholder: '请选择文字颜色',
-        classNmae: 'input80',
+        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: 'ICON颜色:',
+        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: 'iconColor',
+        valueKey: 'addBtnBgColor',
         groupKey:'style',
-        value: data['iconColor'] || '',
-        placeholder: '请选择ICON颜色',
+        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: '列表轮阔样式设置',
+        size: 'small',
+        groupKey:'style',
+      },
+      {
+        label: '填充:',
+        ele: 'xd-margin-padding',
+        valueKey: 'contPadding',
+        groupKey:'style',
+        value: data['contPadding'] || null,
+        setting: {
+          type: 'padding',
+        },
+        placeholder: '请设置填充',
+        inline: false,
+        notice: '设置填充，<span style="color: red">单位：像素</span>。默认值：<span style="color: red">40px 34px 20px 20px</span>像素',
+      },
       {
         label: '背景颜色:',
         ele: 'xd-color',
@@ -167,12 +355,87 @@ export default {
             });
         },
       },
+      {
+        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: '列表内容样式设置',
+        size: 'small',
+        groupKey:'style',
+      },
+      {
+        label: '文字颜色:',
+        ele: 'xd-color',
+        groupKey:'style',
+        valueKey: 'textColor',
+        value: data['textColor'] || '',
+        placeholder: '请选择文字颜色',
+        classNmae: 'input80',
+      },
+      {
+        label: 'ICON颜色:',
+        ele: 'xd-color',
+        valueKey: 'iconColor',
+        groupKey:'style',
+        value: data['iconColor'] || '',
+        placeholder: '请选择ICON颜色',
+        classNmae: 'input80',
+      },
+
       {
         ele: 'title',
-        label: '内容边框设置',
+        label: '数字气泡样式设置',
         size: 'small',
         groupKey:'style',
       },
+      {
+        label: '数字颜色:',
+        ele: 'xd-color',
+        groupKey:'style',
+        valueKey: 'popColor',
+        value: data['popColor'] || '',
+        placeholder: '请选择数字颜色',
+        classNmae: 'input80',
+      },
+      {
+        label: '气泡背景:',
+        ele: 'xd-color',
+        valueKey: 'popBgColor',
+        groupKey:'style',
+        value: data['popBgColor'] || '',
+        placeholder: '请选择气泡背景',
+        classNmae: 'input80',
+      },
+
       {
         label: '是否有边框:',
         ele: 'xd-radio',
@@ -181,6 +444,7 @@ export default {
         placeholder: '请选择是否有边框',
         groupKey:'style',
         multiple: false,
+        hidden: true,
         className: 'input80',
         list: [
           {label: '是', value: 'Y'},
@@ -191,6 +455,7 @@ export default {
         label: '边框颜色:',
         ele: 'xd-color',
         groupKey:'style',
+        hidden: true,
         valueKey: 'is_border_c',
         value: data['is_border_c'] || '',
         placeholder: '请选择边框颜色',
@@ -201,6 +466,7 @@ export default {
         ele: 'el-input',
         type: 'number',
         groupKey:'style',
+        hidden: true,
         valueKey: 'is_border_w',
         value: data['is_border_w'] || '',
         placeholder: '请输入边框大小',