jufubao-mall 2.0.33 → 2.0.35-beta1

package/src/components/JfbMallConfirm/Attr.js

@@ -1,464 +1,178 @@
 'use strict';
+import style from "./cusAttr/style";
+import advanced from "./cusAttr/advanced";
+import content from "./cusAttr/content";
 
 /**
  * @description 当表单组件中有联动操作时候，使用方法进行返回
  */
 export default {
   style: [],
-  content: (data) => {
-    return [
-      {
-        label: "跳过所有引导:",
-        ele: "xd-radio",
-        valueKey: "skipToPay",
-        value: data['skipToPay'] || 'N',
-        groupKey: "content",
-        list: [
-          {label: '是', value: 'Y'},
-          {label: '否', value: 'N'},
-        ]
-      },
-      {
-        label: "支付时是否跳过补差提示:",
-        ele: 'xd-radio',
-        valueKey: "skipTip",
-        value: data['skipTip'] || 'Y',
-        groupKey:'content',
-        list: [
-          {label: '是', value: 'Y'},
-          {label: '否', value: 'N'},
-        ],
-      },
-      {
-        label: '是否标明活动价:',
-        ele: 'xd-radio',
-        valueKey: 'showActivityPrice',
-        value: data['showActivityPrice'] || 'N',
-        placeholder: '请选择是否标明活动价',
-        multiple: false,
-        groupKey:'content',
-        className: 'input80',
-        list: [
-          {label: '是', value: 'Y'},
-          {label: '否', value: 'N'},
-        ]
-      },
-      {
-        label: "显示订购人信息",
-        ele: "xd-radio",
-        valueKey: "showBuyer",
-        groupKey:'content',
-        value: data.showBuyer || "",
-        list: [
-          {label: "显示", value: "Y"},
-          {label: "隐藏", value: "N"}
-        ]
-      },
-      {
-        label: "显示订单备注信息",
-        ele: "xd-radio",
-        groupKey:'content',
-        valueKey: "showOrderComment",
-        value: data.showOrderComment || "",
-        list: [
-          {label: "显示", value: "Y"},
-          {label: "隐藏", value: "N"}
-        ]
-      },
-      {
-        label: "选择业务线",
-        ele: "xd-choose-namespace",
-        valueKey: "xnamespace",
-        value: data.xnamespace || "",
-        groupKey:'advanced',
-        className: 'input60',
-        handleCustom: (cb) => {
-          XdBus.getParentApi('getOptionsNamespaces')()
-            .then(res => {
-              cb(res.list)
-            })
-            .catch();
-        }
-      },
-      {
-        label: "开启礼包预览模式",
-        ele: "xd-radio",
-        groupKey:'advanced',
-        valueKey: "preview",
-        value: data.preview || "N",
-        list: [
-          {label: "开启", value: "Y"},
-          {label: "关闭", value: "N"}
-        ]
-      },
-      {
-        label: '收货地址页跳转路径:',
-        ele: 'xd-select-pages-path',
-        valueKey: 'shipAddressPath',
-        groupKey:'advanced',
-        className: 'input100',
-        placeholder: '请选择路径',
-        value: data.shipAddressPath || null,
-        setting: {
-          router: XdBus.getParentApi('getPagesTree'),
-        },
-        inline: false,
-      },
-      {
-        label: '去支付路径:',
-        ele: 'xd-select-pages-path',
-        valueKey: 'payPath',
-        placeholder: '请选择支付路径',
-        value: data.payPath || null,
-        setting: {
-          router: XdBus.getParentApi('getPagesTree'),
-        },
-        groupKey:'advanced',
-        className: 'input100',
-      },
-      {
-        label: '支付成功路径:',
-        ele: 'xd-select-pages-path',
-        valueKey: 'paySuccessPath',
-        placeholder: '请选择支付成功路径',
-        value: data.paySuccessPath || null,
-        setting: {
-          router: XdBus.getParentApi('getPagesTree'),
-        },
-        groupKey:'advanced',
-        className: 'input100',
-      },
-      {
-        label: '选择城市路径:',
-        ele: 'xd-select-pages-path',
-        valueKey: 'choseCityPath',
-        placeholder: '选择城市路径路径',
-        value: data.choseCityPath || null,
-        setting: {
-          router: XdBus.getParentApi('getPagesTree'),
-        },
-        groupKey:'advanced',
-        className: 'input100',
-      },
-      {
-        label: "是否可以使用新票券",
-        ele: "xd-radio",
-        valueKey: 'bindCard',
-        value: data['bindCard'],
-        groupKey: 'content',
-        list: [
-          {label: "是", value: "1"},
-          {label: "否", value: "2"},
-        ]
-      },
-      {
-        label: "使用模式",
-        ele: "xd-radio",
-        valueKey: "useMode",
-        value: data.useMode || "market",
-        groupKey: 'content',
-        list: [
-          {label: "商城模式", value: "market"},
-          {label: "礼包模式", value: "gift"},
-        ]
-      },
-      data.useMode === 'gift' && {
-        label: "是否展示价格",
-        ele: "xd-radio",
-        valueKey: "showPrice",
-        value: data.showPrice || "N",
-        groupKey: 'content',
-        list: [
-          {label: "展示", value: "Y"},
-          {label: "不展示", value: "N"}
-        ]
-      },
-      {
-        label: "表单提示文字大小",
-        ele: 'xd-site-select-list',
-        valueKey: 'blessFontSize',
-        value: data.blessFontSize,
-        multiple: false,
-        className: 'input50',
-        groupKey:'content',
-        handleCustom({action, data}) {
-          XdBus.getParentApi('getOptionsSettingList')({
-            setting_id: 'edtix_style_font_size'
-          })
-            .then(res => {
-              data.cb(res.list)
-            })
-            .catch(error => {
-              console.error(error);
-            });
-        },
-      },
-      {
-        label: "收货地址配置",
-        ele: "title",
-        groupKey: "style",
-        size: "small"
-      },
-      {
-        label: "收货地址布局样式配置",
-        ele: "xd-radio",
-        valueKey: "address_layout",
-        value: data.address_layout || 'old',
-        list: [
-          {label: '布局1', value: 'old'},
-          {label: '布局2', value: 'tfk'},
-        ],
-        groupKey: "style",
-      },
-      {
-        label: "展示配送地址顶部横线",
-        ele: "xd-radio",
-        valueKey: "showTopLine",
-        value: data.showTopLine || "N",
-        groupKey:'style',
-        list: [
-          {label: "展示", value: "Y"},
-          {label: "不展示", value: "N"}
-        ]
-      },
-      {
-        label: "底部按钮配置",
-        ele: "title",
-        groupKey: "style",
-        size: "small"
-      },
-      {
-        label: "容器内边距：",
-        ele: "xd-margin-padding",
-        valueKey: 'bottomPadding',
-        value: data['bottomPadding'] || null,
-        groupKey:'style',
-        setting: {
-          type: 'padding',
-        },
-        placeholder: '请设置边距',
-        inline: false,
-        notice: '填充内边距，<span style="color: red">单位：像素</span>。默认值：20像素',
-      },
-      {
-        label: "支付按钮圆角：",
-        ele: 'xd-site-select-list',
-        valueKey: 'bottomBtnRadius',
-        groupKey:'style',
-        value: data['bottomBtnRadius'] || 30,
-        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: 'el-input',
-        type: 'number',
-        valueKey: 'bottomBtnHeight',
-        groupKey:'style',
-        value: data['bottomBtnHeight'] || 60,
-        placeholder: '请输入操作按钮高度',
-        className: 'input80',
-      },
-      {
-        label: '支付按钮文字',
-        ele: "el-input",
-        valueKey: 'bottomPayText',
-        groupKey:'style',
-        value: data['bottomPayText'] || '',
-        placeholder: '请输入操作按钮文字',
-      },
-      {
-        label: '支付价格位置',
-        ele: "xd-radio",
-        valueKey: 'bottomPricePosition',
-        value: data['bottomPricePosition'] || 'left',
-        groupKey:'style',
-        list: [
-          {label: "左侧", value: "flex-start"},
-          {label: "右侧", value: "flex-end"},
-          {label: "中间", value: "center"}
-        ],
-      },
-      {
-        label: "其他配置",
-        ele: "title",
-        groupKey: "style",
-        size: "small"
-      },
-      {
-        label: '品牌文字颜色:',
-        ele: 'xd-color',
-        valueKey: 'brandTextColor',
-        groupKey:'style',
-        value: data['brandTextColor'] || null,
-        placeholder: '请选择品牌文字颜色',
-        className: 'input80',
-      },
-      {
-        label: "活动价格提示文字颜色",
-        ele: 'xd-color',
-        valueKey: 'priceTextColor',
-        groupKey:'style',
-        value: data['priceTextColor'] || null,
-        placeholder: '请选择活动价格提示文字颜色',
-        className: 'input80',
-      },
-      {
-        label: "表单提示文字颜色",
-        ele: 'xd-color',
-        valueKey: 'blessTextColor',
-        groupKey:'style',
-        value: data['blessTextColor'] || null,
-        placeholder: '请选择表单提示文字颜色',
-        className: 'input80',
-      },
-      {
-        label: '盒子间距设置:',
-        ele: "el-input",
-        valueKey: "sectionHeight",
-        value: data.sectionHeight || 8,
-        groupKey:'style',
-        placeholder: '请输入片段间距',
-        className: 'input60',
-        notice: "像素"
-      },
-      
-      {
-        ele: "title",
-        label: "订单金额信息内部盒子配置",
-        size: "small",
-        groupKey: "style",
-      },
-      {
-        label: "盒子间距设置:",
-        ele: "el-input",
-        valueKey: "moneyBoxHeight",
-        value: data.moneyBoxHeight || 16,
-        groupKey:'style',
-        placeholder: '请输入盒子间距',
-        className: 'input60',
-        notice: "像素"
-      },
-      {
-        label: "订单金额信息行间距",
-        ele: "el-input",
-        valueKey: "orderInfoHeight",
-        value: data.orderInfoHeight || 16,
-        groupKey:'style',
-        placeholder: '请输入订单信息行间距',
-        className: 'input60',
-        notice: "像素"
-      },
-      {
-        ele: "title",
-        label: "我的优惠券样式配置",
-        size: "small",
-        groupKey: "style",
-      },
-      {
-        label: "优惠券左侧背景色设置:",
-        ele: "xd-gradient-color",
-        valueKey: "couponLeftBgColor",
-        value: data.couponLeftBgColor || 'linear-gradient(180deg, #FFA852 0%, #FF5733 100%)',
-        groupKey:'style',
-      },
-      {
-        label: "圆角设置",
-        ele: 'xd-site-select-list',
-        valueKey: 'couponRadius',
-        value: data['couponRadius'] || 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);
-            });
-        },
-      },
-      {
-        label: "优惠券标题背景颜色设置:",
-        ele: "xd-color",
-        valueKey: "couponTitleBgColor",
-        value: data.couponTitleBgColor || null,
-        groupKey:'style',
-        setting: {
-          showAlpha: true,
-          isAlpha: true
-        },
-      },
-      {
-        label: "去使用按钮文字背景色设置: ",
-        ele: "xd-text-and-bgc",
-        groupKey:'style',
-        valueKey: "couponBtnTextStyle",
-        value: data.couponBtnTextStyle || null,
-        setting: {
-          fontSize: true, //字体大小选择
-          color: true, //文字颜色选项
-          bgColor: true, //背景选项
-          weight: true, //文字粗细
-        },
-        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: "按钮内边距设置:",
-        groupKey:'style',
-        ele: 'xd-margin-padding',
-        valueKey: 'couponUseBtnPadding',
-        value: data.couponUseBtnPadding || null,
-        setting: {
-          type: 'padding',
-        },
-        placeholder: '请设置边距',
-        inline: false,
-        notice: '设置内边距，<span style="color: red">单位：像素</span>。默认值：<span style="color: red">20</span>像素',
-      },
-      {
-        label: "按钮圆角设置",
-        ele: 'xd-site-select-list',
-        valueKey: 'couponBtnRadius',
-        value: data['couponBtnRadius'] || 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);
-            });
-        },
-      },
+  // content: (data) => {
+  //   return [
+  //     {
+  //       label: "无其他支付时直接跳到支付页面:",
+  //       ele: "xd-radio",
+  //       valueKey: "skipToPay",
+  //       value: data['skipToPay'] || 'N',
+  //       groupKey: "content",
+  //       list: [
+  //         {label: '是', value: 'Y'},
+  //         {label: '否', value: 'N'},
+  //       ]
+  //     },
+  
+  //     {
+  //       label: "收货地址配置",
+  //       ele: "title",
+  //       groupKey: "style",
+  //       size: "small"
+  //     },
+  //     {
+  //       label: "收货地址布局样式配置",
+  //       ele: "xd-radio",
+  //       valueKey: "address_layout",
+  //       value: data.address_layout || 'old',
+  //       list: [
+  //         {label: '布局1', value: 'old'},
+  //         {label: '布局2', value: 'tfk'},
+  //       ],
+  //       groupKey: "style",
+  //     },
+  //     {
+  //       ele: "title",
+  //       label: "订单金额信息内部盒子配置",
+  //       size: "small",
+  //       groupKey: "style",
+  //     },
+  //     {
+  //       label: "盒子间距设置:",
+  //       ele: "el-input",
+  //       valueKey: "moneyBoxHeight",
+  //       value: data.moneyBoxHeight || 16,
+  //       groupKey:'style',
+  //       placeholder: '请输入盒子间距',
+  //       className: 'input60',
+  //       notice: "像素"
+  //     },
+  //     {
+  //       label: "订单金额信息行间距",
+  //       ele: "el-input",
+  //       valueKey: "orderInfoHeight",
+  //       value: data.orderInfoHeight || 16,
+  //       groupKey:'style',
+  //       placeholder: '请输入订单信息行间距',
+  //       className: 'input60',
+  //       notice: "像素"
+  //     },
+  //     {
+  //       ele: "title",
+  //       label: "我的优惠券样式配置",
+  //       size: "small",
+  //       groupKey: "style",
+  //     },
+  //     {
+  //       label: "优惠券左侧背景色设置:",
+  //       ele: "xd-gradient-color",
+  //       valueKey: "couponLeftBgColor",
+  //       value: data.couponLeftBgColor || 'linear-gradient(180deg, #FFA852 0%, #FF5733 100%)',
+  //       groupKey:'style',
+  //     },
+  //     {
+  //       label: "圆角设置",
+  //       ele: 'xd-site-select-list',
+  //       valueKey: 'couponRadius',
+  //       value: data['couponRadius'] || 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);
+  //           });
+  //       },
+  //     },
+  //     {
+  //       label: "优惠券标题背景颜色设置:",
+  //       ele: "xd-color",
+  //       valueKey: "couponTitleBgColor",
+  //       value: data.couponTitleBgColor || null,
+  //       groupKey:'style',
+  //       setting: {
+  //         showAlpha: true,
+  //         isAlpha: true
+  //       },
+  //     },
+  //     {
+  //       label: "去使用按钮文字背景色设置: ",
+  //       ele: "xd-text-and-bgc",
+  //       groupKey:'style',
+  //       valueKey: "couponBtnTextStyle",
+  //       value: data.couponBtnTextStyle || null,
+  //       setting: {
+  //         fontSize: true, //字体大小选择
+  //         color: true, //文字颜色选项
+  //         bgColor: true, //背景选项
+  //         weight: true, //文字粗细
+  //       },
+  //       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: "按钮内边距设置:",
+  //       groupKey:'style',
+  //       ele: 'xd-margin-padding',
+  //       valueKey: 'couponUseBtnPadding',
+  //       value: data.couponUseBtnPadding || null,
+  //       setting: {
+  //         type: 'padding',
+  //       },
+  //       placeholder: '请设置边距',
+  //       inline: false,
+  //       notice: '设置内边距，<span style="color: red">单位：像素</span>。默认值：<span style="color: red">20</span>像素',
+  //     },
+  //     {
+  //       label: "按钮圆角设置",
+  //       ele: 'xd-site-select-list',
+  //       valueKey: 'couponBtnRadius',
+  //       value: data['couponBtnRadius'] || 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);
+  //           });
+  //       },
+  //     },
       
+  //   ].filter(i=>i)
+  // },
+  advanced: [],
+  content: (data, gValue, gColor, oldData={})=>{
+
+    return [
+      ...content(data, gValue,gColor,oldData),
+      ...style(data, gValue,gColor,oldData),
+      ...advanced(data),
     ].filter(i=>i)
   },
-  advanced: [],
 };