jufubao-mall 2.0.29-beta1 → 2.0.31

package/src/components/JfbMallSpecialProduct/cusAttr/content.js

@@ -0,0 +1,393 @@
+'use strict';
+import {
+  dataVal,
+  statusDataVal,
+  statusShow,
+  customVal,
+  getRemoteOptions
+} from "@/utils/AttrTools";
+
+export default (data, gValue, gColor, oldData = {}) => {
+  let options = getRemoteOptions('productV20List', data, gValue, dataVal);
+  let cellNum = dataVal({ data, key: 'row_num', dValue: 2, gValue });
+  let cartStyle = dataVal({ data, key: 'cartStyle', dValue: 'icongouwuche-01', gValue });
+  if (cellNum === 3) {
+    if (cartStyle.indexOf('btn_cart') === 0) cartStyle = 'icongouwuche-01'
+  }
+  let reKey;
+  let isKey = false;
+  if (oldData['row_num'] !== undefined && cellNum !== oldData['row_num']) {
+    reKey = Date.now();
+    isKey = true;
+  }
+  return [
+    {
+      ele: 'title',
+      label: '基础',
+      size: 'small',
+      groupKey: 'content',
+    },
+    {
+      label: "业务线",
+      ele: "xd-choose-namespace",
+      valueKey: "xnamespace",
+      value: dataVal({ data, key: 'xnamespace', dValue: null, gValue }),
+      className: 'input100',
+      placeholder: '请选择业务线',
+      labelInline: true,
+      groupKey: 'content',
+      notice: '空继承上级业务线',
+      inline: false,
+      handleCustom: (cb) => {
+        XdBus.getParentApi('getOptionsNamespaces')()
+          .then(res => {
+            cb(res.list)
+          })
+          .catch();
+      }
+    },
+    {
+      ele: 'title',
+      label: '组件样式',
+      size: 'small',
+      groupKey: 'content',
+    },
+    {
+      label: "组件样式",
+      ele: "xd-style-image",
+      groupKey: 'content',
+      valueKey: "is_title",
+      value: customVal({
+        data,
+        key: 'is_title',
+        gValue,
+        sValue: 'Y'
+      }),
+      labelInline: true,
+      className: 'input100',
+      handleCustom(cusRes) {
+        XdBus.getParentApi('getCompStylesOptions')({
+          layout_ids: '6XhHNXn8Az9OSz6Xhojsj',
+          key: Date.now()
+        })
+          .then(res => {
+            console.log(res, 'res')
+            cusRes.data.cb(res)
+          })
+          .catch(error => {
+            console.error(error);
+          });
+      },
+    },
+    { ele: 'group_start' },
+    {
+      label: '展示效果',
+      ele: 'xd-radio',
+      valueKey: 'showType',
+      value: dataVal({ data, key: 'showType', dValue: 'list', gValue }),
+      groupKey: 'content',
+      multiple: false,
+      labelInline: true,
+      className: 'input80',
+      list: [
+        { label: '静态展示', value: 'list' },
+        { label: '左右滑动', value: 'slide' },
+      ],
+    },
+    {
+      label: "标题风格",
+      ele: "xd-style-image",
+      groupKey: 'content',
+      valueKey: "title_type",
+      value: customVal({
+        data,
+        key: 'title_type',
+        gValue,
+        sValue: 'default'
+      }),
+      labelInline: true,
+      className: 'input100',
+      hidden: data['is_title']==='N',
+      handleCustom(cusRes) {
+        XdBus.getParentApi('getCompStylesOptions')({
+          layout_ids: '8k1cXJFKMVQtBeoiubB0t',
+          key: Date.now()
+        })
+          .then(res => {
+            console.log(res, 'res')
+            cusRes.data.cb(res)
+          })
+          .catch(error => {
+            console.error(error);
+          });
+      },
+    },
+    {
+      label: '查看更多',
+      ele: 'xd-radio',
+      valueKey: 'isMore',
+      value: dataVal({ data, key: 'isMore', dValue: 'Y', gValue }),
+      groupKey: 'content',
+      multiple: false,
+      labelInline: true,
+      className: 'input80',
+      hidden: data['is_title'] === 'N' || data['title_type'] === 'three' || data['title_type'] === 'five',
+      list: [
+        { label: '显示', value: 'Y' },
+        { label: '隐藏', value: 'N' },
+      ]
+    },
+    {
+      label: '',
+      ele: 'el-input',
+      type: 'text',
+      groupKey: 'content',
+      valueKey: 'moreName',
+      value: dataVal({ data, key: 'moreName', dValue: '更多', gValue }),
+      cusStyle: { paddingLeft: '100px' },
+      hidden: data['isMore'] === 'N' || data['is_title'] === 'N' || data['title_type'] === 'three' || data['title_type'] === 'five',
+      inline: false,
+      className: 'input80',
+      rules: [{
+        validator: (rule, value, callback) => {
+          let errorStr = '';
+            if (value.length > 4) {
+              errorStr = `最大长度不能超过4个汉字`;
+            }
+          if (errorStr) {
+            callback(errorStr)
+            return
+          }
+
+          callback()
+        }, message: '输入名称内容最多4字', trigger: ['blur', 'change']
+      }]
+    },
+    { ele: 'group_end' },
+    {
+      label: "列表布局",
+      ele: "xd-style-image",
+      groupKey: 'content',
+      valueKey: "row_num",
+      cusStyle: { marginTop: '10px' },
+      value: dataVal({ data, key: 'row_num', dValue: 2, gValue }),
+      labelInline: true,
+      hidden: data['showType']==='slide',
+      className: 'input100',
+      handleCustom(cusRes) {
+        XdBus.getParentApi('getCompStylesOptions')({
+          layout_ids: 'FzCwxOH7MQpT5ISYs8Xm6',
+          key: Date.now()
+        })
+          .then(res => {
+            res.list = res.list.filter(item => item.value != 4)
+            res.list.map(item => {
+              item.value = Number(item.value)
+              return item;
+            })
+            cusRes.data.cb(res)
+          })
+          .catch(error => {
+            console.error(error);
+          });
+      },
+    },
+    {
+      label: "商品条数",
+      groupKey: 'content',
+      ele: 'el-input',
+      valueKey: "product_limit",
+      cusStyle: { marginTop: '10px' },
+      value: dataVal({ data, key: 'product_limit', dValue: 6, gValue }),
+      type: 'text',
+      groupKey: 'content',
+      labelInline: true,
+      className: 'input80',
+    },
+    {
+      label: "商品样式",
+      ele: "xd-style-image",
+      groupKey: 'content',
+      valueKey: "productStyle",
+      cusStyle: { marginBottom: '5px' },
+      value: customVal({
+        data,
+        key: 'productStyle',
+        fields: { 'itemBgColorStatus': ['itemBgColor'], 'itemBorder': ['itemBorder', 'bs'] },
+        gValue,
+        sValue: "{\"border\":0,\"backgroundColor\":\"#fff\"}",
+      }),
+      labelInline: true,
+      className: 'input100',
+      handleCustom(cusRes) {
+        XdBus.getParentApi('getCompStylesOptions')({
+          layout_ids: 'Y4oxNuIUOgVMaTD1LeWxp',
+          key: Date.now()
+        })
+          .then(res => {
+            cusRes.data.cb(res)
+          })
+          .catch(error => {
+            console.error(error);
+          });
+      },
+    },
+    {
+      ele: 'title',
+      label: '展示内容',
+      size: 'small',
+      groupKey: 'content',
+    },
+    {
+      label: '品牌',
+      ele: 'xd-cus-switch',
+      valueKey: 'is_show_brand',
+      value: dataVal({ data, key: 'is_show_brand', dValue: 'N', gValue }),
+      className: 'input100',
+      groupKey: 'content',
+      labelInline: true,
+      cusStyle: { marginBottom: '10px' },
+      setting: {
+        tips: ['显示', '隐藏'],
+        isBackType: 'string'
+      },
+    },
+    {
+      ele: 'xd-line',
+      groupKey: 'content'
+    },
+    {
+      label: '购物车',
+      ele: 'xd-cus-switch',
+      valueKey: 'isAddCart',
+      value: dataVal({ data, key: 'isAddCart', dValue: 'Y', gValue }),
+      className: 'input100',
+      groupKey: 'content',
+      labelInline: true,
+      cusStyle: { marginBottom: '10px' },
+      setting: {
+        tips: ['显示', '隐藏'],
+        isBackType: 'string'
+      },
+    },
+    { ele: 'group_start' },
+    {
+      label: "",
+      ele: "xd-style-image",
+      groupKey: 'content',
+      valueKey: "cartStyle",
+      hidden: data['isAddCart'] !== 'Y',
+      value: cartStyle,
+      labelInline: true,
+      isKey: isKey,
+      key: reKey,
+      //isTplRef:true, //内容引用模版被禁用
+      className: 'input100',
+      handleCustom(cusRes) {
+        XdBus.getParentApi('getCompStylesOptions')({
+          layout_ids: 'ngwFA8G8RzLuFHyv5cMCl',
+          key: Date.now()
+        })
+          .then(res => {
+            if (cellNum === 1 || cellNum === 4 || cellNum === 2) {
+              cusRes.data.cb(res)
+            }
+            else {
+              res.list = res.list.filter(item => {
+                return item.value.indexOf('btn_') === -1
+              });
+              cusRes.data.cb(res)
+            }
+
+          })
+          .catch(error => {
+            console.error(error);
+          });
+      },
+    },
+    (data['isAddCart'] === 'Y' && data['cartStyle'] && data['cartStyle'].indexOf('btn_cart') === 0) && {
+      label: '按钮文字',
+      ele: 'el-input',
+      type: 'text',
+      valueKey: 'cartName',
+      value: dataVal({ data, key: 'cartName', dValue: '', gValue }),
+      placeholder: '请输入按钮文字，默认值：购买',
+      className: 'input100',
+      labelInline: true,
+      groupKey: 'content',
+      rules: [
+        {
+          required: false,
+          validator: (rule, value, callback) => {
+            if (typeof value === "string") value = value.trim();
+            // if(value.length === 0){
+            //   callback('按钮文字不能为空');
+            //   return
+            // }
+            if (value.length > 3) {
+              callback('按钮文字长度为：1-3字符');
+              return
+            }
+            callback();
+          },
+          trigger: ['blur', 'change']
+        }
+      ]
+    },
+    { ele: 'group_end' },
+    ...options,
+    {
+      ele: 'xd-line',
+      groupKey: 'content',
+    },
+    {
+      label: '价格',
+      ele: 'xd-cus-switch',
+      valueKey: 'isPrice',
+      value: dataVal({ data, key: 'isPrice', dValue: 'Y', gValue }),
+      className: 'input100',
+      groupKey: 'content',
+      labelInline: true,
+      cusStyle: { marginBottom: '10px' },
+      setting: {
+        tips: ['显示', '隐藏'],
+        isBackType: 'string'
+      },
+    },
+    {
+      ele: 'xd-line',
+      groupKey: 'content',
+      hidden: data.isPrice !== 'Y',
+    },
+    {
+      label: '划线价',
+      ele: 'xd-cus-switch',
+      valueKey: 'isShowDiscount',
+      value: dataVal({ data, key: 'isShowDiscount', dValue: 'Y', gValue }),
+      className: 'input100',
+      labelInline: true,
+      groupKey: 'content',
+      hidden: data.isPrice !== 'Y',
+      setting: {
+        tips: ['显示', '隐藏'],
+        isBackType: 'string'
+      },
+    },
+    { ele: 'group_start' },
+    {
+      label: '差值',
+      ele: 'el-input',
+      type: 'number',
+      valueKey: 'differ',
+      labelInline: true,
+      value: dataVal({ data, key: 'differ', dValue: '', gValue }),
+      hidden: data.isShowDiscount !== 'Y' || data.isPrice !== 'Y',
+      groupKey: 'content',
+      placeholder: '价差，默认值：1',
+      className: 'input80',
+      notice: '划线价取市场价，市场价-售价差值大于等于设置值时展示',
+      inline: false
+    },
+    { ele: 'group_end' },
+  ].filter(i => i);
+}