懒加载实现（点击一级才出现二级的数据）

前端vue实现

1. vue的template里面的代码

    <el-dialog
      v-dialogDrag
      title="医院代码索引"
      :visible.sync="hscodeDialogFormVisible"
      class="dialog"
      width="40%"
    >

      <div class="device-tree">
        <el-scrollbar style="height:100%">
          <el-input
  placeholder="输入关键字进行模糊查询"
  v-model="filterText">
</el-input>
          <el-tree :data="treeData" :props="defaultProps" @node-click="handleNodeClick" lazy :load="loadNode"
          :filter-node-method="filterNode" ref="tree"></el-tree>
        </el-scrollbar>
      </div>

      <div slot="footer" class="dialog-footer">
        <el-button plain @click="hscodeDialogFormVisible = false" size="small">清空选择</el-button >
        <!-- <el-button type="danger" @click="sortSavebtn">确 定</el-button> -->
      </div>
    </el-dialog>


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26

2vue文件里面的data数据

data() {
    return {
      isadd:false,
      // 列表数据
      dataList: [],

      // 公共数据
      commonData: {
        finished: "未完成",
        chgtyp: "",
        recdte: "",
        newcompany: "",
        rscdno: "",
        calname: "",
        ccbhsadd: "",
        hscode: "",
        tsalesunt: "",
        hsname: "",
        hsadd: "",
        hsnname: "",
        hsnadd: "",
        chgvdte: "",
        trectyp: "",
        sumind: "",
        hqind: "",
        hclass: "",
        hscodtyp: "",
     
      },

      adddteValue: "", //新增日期
      conditions: maintainCondition.conditions, //搜索条件
      // fence: maintainCondition.injuryCodeUpholds,//栏位

      form: {
        //高级搜索
        tableData: [],
        //排序
        sortTableData: [],
      },

      // checkList: ["排序字段1"],

      // 高级搜索滑动框值
      fields: [
        {
          label: "变更类型",
          value: "lchi.chgtyp",
        },
        {
          label: "记录日期",
          value: "lchi.recdte",
        },
        {
          label: "医院代码",
          value: "lchi.hscode",
        },
        {
          label: "医院名称",
          value: "lchi.hsname",
        },
        {
          label: "医院地址",
          value: "lchi.hsadd",
        },
        {
          label: "医院新名称",
          value: "lchi.hsnname",
        },
        {
          label: "变更生效日",
          value: "lchi.chgvdte",
        },
        {
          label: "状态",
          value: "lchi.finished",
        },
      ],

      // 排序滑动框值
      fields2: [
        {
          label: "序号",
          value: "lchi.id",
        },
        {
          label: "变更类型",
          value: "lchi.chgtyp",
        },
        {
          label: "记录日期",
          value: "lchi.recdte",
        },
        {
          label: "医院代码",
          value: "lchi.hscode",
        },
        {
          label: "医院名称",
          value: "lchi.hsname",
        },
        {
          label: "医院地址",
          value: "lchi.hsadd",
        },
        {
          label: "医院新名称",
          value: "lchi.hsnname",
        },
        {
          label: "医院新地址",
          value: "lchi.hsnadd",
        },
        {
          label: "变更生效日",
          value: "lchi.chgvdte",
        },
        {
          label: "医院类别",
          value: "lchi.trectyp",
        },
        {
          label: "赔付范围",
          value: "lchi.sumind",
        },
        {
          label: "医院品质",
          value: "lchi.hqind",
        },
        {
          label: "医院级别",
          value: "lchi.hclass",
        },
        {
          label: "代码类型",
          value: "lchi.hscodtyp",
        },
      
      ],

      dialogFormVisible: false,
      sortDialogFormVisible: false,
      hscodeDialogFormVisible: false,//医院代码索引弹框
      page: {
        pageIndex: 1,
        pageSize: 10,
        totalPage: 0,
      },
      nums:"",
      flage:"",
      flageApi:true,
      newcompanyOptions:[],//公司别
      treeData: [],
      hscode:"",
      hscodeindex:"",

      defaultProps: {
        children: 'children',
        label: 'label'
      },
      filterText: '',


    };
  },




1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169

3vue文件里面的methods方法

