@vtx/modals2 5.0.36 → 5.0.37

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,27 +1,27 @@
1
- .vm-car-statistics {
2
- width: 208px;
3
- height: 84px;
4
- display: flex;
5
- flex-direction: column;
6
- justify-content: space-between;
7
- padding: 20px;
8
- background-size: 100% 100%;
9
- &-label {
10
- color: var(--img-text-color);
11
- }
12
- &-value, &-unit {
13
- color: #1f1f1f;
14
- }
15
- &.vm-car-statistics-dark {
16
- .vm-car-statistics-value,.vm-car-statistics-unit {
17
- background: linear-gradient(180deg, #ffffff 0%, #119FFB 100%);
18
- background-clip: text;
19
- -webkit-text-fill-color: transparent;
20
- }
21
- }
22
- &-value {
23
- font-size: 20px;
24
- font-weight: bold;
25
- margin-right: 4px;
26
- }
27
- }
1
+ .vm-car-statistics {
2
+ width: 208px;
3
+ height: 84px;
4
+ display: flex;
5
+ flex-direction: column;
6
+ justify-content: space-between;
7
+ padding: 20px;
8
+ background-size: 100% 100%;
9
+ &-label {
10
+ color: var(--img-text-color);
11
+ }
12
+ &-value, &-unit {
13
+ color: #1f1f1f;
14
+ }
15
+ &.vm-car-statistics-dark {
16
+ .vm-car-statistics-value,.vm-car-statistics-unit {
17
+ background: linear-gradient(180deg, #ffffff 0%, #119FFB 100%);
18
+ background-clip: text;
19
+ -webkit-text-fill-color: transparent;
20
+ }
21
+ }
22
+ &-value {
23
+ font-size: 20px;
24
+ font-weight: bold;
25
+ margin-right: 4px;
26
+ }
27
+ }
@@ -1,11 +1,11 @@
1
- .vm-factor-list-wrap {
2
- display: flex;
3
- padding: 12px 16px;
4
- height: 68px;
5
- background: #F3F8FF;
6
- border-radius: 8px;
7
- gap: 26px;
8
- &.dark {
9
- background: rgba(0,136,240,0.15);
10
- }
11
- }
1
+ .vm-factor-list-wrap {
2
+ display: flex;
3
+ padding: 12px 16px;
4
+ height: 68px;
5
+ background: #F3F8FF;
6
+ border-radius: 8px;
7
+ gap: 26px;
8
+ &.dark {
9
+ background: rgba(0,136,240,0.15);
10
+ }
11
+ }
@@ -1,7 +1,7 @@
1
- .vm-popover {
2
- &.dark {
3
- .ant-popover-inner-content, .ant-popover-arrow-content, .ant-popover-arrow-content::before {
4
- background: rgb(51 95 135);
5
- }
6
- }
7
- }
1
+ .vm-popover {
2
+ &.dark {
3
+ .ant-popover-inner-content, .ant-popover-arrow-content, .ant-popover-arrow-content::before {
4
+ background: rgb(51 95 135);
5
+ }
6
+ }
7
+ }
@@ -173,10 +173,10 @@ var VMTable = function VMTable(props) {
173
173
  });
174
174
  };
175
175
 
176
- /**
177
- * 表格导出按钮
178
- * @param props
179
- * @returns
176
+ /**
177
+ * 表格导出按钮
178
+ * @param props
179
+ * @returns
180
180
  */
181
181
 
