jufubao-movie 1.0.36-beta1 → 1.0.36-beta3

package/src/components/JfbMovieTfkFilmRecommend/Attr.js

@@ -1,4 +1,8 @@
 'use strict';
+function checkValue(value, dValue = 0){
+  if(value === undefined || value === '' || value === null) return dValue;
+  return Number(value || 0);
+}
 
 /**
  * @description 当表单组件中有联动操作时候，使用方法进行返回
@@ -6,52 +10,546 @@
 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 || '',
+        valueKey: 'bgColor',
+        value: data.bgColor || '',
+        groupKey:'content',
         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',
-        rules: [
-          {
-            required: true,
-            message: '请输入占位框背景颜色',
-            trigger: 'blur'
-          },
+        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-select-pages-path',
-        valueKey: 'select-pages-path',
-        value: data['select-pages-path'] || null,
+        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: {
-          router: XdBus.getParentApi('getPagesTree')
+          type: 'margin',
         },
+        inline: false,
+        notice: '填充设置，单位：<span style="color: red">像素</span>。默认值：<span style="color: red">20</span> 像素',
       },
-      data.bgcolor && {
-        label: '高度:',
-        ele: 'el-input',
-        type: 'number',
-        valueKey: 'height',
-        value: data.height || 100,
-        placeholder: '请输入占位框高度，单位像素，默认：10px',
+      {
+        label: '是否有投影:',
+        ele: 'xd-radio',
+        valueKey: 'isContShadow',
+        value: data['isContShadow'] || 'N',
+        placeholder: '请选择是否投影',
+        multiple: false,
         className: 'input80',
-        rules: [
-          {
-            required: true,
-            message: '请输入占位框高度',
-            trigger: 'blur'
-          },
+        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'},
+        ]
+      },
+      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: 'slot', //package 名称
-        slot: 'is_reference',
+        label: '影片列表访问地址:',
+        ele: 'xd-select-pages-path',
+        valueKey: 'fimeListPath',
+        groupKey:'advanced',
+        value: data['fimeListPath'] || null,
+        className: 'input100',
+        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')
+        },
       },
+      {
+        label: '选择影院访问地址:',
+        ele: 'xd-select-pages-path',
+        groupKey:'advanced',
+        valueKey: 'buyPath',
+        value: data['buyPath'] || null,
+        className: 'input100',
+        setting: {
+          router: XdBus.getParentApi('getPagesTree')
+        },
+      },
+
     ].filter(i=>i)
   },
   advanced: [],