jufubao-base 1.0.21 → 1.0.23-beta2

package/src/components/JfbBaseAfterOrderList/Attr.js

@@ -3,152 +3,172 @@
 export default {
   style: [],
   advanced: [],
-  content: [
-    //文本信息
-    {
-      label: '标题名称:', //label
-      ele: 'el-input', //package 名称
-      type: 'text',
-      valueKey: 'title', //form[valueKey]
-      value: '', //v-model
-      placeholder: '请输入标题名称',
-      classNmae: 'input40', //样式名称 //input100,input80,input70,input60,input50,input40,input30,input20,
-      disabled: true,
-      rules: [
-        {
-          required: true,
-          type: 'url',
-          message: '请输入域名地址',
-          trigger: 'blur'
+  content: (data)=>{
+    return [
+      {
+        label: '外填充:',
+        ele: 'xd-margin-padding',
+        valueKey: 'margin',
+        groupKey:'style',
+        value: data['margin'] || null,
+        setting: {
+          type: 'padding',
         },
-      ]
-    },
-
-    //远程获取内容选择
-    {
-      label: '跳转路径:', //label
-      ele: 'xd-select-list', //package 名称
-      valueKey: 'jumpToLink', //form[valueKey]
-      value: '', //v-model
-      placeholder: '请选择加盟商',
-      multiple: false, //多选
-      collapseTags: false,
-      remoteApi: '/api/editx/pages',
-      remote: true,
-    },
-
-    //本地固定内容选择
-    {
-      label: '选择内容:', //label
-      ele: 'xd-select-list', //package 名称
-      valueKey: 'select', //form[valueKey]
-      value: '', //v-model
-      placeholder: '请选择选择内容',
-      multiple: false, //多选
-      remote: false,
-      list: [
-        {"label": "订单详情", "value": '/main/order/order'},
-        {"label": "购物车详情", "value": '/main/cart/cart'},
-        {"label": "商品详情", "value": '/main/product/product'},
-        {"label": "商品分类", "value": '/main/producttype/producttype'},
-      ],
-    },
-
-    //本地固定单选选择
-    {
-      label: '单选列表（固定）:', //label
-      ele: 'xd-radio', //package 名称
-      valueKey: 'radio_status_list', //form[valueKey]
-      value: 6, //v-model
-      disabled: true,
-      rules: [
-        {required: true, message: '请选择', trigger: ['blur', 'change']}
-      ],
-      list: [
-        {"label": "万利达集团", "value": 4},
-        {"label": "中国联通", "value": 5},
-        {"label": "中国移动", "value": 6},
-        {"label": "味多美", "value": 7},
-      ]
-    },
-
-    //远程固定单选选择
-    {
-      label: '单选列表（固定）:', //label
-      ele: 'xd-radio', //package 名称
-      valueKey: 'radio_status_list', //form[valueKey]
-      value: 6, //v-model
-      disabled: false,
-      remoteApi: '/api/editx/pages',
-      remote: true,
-      rules: [
-        {required: true, message: '请选择', trigger: ['blur', 'change']}
-      ],
-    },
-
-    //本地固定多选选择
-    {
-      label: '多选列表（固定）:', //label
-      ele: 'xd-check', //package 名称
-      valueKey: 'xd-check_list', //form[valueKey]
-      value: 6, //v-model
-      disabled: true,
-      rules: [
-        {required: true, message: '请选择', trigger: ['blur', 'change']}
-      ],
-      list: [
-        {"label": "万利达集团", "value": 4},
-        {"label": "中国联通", "value": 5},
-        {"label": "中国移动", "value": 6},
-        {"label": "味多美", "value": 7},
-      ]
-    },
-
-    //远程多选选选择
-    {
-      label: '多选列表:', //label
-      ele: 'xd-check', //package 名称
-      valueKey: 'xd-check_remote-list', //form[valueKey]
-      value: 6, //v-model
-      disabled: false,
-      remoteApi: '/api/editx/pages',
-      remote: true,
-      rules: [
-        {required: true, message: '请选择', trigger: ['blur', 'change']}
-      ],
-    },
-
-    //状态(二选一)单选选择
-    {
-      label: '状态(二选一):', //label
-      ele: 'xd-radio-status', //package 名称
-      valueKey: 'radio_status', //form[valueKey]
-      value: 'Y', //v-model
-      isall: true,
-      disabled: true,
-      backValueType: '', //返回值类型 1=>返回（Y,N）2=> [true|false] 3=>[1,0] 4=>[1,2]
-      placeholder: '请选择',
-      list: 'status', //status=>状态  best=>推荐  associate=>关联 yes=>是否 open=> 是否开启  check=>审核
-    },
-
-    //文本信息
-    {
-      label: '标题名称:', //label
-      ele: 'el-input', //package 名称
-      type: 'text',
-      valueKey: 'title', //form[valueKey]
-      value: '', //v-model
-      placeholder: '请输入标题名称',
-      classNmae: 'input40', //样式名称 //input100,input80,input70,input60,input50,input40,input30,input20,
-      disabled: true,
-      rules: [
-        {
-          required: true,
-          type: 'url',
-          message: '请输入域名地址',
-          trigger: 'blur'
+        placeholder: '请设置外填充',
+        inline: false,
+        notice: '设置外填充，<span style="color: red">单位：像素</span>。默认值：<span style="color: red">20</span>像素',
+      },
+      {
+        label: '背景颜色:',
+        ele: 'xd-color',
+        valueKey: 'backgroundColor',
+        groupKey:'style',
+        value: data['backgroundColor'] || null,
+        placeholder: '请选择背景颜色',
+        classNmae: 'input80',
+      },
+      {
+        label: '品牌文字颜色:',
+        ele: 'xd-color',
+        valueKey: 'brandTextColor',
+        groupKey:'style',
+        value: data['brandTextColor'] || null,
+        placeholder: '请选择品牌文字颜色',
+        classNmae: 'input80',
+      },
+      {
+        label: '间距:',
+        ele: 'el-input',
+        type: 'number',
+        valueKey: 'padding',
+        groupKey:'style',
+        value: data.padding || '',
+        placeholder: '请输入间距',
+        className: 'input80',
+        inline: false,
+        notice: '间距设置，<span style="color: red">单位：像素</span>。默认值：<span style="color: red">20</span>像素',
+      },
+      {
+        ele: 'title',
+        label: '投影设置',
+        size: 'small',
+        groupKey:'style',
+      },
+      {
+        label: '是否有投影:',
+        ele: 'xd-radio',
+        valueKey: 'is_shadow',
+        groupKey:'style',
+        value: data['is_shadow'] || 'N',
+        placeholder: '请选择是否投影',
+        multiple: false,
+        className: 'input80',
+        list: [
+          { label: '是', value: 'Y' },
+          { label: '否', value: 'N' },
+        ]
+      },
+      data['is_shadow'] === 'Y' && {
+        label: '投影颜色:',
+        ele: 'xd-color',
+        valueKey: 'is_shadow_bg',
+        groupKey:'style',
+        value: data['is_shadow_bg'] || '',
+        placeholder: '请选择投影颜色',
+        classNmae: 'input80',
+      },
+      data['is_shadow'] === 'Y' && {
+        label: '投影范围:',
+        ele: 'xd-site-select-list',
+        valueKey: 'is_shadow_w',
+        groupKey:'style',
+        value: data['is_shadow_w'] || '10',
+        placeholder: '请选择投影范围',
+        multiple: false,
+        className: 'input80',
+        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);
+            });
+        },
+      },
+      {
+        ele: 'title',
+        label: '边框设置',
+        size: 'small',
+        groupKey:'style',
+      },
+      {
+        label: '是否有边框:',
+        ele: 'xd-radio',
+        valueKey: 'is_border',
+        value: data['is_border'] || 'N',
+        groupKey:'style',
+        placeholder: '请选择是否有边框',
+        multiple: false,
+        className: 'input80',
+        list: [
+          { label: '是', value: 'Y' },
+          { label: '否', value: 'N' },
+        ]
+      },
+      data['is_border'] === 'Y' && {
+        label: '边框颜色:',
+        ele: 'xd-color',
+        valueKey: 'is_border_c',
+        groupKey:'style',
+        value: data['is_border_c'] || '',
+        placeholder: '请选择边框颜色',
+        classNmae: 'input80',
+      },
+      data['is_border'] === 'Y' && {
+        label: '边框大小:',
+        ele: 'el-input',
+        type: 'number',
+        groupKey:'style',
+        valueKey: 'is_border_w',
+        value: data['is_border_w'] || '',
+        placeholder: '请输入边框颜色',
+        className: 'input80',
+      },
+      {
+        label: '内容圆角设置:',
+        ele: 'xd-site-select-list',
+        valueKey: 'radius',
+        groupKey:'style',
+        value: data['radius'] || '',
+        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',
+        valueKey: 'detailPath',
+        groupKey:'advanced',
+        placeholder: '请选择售后订单详情路径',
+        value: data['detailPath'] ||null,
+        setting: {
+          router: XdBus.getParentApi('getPagesTree'),
         },
-      ]
-    },
-  ],
+        inline: false,
+      },
+    ].filter(i=>i)
+  },
 }