@@ -12,49 +12,66 @@ const data = [
1212 name: ' 手机号优先继续发送1' ,
1313 createTime: ' 2021/12/14 10:19:02' ,
1414 creator: ' liyuan.meng' ,
15- category: [{ status: ' primary-tag' , text: ' 标签文字' }, { status: ' default-tag' , text: ' 标签文字' }]
15+ category: [
16+ { status: ' primary-tag' , text: ' 标签文字' },
17+ { status: ' default-tag' , text: ' 标签文字' },
18+ ],
1619 },
1720 {
1821 id: ' 121410328' ,
1922 name: ' ouid疲劳度3' ,
2023 createTime: ' 2021/12/13 15:47:33 ' ,
2124 creator: ' jiaojiao.diao' ,
22- category: [{ status: ' primary-tag' , text: ' 标签文字' }, { status: ' error-tag' , text: ' 标签文字' }]
25+ category: [
26+ { status: ' primary-tag' , text: ' 标签文字' },
27+ { status: ' error-tag' , text: ' 标签文字' },
28+ ],
2329 },
2430 {
2531 id: ' 121410329' ,
2632 name: ' 继续发送手机1' ,
2733 createTime: ' 2021/12/13 15:36:42' ,
2834 creator: ' nan.run' ,
29- category: [{ status: ' warn-tag' , text: ' 标签文字' }, { status: ' primary-tag' , text: ' 标签文字' }]
35+ category: [
36+ { status: ' warn-tag' , text: ' 标签文字' },
37+ { status: ' primary-tag' , text: ' 标签文字' },
38+ ],
3039 },
3140 {
3241 id: ' 121408294' ,
3342 name: ' 继续发送手机2' ,
3443 createTime: ' 2021/12/13 11:14:40' ,
3544 creator: ' xiaotong.fan' ,
36- category: [{ status: ' success-tag' , text: ' 标签文字' }]
45+ category: [{ status: ' success-tag' , text: ' 标签文字' }],
3746 },
3847 {
3948 id: ' 121407191' ,
4049 name: ' 继续发送手机3' ,
4150 createTime: ' 2021/12/13 11:03:05' ,
4251 creator: ' zhenxiao.guo' ,
43- category: [{ status: ' default-tag' , text: ' 标签文字' }, { status: ' warn-tag' , text: ' 标签文字' }]
52+ category: [
53+ { status: ' default-tag' , text: ' 标签文字' },
54+ { status: ' warn-tag' , text: ' 标签文字' },
55+ ],
4456 },
4557];
4658
4759const columns = [
4860 { title: ' 活动ID' , dataIndex: ' id' },
4961 {
50- title: ' 活动名称' , dataIndex: ' name' , width: 140 , render : val => {
51- return < CTable .TextTpl value= {val} / >
52- }
62+ title: ' 活动名称' ,
63+ dataIndex: ' name' ,
64+ width: 140 ,
65+ render : (val ) => {
66+ return < CTable .TextTpl value= {val} / > ;
67+ },
5368 },
5469 {
55- title: ' 创建时间' , dataIndex: ' createTime' , render : val => {
56- return < CTable .TimeTpl value= {val} / >
57- }
70+ title: ' 创建时间' ,
71+ dataIndex: ' createTime' ,
72+ render : (val ) => {
73+ return < CTable .TimeTpl value= {val} / > ;
74+ },
5875 },
5976 {
6077 title: ' 活动分类' ,
@@ -64,46 +81,50 @@ const columns = [
6481 const styleConfig = {
6582 ' primary-tag' : {
6683 background: ' rgba(245, 248, 255, 1)' ,
67- color: ' rgba(51, 82, 204, 1)'
84+ color: ' rgba(51, 82, 204, 1)' ,
6885 },
6986 ' warn-tag' : {
7087 background: ' rgba(255, 249, 219, 1)' ,
71- color: ' rgba(217, 152, 0, 1)'
88+ color: ' rgba(217, 152, 0, 1)' ,
7289 },
7390 ' error-tag' : {
7491 background: ' rgba(255, 237, 237, 1)' ,
75- color: ' rgba(189, 53, 53, 1)'
92+ color: ' rgba(189, 53, 53, 1)' ,
7693 },
7794 ' default-tag' : {
7895 background: ' rgba(245, 245, 245, 1)' ,
79- color: ' rgba(0, 0, 0, 0.65)'
96+ color: ' rgba(0, 0, 0, 0.65)' ,
8097 },
8198 ' success-tag' : {
8299 background: ' rgba(229, 249, 231, 1)' ,
83- color: ' rgba(0, 143, 57, 1)'
84- }
100+ color: ' rgba(0, 143, 57, 1)' ,
101+ },
85102 };
86103
87104 return (
88105 < div>
89106 {category .map ((x , index ) => (
90- < span key= {index} style= {{ padding: ' 4px 8px' , marginRight: 12 , ... styleConfig[x .status ] }}>
91- {x .text }
92- < / span>
107+ < span
108+ key= {index}
109+ style= {{
110+ padding: ' 4px 8px' ,
111+ marginRight: 12 ,
112+ ... styleConfig[x .status ],
113+ }}
114+ >
115+ {x .text }
116+ < / span>
93117 ))}
94118 < / div>
95- )
96- }
119+ );
120+ },
97121 },
98122 { title: ' 创建人' , dataIndex: ' creator' },
99123];
100124
101125export default function CTableDemo () {
102126 return (
103- < CTable
104- columnData= {columns}
105- ajaxData= {{ totals: data .length , data }}
106- / >
127+ < CTable columnData= {columns} ajaxData= {{ totals: data .length , data }} / >
107128 );
108129}
109130```
0 commit comments