182
182
  export var ExportBtn = function ExportBtn(props) {
@@ -1,98 +1,98 @@
1
- .vm-modal-header-container {
2
- width: 100%;
3
- height: 116px;
4
- border-radius: 8px 8px 0 0;
5
- background: var(--modal-head-bg);
6
- padding: 0 16px;
7
- margin-top: 1px;
8
- }
9
-
10
- .vm-modal-header-wrap {
11
- width: 100%;
12
- height: 56px;
13
- display: flex;
14
- align-items: center;
15
- justify-content: space-between;
16
- position: relative;
17
- &::after {
18
- position: absolute;
19
- top: 54px;
20
- left: 0;
21
- content: '';
22
- width: 180px;
23
- height: 1px;
24
- background: var(--modal-head-line-bg);
25
- box-shadow: var(--modal-head-line-shadow);
26
- border-radius: 8px;
27
- animation: move 6s linear infinite;
28
-
29
- @keyframes move {
30
- 0% {
31
- left: 0;
32
- }
33
-
34
- 100% {
35
- left: calc(100% - 180px);
36
- }
37
- }
38
- }
39
-
40
- &-left {
41
- display: flex;
42
- align-items: center;
43
- gap: 8px;
44
-
45
- &-title {
46
- font-weight: bold;
47
- font-size: 20px;
48
- color: var(--modal-title-color);
49
- }
50
-
51
- &-tag {
52
- display: flex;
53
- align-items: center;
54
- justify-content: center;
55
- gap: 4px;
56
- height: 24px;
57
- border-radius: 16px;
58
- font-size: 12px;
59
- padding: 0 8px;
60
- border: 1px solid;
61
- }
62
- }
63
-
64
- &-right {
65
- display: flex;
66
- align-items: center;
67
- gap: 16px;
68
-
69
- &-close {
70
- display: flex;
71
- align-items: center;
72
- justify-content: center;
73
- color: var(--modal-close-color);
74
- width: 28px;
75
- height: 28px;
76
- cursor: pointer;
77
- font-size: 16px;
78
- }
79
-
80
- &-line {
81
- width: 1px;
82
- height: 14px;
83
- background-color: var(--modal-head-split-line-color);
84
- }
85
-
86
- &-collect {
87
- width: 28px;
88
- height: 28px;
89
- border-radius: 8px;
90
- text-align: center;
91
- cursor: pointer;
92
-
93
- &.active {
94
- background: var(--collect-bg);
95
- }
96
- }
97
- }
98
- }
1
+ .vm-modal-header-container {
2
+ width: 100%;
3
+ height: 116px;
4
+ border-radius: 8px 8px 0 0;
5
+ background: var(--modal-head-bg);
6
+ padding: 0 16px;
7
+ margin-top: 1px;
8
+ }
9
+
10
+ .vm-modal-header-wrap {
11
+ width: 100%;
12
+ height: 56px;
13
+ display: flex;
14
+ align-items: center;
15
+ justify-content: space-between;
16
+ position: relative;
17
+ &::after {
18
+ position: absolute;
19
+ top: 54px;
20
+ left: 0;
21
+ content: '';
22
+ width: 180px;
23
+ height: 1px;
24
+ background: var(--modal-head-line-bg);
25
+ box-shadow: var(--modal-head-line-shadow);
26
+ border-radius: 8px;
27
+ animation: move 6s linear infinite;
28
+
29
+ @keyframes move {
30
+ 0% {
31
+ left: 0;
32
+ }
33
+
34
+ 100% {
35
+ left: calc(100% - 180px);
36
+ }
37
+ }
38
+ }
39
+
40
+ &-left {
41
+ display: flex;
42
+ align-items: center;
43
+ gap: 8px;
44
+
45
+ &-title {
46
+ font-weight: bold;
47
+ font-size: 20px;
48
+ color: var(--modal-title-color);
49
+ }
50
+
51
+ &-tag {
52
+ display: flex;
53
+ align-items: center;
54
+ justify-content: center;
55
+ gap: 4px;
56
+ height: 24px;
57
+ border-radius: 16px;
58
+ font-size: 12px;
59
+ padding: 0 8px;
60
+ border: 1px solid;
61
+ }
62
+ }
63
+
64
+ &-right {
65
+ display: flex;
66
+ align-items: center;
67
+ gap: 16px;
68
+
69
+ &-close {
70
+ display: flex;
71
+ align-items: center;
72
+ justify-content: center;
73
+ color: var(--modal-close-color);
74
+ width: 28px;
75
+ height: 28px;
76
+ cursor: pointer;
77
+ font-size: 16px;
78
+ }
79
+
80
+ &-line {
81
+ width: 1px;
82
+ height: 14px;
83
+ background-color: var(--modal-head-split-line-color);
84
+ }
85
+
86
+ &-collect {
87
+ width: 28px;
88
+ height: 28px;
89
+ border-radius: 8px;
90
+ text-align: center;
91
+ cursor: pointer;
92
+
93
+ &.active {
94
+ background: var(--collect-bg);
95
+ }
96
+ }
97
+ }
98
+ }
@@ -1,54 +1,54 @@
1
- .vm-modal-tabs {
2
- width: 100%;
3
- height: 60px;
4
- background: var(--vm-tabs-bg);
5
- border-radius: 8px 8px 0 0;
6
- border: none;
7
- // border: 2px solid var(--vm-tab-border-color);
8
- display: flex;
9
- justify-content: center;
10
- gap: 16px;
11
- align-items: center;
12
-
13
- &-item {
14
- display: flex;
15
- height: 36px;
16
- padding: 0 14px;
17
- font-size: 16px;
18
- gap: 8px;
19
- color: var(--vm-tabs-font-color);
20
- cursor: pointer;
21
- align-items: center;
22
- justify-content: center;
23
-
24
- &-active {
25
- background: var(--vm-tab-item-active-bg-color);
26
- border-radius: 26px;
27
- color: var(--vm-tab-item-active-color);
28
- box-shadow: var(--vm-tab-item-active-box-shadow);
29
- &.vm-modal-tabs-item-dark {
30
- position: relative;
31
- &::before {
32
- content: '';
33
- position: absolute;
34
- top: 0;
35
- left: 0;
36
- right: 0;
37
- bottom: 0;
38
- background: linear-gradient(
39
- 180deg,
40
- rgba(255, 255, 255, 1),
41
- rgba(54, 161, 255, 1)
42
- );
43
- border-radius: 26px;
44
- padding: 1px;
45
- -webkit-mask: linear-gradient(#fff 0 0) content-box,
46
- linear-gradient(#fff 0 0);
47
- -webkit-mask-composite: xor;
48
- mask-composite: exclude;
49
- z-index: -1;
50
- }
51
- }
52
- }
53
- }
54
- }
1
+ .vm-modal-tabs {
2
+ width: 100%;
3
+ height: 60px;
4
+ background: var(--vm-tabs-bg);
5
+ border-radius: 8px 8px 0 0;
6
+ border: none;
7
+ // border: 2px solid var(--vm-tab-border-color);
8
+ display: flex;
9
+ justify-content: center;
10
+ gap: 16px;
11
+ align-items: center;
12
+
13
+ &-item {
14
+ display: flex;
15
+ height: 36px;
16
+ padding: 0 14px;
17
+ font-size: 16px;
18
+ gap: 8px;
19
+ color: var(--vm-tabs-font-color);
20
+ cursor: pointer;
21
+ align-items: center;
22
+ justify-content: center;
23
+
24
+ &-active {
25
+ background: var(--vm-tab-item-active-bg-color);
26
+ border-radius: 26px;
27
+ color: var(--vm-tab-item-active-color);
28
+ box-shadow: var(--vm-tab-item-active-box-shadow);
29
+ &.vm-modal-tabs-item-dark {
30
+ position: relative;
31
+ &::before {
32
+ content: '';
33
+ position: absolute;
34
+ top: 0;
35
+ left: 0;
36
+ right: 0;
37
+ bottom: 0;
38
+ background: linear-gradient(
39
+ 180deg,
40
+ rgba(255, 255, 255, 1),
41
+ rgba(54, 161, 255, 1)
42
+ );
43
+ border-radius: 26px;
44
+ padding: 1px;
45
+ -webkit-mask: linear-gradient(#fff 0 0) content-box,
46
+ linear-gradient(#fff 0 0);
47
+ -webkit-mask-composite: xor;
48
+ mask-composite: exclude;
49
+ z-index: -1;
50
+ }
51
+ }
52
+ }
53
+ }
54
+ }
@@ -1,6 +1,6 @@
1
- .vm-car-map-wrap {
2
- flex: 1;
3
- min-height: 0;
4
- width: 100%;
5
- margin-top: 10px;
6
- }
1
+ .vm-car-map-wrap {
2
+ flex: 1;
3
+ min-height: 0;
4
+ width: 100%;
5
+ margin-top: 10px;
6
+ }
@@ -1,6 +1,6 @@
1
- .vtx-car-oil-wrap {
2
- height: 100%;
3
- display: flex;
4
- gap: 16px;
5
- flex-direction: column;
6
- }
1
+ .vtx-car-oil-wrap {
2
+ height: 100%;
3
+ display: flex;
4
+ gap: 16px;
5
+ flex-direction: column;
6
+ }
@@ -1,6 +1,6 @@
1
- .vtx-car-water-wrap {
2
- height: 100%;
3
- display: flex;
4
- gap: 16px;
5
- flex-direction: column;
6
- }
1
+ .vtx-car-water-wrap {
2
+ height: 100%;
3
+ display: flex;
4
+ gap: 16px;
5
+ flex-direction: column;
6
+ }
@@ -1,6 +1,6 @@
1
- .vm-cc-unit-map-wrap {
2
- flex: 1;
3
- min-height: 230px;
4
- width: 100%;
5
- margin-top: 10px;
6
- }
1
+ .vm-cc-unit-map-wrap {
2
+ flex: 1;
3
+ min-height: 230px;
4
+ width: 100%;
5
+ margin-top: 10px;
6
+ }
@@ -1,66 +1,66 @@
1
- .vtx-device-analysis-dot {
2
- width: 6px;
3
- height: 6px;
4
- background: var(--green-color);
5
- border-radius: 50%;
6
- &.error {
7
- background: var(--red-color);
8
- }
9
- }
10
-
11
- .vtx-device-analysis-tabs {
12
- display: flex;
13
- gap: 16px;
14
- color: var(--modal-title-color);
15
- font-size: 14px;
16
- &-item {
17
- cursor: pointer;
18
- &.active {
19
- color: var(--blue-color);
20
- }
21
- }
22
- }
23
-
24
- .vtx-device-alarm-summary {
25
- width: 368px;
26
- height: 104px;
27
- padding: 20px;
28
- margin-bottom: 20px;
29
- color: var(--modal-title-color);
30
- display: flex;
31
- justify-content: space-between;
32
- flex-direction: column;
33
- cursor: pointer;
34
- background-image: url("../../imgs/current.png");
35
- background-size: 100% 100%;
36
- border-radius: 8px;
37
- border: 1px solid transparent;
38
- &-lable {
39
- font-size: 16px;
40
- font-weight: 600;
41
- }
42
- &-value {
43
- font-weight: 600;
44
- font-size: 24px;
45
- color: var(--red-color);
46
- }
47
- &.dark {
48
- background-image: url("../../imgs/current_dark.png");
49
- &:last-child {
50
- background-image: url("../../imgs/history_dark.png");
51
- }
52
- }
53
- &.active {
54
- border:1px solid var(--red-color);
55
- }
56
- &:last-child {
57
- margin-bottom: 0;
58
- background-image: url("../../imgs/history.png");
59
- .vtx-device-alarm-summary-value {
60
- color: var(--yellow-color);
61
- }
62
- &.active {
63
- border:1px solid var(--yellow-color);
64
- }
65
- }
66
- }
1
+ .vtx-device-analysis-dot {
2
+ width: 6px;
3
+ height: 6px;
4
+ background: var(--green-color);
5
+ border-radius: 50%;
6
+ &.error {
7
+ background: var(--red-color);
8
+ }
9
+ }
10
+
11
+ .vtx-device-analysis-tabs {
12
+ display: flex;
13
+ gap: 16px;
14
+ color: var(--modal-title-color);
15
+ font-size: 14px;
16
+ &-item {
17
+ cursor: pointer;
18
+ &.active {
19
+ color: var(--blue-color);
20
+ }
21
+ }
22
+ }
23
+
24
+ .vtx-device-alarm-summary {
25
+ width: 368px;
26
+ height: 104px;
27
+ padding: 20px;
28
+ margin-bottom: 20px;
29
+ color: var(--modal-title-color);
30
+ display: flex;
31
+ justify-content: space-between;
32
+ flex-direction: column;
33
+ cursor: pointer;
34
+ background-image: url("../../imgs/current.png");
35
+ background-size: 100% 100%;
36
+ border-radius: 8px;
37
+ border: 1px solid transparent;
38
+ &-lable {
39
+ font-size: 16px;
40
+ font-weight: 600;
41
+ }
42
+ &-value {
43
+ font-weight: 600;
44
+ font-size: 24px;
45
+ color: var(--red-color);
46
+ }
47
+ &.dark {
48
+ background-image: url("../../imgs/current_dark.png");
49
+ &:last-child {
50
+ background-image: url("../../imgs/history_dark.png");
51
+ }
52
+ }
53
+ &.active {
54
+ border:1px solid var(--red-color);
55
+ }
56
+ &:last-child {
57
+ margin-bottom: 0;
58
+ background-image: url("../../imgs/history.png");
59
+ .vtx-device-alarm-summary-value {
60
+ color: var(--yellow-color);
61
+ }
62
+ &.active {
63
+ border:1px solid var(--yellow-color);
64
+ }
65
+ }
66
+ }
@@ -1,16 +1,16 @@
1
- .vtx-restaurant-rule_item {
2
- border-radius: 8px 8px 8px 8px;
3
- border: 1px solid var(--gray-line-color);
4
- padding: 16px 16px 8px;
5
- margin-top: 12px;
6
- position: relative;
7
- .vtx-restaurant-border {
8
- width: 100%;
9
- position: absolute;
10
- left: 0;
11
- top: -2px;
12
- height: 44px;
13
- border-radius: 8px 8px 0px 0px;
14
- border-top: 2px solid var(--blue-color);
15
- }
16
- }
1
+ .vtx-restaurant-rule_item {
2
+ border-radius: 8px 8px 8px 8px;
3
+ border: 1px solid var(--gray-line-color);
4
+ padding: 16px 16px 8px;
5
+ margin-top: 12px;
6
+ position: relative;
7
+ .vtx-restaurant-border {
8
+ width: 100%;
9
+ position: absolute;
10
+ left: 0;
11
+ top: -2px;
12
+ height: 44px;
13
+ border-radius: 8px 8px 0px 0px;
14
+ border-top: 2px solid var(--blue-color);
15
+ }
16
+ }
@@ -60,108 +60,108 @@ export var QD_DETAIL_FIELDS = [{
60
60
  label: '二维码'
61
61
  }];
62
62
  export var RestaurantConfigureEnum = {
63
- /**
64
- * 编号
63
+ /**
64
+ * 编号
65
65
  */
66
66
  CODE: 'code',
67
- /**
68
- * 产生单位名称
67
+ /**
68
+ * 产生单位名称
69
69
  */
70
70
  NAME: 'name',
71
- /**
72
- * 店铺名称
71
+ /**
72
+ * 店铺名称
73
73
  */
74
74
  SHORT_NAME: 'shortName',
75
- /**
76
- * 行政区划名称
75
+ /**
76
+ * 行政区划名称
77
77
  */
78
78
  DIVISION_NAME: 'divisionId',
79
- /**
80
- * 联系人
79
+ /**
80
+ * 联系人
81
81
  */
82
82
  CONTACT_PERSON: 'contactPerson',
83
- /**
84
- * 联系方式
83
+ /**
84
+ * 联系方式
85
85
  */
86
86
  CONTACT_PHONE: 'contactPhone',
87
- /**
88
- * 身份证号
87
+ /**
88
+ * 身份证号
89
89
  */
90
90
  CARD_ID: 'cardId',
91
- /**
92
- * 商户地址
91
+ /**
92
+ * 商户地址
93
93
  */
94
94
  ADDRESS: 'address',
95
- /**
96
- * 经纬度
95
+ /**
96
+ * 经纬度
97
97
  */
98
98
  LOCATION: 'location',
99
- /**
100
- * 产生单位状态
99
+ /**
100
+ * 产生单位状态
101
101
  */
102
102
  SIGNED_STATUS: 'signedStatus',
103
- /**
104
- * 签约状态
103
+ /**
104
+ * 签约状态
105
105
  */
106
106
  IS_SIGN: 'isSign',
107
- /**
108
- * 收集类型
107
+ /**
108
+ * 收集类型
109
109
  */
110
110
  COLLECT_STATUS: 'collectStatus',
111
- /**
112
- * 收集点
111
+ /**
112
+ * 收集点
113
113
  */
114
114
  SY_POINT_NAME: 'syPointId',
115
- /**
116
- * 商户类型名称
115
+ /**
116
+ * 商户类型名称
117
117
  */
118
118
  CLASSES_NAME: 'classesId',
119
- /**
120
- * 规模名称
119
+ /**
120
+ * 规模名称
121
121
  */
122
122
  SCALE_NAME: 'scaleId',
123
- /**
124
- * 垃圾桶个数
123
+ /**
124
+ * 垃圾桶个数
125
125
  */
126
126
  TRASH_CAN_NUM: 'trashCanNum',
127
- /**
128
- * 统一社会信用代码
127
+ /**
128
+ * 统一社会信用代码
129
129
  */
130
130
  CREDIT_CODE: 'creditCode',
131
- /**
132
- * 行业名称
131
+ /**
132
+ * 行业名称
133
133
  */
134
134
  INDUSTRY_NAME: 'industryId',
135
- /**
136
- * 经营范围
135
+ /**
136
+ * 经营范围
137
137
  */
138
138
  BUSINESS_SCOPE: 'businessScope',
139
- /**
140
- * 注册资金
139
+ /**
140
+ * 注册资金
141
141
  */
142
142
  REGISTER_MONEY: 'registerMoney',
143
- /**
144
- * 企业成立时间
143
+ /**
144
+ * 企业成立时间
145
145
  */
146
146
  ESTABLISHED_TIME: 'establishedTime',
147
- /**
148
- * 建议收集时间
147
+ /**
148
+ * 建议收集时间
149
149
  */
150
150
  SUGGEST_COLLECT_TIME: 'suggestCollectTime',
151
- /**
152
- * 营业时间段
151
+ /**
152
+ * 营业时间段
153
153
  */
154
154
  BUSINESS_TIME: 'businessTime',
155
- /**
156
- * 垃圾桶摆放位置图片
155
+ /**
156
+ * 垃圾桶摆放位置图片
157
157
  */
158
158
  TRASH_BIN_LOCATION_PHOTO: 'trashBinLocationPhoto',
159
- /**
160
- * 商户图片
159
+ /**
160
+ * 商户图片
161
161
  */
162
162
  PHOTO_IDS: 'photoIds',
163
- /**
164
- * 证件图片
163
+ /**
164
+ * 证件图片
165
165
  */
166
166
  PAPER_FILE_IDS: 'paperFileIds'
167
167
  };
@@ -1,32 +1,32 @@
1
- .road-statistic-summary-main-rate {
2
- --bg-color: linear-gradient(180deg, #E4EFFF 0%, #F5FBFF 100%);
3
- &-dark {
4
- --bg-color: linear-gradient(180deg, #1C7CBF 0%, #0B588E 100%);
5
- }
6
- width: 100%;
7
- height: 130px;
8
- display: flex;
9
- align-items: center;
10
- justify-content: space-around;
11
- padding: 0 24px;
12
- background: var(--bg-color);
13
- border-radius: 8px;
14
- &--block {
15
- width: 8px;
16
- height: 8px;
17
- border-radius: 50%;
18
- }
19
- &--label {
20
- display: flex;
21
- gap: 4px;
22
- align-items: center;
23
- font-size: 16px;
24
- color: var(--img-text-color);
25
- }
26
- &--value {
27
- margin-left: 12px;
28
- font-weight: bold;
29
- font-size: 24px;
30
- color: #1F1F1F;
31
- }
32
- }
1
+ .road-statistic-summary-main-rate {
2
+ --bg-color: linear-gradient(180deg, #E4EFFF 0%, #F5FBFF 100%);
3
+ &-dark {
4
+ --bg-color: linear-gradient(180deg, #1C7CBF 0%, #0B588E 100%);
5
+ }
6
+ width: 100%;
7
+ height: 130px;
8
+ display: flex;
9
+ align-items: center;
10
+ justify-content: space-around;
11
+ padding: 0 24px;
12
+ background: var(--bg-color);
13
+ border-radius: 8px;
14
+ &--block {
15
+ width: 8px;
16
+ height: 8px;
17
+ border-radius: 50%;
18
+ }
19
+ &--label {
20
+ display: flex;
21
+ gap: 4px;
22
+ align-items: center;
23
+ font-size: 16px;
24
+ color: var(--img-text-color);
25
+ }
26
+ &--value {
27
+ margin-left: 12px;
28
+ font-weight: bold;
29
+ font-size: 24px;
30
+ color: #1F1F1F;
31
+ }
32
+ }
@@ -35,8 +35,11 @@ var Charts = function Charts(_ref) {
35
35
  var value = chartData.find(function (item) {
36
36
  return item.name === name;
37
37
  });
38
+ var total = chartData.reduce(function (acc, cur) {
39
+ return acc + cur.value;
40
+ }, 0);
38
41
  if (value) {
39
- return "\t\t".concat(name, "\t\t").concat(value.value, "\u6B21\t\t");
42
+ return "\t\t".concat(name, "\t\t").concat(value.value, "\u6B21\t\t").concat((value.value / total * 100).toFixed(2), "%");
40
43
  } else {
41
44
  return '';
42
45
  }
@@ -99,6 +99,7 @@ var List = function List(props) {
99
99
  defaultPageSize: 10,
100
100
  onChange: pageChange
101
101
  }),
102
+ height: 110,
102
103
  handleTableChange: handleTableChange,
103
104
  dataSource: records.rows
104
105
  };
@@ -11,12 +11,13 @@ import { useSetState } from 'ahooks';
11
11
  import dayjs from 'dayjs';
12
12
  import { VmEmpty, VmPieCharts, VmWrapper } from "../../../_components";
13
13
  import { AttendanceService } from "../../api";
14
+ import { sumBy } from 'lodash';
14
15
  import { jsx as _jsx } from "react/jsx-runtime";
15
16
  export default function Exeception(props) {
16
17
  var id = props.id,
17
18
  service = props.service;
18
19
  var _useSetState = useSetState({
19
- startDate: dayjs(),
20
+ startDate: dayjs().startOf('M'),
20
21
  endDate: dayjs()
21
22
  }),
22
23
  _useSetState2 = _slicedToArray(_useSetState, 2),
@@ -24,7 +25,7 @@ export default function Exeception(props) {
24
25
  setState = _useSetState2[1];
25
26
  var startDate = state.startDate,
26
27
  endDate = state.endDate;
27
- var _AttendanceService$us = AttendanceService.useAnalysis(id, startDate.startOf('M').format('YYYY-MM-DD'), endDate.format('YYYY-MM-DD'), service),
28
+ var _AttendanceService$us = AttendanceService.useAnalysis(id, startDate.format('YYYY-MM-DD'), endDate.format('YYYY-MM-DD'), service),
28
29
  attendAnalysisRes = _AttendanceService$us.attendAnalysisRes;
29
30
  var handleDateChange = function handleDateChange(dates) {
30
31
  setState({
@@ -47,6 +48,8 @@ export default function Exeception(props) {
47
48
  innerRadius: ['50%', '65%'],
48
49
  outerRadius: ['65%', '70%'],
49
50
  dataList: attendAnalysisRes || [],
51
+ total: sumBy(attendAnalysisRes, 'value'),
52
+ title: "\u603B\u6570(\u6B21)",
50
53
  legendConfig: {
51
54
  right: 12
52
55
  }
@@ -22,7 +22,7 @@ export default function Record(props) {
22
22
  var id = props.id,
23
23
  service = props.service;
24
24
  var _useSetState = useSetState({
25
- startDate: dayjs(),
25
+ startDate: dayjs().startOf('M'),
26
26
  endDate: dayjs(),
27
27
  pagination: {
28
28
  current: 1,
@@ -36,12 +36,24 @@ export default function Record(props) {
36
36
  var pagination = state.pagination,
37
37
  startDate = state.startDate,
38
38
  endDate = state.endDate;
39
- var _AttendanceService$us = AttendanceService.useAttendRecord(id, "".concat(startDate.startOf('M').format('YYYY-MM-DD'), " 00:00:00"), "".concat(endDate.format('YYYY-MM-DD'), " 23:59:59"), pagination.current - 1, service),
39
+ var _AttendanceService$us = AttendanceService.useAttendRecord(id, "".concat(startDate.format('YYYY-MM-DD'), " 00:00:00"), "".concat(endDate.format('YYYY-MM-DD'), " 23:59:59"), pagination.current - 1, service),
40
40
  attendRecordRes = _AttendanceService$us.attendRecordRes;
41
41
  var records = {
42
42
  total: (attendRecordRes === null || attendRecordRes === void 0 ? void 0 : attendRecordRes.total) || 0,
43
43
  rows: (attendRecordRes === null || attendRecordRes === void 0 ? void 0 : attendRecordRes.rows) || []
44
44
  };
45
+ var getColor = function getColor(code) {
46
+ var color = '';
47
+ switch (code) {
48
+ case '正常':
49
+ color = 'staff-attend-record-status1';
50
+ break;
51
+ default:
52
+ color = 'staff-attend-record-status2';
53
+ break;
54
+ }
55
+ return color;
56
+ };
45
57
  var columns = [{
46
58
  title: '所属机构',
47
59
  dataIndex: 'deptName',
@@ -86,10 +98,13 @@ export default function Record(props) {
86
98
  title: '上班状态',
87
99
  dataIndex: 'clockInStatusName',
88
100
  key: 'clockInStatusName',
89
- width: 80
90
- // render: (text: string) => {
91
- // return <div style={{ color: getColor(text) }}>{text || '-'}</div>;
92
- // },
101
+ width: 80,
102
+ render: function render(text) {
103
+ return text ? /*#__PURE__*/_jsx("div", {
104
+ className: getColor(text),
105
+ children: text
106
+ }) : '--';
107
+ }
93
108
  }, {
94
109
  title: '下班时间',
95
110
  dataIndex: 'clockOutTime',
@@ -102,10 +117,13 @@ export default function Record(props) {
102
117
  title: '下班状态',
103
118
  dataIndex: 'clockOutStatusName',
104
119
  key: 'clockOutStatusName',
105
- width: 80
106
- // render: (text: string) => {
107
- // return <div style={{ color: getColor(text) }}>{text}</div>;
108
- // },
120
+ width: 80,
121
+ render: function render(text) {
122
+ return text ? /*#__PURE__*/_jsx("div", {
123
+ className: getColor(text),
124
+ children: text
125
+ }) : '--';
126
+ }
109
127
  }, {
110
128
  title: '用工类型',
111
129
  dataIndex: 'workTypeName',
@@ -128,7 +146,7 @@ export default function Record(props) {
128
146
  style: {
129
147
  padding: '0 20px'
130
148
  },
131
- height: 250,
149
+ height: 132,
132
150
  dataSource: records.rows
133
151
  };
134
152
  var handleDateChange = function handleDateChange(dates) {
@@ -32,7 +32,7 @@ export default function WorkingHours(props) {
32
32
  var id = props.id,
33
33
  service = props.service;
34
34
  var _useSetState = useSetState({
35
- startDate: dayjs(),
35
+ startDate: dayjs().startOf('M'),
36
36
  endDate: dayjs()
37
37
  }),
38
38
  _useSetState2 = _slicedToArray(_useSetState, 2),
@@ -40,7 +40,7 @@ export default function WorkingHours(props) {
40
40
  setState = _useSetState2[1];
41
41
  var startDate = state.startDate,
42
42
  endDate = state.endDate;
43
- var _AttendanceService$us = AttendanceService.useTimeAnalysis(id, startDate.startOf('M').format('YYYY-MM-DD'), endDate.format('YYYY-MM-DD'), service),
43
+ var _AttendanceService$us = AttendanceService.useTimeAnalysis(id, startDate.format('YYYY-MM-DD'), endDate.format('YYYY-MM-DD'), service),
44
44
  attendTimeAnalysisRes = _AttendanceService$us.attendTimeAnalysisRes;
45
45
  var names = attendTimeAnalysisRes.names,
46
46
  values = attendTimeAnalysisRes.values;
@@ -29,10 +29,32 @@
29
29
  gap: 12px;
30
30
  }
31
31
  &-right {
32
- flex: 1;
32
+ flex: 1;
33
33
  }
34
34
  }
35
35
  &-record {
36
36
  width: 100%;
37
+ &-status1 {
38
+ &::before {
39
+ content: '';
40
+ display: inline-block;
41
+ width: 8px;
42
+ height: 8px;
43
+ border-radius: 50%;
44
+ margin-right: 6px;
45
+ background: #35eaff;
46
+ }
47
+ }
48
+ &-status2 {
49
+ &::before {
50
+ content: '';
51
+ display: inline-block;
52
+ width: 8px;
53
+ height: 8px;
54
+ border-radius: 50%;
55
+ margin-right: 6px;
56
+ background: #ffef41;
57
+ }
58
+ }
37
59
  }
38
60
  }
@@ -85,7 +85,7 @@ var ListZymx = function ListZymx(props) {
85
85
  render: function render(text, record) {
86
86
  return text ? /*#__PURE__*/_jsx("span", {
87
87
  title: "".concat(record.clockInTime || '', "-").concat(record.clockOutTime || ''),
88
- children: "".concat(record.clockInTime || '', "-").concat(record.clockOutTime || '')
88
+ children: "".concat(record.clockInTime || '').concat(record.clockOutTime ? '-' : '').concat(record.clockOutTime || '')
89
89
  }) : '--';
90
90
  }
91
91
  }, {
@@ -112,7 +112,7 @@ var ListZymx = function ListZymx(props) {
112
112
  });
113
113
  };
114
114
  var tableProps = {
115
- height: 170,
115
+ height: 160,
116
116
  isIndex: false,
117
117
  pagination: _objectSpread(_objectSpread({}, pagination), {}, {
118
118
  total: (todayWorkRes === null || todayWorkRes === void 0 ? void 0 : todayWorkRes.total) || 0,
@@ -40,7 +40,7 @@ var BaseInfo = function BaseInfo(props) {
40
40
  var mapPoints = realInfo.mapPoints,
41
41
  pointLngLat = realInfo.pointLngLat,
42
42
  mapPolygons = realInfo.mapPolygons,
43
- realtimeInfo = realInfo.realtimeInfo;
43
+ info = realInfo.info;
44
44
  var baseTabContent = /*#__PURE__*/_jsx(VmInfoCollection, {
45
45
  data: baseInfo,
46
46
  gap: 8,
@@ -57,7 +57,7 @@ var BaseInfo = function BaseInfo(props) {
57
57
  title: "\u57FA\u672C\u4FE1\u606F",
58
58
  children: [baseTabContent, /*#__PURE__*/_jsx(VmTitle, {
59
59
  title: "\u5B9E\u65F6\u4FE1\u606F",
60
- time: realtimeInfo === null || realtimeInfo === void 0 ? void 0 : realtimeInfo.gpsTime
60
+ time: info === null || info === void 0 ? void 0 : info.gpsTime
61
61
  }), /*#__PURE__*/_jsx("div", {
62
62
  className: "staff-base-map",
63
63
  children: (center === null || center === void 0 ? void 0 : center.length) > 0 && /*#__PURE__*/_jsx(VmMap, _objectSpread({
@@ -66,7 +66,7 @@ var BaseInfo = function BaseInfo(props) {
66
66
  mapPoints: mapPoints,
67
67
  mapPolygons: mapPolygons,
68
68
  geometryType: "polygon",
69
- address: realtimeInfo === null || realtimeInfo === void 0 ? void 0 : realtimeInfo.address
69
+ address: info === null || info === void 0 ? void 0 : info.address
70
70
  }, customMapInfo))
71
71
  })]
72
72
  })
package/package.json CHANGED
@@ -1,78 +1,78 @@
1
- {
2
- "name": "@vtx/modals2",
3
- "version": "5.0.36",
4
- "description": "弹窗组件",
5
- "license": "MIT",
6
- "module": "lib/index.js",
7
- "types": "lib/index.d.ts",
8
- "files": [
9
- "lib"
10
- ],
11
- "scripts": {
12
- "build": "father build",
13
- "build:watch": "father dev",
14
- "dev": "dumi dev",
15
- "docs:build": "dumi build",
16
- "docs:preview": "dumi preview",
17
- "doctor": "father doctor",
18
- "lint": "npm run lint:es && npm run lint:css",
19
- "lint:css": "stylelint \"{src,test}/**/*.{css,less}\"",
20
- "lint:es": "eslint \"{src,test}/**/*.{js,jsx,ts,tsx}\"",
21
- "prepare": "husky install && dumi setup",
22
- "prepublishOnly": "npm run build",
23
- "start": "npm run dev"
24
- },
25
- "dependencies": {
26
- "base-64": "^1.0.0",
27
- "htmr": "^1.0.2",
28
- "number-precision": "^1.6.0",
29
- "react-tagcloud": "^2.3.3"
30
- },
31
- "devDependencies": {
32
- "@ant-design/icons": "4.7.0",
33
- "@babel/preset-react": "^7.28.5",
34
- "@babel/runtime": "^7.6.3",
35
- "@commitlint/cli": "^17.1.2",
36
- "@commitlint/config-conventional": "^17.1.0",
37
- "@types/lodash": "^4.14.202",
38
- "@types/qs": "^6.9.11",
39
- "@types/react": "^18.0.0",
40
- "@types/react-dom": "^18.0.0",
41
- "@umijs/lint": "^4.0.0",
42
- "@vtx/components": "^3.1.166",
43
- "@vtx/ol-map": "^1.0.151",
44
- "@vtx/player": "latest",
45
- "@vtx/utils": "^1.0.20",
46
- "ahooks": "^3.1.5",
47
- "antd": "^4.24.16",
48
- "antd-dayjs-webpack-plugin": "^1.0.6",
49
- "axios": "^0.21.1",
50
- "babel-eslint": "^10.1.0",
51
- "babel-plugin-import": "^1.13.8",
52
- "dayjs": "^1.11.10",
53
- "dumi": "^2.2.13",
54
- "echarts": "^5.3.2",
55
- "echarts-for-react": "3.0.2",
56
- "echarts-liquidfill": "^3.1.0",
57
- "eslint": "^8.23.0",
58
- "father": "^4.1.0",
59
- "husky": "^8.0.1",
60
- "lint-staged": "^13.0.3",
61
- "lodash": "^4.17.21",
62
- "prettier": "^2.7.1",
63
- "prettier-plugin-organize-imports": "^3.0.0",
64
- "prettier-plugin-packagejson": "^2.2.18",
65
- "qs": "^6.0.0",
66
- "react": "^18.0.0",
67
- "react-dom": "^18.0.0",
68
- "stylelint": "^14.9.1"
69
- },
70
- "peerDependencies": {
71
- "react": ">=16.9.0",
72
- "react-dom": ">=16.9.0"
73
- },
74
- "publishConfig": {
75
- "access": "public"
76
- },
77
- "authors": []
78
- }
1
+ {
2
+ "name": "@vtx/modals2",
3
+ "version": "5.0.37",
4
+ "description": "弹窗组件",
5
+ "license": "MIT",
6
+ "module": "lib/index.js",
7
+ "types": "lib/index.d.ts",
8
+ "files": [
9
+ "lib"
10
+ ],
11
+ "scripts": {
12
+ "build": "father build",
13
+ "build:watch": "father dev",
14
+ "dev": "dumi dev",
15
+ "docs:build": "dumi build",
16
+ "docs:preview": "dumi preview",
17
+ "doctor": "father doctor",
18
+ "lint": "npm run lint:es && npm run lint:css",
19
+ "lint:css": "stylelint \"{src,test}/**/*.{css,less}\"",
20
+ "lint:es": "eslint \"{src,test}/**/*.{js,jsx,ts,tsx}\"",
21
+ "prepare": "husky install && dumi setup",
22
+ "prepublishOnly": "npm run build",
23
+ "start": "npm run dev"
24
+ },
25
+ "dependencies": {
26
+ "base-64": "^1.0.0",
27
+ "htmr": "^1.0.2",
28
+ "number-precision": "^1.6.0",
29
+ "react-tagcloud": "^2.3.3"
30
+ },
31
+ "devDependencies": {
32
+ "@ant-design/icons": "4.7.0",
33
+ "@babel/preset-react": "^7.28.5",
34
+ "@babel/runtime": "^7.6.3",
35
+ "@commitlint/cli": "^17.1.2",
36
+ "@commitlint/config-conventional": "^17.1.0",
37
+ "@types/lodash": "^4.14.202",
38
+ "@types/qs": "^6.9.11",
39
+ "@types/react": "^18.0.0",
40
+ "@types/react-dom": "^18.0.0",
41
+ "@umijs/lint": "^4.0.0",
42
+ "@vtx/components": "^3.1.166",
43
+ "@vtx/ol-map": "^1.0.151",
44
+ "@vtx/player": "latest",
45
+ "@vtx/utils": "^1.0.20",
46
+ "ahooks": "^3.1.5",
47
+ "antd": "^4.24.16",
48
+ "antd-dayjs-webpack-plugin": "^1.0.6",
49
+ "axios": "^0.21.1",
50
+ "babel-eslint": "^10.1.0",
51
+ "babel-plugin-import": "^1.13.8",
52
+ "dayjs": "^1.11.10",
53
+ "dumi": "^2.2.13",
54
+ "echarts": "^5.3.2",
55
+ "echarts-for-react": "3.0.2",
56
+ "echarts-liquidfill": "^3.1.0",
57
+ "eslint": "^8.23.0",
58
+ "father": "^4.1.0",
59
+ "husky": "^8.0.1",
60
+ "lint-staged": "^13.0.3",
61
+ "lodash": "^4.17.21",
62
+ "prettier": "^2.7.1",
63
+ "prettier-plugin-organize-imports": "^3.0.0",
64
+ "prettier-plugin-packagejson": "^2.2.18",
65
+ "qs": "^6.0.0",
66
+ "react": "^18.0.0",
67
+ "react-dom": "^18.0.0",
68
+ "stylelint": "^14.9.1"
69
+ },
70
+ "peerDependencies": {
71
+ "react": ">=16.9.0",
72
+ "react-dom": ">=16.9.0"
73
+ },
74
+ "publishConfig": {
75
+ "access": "public"
76
+ },
77
+ "authors": []
78
+ }