jufubao-base 1.0.168 → 1.0.169-beta2

package/src/components/JfbBaseTfkCardDetail/Attr.js

@@ -8,50 +8,606 @@ export default {
   content: (data) => {
     return [
       {
-        label: '背景颜色:',
-        ele: 'xd-color',
-        valueKey: 'bgcolor',
-        value: data.bgcolor || '',
-        placeholder: '请输入占位框背景颜色',
-        classNmae: 'input80',
-        rules: [
-          {
-            required: true,
-            message: '请输入占位框背景颜色',
-            trigger: 'blur'
+        label: "展示模块（预览调试样式）",
+        ele: 'xd-radio',
+        valueKey: "previewCurrent",
+        value: data.previewCurrent || "main",
+        groupKey: "content",
+        list: [
+          { label: '票券信息', value: 'main' },
+          { label: '规则信息', value: 'rule' },
+          { label: "提货券", value: "pickup" },
+        ],
+      },
+      {
+        label: '服务展示',
+        ele: "xd-radio",
+        valueKey: "showBusinessList",
+        value: data.showBusinessList || 'Y',
+        groupKey: 'content',
+        list: [
+          { label: "隐藏业务线", value: "N" },
+          { label: "展示业务线", value: "Y" }
+        ],
+      },
+      {
+        label: '票券背景图:',
+        ele: 'xd-upload',
+        valueKey: 'cardImageUrl',
+        groupKey:'content',
+        value: data.cardImageUrl || {},
+        defaultValue: data.cardImageUrl || null,
+        slot: true,
+        oneWidth: 355,
+        oneHeight: 170,
+        elinputClassName: 'input40',
+        tipsformet: '上传格式:@imageType@不超过@size@MB.建议尺寸710*340',
+        type: ['jpg', 'png', 'jpeg'],
+        styleType: 'one',
+        uploadType: 'aliyun',
+        size: 5,
+        action: 'action',
+        sort: true,
+        maxlen: 100,
+      },
+      {
+        label: "票券使用规则",
+        ele: 'xd-site-news',
+        valueKey: 'cardRule',
+        groupKey:'content',
+        value: data.cardRule || null,
+        className: 'input70',
+        setting: {
+          config: {
+            sort: true,
+            maxlen: 100,
+            action: 'aliyun',
+            size: 5,
+            tipsformet: '上传文件格式：@imageType@，不超过@size@MB.',
+            uploadType: 'aliyun',
+            type: ['jpg', 'png', 'jpeg']
           },
-        ]
+        },
+        handleCustom({action, data}) {
+          if (data && data.params) {
+            //当一个插件中出现使用内容分类时候需要设置code值，在页面引用时候容器id + code进行拼接
+            //data.params = Object.assign({}, data.params, {code: 'g_test_id'});
+          }
+
+          //获取返回参数(场景类型名称为必填)
+          //获取返回参数(场景类型名称为必填)
+          let loading = { close(){}}
+
+          //获取显示内容
+          if (action === 'screen') {
+            XdBus.getParentApi('getOptionsSettingList')({setting_id: 'edtix_bucket_content_tip'})
+              .then(res => {
+                loading.close();
+                data.cb(res['list'])
+              })
+              .catch(error => {
+                console.error(error);
+                loading.close();
+              });
+
+          }
+
+          //获取返回参数(广告位高度必选项)
+          if (action === 'getNewsInfo') {
+            XdBus.getParentApi('cmsGetPublishEditxContent')(data.params)
+              .then(res => {
+                loading.close()
+                data.cb({list: res.list, selectId: res.selected})
+              })
+              .catch(error => {
+                loading.close()
+                console.error(error);
+              });
+          }
+
+          //获取产品业务线列表
+          if (action === 'namespace') {
+            XdBus.getParentApi('getOptionsNamespaces')({})
+              .then(res => {
+                loading.close()
+                data.cb(res['list'])
+              })
+              .catch(error => {
+                loading.close()
+                console.error(error);
+              });
+          }
+
+          //使用内容分类
+          if (action === 'cmsPublishEditxContent') {
+            loading = XdBus.getParentApi('loading')({});
+            XdBus.getParentApi('cmsPublishEditxContent')(data.params)
+              .then(res => {
+                console.log('cmsPublishEditxContent', res)
+                loading.close();
+                data.cb(res)
+              })
+              .catch(error => {
+                loading.close();
+                console.error(error);
+              });
+          }
+
+          //位置列表
+          if (action === 'getListPostion') {
+            loading = XdBus.getParentApi('loading')({});
+            XdBus.getParentApi('getListNewsPosition')(data.params)
+              .then(res => {
+                loading.close();
+                data.cb(res)
+              })
+              .catch(error => {
+                loading.close();
+                console.error(error);
+              });
+          }
+
+          //位置创建
+          if (action === 'addPostion') {
+            loading = XdBus.getParentApi('loading')({});
+            XdBus.getParentApi('addNewsPosition')(data.params)
+              .then(res => {
+                loading.close();
+                data.cb(true)
+              })
+              .catch(error => {
+                console.error(error);
+                loading.close();
+                data.cb(false)
+              });
+          }
+
+          //位置编辑
+          if (action === 'editPostion') {
+            loading = XdBus.getParentApi('loading')({});
+            XdBus.getParentApi('updateNewsPosition')(data.params)
+              .then(res => {
+                loading.close();
+                data.cb(true)
+              })
+              .catch(error => {
+                console.error(error);
+                loading.close();
+                data.cb(false)
+              });
+          }
+
+          //位置删除
+          if (action === 'deleltePostion') {
+            loading = XdBus.getParentApi('loading')({});
+            XdBus.getParentApi('deleteNewsPosition')(data.params)
+              .then(res => {
+                loading.close();
+                data.cb(true)
+              })
+              .catch(error => {
+                console.error(error);
+                loading.close();
+                data.cb(false)
+              });
+          }
+
+          //获取广告位内容列表
+          if (action === 'getListContent') {
+            loading = XdBus.getParentApi('loading')({});
+            XdBus.getParentApi('getListNewsContent')(data.params)
+              .then(res => {
+                loading.close();
+                data.cb(res)
+              })
+              .catch(error => {
+                loading.close();
+                console.error(error);
+              });
+          }
+
+          //广告内容创建
+          if (action === 'addContent') {
+            loading = XdBus.getParentApi('loading')({});
+            XdBus.getParentApi('addNewsContent')(data.params)
+              .then(res => {
+                loading.close();
+                data.cb(true)
+              })
+              .catch(error => {
+                console.error(error);
+                loading.close();
+                data.cb(false)
+              });
+          }
+
+          //广告内容编辑
+          if (action === 'editContent') {
+            loading = XdBus.getParentApi('loading')({});
+            XdBus.getParentApi('updateNewsContent')(data.params)
+              .then(res => {
+                loading.close();
+                data.cb(true)
+              })
+              .catch(error => {
+                console.error(error);
+                loading.close();
+                data.cb(false)
+              });
+          }
+
+          //广告内容删除
+          if (action === 'deleteContent') {
+            loading = XdBus.getParentApi('loading')({});
+            XdBus.getParentApi('deleteNewsContent')(data.params)
+              .then(res => {
+                loading.close();
+                data.cb(true)
+              })
+              .catch(error => {
+                console.error(error);
+                loading.close();
+                data.cb(false)
+              });
+          }
+
+          //内容发布
+          if (action === 'publish') {
+            loading = XdBus.getParentApi('loading')({});
+            console.log('publish', data.params)
+            XdBus.getParentApi('cmsPublishContent')(data.params)
+              .then(res => {
+                loading.close();
+                data.cb(res)
+              })
+              .catch(error => {
+                loading.close();
+                console.error(error);
+              });
+          }
+
+          //通知页面进行刷新
+          if (action === 'update') {
+            loading = XdBus.getParentApi('loading')({});
+            XdBus.getParentApi('getXdBusUpdateView')('onUpdateView', {});
+            loading.close()
+          }
+        },
+      },
+      {
+        label: "票券信息样式配置",
+        ele: "title",
+        size: "small",
+        groupKey: 'style',
+      },
+      {
+        label: "字体颜色",
+        ele: 'xd-color',
+        valueKey: 'cardFontColor',
+        value: data.cardFontColor || '#303133',
+        groupKey:'style',
       },
       {
-        label: '选中路径:',
-        ele: 'xd-select-pages-path',
-        valueKey: 'select-pages-path',
-        value: data['select-pages-path'] || null,
+        label: "外边距设置",
+        groupKey:'style',
+        ele: 'xd-margin-padding',
+        valueKey: 'cardInfoMargin',
+        value: data.cardInfoMargin || {
+          top: 20,
+          left: 20,
+          right: 20,
+          bottom: 20
+        },
         setting: {
-          router: XdBus.getParentApi('getPagesTree')
+          type: 'padding',
         },
+        placeholder: '请设置边距',
+        inline: false,
+        notice: '设置内边距，<span style="color: red">单位：像素</span>。默认值：<span style="color: red">20</span>像素',
       },
-      data.bgcolor && {
-        label: '高度:',
-        ele: 'el-input',
+      {
+        label: "内边距设置",
+        groupKey:'style',
+        ele: 'xd-margin-padding',
+        valueKey: 'cardInfoPadding',
+        value: data.cardInfoPadding || {
+          top: 20,
+          left: 20,
+          right: 20,
+          bottom: 20
+        },
+        setting: {
+          type: 'padding',
+        },
+        placeholder: '请设置内边距',
+        inline: false,
+        notice: '设置内边距，<span style="color: red">单位：像素</span>。默认值：<span style="color: red">20</span>像素',
+      },
+      {
+        label: "票券高度",
+        ele: "el-input",
+        valueKey: 'cardHeight',
+        value: data.cardHeight || 260,
         type: 'number',
-        valueKey: 'height',
-        value: data.height || 100,
-        placeholder: '请输入占位框高度，单位像素，默认：10px',
+        groupKey:'style',
+        placeholder: "请输入票券高度",
+      },
+      {
+        label: "票券圆角",
+        ele: 'xd-site-select-list',
+        valueKey: 'cardRadius',
+        value: data['cardRadius'] || 16,
+        groupKey:'style',
+        placeholder: '请选择内容圆角设置',
+        multiple: false,
         className: 'input80',
-        rules: [
-          {
-            required: true,
-            message: '请输入占位框高度',
-            trigger: 'blur'
-          },
-        ]
+        handleCustom({ action, data }) {
+          XdBus.getParentApi('getOptionsSettingList')({ setting_id: 'edtix_style_radius' })
+            .then(res => {
+              data.cb(res.list)
+            })
+            .catch(error => {
+              console.error(error);
+            });
+        },
       },
       {
-        label: '', //label
-        ele: 'slot', //package 名称
-        slot: 'is_reference',
+        label: "业务板块样式配置",
+        ele: 'title',
+        size: 'small',
+        groupKey: 'style',
       },
+      {
+        label: "业务板块外边距",
+        groupKey:'style',
+        ele: 'xd-margin-padding',
+        valueKey: 'bussTempMargin',
+        value: data.bussTempMargin || {
+          top: 30,
+          left: 0,
+          right: 0,
+          bottom: 0
+        },
+        setting: {
+          type: 'padding',
+        },
+        placeholder: '请设置内边距',
+        inline: false,
+        notice: '设置内边距，<span style="color: red">单位：像素</span>。',
+      },
+      {
+        label: "业务板块容器内边距",
+        groupKey:'style',
+        ele: 'xd-margin-padding',
+        valueKey: 'bussPadding',
+        value: data.bussPadding || {
+          top: 10,
+          left: 20,
+          right: 20,
+          bottom: 20
+        },
+        setting: {
+          type: 'padding',
+        },
+        placeholder: '请设置内边距',
+        inline: false,
+        notice: '设置内边距，<span style="color: red">单位：像素</span>。',
+      },
+      {
+        label: "业务板块背景色",
+        groupKey:'style',
+        ele: 'xd-color',
+        valueKey: 'bussTempBgColor',
+        value: data.bussTempBgColor || '#ffffff',
+      },
+      {
+        label: "单项业务外边距",
+        groupKey:'style',
+        ele: 'xd-margin-padding',
+        valueKey: 'bussMargin',
+        value: data.bussMargin || {
+          top: 30,
+          left: 30,
+          right: 30,
+          bottom: 30
+        },
+        setting: {
+          type: 'margin',
+        },
+        placeholder: '请设置外边距',
+        inline: false,
+        notice: '设置外边距，<span style="color: red">单位：像素</span>。',
+      },
+      {
+        label: "单项业务宽度",
+        groupKey:'style',
+        ele: 'el-input',
+        valueKey: 'bussWidth',
+        value: data.bussWidth || 100,
+        type: "number",
+        className: 'input70',
+        placeholder: "请输入单项业务宽度",
+      },
+      {
+        label: "使用规则、提货码样式配置",
+        ele: 'title',
+        size: 'small',
+        groupKey:'style',
+      },
+      {
+        label: "外边距",
+        groupKey:'style',
+        ele: 'xd-margin-padding',
+        valueKey: 'listColMargin',
+        value: data.listColMargin || {
+          top: 40,
+          left: 0,
+          right: 0,
+          bottom: 15
+        },
+        setting: {
+          type: 'margin',
+        },
+        placeholder: '请设置外边距',
+        inline: false,
+        notice: '设置外边距，<span style="color: red">单位：像素</span>。',
+      },
+      {
+        label: "单项内边距",
+        groupKey:'style',
+        ele: 'xd-margin-padding',
+        valueKey: 'listColPadding',
+        value: data.listColPadding || {
+          top: 20,
+          left: 20,
+          right: 20,
+          bottom: 20
+        },
+        setting: {
+          type: 'padding',
+        },
+        placeholder: '请设置内边距',
+        inline: false,
+        notice: '设置内边距，<span style="color: red">单位：像素</span>。'
+      },
+      {
+        label: "单项间隔距离",
+        ele: "el-input",
+        valueKey: 'listColSpace',
+        value: data.listColSpace || 10,
+        groupKey: 'style',
+        type: "number",
+        className: 'input70',
+        placeholder: "请输入间隔距离",
+      },
+      {
+        label: "提货码详情样式配置",
+        ele: 'title',
+        size: 'small',
+        groupKey:'style',
+      },
+      {
+        label: "提货码详情外边距",
+        groupKey:'style',
+        ele: 'xd-margin-padding',
+        valueKey: 'codeDetailMargin',
+        value: data.codeDetailMargin || {
+          top: 30,
+          left: 20,
+          right: 20,
+          bottom: 30
+        },
+        setting: {
+          type: 'margin',
+        },
+        placeholder: '请设置外边距',
+        inline: false,
+        notice: '设置外边距，<span style="color: red">单位：像素</span>'
+      },
+      {
+        label: "提货码详情内边距",
+        groupKey:'style',
+        ele: 'xd-margin-padding',
+        valueKey: 'codeDetailPadding',
+        value: data.codeDetailPadding || {
+          top: 20,
+          left: 20,
+          right: 20,
+          bottom: 20
+        },
+        setting: {
+          type: 'padding',
+        },
+        placeholder: '请设置内边距',
+        inline: false,
+        notice: '设置外边距，<span style="color: red">单位：像素</span>'
+      },
+      {
+        label: "提货码详情背景色",
+        groupKey:'style',
+        ele: 'xd-color',
+        valueKey: 'codeDetailBgColor',
+        value: data.codeDetailBgColor || '#ffffff',
+      },
+      {
+        label: "二维码长宽设置",
+        ele: "el-input",
+        valueKey: 'qrcodeWidth',
+        value: data.qrcodeWidth || 300,
+        groupKey: 'style',
+        type: "number",
+        className: 'input70',
+        placeholder: "请输入二维码长宽",
+      },
+      {
+        label: "向商家付款前置图标配置",
+        ele: 'el-input',
+        valueKey: 'payPreIcon',
+        value: data.payPreIcon || '',
+        groupKey: 'style',
+        type: "text",
+        className: 'input70',
+        placeholder: "请输入图标代码",
+      },
+      {
+        label: "刷新二维码图标配置",
+        ele: 'el-input',
+        valueKey: 'refreshIcon',
+        value: data.refreshIcon || '',
+        groupKey: 'style',
+        type: "text",
+        className: 'input70',
+        placeholder: "请输入图标代码",
+      },
+      {
+        label: "规则详情样式配置",
+        ele: 'title',
+        size: 'small',
+        groupKey:'style',
+      },
+      {
+        label: "规则详情外边距",
+        groupKey:'style',
+        ele: 'xd-margin-padding',
+        valueKey: 'ruleDetailMargin',
+        value: data.ruleDetailMargin || {
+          top: 0,
+          left: 20,
+          right: 20,
+          bottom: 15
+        },
+        setting: {
+          type: 'margin',
+        },
+        placeholder: '请设置外边距',
+        inline: false,
+        notice: '设置外边距，<span style="color: red">单位：像素</span>'
+      },
+      {
+        label: "规则详情内边距",
+        groupKey:'style',
+        ele: 'xd-margin-padding',
+        valueKey: 'ruleDetailPadding',
+        value: data.ruleDetailPadding || {
+          top: 20,
+          left: 15,
+          right: 15,
+          bottom: 20
+        },
+        setting: {
+          type: 'padding',
+        },
+        placeholder: '请设置内边距',
+        inline: false,
+        notice: '设置外边距，<span style="color: red">单位：像素</span>'
+      },
+      {
+        label: "规则详情背景色",
+        groupKey:'style',
+        ele: 'xd-color',
+        valueKey: 'ruleDetailBgColor',
+        value: data.ruleDetailBgColor || '#ffffff',
+      }
     ].filter(i=>i)
   },
   advanced: [],