handleNodeClick(data) {
      console.log(data.treelevel);
       console.log(data,"data----------");

      if(data.treelevel == 1){
        this.hospitalCodeIndexFn(data.hscode,data.sort)
      }
      if(data.treelevel == 2){
         this.hscodeDialogFormVisible = true
        this.hospitalCodeIndexFn2(data.hscode,data.sort)
      }
      if(data.treelevel == 3){
        // let newdata = {
        //     hscode:data.hscode
        //   }
        // this.hscode = data.hscode
        this.dataList[this.hscodeindex].hscode = data.hscode
        this.dataList[this.hscodeindex].hsname = data.hsname
        this.dataList[this.hscodeindex].hsadd = data.hsadd
        this.dataList[this.hscodeindex].trectyp = data.trectyp
        this.dataList[this.hscodeindex].sumind = data.sumind
        this.dataList[this.hscodeindex].hqind = data.hqind
        this.dataList[this.hscodeindex].hclass = data.hclass
        this.dataList[this.hscodeindex].hscodtyp = data.hscodtyp
        this.dataList[this.hscodeindex].chgtyp = data.chgtyp//变更类型
        // this.dataList[this.hscodeindex].hscode = data.hscode
        this.hscodeDialogFormVisible = false
      }

    },

    // 医院代码索引/获取市
    hscodeClick(num,index){
      this.hscodeindex = index
        this.treeData = []
        this.hscodeDialogFormVisible = true
        this.$store.dispatch("loading/CHANGE_LOADING", true);
        let params = {
          pid:"source"
        };
        hospitalCodeIndexApi(params)
          .then((res) => {
            this.$store.dispatch("loading/CHANGE_LOADING", false);
            if (res.resultCode === 0) { 
              let newData = res.data
              newData.forEach((e,eindex)=>{
                this.treeData.push({label:e.hscode + e.hsname,hscode:e.hscode,treelevel:1,sort:eindex,children:[]})
              })
            }
          })
          .catch(() => {this.$store.dispatch("loading/CHANGE_LOADING", false)});
      
    },

    // 获取县
    hospitalCodeIndexFn(hscode,id){     
      let params = {
        pid:hscode
      }
      hospitalCodeIndexApi(params)
        .then((res) => {
          this.$store.dispatch("loading/CHANGE_LOADING", false);
          if (res.resultCode === 0) {
            // console.log(res.data);
            let newData = res.data
            newData.forEach((e,eindex)=>{
              this.$set(e,"label",e.hscode + e.hsname)
              this.$set(e,"treelevel",2)
              this.$set(e,"sort",eindex)
              this.$set(e,"children",[])
            })
            this.treeData.forEach((i,iindex)=>{
              if(i.sort == id){
                i.children = newData
              }
            })
          }
        })
        .catch(() => {this.$store.dispatch("loading/CHANGE_LOADING", false)}
      );
    },

    // // 获取医院
    hospitalCodeIndexFn2(hscode,id){
      let params = {
        pid:hscode
      }
      hospitalCodeIndexApi(params)
        .then((res) => {
          this.$store.dispatch("loading/CHANGE_LOADING", false);
          if (res.resultCode === 0) {
            // console.log(res.data);
            let newData = res.data
            newData.forEach((e,eindex)=>{
              this.$set(e,"label",e.hscode + e.hsname)
              this.$set(e,"treelevel",3)
              this.$set(e,"sort",eindex)
              this.$set(e,"children",[])
            })

            this.treeData.forEach((i,iindex)=>{
              if(newData[0].hscode.indexOf(i.hscode) != -1){
                i.children.forEach((j,jindex)=>{
                  if(j.sort == id){
                    console.log(j.hscode);
                    j.children= newData
                  }
                })
              }
            })
          }
        })
        .catch(() => {this.$store.dispatch("loading/CHANGE_LOADING", false)}
      );

      
        
    },

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119

4vue文件里面的监听方法

 watch: {
      filterText(val) {
        this.$refs.tree.filter(val);
      }
    },


1
2
3
4
5
6
7

注意因为是懒加载所以需要每次加载完成都需要使弹窗置为true

后端实现

封装的工具类：

package com.citicpru.clmwork.utils;

import lombok.Data;
import lombok.Getter;

/*
* author: monkey
* 用于接收post请求的单个参数
* */
@Data
@Getter
public class IdBean {
    private String pid;
}


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

1. controller层

