Skip to content

Commit bab4255

Browse files
author
283591387@qq.com
committed
增加vue3版本自定义列是否显示与列显示顺序
1 parent edcfe4c commit bab4255

File tree

10 files changed

+932
-384
lines changed

10 files changed

+932
-384
lines changed

‎Vol.Vue3版本/src/components/basic/ViewGrid/ViewGrid.less‎

Lines changed: 122 additions & 123 deletions
Original file line numberDiff line numberDiff line change
@@ -1,155 +1,155 @@
1-
.view-container{
1+
.view-container {
22
// padding: 15px;
33
background: white;
4-
.grid-search{
5-
padding-top:15px;
4+
.grid-search {
5+
padding-top: 15px;
66
//padding: 15px 15px 0 15px;
77
}
8-
.grid-container,.grid-body{
8+
.grid-container,
9+
.grid-body {
910
padding: 0 15px;
1011
}
11-
.view-header{
12+
.view-header {
1213
padding-left: 15px;
1314
padding-right: 15px;
1415
}
15-
.fs-line{
16+
.fs-line {
1617
height: 9px;
1718
background: #f1f1f1;
1819
margin-top: -10px;
1920
margin-bottom: 10px;
2021
}
2122
}
2223
.view-header {
23-
height: 45px;
24+
height: 45px;
25+
position: relative;
26+
padding-bottom: 11px;
27+
display: flex;
28+
.search-line {
29+
min-width: 150px;
30+
}
31+
.search-line > div {
32+
margin-left: 5px;
33+
margin-right: 10px;
34+
}
35+
.search-line > div > div {
36+
width: 200px;
37+
text-align: left;
38+
}
39+
.search-line > div:first-child {
40+
flex: 1;
41+
}
42+
.search-line > div .ivu-select-dropdown {
43+
max-height: 300px;
44+
}
45+
.btn-group {
46+
white-space: nowrap;
47+
button {
48+
margin-left: 10px;
49+
// padding: 5px 16px;
50+
}
51+
}
52+
.btn-group .ivu-dropdown-item {
53+
text-align: left !important;
54+
}
55+
.btn-group .ivu-dropdown-item:not(:last-child) {
56+
border-bottom: 1px dotted #eee;
57+
}
58+
.desc-text {
59+
margin-top: 5px;
60+
font-weight: bold;
61+
margin-bottom: 3px;
62+
font-size: 14px;
63+
color: #313131;
64+
white-space: nowrap;
65+
border-bottom: 2px solid #646565;
66+
i {
67+
font-size: 16px;
68+
position: relative;
69+
top: 1px;
70+
margin-right: 2px;
71+
}
72+
}
73+
.search-box {
74+
background: #fefefe;
75+
margin-top: 45px;
76+
border: 1px solid #ececec;
77+
position: absolute;
78+
z-index: 999;
79+
left: 0;
80+
right: 0;
81+
padding: 25px 40px;
82+
padding-bottom: 0;
83+
box-shadow: 0px 7px 18px -12px #bdc0bb;
84+
}
85+
.notice {
86+
font-size: 13px;
87+
color: #6b6b6b;
88+
overflow: hidden;
89+
text-overflow: ellipsis;
90+
white-space: nowrap;
2491
position: relative;
25-
padding-bottom: 11px;
26-
display: flex;
27-
.search-line {
28-
min-width: 150px;
29-
}
30-
.search-line > div {
31-
margin-left: 5px;
32-
margin-right: 10px;
33-
}
34-
.search-line > div > div{
35-
width: 200px;
36-
text-align: left;
37-
}
38-
.search-line > div:first-child{
39-
flex: 1;
40-
}
41-
.search-line > div .ivu-select-dropdown{
42-
max-height: 300px;
43-
}
44-
.btn-group{
45-
white-space: nowrap;
46-
button {
47-
margin-left: 10px;
48-
// padding: 5px 16px;
49-
}
50-
}
51-
.btn-group .ivu-dropdown-item {
52-
text-align: left !important;
53-
}
54-
.btn-group .ivu-dropdown-item:not(:last-child) {
55-
border-bottom: 1px dotted #eee;
56-
}
57-
.desc-text {
58-
margin-top: 5px;
59-
font-weight: bold;
60-
margin-bottom: 3px;
61-
font-size: 14px;
62-
color: #313131;
63-
white-space: nowrap;
64-
border-bottom: 2px solid #646565;
65-
i{
66-
font-size: 16px;
67-
position: relative;
68-
top: 1px;
69-
margin-right: 2px;
70-
}
71-
}
72-
.search-box {
73-
background: #fefefe;
74-
margin-top: 45px;
75-
border: 1px solid #ececec;
76-
position: absolute;
77-
z-index: 999;
78-
left: 0;
79-
right: 0;
80-
padding: 25px 40px;
81-
padding-bottom: 0;
82-
box-shadow: 0px 7px 18px -12px #bdc0bb;
83-
}
84-
.notice {
85-
font-size: 13px;
86-
color: #6b6b6b;
87-
overflow: hidden;
88-
text-overflow: ellipsis;
89-
white-space: nowrap;
90-
position: relative;
91-
top: 12px;
92-
flex: 1;
93-
left: 10px;
94-
margin-right: 20px;
95-
}
92+
top: 12px;
93+
flex: 1;
94+
left: 10px;
95+
margin-right: 20px;
9696
}
97+
}
9798

9899
.table-info-cell-title {
99-
background-color: #f5f5f5 !important;
100-
}
100+
background-color: #f5f5f5 !important;
101+
}
101102
.box-com {
102-
103-
> div.item{
103+
> div.item {
104104
// margin-bottom: 10px;
105105
padding: 15px 17px 0 8px;
106106
margin-bottom: 12px;
107107
background: white;
108108
}
109-
> div.form-item{
109+
> div.form-item {
110110
padding: 19px 16px 0px 5px;
111111
//box-shadow: 0 1px 7px rgb(199, 199, 199);
112112
}
113-
> div.table-item{
113+
> div.table-item {
114114
padding: 0 10px;
115115
border-top: 12px solid #eaeaea;
116116
}
117-
.v-text{
118-
line-height: 27px;
119-
}
120-
.form-text{
121-
position: relative;
122-
border-bottom: 1px solid #eee;
123-
font-size: 14px;
124-
margin-bottom: 14px;
125-
}
117+
.v-text {
118+
line-height: 27px;
126119
}
127-
128-
.form-closex {
129-
text-align: right;
130-
padding-bottom: 24px;
131-
}
132-
.form-closex button {
133-
margin-left: 10px;
134-
padding: 4px 13px;
120+
.form-text {
121+
position: relative;
122+
border-bottom: 1px solid #eee;
123+
font-size: 14px;
124+
margin-bottom: 14px;
135125
}
136-
.toolbar{
126+
}
127+
128+
.form-closex {
129+
text-align: right;
130+
padding-bottom: 24px;
131+
}
132+
.form-closex button {
133+
margin-left: 10px;
134+
padding: 4px 13px;
135+
}
136+
.toolbar {
137137
padding: 3px 0px;
138138
width: 100%;
139139
display: flex;
140-
.title{
140+
.title {
141141
line-height: 29px;
142142
border-bottom: none;
143143
font-size: 13px;
144144
font-weight: bolder;
145145
margin-bottom: 0;
146146
color: #5d5c5c;
147-
.icon{
147+
.icon {
148148
color: #009688;
149149
font-size: 18px;
150150
}
151151

152-
i{
152+
i {
153153
line-height: 29px;
154154
border-bottom: none;
155155
font-weight: bolder;
@@ -159,22 +159,21 @@
159159
margin-top: -4px;
160160
font-size: 14px;
161161
}
162-
}
163-
.btns{
164-
line-height: 28px;
165-
flex: 1;
166-
text-align: right;
167-
button{
168-
// border: none;
169-
// margin-left:15px;
170-
border: 0px;
171-
padding: 0px 9px;
172-
}
173-
// button:hover{
174-
// color: #FF9800;
175-
// border-color: #FF9800;
176-
// border: none;
177-
// }
178-
162+
}
163+
.btns {
164+
line-height: 28px;
165+
flex: 1;
166+
text-align: right;
167+
button {
168+
// border: none;
169+
// margin-left:15px;
170+
border: 0px;
171+
padding: 0px 9px;
179172
}
180-
}
173+
// button:hover{
174+
// color: #FF9800;
175+
// border-color: #FF9800;
176+
// border: none;
177+
// }
178+
}
179+
}

0 commit comments

Comments
 (0)