add:会员图片管理

cloudroam

2024-09-14 2382033e55f86779eec1c8a87644f02ab3e2a8b2

 pages/marketing/member-level.vue

@@ -22,6 +22,28 @@
          },
          { label: '等级折扣', prop: 'discountTypeStr' },
          { label: '操作人', prop: 'createName' },
          {
            label: '背景图片',
            formatter: (row) =>
              row.background ? (
                <el-bus-image
                  src={row.background}
                  lazy={true}
                  style="width:50px;height:50px"
                ></el-bus-image>
              ) : null,
          },
          {
            label: '样式图片',
            formatter: (row) =>
              row.pictures ? (
                <el-bus-image
                  src={row.pictures}
                  lazy={true}
                  style="width:50px;height:50px"
                ></el-bus-image>
              ) : null,
          },
        ],
        beforeOpen: (row, isNew) => {
          if (!isNew) {
@@ -144,6 +166,42 @@
              trigger: 'blur',
            },
          },
          {
            label: '背景图片：',
            id: 'background',
            type: 'bus-upload',
            el: {
              listType: 'picture-card',
              limit: 1,
              limitSize: 2,
              tipText: '大小不超过2M',
              valueType: 'string',
            },
            forceDisabled: true,
            rules: {
              required: true,
              message: '请上传背景图片',
              trigger: 'blur',
            },
          },
          {
            label: '样式图片：',
            id: 'pictures',
            type: 'bus-upload',
            el: {
              listType: 'picture-card',
              limit: 1,
              limitSize: 2,
              tipText: '大小不超过2M',
              valueType: 'string',
            },
            forceDisabled: true,
            rules: {
              required: true,
              message: '请上传样式图片',
              trigger: 'blur',
            },
          },
        ],
      },
    }