@PostMapping(value = "/hospitalCodeIndex")
    @ApiOperation(value = "医院代码索引", response = ObjectRestResponse.class)
    public ObjectRestResponse hospitalCodeIndex(@ApiParam(value = "医院代码索引")
                                                    @RequestBody IdBean idBean) {
        String pid = idBean.getPid();
        if(pid == null || "".equals(pid)){
            pid = "source";
        }
        ObjectRestResponse restResponse = new ObjectRestResponse();
        String length = "";
        int end = 0;
        if ("source".equals(pid)) {
            end = 0;
            length = "2";
        } else {
            end = pid.trim().length();
            if (end == 2)
                length = "4";
            if (end == 4)
                length = "6";
        }
        List<ClmHospitalLccc> json=hospitalMtnBiz.index(length,end,pid);
        restResponse.setData(json);

        return restResponse;
    }



1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29

2.service层

public  List<ClmHospitalLccc>  index(String length, Integer end,String flag){
        String condition = "length(rtrim(lcc.hscode)) = " + length;
        if (end != 0) {
            condition += " and substring(lcc.hscode,1," + end + ") = '" + flag
                    + "' ";
        }
//        List<hospitalCodeIndexVO> indexVOList=null;

//        List insList = new ArrayList();
        List<ClmHospitalLccc> lcccList=clmHospitalLcccMapper.queryAsyncLcccTree1(condition);
//        for (hospitalCodeIndexVO lccc:lcccList){
            List twoList = new ArrayList();
//            List<hospitalCodeIndexVO> lcccList1=clmHospitalLcccMapper.queryAsyncLcccTree(2,lccc.getHscode(),"4");
//            lccc.setLcccList(lcccList1);
//            for(hospitalCodeIndexVO lccc1:lcccList1){
//                List<hospitalCodeIndexVO> lcccList2=clmHospitalLcccMapper.queryAsyncLcccTree(4,lccc1.getHscode(),"6");
//                lccc1.setLcccList(lcccList2);
//            }
//        }

//        StringBuffer sb = new StringBuffer();
//        sb.append("[");
//        if (lccc != null) {
//            for (int i = 0; i < lccc.size(); i++) {
//                ClmHospitalLccc lcccInfo = (ClmHospitalLccc) lccc.get(i);
//                sb.append(",{'id':'");
//                sb.append(String.valueOf(lcccInfo.getHscode()).trim());
//                sb.append("','name':'");
//                sb.append(String.valueOf(lcccInfo.getHsname()).trim());
//                sb.append("','pect':'','childrenItem':'");
//
//                if ("6".equals(length.trim()))
//                    sb.append("0'}");
//                else
//                    sb.append("1'}");
//            }
//        }
//        sb.append("]");
        return lcccList;
    }





1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45

3Mapper层

List<ClmHospitalLccc> queryAsyncLcccTree1(@Param("condition")String condition);


1
2
3
4

4xml层

    <select id="queryAsyncLcccTree1" resultMap="clmHospitalLcccMap" parameterType="java.lang.String">
        select * from
        clm_hospital_lccc as lcc where status=1 and
        <![CDATA[  ${condition}  ]]>
        order by hscode

    </select>




1
2
3
4
5
6
7
8
9
10
11

<![CDATA[ ${condition} ]]> 这个是查询复杂的条件封装的，英文意思complex Data

直接全部查询

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>分类管理</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.css">
    		
		<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
        <!-- 引入样式 -->
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
    <!-- 引入组件库 -->
    <script src="https://unpkg.com/element-ui/lib/index.js">
      
    </script>
    
	<script src="static/js/base.js"></script>
    <script src="static/js/axios.min.js"></script>
    <style>
        .custom-tree-node {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    padding-right: 8px;
  }
    </style>
</head>
<body>
  

<div id="app">  
  <el-alert
  title="商品分类管理页面"
  description="对商品的分类进行管理"
  type="success"
  description="对商品的多级分类进行管理"
  show-icon>
  </el-alert>
  <h2 class="ui teal header" style="color: teawl;margin-top: 30px;text-align: center;">欢迎来到分类管理页面</h2>
   

  <!-- {{this.categories}} -->

	<!-- 通过一个li遍历多个 -->

    <div class="category">
			  <h3 class="ui teal header">商品多级分类名称：</h3>	

              <!-- 树形控件实现商品分类 -->
              <el-input
  placeholder="输入关键字进行过滤"
  v-model="filterText">
</el-input>

<el-tree
show-checkbox
  class="filter-tree"
  :data="data1"
  node-key="id"
  :props="defaultProps"
  :filter-node-method="filterNode"
  ref="tree"

  :expand-on-click-node="false"
  :render-content="renderContent"
  

  
  >
</el-tree>

          
    </div>




