jufubao-movie 1.0.38-beta1 → 1.0.38

package/src/components/JfbMovieTfkFilmRecommend/Attr.js

@@ -1,8 +1,4 @@
 'use strict';
-function checkValue(value, dValue = 0){
-  if(value === undefined || value === '' || value === null) return dValue;
-  return Number(value || 0);
-}
 
 /**
  * @description 当表单组件中有联动操作时候，使用方法进行返回
@@ -10,546 +6,52 @@ function checkValue(value, dValue = 0){
 export default {
   style: [],
   content: (data) => {
-    let titleHeight = 60;
-    let content = 362;
-    let titlePadding = checkValue(data.titleMargin?data.titleMargin.top:'', 20) + checkValue(data.titleMargin?data.titleMargin.bottom:'', 20);
-    let contentPadding = checkValue(data.contMargin?data.contMargin.top:'', 20) + checkValue(data.contMargin?data.contMargin.bottom:'', 20);;
-    let outSpacing = 20 * 3
-    if(data['outSpacing']) outSpacing = Number(data['outSpacing']) * 3;
-    let imgHeight = titleHeight + content + contentPadding + titlePadding + outSpacing;
-    if(data.isTitleBorder) imgHeight = imgHeight + 4;
-    if(data.isContBorder) imgHeight = imgHeight + 4;
-
     return [
       {
         label: '背景颜色:',
         ele: 'xd-color',
-        valueKey: 'bgColor',
-        value: data.bgColor || '',
-        groupKey:'content',
+        valueKey: 'bgcolor',
+        value: data.bgcolor || '',
         placeholder: '请输入占位框背景颜色',
-        classNmae: 'input60',
-      },
-      {
-        label: '背景图:',
-        ele: 'xd-upload',
-        valueKey: 'bgImage',
-        value: data.bgImage || {},
-        defaultValue: data.bgImage,
-        slot: true,
-        tipsformet: `上传文件格式：@imageType@，不超过@size@MB.，建议宽度度为750*${imgHeight}像素。`,
-        type: ['jpg', 'png', 'jpeg'],
-        styleType: 'one',
-        uploadType: 'aliyun',
-        groupKey:'content',
-        size: 5,
-        action: 'aliyun',
-        oneWidth: 300,
-        oneHeight: 300 * (imgHeight)/ 750,
-      },
-      {
-        label: '获取列表记录条数:',
-        ele: 'el-input',
-        type: 'number',
-        groupKey:'content',
-        valueKey: 'pageSize',
-        value: data['pageSize'] || 20,
-        notice: '获取列表最大值为<span style="color:red">50</span> 条记录。设置大于50条记录不生效，此时使用50条记录',
-        inline: false,
-        className: 'input60',
-      },
-      {
-        label: "标题显示样式",
-        ele: "xd-radio",
-        valueKey: "titleStyle",
-        value: data['titleStyle'] || "button",
-        groupKey: 'content',
-        list: [
-          {label: "下划线样式", value: "line"},
-          {label: "按钮样式", value: "button"}
-        ]
-      },
-      {
-        label: "是否热映影片",
-        ele: "xd-radio",
-        valueKey: "showHot",
-        value: data['showHot'] || "Y",
-        groupKey: 'content',
-        list: [
-          {label: "显示", value: "Y"},
-          {label: "隐藏", value: "N"}
-        ]
-      },
-      data['showHot'] === 'Y'&& {
-        label: '热映影片自定义名称:',
-        ele: 'el-input',
-        type: 'text',
-        groupKey:'content',
-        valueKey: 'showHotName',
-        value: data['showHotName'] || '',
-        notice: '热映影片自定义名称设置，默认值：<span style="color:red">热映影片</span>',
-        inline: false,
-        className: 'input60',
-      },
-      {
-        label: "是否即将上映",
-        ele: "xd-radio",
-        valueKey: "showRightnow",
-        value: data['showRightnow'] || "Y",
-        groupKey: 'content',
-        list: [
-          {label: "显示", value: "Y"},
-          {label: "隐藏", value: "N"}
-        ]
-      },
-      data['showRightnow'] === 'Y'&& {
-        label: '即将上映自定义名称:',
-        ele: 'el-input',
-        type: 'text',
-        groupKey:'content',
-        valueKey: 'showRightnowName',
-        value: data['showRightnowName'] || '',
-        notice: '即将上映自定义名称设置，默认值：<span style="color:red">即将上映</span>',
-        inline: false,
-        className: 'input60',
-      },
-      {
-        label: "是否显示更多按钮",
-        ele: "xd-radio",
-        valueKey: "showMoreBtn",
-        value: data['showMoreBtn'] || "Y",
-        groupKey: 'content',
-        list: [
-          {label: "显示", value: "Y"},
-          {label: "隐藏", value: "N"}
-        ]
-      },
-      {
-        label: "是否影片数量",
-        ele: "xd-radio",
-        valueKey: "showTotal",
-        value: data['showTotal'] || "Y",
-        groupKey: 'content',
-        list: [
-          {label: "显示", value: "Y"},
-          {label: "隐藏", value: "N"}
-        ]
-      },
-      {
-        label: '外边间距:',
-        ele: 'el-input',
-        type: 'number',
-        groupKey:'style',
-        valueKey: 'outSpacing',
-        value: data['outSpacing'] || 20,
-        notice: '外边间距设置，单位：像素，默认值：<span style="color:red">20</span> px',
-        inline: false,
-        className: 'input60',
-      },
-      {
-        ele: 'title',
-        label: '标题轮廓样式设置',
-        size: 'small',
-        groupKey:'style',
-      },
-      {
-        label: '背景颜色:',
-        ele: 'xd-color',
-        valueKey: 'titleBgColor',
-        value: data['titleBgColor'] || '',
-        groupKey:'style',
-        placeholder: '请输入背景颜色',
-        classNmae: 'input60',
-      },
-      {
-        label: '圆角设置:',
-        ele: 'xd-site-select-list',
-        valueKey: 'titleRradius',
-        value: data['titleRradius'] || '0',
-        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-margin-padding',
-        groupKey:'style',
-        valueKey: 'titleMargin',
-        value: data['titleMargin'] || null,
-        setting: {
-          type: 'margin',
-        },
-        inline: false,
-        notice: '填充设置，单位：<span style="color: red">像素</span>。默认值：<span style="color: red">20</span> 像素',
-      },
-      {
-        label: '是否有投影:',
-        ele: 'xd-radio',
-        valueKey: 'isTitleShadow',
-        value: data['isTitleShadow'] || 'N',
-        placeholder: '请选择是否投影',
-        multiple: false,
-        className: 'input80',
-        groupKey:'style',
-        list: [
-          {label: '是', value: 'Y'},
-          {label: '否', value: 'N'},
-        ]
-      },
-      data['isTitleShadow'] === 'Y' && {
-        label: '投影颜色:',
-        ele: 'xd-color',
-        valueKey: 'isTitleShadowColor',
-        value: data['isTitleShadowColor'] || '',
-        placeholder: '请选择投影颜色',
-        classNmae: 'input80',
-        groupKey:'style',
-      },
-      data['isTitleShadow'] === 'Y' && {
-        label: '投影范围:',
-        ele: 'xd-site-select-list',
-        valueKey: 'isTitleShadowWidth',
-        value: data['isTitleShadowWidth'] || '',
-        placeholder: '请选择投影范围',
-        multiple: false,
-        className: 'input80',
-        groupKey:'style',
-        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);
-            });
-        },
-      },
-      {
-        label: '是否有边框:',
-        ele: 'xd-radio',
-        valueKey: 'isTitleBorder',
-        value: data['isTitleBorder'] || 'N',
-        placeholder: '请选择是否有边框',
-        multiple: false,
-        className: 'input50',
-        groupKey:'style',
-        list: [
-          {label: '是', value: 'Y'},
-          {label: '否', value: 'N'},
-        ]
-      },
-      data['isTitleBorder'] === 'Y' && {
-        label: '边框颜色:',
-        ele: 'xd-color',
-        valueKey: 'isTitleBorderColor',
-        value: data['isTitleBorderColor'] || '',
-        placeholder: '请选择边框颜色',
-        classNmae: 'input50',
-        groupKey:'style',
-      },
-      {
-        label: '数量文字颜色:',
-        ele: 'xd-color',
-        valueKey: 'totalColor',
-        value: data['totalColor'] || '',
-        groupKey:'style',
-        placeholder: '请输入背景颜色',
-        classNmae: 'input60',
-      },
-
-      {
-        ele: 'title',
-        label: '标题切换标签设置<span style="color:red">按钮样式</span>生效',
-        size: 'small',
-        groupKey:'style',
-      },
-      {
-        label: '标题背景颜色:',
-        ele: 'xd-color',
-        valueKey: 'titleTextBgColor',
-        value: data['titleTextBgColor'] || '',
-        groupKey:'style',
-        placeholder: '请输入标题背景颜色',
-        classNmae: 'input60',
-      },
-      {
-        label: '标题选中背景颜色:',
-        ele: 'xd-color',
-        valueKey: 'titleTextActBgColor',
-        value: data['titleTextActBgColor'] || '',
-        groupKey:'style',
-        placeholder: '请输入标题选中背景颜色',
-        classNmae: 'input60',
-      },
-      {
-        label: '标题文字颜色:',
-        ele: 'xd-color',
-        valueKey: 'titleTextColor',
-        value: data['titleTextColor'] || '',
-        groupKey:'style',
-        placeholder: '请输入标题文字颜色',
-        classNmae: 'input60',
-      },
-      {
-        label: '标题选中文字颜色:',
-        ele: 'xd-color',
-        valueKey: 'titleTextActColor',
-        value: data['titleTextActColor'] || '',
-        groupKey:'style',
-        placeholder: '请输入选中文字颜色',
-        classNmae: 'input60',
-      },
-      {
-        label: '圆角设置:',
-        ele: 'xd-site-select-list',
-        valueKey: 'titleTextRradius',
-        value: data['titleTextRradius'] || '40',
-        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);
-            });
-        },
-      },
-      {
-        ele: 'title',
-        label: '更多按钮样式设置',
-        size: 'small',
-        groupKey:'style',
-      },
-      {
-        label: '背景颜色:',
-        ele: 'xd-color',
-        valueKey: 'moreBgColor',
-        value: data['moreBgColor'] || '',
-        groupKey:'style',
-        placeholder: '请输入背景颜色',
-        classNmae: 'input60',
-      },
-      {
-        label: '文字颜色:',
-        ele: 'xd-color',
-        valueKey: 'moreTextColor',
-        value: data['moreTextColor'] || '',
-        groupKey:'style',
-        placeholder: '请输入文字颜色',
-        classNmae: 'input60',
-      },
-      {
-        label: '圆角设置:',
-        ele: 'xd-site-select-list',
-        valueKey: 'moreRradius',
-        value: data['moreRradius'] || '40',
-        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);
-            });
-        },
-      },
-
-      {
-        ele: 'title',
-        label: '内容列表',
-        size: 'small',
-        groupKey:'style',
-      },
-      {
-        label: '背景颜色:',
-        ele: 'xd-color',
-        valueKey: 'contBgColor',
-        value: data['contBgColor'] || '',
-        groupKey:'style',
-        placeholder: '请输入背景颜色',
-        classNmae: 'input60',
-      },
-      {
-        label: '圆角设置:',
-        ele: 'xd-site-select-list',
-        valueKey: 'contRradius',
-        value: data['contRradius'] || '10',
-        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-margin-padding',
-        groupKey:'style',
-        valueKey: 'contMargin',
-        value: data['contMargin'] || null,
-        setting: {
-          type: 'margin',
-        },
-        inline: false,
-        notice: '填充设置，单位：<span style="color: red">像素</span>。默认值：<span style="color: red">20</span> 像素',
-      },
-      {
-        label: '是否有投影:',
-        ele: 'xd-radio',
-        valueKey: 'isContShadow',
-        value: data['isContShadow'] || 'N',
-        placeholder: '请选择是否投影',
-        multiple: false,
-        className: 'input80',
-        groupKey:'style',
-        list: [
-          {label: '是', value: 'Y'},
-          {label: '否', value: 'N'},
-        ]
-      },
-      data['isContShadow'] === 'Y' && {
-        label: '投影颜色:',
-        ele: 'xd-color',
-        valueKey: 'isContShadowColor',
-        value: data['isContShadowColor'] || '',
-        placeholder: '请选择投影颜色',
         classNmae: 'input80',
-        groupKey:'style',
-      },
-      data['isContShadow'] === 'Y' && {
-        label: '投影范围:',
-        ele: 'xd-site-select-list',
-        valueKey: 'isContShadowWidth',
-        value: data['isContShadowWidth'] || '',
-        placeholder: '请选择投影范围',
-        multiple: false,
-        className: 'input80',
-        groupKey:'style',
-        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);
-            });
-        },
-      },
-      {
-        label: '是否有边框:',
-        ele: 'xd-radio',
-        valueKey: 'isContBorder',
-        value: data['isContBorder'] || 'N',
-        placeholder: '请选择是否有边框',
-        multiple: false,
-        className: 'input50',
-        groupKey:'style',
-        list: [
-          {label: '是', value: 'Y'},
-          {label: '否', value: 'N'},
+        rules: [
+          {
+            required: true,
+            message: '请输入占位框背景颜色',
+            trigger: 'blur'
+          },
         ]
       },
-      data['isContBorder'] === 'Y' && {
-        label: '边框颜色:',
-        ele: 'xd-color',
-        valueKey: 'isContBorderColor',
-        value: data['isContBorderColor'] || '',
-        placeholder: '请选择边框颜色',
-        classNmae: 'input50',
-        groupKey:'style',
-      },
-      {
-        ele: 'title',
-        label: '图片样式设置',
-        size: 'small',
-        groupKey:'style',
-      },
-      {
-        label: '图片圆角设置:',
-        ele: 'xd-site-select-list',
-        valueKey: 'contItemRradius',
-        value: data['contItemRradius'] || '10',
-        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: '影片列表访问地址:',
+        label: '选中路径:',
         ele: 'xd-select-pages-path',
-        valueKey: 'fimeListPath',
-        groupKey:'advanced',
-        value: data['fimeListPath'] || null,
-        className: 'input100',
+        valueKey: 'select-pages-path',
+        value: data['select-pages-path'] || null,
         setting: {
           router: XdBus.getParentApi('getPagesTree')
         },
       },
-
-      {
-        label: '影片详情访问地址:',
-        ele: 'xd-select-pages-path',
-        valueKey: 'fimeDetailPath',
-        groupKey:'advanced',
-        value: data['fimeDetailPath'] || null,
-        className: 'input100',
-        setting: {
-          router: XdBus.getParentApi('getPagesTree')
-        },
+      data.bgcolor && {
+        label: '高度:',
+        ele: 'el-input',
+        type: 'number',
+        valueKey: 'height',
+        value: data.height || 100,
+        placeholder: '请输入占位框高度，单位像素，默认：10px',
+        className: 'input80',
+        rules: [
+          {
+            required: true,
+            message: '请输入占位框高度',
+            trigger: 'blur'
+          },
+        ]
       },
       {
-        label: '选择影院访问地址:',
-        ele: 'xd-select-pages-path',
-        groupKey:'advanced',
-        valueKey: 'buyPath',
-        value: data['buyPath'] || null,
-        className: 'input100',
-        setting: {
-          router: XdBus.getParentApi('getPagesTree')
-        },
+        label: '', //label
+        ele: 'slot', //package 名称
+        slot: 'is_reference',
       },
-
     ].filter(i=>i)
   },
   advanced: [],