jufubao-base 1.0.311-beta101 → 1.0.311-beta3

package/src/components/JfbBaseNotice/Attr.js

@@ -1,19 +1,526 @@
 'use strict';
 
-import style from "./cusAttr/style";
-import content from "./cusAttr/content";
 
 /**
  * @description 当表单组件中有联动操作时候，使用方法进行返回
  */
 export default {
   style: [],
-  content: (data, gValue, gColor, oldData) => {
+  content: (data={}) => {
+    if (!data.style) data.style = '1';
+    const checkNotice = ()=>{
+      let temp = false;
+      if(data.notice && data.notice.type) temp = true
+      return temp;
+    };
 
+    const checkPop = ()=>{
+      return data.style !== '3'
+    }
 
+    const checkScroll = ()=>{
+      return data.style !== '2'
+    }
     return [
-      ...content(data, gValue, gColor, oldData),
-      ...style(data, gValue, gColor, oldData),
+      {
+        label: '内容配置:',
+        ele: 'xd-site-news',
+        valueKey: 'notice',
+        value: data.notice || null,
+        groupKey:'content',
+        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()
+          }
+        },
+        inline: false,
+        notice: '',
+        rules: [
+          {required: true, message: '请配置温馨提示内容', trigger: 'change'},
+        ],
+      },
+      checkNotice() && {
+        label: '显示样式:',
+        ele: 'xd-radio',
+        valueKey: 'style',
+        value: data['style'] || '1',
+        groupKey:'content',
+        list: [
+          {"label": "静态显示", "value": '1'},
+          {"label": "滚动显示", "value": '2'},
+          {"label": "弹窗显示", "value": '3'},
+        ],
+      },
+      {
+        label: "是否显示提示图标:",
+        ele: "xd-radio",
+        valueKey: "show_tip_icon",
+        value: data['show_tip_icon'] || 'N',
+        groupKey: 'content',
+        list: [
+          { label: '显示', value: 'Y' },
+          { label: '不显示', value: 'N' }
+        ],
+        hidden: data.style !== '1',
+      },
+      {
+        label: "提示图标:",
+        ele: 'xd-upload',
+        valueKey: 'staticTipIcon',
+        groupKey:'content',
+        value: data.staticTipIcon || {},
+        defaultValue: data.staticTipIcon || null,
+        slot: true,
+        tipsformet: '上传文件格式：@imageType@，不超过@size@MB。',
+        type: ['jpg', 'png', 'jpeg'],
+        styleType: 'one',
+        uploadType: 'aliyun',
+        size: .5,
+        action: 'action',
+        sort: true,
+        hidden: data.style !== '1' || data.show_tip_icon !== 'Y',
+
+      },
+      {
+        label: '是否隐藏弹框(仅预览模式生效):',
+        ele: 'xd-radio',
+        valueKey: 'is_hide_dailog',
+        groupKey:'content',
+        value: data['is_hide_dailog'] || 'N',
+        placeholder: '请选择是否隐藏弹框',
+        className: 'input60',
+        list: [
+          { label: '是', value: 'Y' },
+          { label: '否', value: 'N' },
+        ]
+      },
+      {
+        label: "按钮长度:",
+        ele: "el-input",
+        valueKey: "btnConfirmWidth",
+        value: data['btnConfirmWidth'] || '',
+        placeholder: '请输入按钮长度',
+        className: 'input60',
+        groupKey: "content",
+      },
+      {
+        label: "按钮背景颜色:",
+        ele: "xd-color",
+        valueKey: "btnConfirmBgColor",
+        groupKey:'content',
+        value: data['btnConfirmBgColor'] || '',
+        placeholder: '请选择按钮背景颜色',
+      },
+      {
+        label: "按钮文字颜色:",
+        ele: "xd-color",
+        valueKey: "btnConfirmTextColor",
+        groupKey:'content',
+        value: data['btnConfirmTextColor'] || '',
+        placeholder: '请选择按钮文字颜色',
+      },
+      {
+        ele: 'title',
+        label: '静态显示',
+        size: 'small',
+        groupKey:'style',
+      },
+      data.style === '1' && {
+        label: '是否显示标题:',
+        ele: 'xd-switch',
+        valueKey: 'isTitle',
+        value: data['isTitle'],
+        groupKey:'style',
+        list: ['否', '是'],
+        backValueType: 2,
+      },
+      data.style === '1' && data['isTitle'] && {
+        label: '标题对其方式:',
+        ele: 'xd-select-list',
+        valueKey: 'textAlign',
+        groupKey:'style',
+        className: 'input80',
+        value: data['textAlign'] || '',
+        list: [
+          {"label": "左", "value": 'left'},
+          {"label": "中", "value": 'center'},
+          {"label": "右", "value": 'right'},
+        ]
+      },
+      data.style === '1' && data.show_tip_icon === 'Y' && {
+        label: "提示图标的高度:",
+        ele: 'el-input',
+        valueKey: 'tipIconHeight',
+        groupKey:'style',
+        className: 'input80',
+        value: data['tipIconHeight'] || '50',
+        placeholder: '请输入提示图标的高度'
+      },
+      data.style === '1' && {
+        label: '内容圆角设置:',
+        ele: 'xd-site-select-list',
+        valueKey: 'radius',
+        value: data['radius'],
+        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: 'bgc',
+        groupKey:'style',
+        value: data.bgc || '',
+        placeholder: '请选择内容背景颜色',
+        classNmae: 'input80',
+      },
+      {
+        label: '内文字颜色:',
+        ele: 'xd-color',
+        groupKey:'style',
+        valueKey: 'textColor',
+        value: data.textColor || '',
+        placeholder: '请选择内文字颜色',
+        classNmae: 'input80',
+      },
+      {
+        label: '内容文字大小:',
+        ele: 'xd-site-select-list',
+        valueKey: 'fontSize',
+        value: data['fontSize'],
+        groupKey:'style',
+        placeholder: '请选择内容文字大小',
+        multiple: false,
+        className: 'input80',
+        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: 'xd-margin-padding',
+        groupKey:'style',
+        valueKey: 'margin',
+        value: data.margin || null,
+        setting: {
+          type: 'margin',
+        },
+        placeholder: '请设置内容边距设置',
+        inline: false,
+        notice: '内容边距设置，<span style="color: red">单位：像素</span>。默认值：<span style="color: red">0</span>像素',
+      },
+      {
+        label: '标题填充设置:',
+        ele: 'xd-margin-padding',
+        valueKey: 'titlePadding',
+        groupKey:'style',
+        value: data.titlePadding || null,
+        setting: {
+          type: 'padding',
+        },
+        placeholder: '请内容填充设置',
+        inline: false,
+        notice: '内容填充设置，<span style="color: red">单位：像素</span>。默认值：<span style="color: red">20</span>像素',
+      },
+      {
+        label: '内容填充设置:',
+        ele: 'xd-margin-padding',
+        valueKey: 'padding',
+        groupKey:'style',
+        value: data.padding || null,
+        setting: {
+          type: 'padding',
+        },
+        placeholder: '请内容填充设置',
+        inline: false,
+        notice: '内容填充设置，<span style="color: red">单位：像素</span>。默认值：<span style="color: red">20</span>像素',
+      },
+      {
+        ele: 'title',
+        label: '滚动显示',
+        size: 'small',
+        groupKey:'style',
+      },
+      {
+        label: '滚动显示条数:',
+        ele: 'el-input',
+        groupKey:'style',
+        type: 'number',
+        valueKey: 'num',
+        value: data.num,
+        placeholder: '请输入滚动显示条数，默认：1',
+        className: 'input80',
+        unit: '条'
+      },
+      {
+        label: '滚动速度值:',
+        ele: 'el-input',
+        type: 'number',
+        groupKey:'style',
+        valueKey: 'speed',
+        value: data.speed,
+        placeholder: '请输入滚动速度值，默认：20',
+        className: 'input80',
+        inline: false,
+        notice: '滚动速度值，建议取值：20-60， 值越大越快',
+      },
+      {
+        label: '边距设置:',
+        ele: 'xd-margin-padding',
+        groupKey:'style',
+        valueKey: 'scrollMargin',
+        value: data.scrollMargin || null,
+        setting: {
+          type: 'margin',
+        },
+        placeholder: '请设置内容边距设置',
+        inline: false,
+        notice: '内容边距设置，<span style="color: red">单位：像素</span>。默认值：0像素',
+      },
+      {
+        ele: 'title',
+        label: '弹窗显示',
+        size: 'small',
+        groupKey:'style',
+      },
+      {
+        label: '弹窗间隔:',
+        ele: 'el-input',
+        type: 'text',
+        groupKey:'style',
+        valueKey: 'time',
+        value: data.time || '',
+        className: 'input80',
+        inline: false,
+        notice: '弹窗间隔，单位：小时。默认值：<span style="color: red">3</span>小时',
+      },
     ].filter(i=>i)
   },
   advanced: [