</div>
<script src="static/js/cookie_utils.js"></script>

		<script src="static/js/base.js"></script>

    <script>
        new Vue({
            el:'#app',
            data:{
              data1:[],
                message:"hello",
                dataList:[],
                categories:[],
                inputCategoryLevel1:true,
                token:"",
                userId:"",
                disabled:true,
                filterText:"",
                data: [{
          id: 1,
          label: '一级 1',
          children: [{
            id: 4,
            label: '二级 1-1',
            children: [{
              id: 9,
              label: '三级 1-1-1'
            }, {
              id: 10,
              label: '三级 1-1-2'
            }]
          }]
        }, {
          id: 2,
          label: '一级 2',
          children: [{
            id: 5,
            label: '二级 2-1'
          }, {
            id: 6,
            label: '二级 2-2'
          }]
        }, {
          id: 3,
          label: '一级 3',
          children: [{
            id: 7,
            label: '二级 3-1'
          }, {
            id: 8,
            label: '二级 3-2'
          }]
        }],
        defaultProps: {
          children: 'categories',
          label: 'categoryName',
        }

            },
              watch: {
      filterText(val) {
        this.$refs.tree.filter(val);
      }
    },
     created(){
      //  商品分类相关参数
                    this.showCategorires();
                },
            methods:{
                filterNode(value, data) {
                  console.log(value);
        if (!value) return true;
        return data.categoryName.indexOf(value) !== -1;
      },

append(data) {
        const newChild = { id: id++, label: 'testtest', children: [] };
        if (!data.children) {
          this.$set(data, 'children', []);
        }
        data.children.push(newChild);
      },

      remove(node, data) {
        const parent = node.parent;
        const children = parent.data.children || parent.data;
        const index = children.findIndex(d => d.id === data.id);
        children.splice(index, 1);
      },


      // ---------------

                showCategorires(){
                    let token=getCookieValue("token");
                    console.log(token);
                    this.token  = token;
                    let userId=getCookieValue("userId");
                    console.log(userId,"UserId");
                    this.userId=userId;
                    var url22=baseUrl+"index/categorylist";
                    axios({
								url:url22,
								method:"post",
								headers:{
									token:this.token
								},
								data:this.userId
							}).then(res=>{
  console.log(res.data.data);
  this.categories=res.data.data;
  this.data1 = res.data.data;
  this.dataList = this.categories.filter(function (type) {
            return type.parentId == "1";
          });
          console.log( this.categories,"categoryList")
  this.categories.forEach(element => {
  
      
  });

  
})
                },

                UpdateHandle(row) {  
                    row.disabled = false;   
                    this.inputCategoryLevel1=false;
                    console.log(row);
                  
                },
               
            }
        })
    </script>
    
</body>
</html>



1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221

后端的数据（通过子查询查询出来）

controller

    @ApiOperation("商品分类查询接口")
    @PostMapping("/categorylist")
    public ResultVO queryAllCategory(@RequestBody String userId,@RequestHeader String token){
        return categoryService.listcategories(userId,token);
    }



1
2
3
4
5
6
7
8
9

service

  public ResultVO listcategories(String userId,String token);

1
2
3

serviceiml

      public ResultVO listcategories(String userId,String token) {

            List<CategoryVO> categoryVOS=categoryMapper.selectAllCategories2(0);;
//      System.out.println(categoryVOS);
            ResultVO resultVO = new ResultVO(ResultStatus.OK, "success", categoryVOS);

            return resultVO;





    }


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

mapper

//    子查询
    public List<CategoryVO> selectAllCategories2(int parentId);

1
2
3
4

mapper.xml

<!--  使用子查询实现的分类列表查询-->
  <resultMap id="CategoryMap2" type="com.qfedu.fmmall.entity.CategoryVO">
    <!--
      WARNING - @mbg.generated
    -->
    <id column="category_id" jdbcType="VARCHAR" property="categoryId" />
    <result column="category_name" jdbcType="VARCHAR" property="categoryName" />
    <result column="category_level" jdbcType="INTEGER" property="categoryLevel" />
    <result column="parent_id" jdbcType="INTEGER" property="parentId" />
    <result column="category_icon" jdbcType="VARCHAR" property="categoryIcon" />
    <result column="category_slogan" jdbcType="VARCHAR" property="categorySlogan" />
    <result column="category_bg_color" jdbcType="VARCHAR" property="categoryBgColor" />
    <collection property="categories" column="category_id" select="com.qfedu.fmmall.dao.CategoryMapper.selectAllCategories2"/>

<!--  这里的column="category_id"将等于
//    子查询
    public List<CategoryVO> selectAllCategories2(int parentId);里面的parentId;
