@vtx/modals2 5.0.66 → 5.0.69
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.
- package/lib/vtx-base-modal/Header/index.less +1 -0
- package/lib/vtx-base-modal/style/index.less +7 -1
- package/lib/vtx-car-modal/api.js +1 -1
- package/lib/vtx-car-modal/content/JXH/StaticInfo/index.js +1 -1
- package/lib/vtx-car-modal/content/Unmanned/Calendar/index.js +1 -1
- package/lib/vtx-restaurant-modal/config.js +54 -54
- package/lib/vtx-road-modal/components/BaseInfo/Work.js +2 -2
- package/lib/vtx-road-modal/components/Calendar/index.js +2 -2
- package/lib/vtx-shxq-modal/api.js +3 -3
- package/lib/vtx-shxq-modal/components/ThrowRecord/List.js +19 -6
- package/lib/vtx-wr-modal/components/Base/Jbxx.js +2 -47
- package/lib/vtx-wr-modal/components/Base/Ptss.js +41 -7
- package/lib/vtx-wr-modal/components/Base/index.js +44 -13
- package/lib/vtx-wr-modal/components/Base/index.less +87 -4
- package/package.json +1 -1
|
@@ -11,10 +11,11 @@
|
|
|
11
11
|
left: 50%;
|
|
12
12
|
top: 50%;
|
|
13
13
|
transform: translate(-50%, -50%);
|
|
14
|
-
width: 1200px;
|
|
14
|
+
width: min(1200px, calc(100vw - 32px));
|
|
15
15
|
height: calc(100vh * 0.9);
|
|
16
16
|
max-height: 748px;
|
|
17
17
|
min-height: 500px;
|
|
18
|
+
box-sizing: border-box;
|
|
18
19
|
z-index: 1000;
|
|
19
20
|
border-radius: 12px;
|
|
20
21
|
background: var(--modal-bg-color);
|
|
@@ -42,16 +43,21 @@
|
|
|
42
43
|
display: flex;
|
|
43
44
|
flex-direction: column;
|
|
44
45
|
width: 100%;
|
|
46
|
+
min-width: 0;
|
|
47
|
+
box-sizing: border-box;
|
|
45
48
|
background: var(--modal-content-bg);
|
|
46
49
|
border-radius: 8px;
|
|
47
50
|
}
|
|
48
51
|
.vm-base-modal-content-wrap {
|
|
49
52
|
flex: 1;
|
|
50
53
|
min-height: 0;
|
|
54
|
+
min-width: 0;
|
|
51
55
|
overflow: auto;
|
|
52
56
|
padding: 0 16px 16px;
|
|
57
|
+
box-sizing: border-box;
|
|
53
58
|
.vm-base-modal-content {
|
|
54
59
|
height: 100%;
|
|
60
|
+
min-width: 0;
|
|
55
61
|
overflow-x: hidden;
|
|
56
62
|
overflow-y: auto;
|
|
57
63
|
}
|
package/lib/vtx-car-modal/api.js
CHANGED
|
@@ -448,7 +448,7 @@ export var JxhService = {
|
|
|
448
448
|
useWorkSummaryJxh: function useWorkSummaryJxh(carId, startDate, endDate, matchHistory) {
|
|
449
449
|
//机械化作业统计
|
|
450
450
|
var _useRequest18 = useRequest(function () {
|
|
451
|
-
return http.get("".concat(prefix, "/cloud/zyqs-zqb/api/kanban/workInfoStatisticsByCarId"), {
|
|
451
|
+
return http.get("".concat(prefix, "/cloud/zyqs-zqb/api/noshift/kanban/v2/workInfoStatisticsByCarId"), {
|
|
452
452
|
body: {
|
|
453
453
|
carId: carId,
|
|
454
454
|
startDate: startDate,
|
|
@@ -257,7 +257,7 @@ function Calendar(_ref) {
|
|
|
257
257
|
}), /*#__PURE__*/_jsx(VmCalendarInner, {
|
|
258
258
|
type: "green",
|
|
259
259
|
img: workMileageIcon,
|
|
260
|
-
value: workMileage,
|
|
260
|
+
value: (workMileage / 1000).toFixed(2),
|
|
261
261
|
style: {
|
|
262
262
|
width: '139px',
|
|
263
263
|
justifyContent: 'space-between'
|
|
@@ -56,7 +56,7 @@ export default function (_ref) {
|
|
|
56
56
|
}), /*#__PURE__*/_jsx(VmCalendarInner, {
|
|
57
57
|
type: "blue",
|
|
58
58
|
img: isDark ? track_dark : track,
|
|
59
|
-
value: "".concat((item === null || item === void 0 ? void 0 : item.workMileage) || 0, "/").concat((item === null || item === void 0 ? void 0 : item.driveMileage) || 0),
|
|
59
|
+
value: "".concat((((item === null || item === void 0 ? void 0 : item.workMileage) || 0) / 1000).toFixed(2), "/").concat((item === null || item === void 0 ? void 0 : item.driveMileage) || 0),
|
|
60
60
|
style: {
|
|
61
61
|
width: '139px',
|
|
62
62
|
justifyContent: 'space-between',
|
|
@@ -60,112 +60,112 @@ 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
|
-
/**
|
|
168
|
-
* 排序号
|
|
167
|
+
/**
|
|
168
|
+
* 排序号
|
|
169
169
|
*/
|
|
170
170
|
ORDER_INDEX: 'orderIndex'
|
|
171
171
|
};
|
|
@@ -128,8 +128,8 @@ var Work = function Work(props) {
|
|
|
128
128
|
var query = buildIframeQuery(location.href.split('?')[1], {
|
|
129
129
|
carId: record.carId,
|
|
130
130
|
theme: theme === 'blue' ? 'dark' : theme,
|
|
131
|
-
startTime: dayjs(
|
|
132
|
-
endTime: dayjs(
|
|
131
|
+
startTime: dayjs(day).format('YYYY-MM-DD 00:00:00'),
|
|
132
|
+
endTime: dayjs(day).format('YYYY-MM-DD 23:59:59'),
|
|
133
133
|
roadId: record.roadId
|
|
134
134
|
});
|
|
135
135
|
var src = "".concat(prefix, "/carHistory/#/zyqsHistory?").concat(query);
|
|
@@ -61,7 +61,7 @@ var Calendar = function Calendar(_ref) {
|
|
|
61
61
|
}), /*#__PURE__*/_jsx(VmCalendarInner, {
|
|
62
62
|
type: "blue",
|
|
63
63
|
img: mileageIcon,
|
|
64
|
-
value: planMileage,
|
|
64
|
+
value: (planMileage / 1000).toFixed(2),
|
|
65
65
|
style: {
|
|
66
66
|
width: '139px',
|
|
67
67
|
justifyContent: 'space-between',
|
|
@@ -70,7 +70,7 @@ var Calendar = function Calendar(_ref) {
|
|
|
70
70
|
}), /*#__PURE__*/_jsx(VmCalendarInner, {
|
|
71
71
|
type: "green",
|
|
72
72
|
img: workMileageIcon,
|
|
73
|
-
value: workMileage,
|
|
73
|
+
value: (workMileage / 1000).toFixed(2),
|
|
74
74
|
style: {
|
|
75
75
|
width: '139px',
|
|
76
76
|
justifyContent: 'space-between'
|
|
@@ -200,14 +200,14 @@ var ThrowService = {
|
|
|
200
200
|
loading: loading
|
|
201
201
|
};
|
|
202
202
|
},
|
|
203
|
-
usePage: function usePage(id, startTime, endTime, page, size, source) {
|
|
203
|
+
usePage: function usePage(id, startTime, endTime, page, size, source, sort) {
|
|
204
204
|
var _useRequest8 = useRequest(function () {
|
|
205
205
|
return request.get('/cloud/ljfljc/api/v101/trow/record/detail/page', {
|
|
206
|
-
data: _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, source === 'tfd' ? 'throwPointId' : 'subjectId', id), "startTime", startTime), "endTime", endTime), "desensitization", true), "page", page), "size", size)
|
|
206
|
+
data: _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, source === 'tfd' ? 'throwPointId' : 'subjectId', id), "startTime", startTime), "endTime", endTime), "desensitization", true), "page", page), "size", size), "sort", sort)
|
|
207
207
|
});
|
|
208
208
|
}, {
|
|
209
209
|
ready: !!id,
|
|
210
|
-
refreshDeps: [id, startTime, endTime, page, size]
|
|
210
|
+
refreshDeps: [id, startTime, endTime, page, size, source, sort]
|
|
211
211
|
}),
|
|
212
212
|
pageRes = _useRequest8.data,
|
|
213
213
|
loading = _useRequest8.loading;
|
|
@@ -30,19 +30,21 @@ var ListZymx = function ListZymx(props) {
|
|
|
30
30
|
current: 1,
|
|
31
31
|
pageSize: 10,
|
|
32
32
|
total: 0
|
|
33
|
-
}
|
|
33
|
+
},
|
|
34
|
+
sort: ''
|
|
34
35
|
}),
|
|
35
36
|
_useSetState2 = _slicedToArray(_useSetState, 2),
|
|
36
37
|
state = _useSetState2[0],
|
|
37
38
|
setState = _useSetState2[1];
|
|
38
|
-
var pagination = state.pagination
|
|
39
|
+
var pagination = state.pagination,
|
|
40
|
+
sort = state.sort;
|
|
39
41
|
var _ThrowService$useThro = ThrowService.useThrowConfig(),
|
|
40
42
|
configObj = _ThrowService$useThro.configObj;
|
|
41
43
|
var weightFlag = JSON.parse(((_configObj$THROW_WEIG = configObj['THROW_WEIGHT']) === null || _configObj$THROW_WEIG === void 0 ? void 0 : _configObj$THROW_WEIG.configValue) || '[]');
|
|
42
44
|
var qualityFlag = JSON.parse(((_configObj$THROW_QUAL = configObj['THROW_QUALITY']) === null || _configObj$THROW_QUAL === void 0 ? void 0 : _configObj$THROW_QUAL.configValue) || '[]');
|
|
43
45
|
var integralFlag = JSON.parse(((_configObj$INTEGRAL_I = configObj['INTEGRAL_INFO']) === null || _configObj$INTEGRAL_I === void 0 ? void 0 : _configObj$INTEGRAL_I.configValue) || '[]');
|
|
44
46
|
var subjectFlag = (_configObj$THROW_SUBJ = configObj['THROW_SUBJECT_DIMENSION']) === null || _configObj$THROW_SUBJ === void 0 ? void 0 : _configObj$THROW_SUBJ.configValue;
|
|
45
|
-
var _ThrowService$usePage = ThrowService.usePage(id, startTime, endTime, pagination.current - 1, pagination.pageSize, source),
|
|
47
|
+
var _ThrowService$usePage = ThrowService.usePage(id, startTime, endTime, pagination.current - 1, pagination.pageSize, source, sort),
|
|
46
48
|
data = _ThrowService$usePage.data,
|
|
47
49
|
loading = _ThrowService$usePage.loading;
|
|
48
50
|
var columns = [].concat(_toConsumableArray(subjectFlag === 'THROW_RESIDENT' ? [{
|
|
@@ -76,7 +78,8 @@ var ListZymx = function ListZymx(props) {
|
|
|
76
78
|
title: '垃圾重量(kg)',
|
|
77
79
|
dataIndex: 'weight',
|
|
78
80
|
key: 'weight',
|
|
79
|
-
width: 100
|
|
81
|
+
width: 100,
|
|
82
|
+
align: 'right'
|
|
80
83
|
}, qualityFlag && {
|
|
81
84
|
title: '分类质量',
|
|
82
85
|
dataIndex: 'evaluation',
|
|
@@ -102,7 +105,8 @@ var ListZymx = function ListZymx(props) {
|
|
|
102
105
|
title: '上传时间',
|
|
103
106
|
dataIndex: 'time',
|
|
104
107
|
key: 'time',
|
|
105
|
-
width: 120
|
|
108
|
+
width: 120,
|
|
109
|
+
sorter: true
|
|
106
110
|
}]);
|
|
107
111
|
var pageChange = function pageChange(page) {
|
|
108
112
|
setState({
|
|
@@ -111,6 +115,14 @@ var ListZymx = function ListZymx(props) {
|
|
|
111
115
|
})
|
|
112
116
|
});
|
|
113
117
|
};
|
|
118
|
+
var handleTableChange = function handleTableChange(sorter) {
|
|
119
|
+
setState({
|
|
120
|
+
pagination: _objectSpread(_objectSpread({}, pagination), {}, {
|
|
121
|
+
current: 1
|
|
122
|
+
}),
|
|
123
|
+
sort: sorter !== null && sorter !== void 0 && sorter.order ? "".concat(sorter.field, ",").concat(sorter.order === 'ascend' ? 'asc' : 'desc') : ''
|
|
124
|
+
});
|
|
125
|
+
};
|
|
114
126
|
var tableProps = {
|
|
115
127
|
height: '100%',
|
|
116
128
|
isIndex: false,
|
|
@@ -120,7 +132,8 @@ var ListZymx = function ListZymx(props) {
|
|
|
120
132
|
total: (data === null || data === void 0 ? void 0 : data.total) || 0,
|
|
121
133
|
defaultPageSize: 20,
|
|
122
134
|
onChange: pageChange
|
|
123
|
-
})
|
|
135
|
+
}),
|
|
136
|
+
handleTableChange: handleTableChange
|
|
124
137
|
};
|
|
125
138
|
return /*#__PURE__*/_jsx("div", {
|
|
126
139
|
className: "shxq-thr-table",
|
|
@@ -4,63 +4,18 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
|
|
|
4
4
|
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
5
5
|
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
|
|
6
6
|
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
7
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
8
|
-
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
9
|
-
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
10
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
11
|
-
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
12
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
13
7
|
import { VtxImage } from '@vtx/components';
|
|
14
8
|
import '@vtx/components/lib/vtx-image/style/index';
|
|
15
|
-
import { getVtxToken, request } from '@vtx/utils';
|
|
16
|
-
import { useEffect, useState } from 'react';
|
|
17
9
|
import { VmEmpty, VmMap } from "../../../_components";
|
|
18
10
|
import Sjjg from "./Sjjg";
|
|
19
|
-
|
|
20
|
-
//基础设施详情
|
|
21
11
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
22
|
-
var getJcssDetail = function getJcssDetail(params) {
|
|
23
|
-
return request.get('/cloud/jcss-reborn/facility/get', {
|
|
24
|
-
data: params
|
|
25
|
-
});
|
|
26
|
-
};
|
|
27
12
|
export default (function (props) {
|
|
28
13
|
var _gcDetail$geometryInf, _gcDetail$geometryInf2, _gcDetail$geometryInf3, _gcDetail$geometryInf4;
|
|
29
14
|
var theme = props.theme,
|
|
30
15
|
gcDetail = props.gcDetail,
|
|
31
16
|
fields = props.fields;
|
|
32
|
-
var
|
|
33
|
-
|
|
34
|
-
imgList = _useState2[0],
|
|
35
|
-
setImgList = _useState2[1];
|
|
36
|
-
useEffect(function () {
|
|
37
|
-
if (gcDetail.id) {
|
|
38
|
-
if (gcDetail.photoIds) {
|
|
39
|
-
setImgList(JSON.parse(gcDetail.photoIds).map(function (item, index) {
|
|
40
|
-
return _objectSpread(_objectSpread({}, item), {}, {
|
|
41
|
-
index: index + 1,
|
|
42
|
-
name: item.name.split('.')[0],
|
|
43
|
-
url: "/vortex/rest/cloud/np/file/downloadFileThumbnail/".concat(item.id, "?token=").concat(getVtxToken('token'), "&outputQuality=0.5&scale=0.5")
|
|
44
|
-
});
|
|
45
|
-
}));
|
|
46
|
-
} else {
|
|
47
|
-
getJcssDetail({
|
|
48
|
-
id: gcDetail.id,
|
|
49
|
-
coordType: 'bd09'
|
|
50
|
-
}).then(function (res) {
|
|
51
|
-
if ((res === null || res === void 0 ? void 0 : res.result) === 0) {
|
|
52
|
-
setImgList(res.data.typePhotoIds ? JSON.parse(res.data.typePhotoIds).map(function (item, index) {
|
|
53
|
-
return _objectSpread(_objectSpread({}, item), {}, {
|
|
54
|
-
index: index + 1,
|
|
55
|
-
name: item.name.split('.')[0],
|
|
56
|
-
url: "/vortex/rest/cloud/np/file/downloadFileThumbnail/".concat(item.id, "?token=").concat(getVtxToken('token'), "&outputQuality=0.5&scale=0.5")
|
|
57
|
-
});
|
|
58
|
-
}) : []);
|
|
59
|
-
}
|
|
60
|
-
});
|
|
61
|
-
}
|
|
62
|
-
}
|
|
63
|
-
}, [gcDetail]);
|
|
17
|
+
var _gcDetail$imgList = gcDetail.imgList,
|
|
18
|
+
imgList = _gcDetail$imgList === void 0 ? [] : _gcDetail$imgList;
|
|
64
19
|
var isShow = function isShow(key) {
|
|
65
20
|
return fields.filter(function (item) {
|
|
66
21
|
return item.key === key;
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
2
|
export default (function (props) {
|
|
3
|
-
var _gcDetail$pitInuseMal, _gcDetail$pitTotalMal, _gcDetail$urinalNums, _gcDetail$squatNumMal, _gcDetail$seatNumMale, _gcDetail$manAccessib, _gcDetail$pitInuseFem, _gcDetail$pitTotalFem, _gcDetail$squatNumFem, _gcDetail$seatNumFema, _gcDetail$womanAccess;
|
|
3
|
+
var _gcDetail$jcssDetail, _gcDetail$noGenderNum, _gcDetail$noGenderNum2, _gcDetail$pitInuseMal, _gcDetail$pitTotalMal, _gcDetail$urinalNums, _gcDetail$squatNumMal, _gcDetail$seatNumMale, _gcDetail$manAccessib, _gcDetail$pitInuseFem, _gcDetail$pitTotalFem, _gcDetail$squatNumFem, _gcDetail$seatNumFema, _gcDetail$womanAccess;
|
|
4
4
|
var theme = props.theme,
|
|
5
5
|
gcDetail = props.gcDetail,
|
|
6
6
|
fields = props.fields;
|
|
7
|
+
var isUniversalRestroom = ((_gcDetail$jcssDetail = gcDetail.jcssDetail) === null || _gcDetail$jcssDetail === void 0 || (_gcDetail$jcssDetail = _gcDetail$jcssDetail.dataJson) === null || _gcDetail$jcssDetail === void 0 ? void 0 : _gcDetail$jcssDetail.sfywxbcjId) === true;
|
|
7
8
|
var ptss = [{
|
|
8
9
|
name: '第三卫生间',
|
|
9
10
|
key: 'third',
|
|
@@ -21,7 +22,7 @@ export default (function (props) {
|
|
|
21
22
|
return item.showKey;
|
|
22
23
|
});
|
|
23
24
|
return /*#__PURE__*/_jsxs(_Fragment, {
|
|
24
|
-
children: [/*#__PURE__*/_jsx("div", {
|
|
25
|
+
children: [!isUniversalRestroom && /*#__PURE__*/_jsx("div", {
|
|
25
26
|
className: "wr-base-ptss",
|
|
26
27
|
style: {
|
|
27
28
|
padding: gcDetail.hasDevice ? '10px 136px 0' : '30px 136px 30px'
|
|
@@ -37,7 +38,40 @@ export default (function (props) {
|
|
|
37
38
|
})]
|
|
38
39
|
}, item.key);
|
|
39
40
|
})
|
|
40
|
-
}), /*#__PURE__*/
|
|
41
|
+
}), isUniversalRestroom ? /*#__PURE__*/_jsx("div", {
|
|
42
|
+
className: "wr-base-universal",
|
|
43
|
+
children: /*#__PURE__*/_jsxs("div", {
|
|
44
|
+
className: "wr-base-universal-card",
|
|
45
|
+
style: {
|
|
46
|
+
background: theme === 'blue' ? 'rgba(255, 203, 105, 0.2)' : '#FFF9EF'
|
|
47
|
+
},
|
|
48
|
+
children: [/*#__PURE__*/_jsxs("div", {
|
|
49
|
+
className: "wr-universal-title",
|
|
50
|
+
children: [/*#__PURE__*/_jsx("img", {
|
|
51
|
+
src: require("./assets/".concat(theme, "/tywsj.png")),
|
|
52
|
+
alt: "tywsj"
|
|
53
|
+
}), /*#__PURE__*/_jsx("div", {
|
|
54
|
+
children: "\u901A\u7528\u536B\u751F\u95F4"
|
|
55
|
+
})]
|
|
56
|
+
}), /*#__PURE__*/_jsxs("div", {
|
|
57
|
+
className: "wr-universal-total",
|
|
58
|
+
children: [/*#__PURE__*/_jsx("span", {
|
|
59
|
+
className: "wr-universal-tip"
|
|
60
|
+
}), /*#__PURE__*/_jsx("span", {
|
|
61
|
+
children: "\u5395\u4F4D\u6570"
|
|
62
|
+
}), /*#__PURE__*/_jsx("span", {
|
|
63
|
+
className: "wr-universal-used",
|
|
64
|
+
children: (_gcDetail$noGenderNum = gcDetail.noGenderNumInUse) !== null && _gcDetail$noGenderNum !== void 0 ? _gcDetail$noGenderNum : '--'
|
|
65
|
+
}), /*#__PURE__*/_jsx("span", {
|
|
66
|
+
children: "/"
|
|
67
|
+
}), /*#__PURE__*/_jsx("span", {
|
|
68
|
+
children: (_gcDetail$noGenderNum2 = gcDetail.noGenderNum) !== null && _gcDetail$noGenderNum2 !== void 0 ? _gcDetail$noGenderNum2 : '--'
|
|
69
|
+
}), /*#__PURE__*/_jsx("span", {
|
|
70
|
+
children: "\u4E2A"
|
|
71
|
+
})]
|
|
72
|
+
})]
|
|
73
|
+
})
|
|
74
|
+
}) : /*#__PURE__*/_jsxs("div", {
|
|
41
75
|
style: {
|
|
42
76
|
display: 'flex',
|
|
43
77
|
flexDirection: gcDetail.hasDevice ? 'row' : 'column',
|
|
@@ -49,7 +83,7 @@ export default (function (props) {
|
|
|
49
83
|
className: "wr-base-kws",
|
|
50
84
|
style: {
|
|
51
85
|
flex: gcDetail.hasDevice ? 1 : 'auto',
|
|
52
|
-
height: gcDetail.hasDevice ? 'auto' : '
|
|
86
|
+
height: gcDetail.hasDevice ? 'auto' : '160px',
|
|
53
87
|
background: theme === 'blue' ? 'rgba(51, 166, 255, 0.2)' : '#F3F8FF'
|
|
54
88
|
},
|
|
55
89
|
children: [/*#__PURE__*/_jsxs("div", {
|
|
@@ -109,7 +143,7 @@ export default (function (props) {
|
|
|
109
143
|
}), /*#__PURE__*/_jsxs("div", {
|
|
110
144
|
className: "wr-kws-each",
|
|
111
145
|
style: {
|
|
112
|
-
padding: gcDetail.hasDevice ? '0' : '
|
|
146
|
+
padding: gcDetail.hasDevice ? '0' : '12px 80px 4px'
|
|
113
147
|
},
|
|
114
148
|
children: [showKeys.includes('urinalNums') && /*#__PURE__*/_jsxs("div", {
|
|
115
149
|
children: [/*#__PURE__*/_jsx("span", {
|
|
@@ -165,7 +199,7 @@ export default (function (props) {
|
|
|
165
199
|
className: "wr-base-kws",
|
|
166
200
|
style: {
|
|
167
201
|
flex: gcDetail.hasDevice ? 1 : 'auto',
|
|
168
|
-
height: gcDetail.hasDevice ? 'auto' : '
|
|
202
|
+
height: gcDetail.hasDevice ? 'auto' : '160px',
|
|
169
203
|
background: theme === 'blue' ? 'rgba(255,152,175,0.2)' : '#FFF2F5'
|
|
170
204
|
},
|
|
171
205
|
children: [/*#__PURE__*/_jsxs("div", {
|
|
@@ -225,7 +259,7 @@ export default (function (props) {
|
|
|
225
259
|
}), /*#__PURE__*/_jsxs("div", {
|
|
226
260
|
className: "wr-kws-each",
|
|
227
261
|
style: {
|
|
228
|
-
padding: gcDetail.hasDevice ? '0' : '
|
|
262
|
+
padding: gcDetail.hasDevice ? '0' : '12px 80px 4px'
|
|
229
263
|
},
|
|
230
264
|
children: [showKeys.includes('womanSquatNums') && /*#__PURE__*/_jsxs("div", {
|
|
231
265
|
children: [/*#__PURE__*/_jsx("span", {
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
2
|
-
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
3
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
4
|
-
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
5
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
|
|
6
|
-
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
7
2
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
8
3
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
9
4
|
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
10
5
|
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
11
6
|
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
12
7
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
13
|
-
|
|
8
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
9
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
10
|
+
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
11
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
|
|
12
|
+
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
13
|
+
import { getVtxToken, request } from '@vtx/utils';
|
|
14
14
|
import { useSetState } from 'ahooks';
|
|
15
15
|
import { Alert, Tabs } from 'antd';
|
|
16
16
|
import dayjs from 'dayjs';
|
|
@@ -27,6 +27,12 @@ var getDetail = function getDetail(params) {
|
|
|
27
27
|
data: params
|
|
28
28
|
});
|
|
29
29
|
};
|
|
30
|
+
//基础设施详情
|
|
31
|
+
var getJcssDetail = function getJcssDetail(params) {
|
|
32
|
+
return request.get('/cloud/jcss-reborn/facility/get', {
|
|
33
|
+
data: params
|
|
34
|
+
});
|
|
35
|
+
};
|
|
30
36
|
//公厕配置字段
|
|
31
37
|
var getFields = function getFields(params) {
|
|
32
38
|
return request.get('/cloud/jcss-reborn/facility/type/view/detail', {
|
|
@@ -50,6 +56,19 @@ var getAlarmList = function getAlarmList(params) {
|
|
|
50
56
|
data: JSON.stringify(params)
|
|
51
57
|
});
|
|
52
58
|
};
|
|
59
|
+
var getImgList = function getImgList(photoIds, typePhotoIds) {
|
|
60
|
+
var photoList = photoIds || typePhotoIds;
|
|
61
|
+
if (!photoList) {
|
|
62
|
+
return [];
|
|
63
|
+
}
|
|
64
|
+
return (typeof photoList === 'string' ? JSON.parse(photoList) : photoList).map(function (item, index) {
|
|
65
|
+
return _objectSpread(_objectSpread({}, item), {}, {
|
|
66
|
+
index: index + 1,
|
|
67
|
+
name: item.name.split('.')[0],
|
|
68
|
+
url: "/vortex/rest/cloud/np/file/downloadFileThumbnail/".concat(item.id, "?token=").concat(getVtxToken('token'), "&outputQuality=0.5&scale=0.5")
|
|
69
|
+
});
|
|
70
|
+
});
|
|
71
|
+
};
|
|
53
72
|
export default (function (props) {
|
|
54
73
|
var _monitorTypeList$filt;
|
|
55
74
|
var theme = props.theme,
|
|
@@ -96,11 +115,22 @@ export default (function (props) {
|
|
|
96
115
|
alarmList = state.alarmList;
|
|
97
116
|
useEffect(function () {
|
|
98
117
|
if (id) {
|
|
99
|
-
getDetail({
|
|
118
|
+
Promise.all([getDetail({
|
|
100
119
|
id: id
|
|
101
|
-
})
|
|
102
|
-
|
|
103
|
-
|
|
120
|
+
}), getJcssDetail({
|
|
121
|
+
id: id,
|
|
122
|
+
coordType: 'bd09'
|
|
123
|
+
})]).then(function (_ref) {
|
|
124
|
+
var _ref2 = _slicedToArray(_ref, 2),
|
|
125
|
+
detailRes = _ref2[0],
|
|
126
|
+
jcssRes = _ref2[1];
|
|
127
|
+
if ((detailRes === null || detailRes === void 0 ? void 0 : detailRes.result) === 0) {
|
|
128
|
+
var detailData = detailRes.data || {};
|
|
129
|
+
var jcssDetail = (jcssRes === null || jcssRes === void 0 ? void 0 : jcssRes.result) === 0 ? jcssRes.data || {} : {};
|
|
130
|
+
setGcDetail(_objectSpread(_objectSpread({}, detailData), {}, {
|
|
131
|
+
jcssDetail: jcssDetail,
|
|
132
|
+
imgList: getImgList(detailData.photoIds, jcssDetail.typePhotoIds)
|
|
133
|
+
}));
|
|
104
134
|
}
|
|
105
135
|
});
|
|
106
136
|
getFields({
|
|
@@ -156,7 +186,7 @@ export default (function (props) {
|
|
|
156
186
|
}];
|
|
157
187
|
var tableProps = {
|
|
158
188
|
columns: columns,
|
|
159
|
-
height:
|
|
189
|
+
height: 220,
|
|
160
190
|
isIndex: false,
|
|
161
191
|
pagination: false,
|
|
162
192
|
dataSource: alarmList
|
|
@@ -165,7 +195,7 @@ export default (function (props) {
|
|
|
165
195
|
label: '监测数据',
|
|
166
196
|
key: 'data',
|
|
167
197
|
children: /*#__PURE__*/_jsx(VmLineCharts, {
|
|
168
|
-
height:
|
|
198
|
+
height: 260,
|
|
169
199
|
xAxis: echartsData.names || [],
|
|
170
200
|
dataList: (echartsData.values || []).map(function (item, index) {
|
|
171
201
|
return {
|
|
@@ -326,7 +356,8 @@ export default (function (props) {
|
|
|
326
356
|
children: [/*#__PURE__*/_jsxs("div", {
|
|
327
357
|
className: "wr-base-sjjg",
|
|
328
358
|
style: {
|
|
329
|
-
height: gcDetail.hasDevice ? '270px' : '
|
|
359
|
+
height: gcDetail.hasDevice ? '270px' : 'auto',
|
|
360
|
+
flex: gcDetail.hasDevice ? '0 0 270px' : '1 1 auto'
|
|
330
361
|
},
|
|
331
362
|
children: [/*#__PURE__*/_jsx("div", {
|
|
332
363
|
className: "wr-base-title",
|
|
@@ -3,6 +3,9 @@
|
|
|
3
3
|
height: 100%;
|
|
4
4
|
display: flex;
|
|
5
5
|
justify-content: space-between;
|
|
6
|
+
gap: 16px;
|
|
7
|
+
box-sizing: border-box;
|
|
8
|
+
min-width: 0;
|
|
6
9
|
position: relative;
|
|
7
10
|
.wr-base-alart {
|
|
8
11
|
width: 100%;
|
|
@@ -23,6 +26,8 @@
|
|
|
23
26
|
}
|
|
24
27
|
.wr-base-left {
|
|
25
28
|
width: 448px;
|
|
29
|
+
flex: 0 1 448px;
|
|
30
|
+
min-width: 0;
|
|
26
31
|
height: 100%;
|
|
27
32
|
border-radius: 8px;
|
|
28
33
|
box-sizing: border-box;
|
|
@@ -32,6 +37,10 @@
|
|
|
32
37
|
height: calc(100% - 50px);
|
|
33
38
|
overflow: hidden;
|
|
34
39
|
overflow-y: auto;
|
|
40
|
+
scrollbar-width: none;
|
|
41
|
+
&::-webkit-scrollbar {
|
|
42
|
+
display: none;
|
|
43
|
+
}
|
|
35
44
|
.wr-base-img {
|
|
36
45
|
width: 100%;
|
|
37
46
|
height: 207px;
|
|
@@ -75,24 +84,51 @@
|
|
|
75
84
|
}
|
|
76
85
|
.wr-base-right {
|
|
77
86
|
width: 704px;
|
|
87
|
+
flex: 1 1 704px;
|
|
88
|
+
min-width: 0;
|
|
89
|
+
min-height: 0;
|
|
90
|
+
box-sizing: border-box;
|
|
78
91
|
height: 100%;
|
|
79
92
|
overflow: hidden;
|
|
80
93
|
overflow-y: auto;
|
|
94
|
+
display: flex;
|
|
95
|
+
flex-direction: column;
|
|
96
|
+
scrollbar-width: none;
|
|
97
|
+
&::-webkit-scrollbar {
|
|
98
|
+
display: none;
|
|
99
|
+
}
|
|
81
100
|
.wr-base-sjjg {
|
|
82
101
|
width: 100%;
|
|
102
|
+
box-sizing: border-box;
|
|
103
|
+
min-width: 0;
|
|
104
|
+
min-height: 0;
|
|
83
105
|
height: 270px;
|
|
84
106
|
padding-bottom: 16px;
|
|
85
107
|
border-radius: 8px;
|
|
108
|
+
overflow: hidden;
|
|
109
|
+
overflow-y: auto;
|
|
110
|
+
scrollbar-width: none;
|
|
111
|
+
&::-webkit-scrollbar {
|
|
112
|
+
display: none;
|
|
113
|
+
}
|
|
86
114
|
}
|
|
87
115
|
.wr-base-jcbj {
|
|
88
116
|
width: 100%;
|
|
89
|
-
|
|
90
|
-
|
|
117
|
+
box-sizing: border-box;
|
|
118
|
+
min-width: 0;
|
|
119
|
+
min-height: 0;
|
|
120
|
+
height: auto;
|
|
121
|
+
flex: 1 1 auto;
|
|
122
|
+
padding-bottom: 8px;
|
|
91
123
|
overflow: hidden;
|
|
92
124
|
overflow-y: auto;
|
|
93
125
|
border-radius: 8px;
|
|
94
126
|
margin-top: 15px;
|
|
95
127
|
position: relative;
|
|
128
|
+
scrollbar-width: none;
|
|
129
|
+
&::-webkit-scrollbar {
|
|
130
|
+
display: none;
|
|
131
|
+
}
|
|
96
132
|
.ant-tabs-nav {
|
|
97
133
|
margin-bottom: 0;
|
|
98
134
|
padding-left: 16px;
|
|
@@ -211,6 +247,49 @@
|
|
|
211
247
|
}
|
|
212
248
|
}
|
|
213
249
|
}
|
|
250
|
+
.wr-base-universal {
|
|
251
|
+
padding: 16px 16px 0;
|
|
252
|
+
box-sizing: border-box;
|
|
253
|
+
height: auto;
|
|
254
|
+
display: flex;
|
|
255
|
+
align-items: flex-start;
|
|
256
|
+
.wr-base-universal-card {
|
|
257
|
+
width: 100%;
|
|
258
|
+
min-height: 76px;
|
|
259
|
+
border-radius: 8px;
|
|
260
|
+
padding: 14px 20px;
|
|
261
|
+
box-sizing: border-box;
|
|
262
|
+
display: flex;
|
|
263
|
+
align-items: center;
|
|
264
|
+
justify-content: space-between;
|
|
265
|
+
.wr-universal-title {
|
|
266
|
+
display: flex;
|
|
267
|
+
gap: 10px;
|
|
268
|
+
align-items: center;
|
|
269
|
+
img {
|
|
270
|
+
width: 44px;
|
|
271
|
+
height: 44px;
|
|
272
|
+
}
|
|
273
|
+
}
|
|
274
|
+
.wr-universal-total {
|
|
275
|
+
display: flex;
|
|
276
|
+
align-items: center;
|
|
277
|
+
gap: 8px;
|
|
278
|
+
.wr-universal-tip {
|
|
279
|
+
width: 6px;
|
|
280
|
+
height: 6px;
|
|
281
|
+
border-radius: 3px;
|
|
282
|
+
background: #ffc30f;
|
|
283
|
+
box-shadow: 0 0 5px rgba(255, 195, 15, 0.8);
|
|
284
|
+
}
|
|
285
|
+
.wr-universal-used {
|
|
286
|
+
color: #1ce548;
|
|
287
|
+
font-size: 24px;
|
|
288
|
+
font-weight: bold;
|
|
289
|
+
}
|
|
290
|
+
}
|
|
291
|
+
}
|
|
292
|
+
}
|
|
214
293
|
.wr-base-kws {
|
|
215
294
|
flex: 1;
|
|
216
295
|
border-radius: 8px;
|
|
@@ -323,8 +402,12 @@
|
|
|
323
402
|
height: calc(100% - 44px);
|
|
324
403
|
overflow: hidden;
|
|
325
404
|
overflow-y: auto;
|
|
405
|
+
scrollbar-width: none;
|
|
406
|
+
&::-webkit-scrollbar {
|
|
407
|
+
display: none;
|
|
408
|
+
}
|
|
326
409
|
.each-value {
|
|
327
|
-
width:
|
|
410
|
+
width: calc((100% - 12px) / 3);
|
|
328
411
|
display: flex;
|
|
329
412
|
flex-direction: column;
|
|
330
413
|
align-items: center;
|
|
@@ -332,7 +415,7 @@
|
|
|
332
415
|
font-weight: bold;
|
|
333
416
|
}
|
|
334
417
|
.each-factor-value {
|
|
335
|
-
width:
|
|
418
|
+
width: 100%;
|
|
336
419
|
text-align: center;
|
|
337
420
|
overflow: hidden;
|
|
338
421
|
text-overflow: ellipsis;
|