chore: 补充数据

src/pages/transaction/marketingAbility/components/MemberCheckboxGroup/index.tsx

@@ -2,7 +2,7 @@
  * @Author: XieZhiXiong
  * @Date: 2021-06-25 11:34:36
  * @LastEditors: XieZhiXiong
- * @LastEditTime: 2021-06-25 14:11:49
+ * @LastEditTime: 2021-07-01 17:57:53
  * @Description: 会员方块复选框
  */
 import React, { useState, useEffect } from 'react';
@@ -20,6 +20,22 @@ export type OptionItemType = {
    * 数据id
    */
   value: number,
+  /**
+   * 等级
+   */
+  level: number,
+  /**
+   * 角色名称
+   */
+  roleName: string,
+  /**
+   * 等级类型
+   */
+  levelTypeName: string,
+  /**
+   * 会员类型
+   */
+  memberTypeName: string,
 }
 
 export type ValueType = any[];
@@ -75,7 +91,7 @@ const MemberCheckboxGroup: React.FC<ApplicableListProps> = (props) => {
         onChange={handleChange}
         className={styles['member-list-checkboxGroup']}
       >
-        <Row gutter={16}>
+        <Row gutter={[16, 16]}>
           {options.map((item) => {
             const itemCls = classNames(styles['member-list-item'], {
               [styles['member-list-item-checked']]: Array.isArray(value) && value.includes(item.value),
@@ -86,23 +102,23 @@ const MemberCheckboxGroup: React.FC<ApplicableListProps> = (props) => {
                   <Row gutter={16}>
                     <Col span={6}>
                       <Descriptions column={1}>
-                        <Descriptions.Item label="会员类型" style={{ paddingBottom: 0 }}>企业会员</Descriptions.Item>
+                        <Descriptions.Item label="会员类型" style={{ paddingBottom: 0 }}>{item.memberTypeName}</Descriptions.Item>
                       </Descriptions>
                     </Col>
                     <Col span={6}>
                       <Descriptions column={1}>
-                        <Descriptions.Item label="会员角色" style={{ paddingBottom: 0 }}>采购商</Descriptions.Item>
+                        <Descriptions.Item label="会员角色" style={{ paddingBottom: 0 }}>{item.roleName}</Descriptions.Item>
                       </Descriptions>
                     </Col>
                     <Col span={6}>
                       <Descriptions column={1}>
-                        <Descriptions.Item label="等级类型" style={{ paddingBottom: 0 }}>商户会员</Descriptions.Item>
+                        <Descriptions.Item label="等级类型" style={{ paddingBottom: 0 }}>{item.levelTypeName}</Descriptions.Item>
                       </Descriptions>
                     </Col>
                     <Col span={6}>
                       <Descriptions column={1}>
                         <Descriptions.Item label="等级标签" style={{ paddingBottom: 0 }}>
-                          <LevelBrand level={1} />
+                          <LevelBrand level={item.level} />
                         </Descriptions.Item>
                       </Descriptions>
                     </Col>