-->

  </resultMap>

  <!--  使用子查询实现的分类列表查询-->
  <select id="selectAllCategories2" resultMap="CategoryMap2">
    select

     category_id,
category_name,
category_level,
parent_id,
category_icon,
category_slogan,
category_pic,
category_bg_color


from category where parent_id=#{parentId};
  </select>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38

VO

package com.qfedu.fmmall.entity;

import javax.persistence.Column;
import javax.persistence.Id;
import java.util.List;

public class CategoryVO {

    @Override
    public String
    toString() {
        return "CategoryVO{" +
                "categoryId='" + categoryId + '\'' +
                ", categoryName='" + categoryName + '\'' +
                ", categoryLevel=" + categoryLevel +
                ", parentId=" + parentId +
                ", categoryIcon='" + categoryIcon + '\'' +
                ", categorySlogan='" + categorySlogan + '\'' +
                ", categoryBgColor='" + categoryBgColor + '\'' +

                '}';
    }

    /**
     * 商品分类 id
     */
    @Id
    @Column(name = "category_id")
    private String categoryId;

    /**
     * 商品分类名称
     */
    @Column(name = "category_name")
    private String categoryName;

    /**
     * 商品分类层级
     */
    @Column(name = "category_level")
    private Integer categoryLevel;

    /**
     * 父层id
     */
    @Column(name = "parent_id")
    private Integer parentId;

    /**
     * 分类图标
     */
    @Column(name = "category_icon")
    private String categoryIcon;

    /**
     * 口号
     */
    @Column(name = "category_slogan")
    private String categorySlogan;

    /**
     * 背景颜色
     */
    @Column(name = "category_bg_color")
    private String categoryBgColor;


    private List<CategoryVO> categories;

    public List<CategoryVO> getCategories() {
        return categories;
    }

    public void setCategories(List<CategoryVO> categories) {
        this.categories = categories;
    }

    /**
     * 获取商品分类 id
     *
     * @return category_id - 商品分类 id
     */
    public String getCategoryId() {
        return categoryId;
    }

    /**
     * 设置商品分类 id
     *
     * @param categoryId 商品分类 id
     */
    public void setCategoryId(String categoryId) {
        this.categoryId = categoryId == null ? null : categoryId.trim();
    }

    /**
     * 获取商品分类名称
     *
     * @return category_name - 商品分类名称
     */
    public String getCategoryName() {
        return categoryName;
    }

    /**
     * 设置商品分类名称
     *
     * @param categoryName 商品分类名称
     */
    public void setCategoryName(String categoryName) {
        this.categoryName = categoryName == null ? null : categoryName.trim();
    }

    /**
     * 获取商品分类层级
     *
     * @return category_level - 商品分类层级
     */
    public Integer getCategoryLevel() {
        return categoryLevel;
    }

    /**
     * 设置商品分类层级
     *
     * @param categoryLevel 商品分类层级
     */
    public void setCategoryLevel(Integer categoryLevel) {
        this.categoryLevel = categoryLevel;
    }

    /**
     * 获取父层id
     *
     * @return parent_id - 父层id
     */
    public Integer getParentId() {
        return parentId;
    }

    /**
     * 设置父层id
     *
     * @param parentId 父层id
     */
    public void setParentId(Integer parentId) {
        this.parentId = parentId;
    }

    /**
     * 获取分类图标
     *
     * @return category_icon - 分类图标
     */
    public String getCategoryIcon() {
        return categoryIcon;
    }

    /**
     * 设置分类图标
     *
     * @param categoryIcon 分类图标
     */
    public void setCategoryIcon(String categoryIcon) {
        this.categoryIcon = categoryIcon == null ? null : categoryIcon.trim();
    }

    /**
     * 获取口号
     *
     * @return category_slogan - 口号
     */
    public String getCategorySlogan() {
        return categorySlogan;
    }

    /**
     * 设置口号
     *
     * @param categorySlogan 口号
     */
    public void setCategorySlogan(String categorySlogan) {
        this.categorySlogan = categorySlogan == null ? null : categorySlogan.trim();
    }

    /**
     * 获取背景颜色
     *
     * @return category_bg_color - 背景颜色
     */
    public String getCategoryBgColor() {
        return categoryBgColor;
    }

    /**
     * 设置背景颜色
     *
     * @param categoryBgColor 背景颜色
     */
    public void setCategoryBgColor(String categoryBgColor) {
        this.categoryBgColor = categoryBgColor == null ? null : categoryBgColor.trim();

    }
}



1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207