@zgfe/modules-settings 1.2.3-log.1 → 1.2.3
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/es/constants/api.d.ts +0 -5
- package/es/constants/api.js +3 -12
- package/es/modules/appSettings/member/index.js +2 -1
- package/es/modules/companySetting/index.js +6 -11
- package/es/modules/companySetting/virtualApp/index.js +0 -4
- package/es/modules/companySetting/virtualApp/panels/sourceItem.js +1 -1
- package/es/modules/personalSetting/index.js +0 -5
- package/package.json +3 -3
- package/es/modules/companySetting/operationLog/index.d.ts +0 -4
- package/es/modules/companySetting/operationLog/index.js +0 -205
- package/es/modules/companySetting/operationLog/index.less +0 -21
- package/es/modules/personalSetting/securityLog/index.d.ts +0 -4
- package/es/modules/personalSetting/securityLog/index.js +0 -171
- package/es/modules/personalSetting/securityLog/index.less +0 -10
package/es/constants/api.d.ts
CHANGED
package/es/constants/api.js
CHANGED
|
@@ -2,13 +2,13 @@ var apiPrefix = '/analysis/api'; // node服务api接口前缀
|
|
|
2
2
|
var apis = {
|
|
3
3
|
// new
|
|
4
4
|
user: {
|
|
5
|
-
getCurrentUser:
|
|
5
|
+
getCurrentUser: '/zg/web/v2/company/currentUser'
|
|
6
6
|
},
|
|
7
7
|
app: {
|
|
8
8
|
queryLeftMenus: apiPrefix + '/common/proxy/index/getLeftMenusByAppId.jsp',
|
|
9
9
|
deleteApp: apiPrefix + '/common/proxy/user/deleteApp.jsp',
|
|
10
10
|
createApp: apiPrefix + '/system/createApp',
|
|
11
|
-
queryAppList:
|
|
11
|
+
queryAppList: '/zg/web/v2/data/v2ajaxGetDataByApp',
|
|
12
12
|
queryPackageInfo: apiPrefix + '/system/packageInfo',
|
|
13
13
|
queryVirtualApps: apiPrefix + '/common/proxy/user/sourceApp.jsp',
|
|
14
14
|
getCompanyAppList: apiPrefix + '/common/proxy/user/getCompanyAppList.jsp',
|
|
@@ -47,20 +47,11 @@ var apis = {
|
|
|
47
47
|
editNoticeConfig: apiPrefix + '/systemSettings/setNoticeSettings'
|
|
48
48
|
},
|
|
49
49
|
eventMeta: {
|
|
50
|
-
queryEventMeta:
|
|
50
|
+
queryEventMeta: '/zg/web/v2/data/queryEventMetasOfGroup'
|
|
51
51
|
},
|
|
52
52
|
// 多因子认证
|
|
53
53
|
mfa: {
|
|
54
54
|
resetMfa: '/user/v2resetMfa.jsp'
|
|
55
|
-
},
|
|
56
|
-
// 日志
|
|
57
|
-
log: {
|
|
58
|
-
// 操作日志
|
|
59
|
-
operationLog: '/zg/web/v2/system/operationLog',
|
|
60
|
-
// 安全日志
|
|
61
|
-
securityLog: '/zg/web/v2/system/securityLog',
|
|
62
|
-
// 时间范围查询
|
|
63
|
-
getLogTime: '/zg/web/v2/system/getLogTime'
|
|
64
55
|
}
|
|
65
56
|
};
|
|
66
57
|
export default apis;
|
|
@@ -125,7 +125,8 @@ var AppMember = function AppMember() {
|
|
|
125
125
|
request(apis.app.queryAppList, {
|
|
126
126
|
method: 'get'
|
|
127
127
|
}).then(function (res) {
|
|
128
|
-
|
|
128
|
+
var _res$data;
|
|
129
|
+
setCompanyAppList((res === null || res === void 0 ? void 0 : (_res$data = res.data) === null || _res$data === void 0 ? void 0 : _res$data.appList) || []);
|
|
129
130
|
});
|
|
130
131
|
// 请求左侧菜单
|
|
131
132
|
request(apis.app.queryLeftMenus, {
|
|
@@ -25,7 +25,6 @@ import AppList from './appList';
|
|
|
25
25
|
import VirtualApp from './virtualApp';
|
|
26
26
|
import Cost from './cost';
|
|
27
27
|
import WechatBinding from './wechatBinding';
|
|
28
|
-
import OperationLog from './operationLog';
|
|
29
28
|
var CompanySetting = function CompanySetting(props) {
|
|
30
29
|
var showWeChatMenu = props.showWeChatMenu,
|
|
31
30
|
showMarketMenu = props.showMarketMenu,
|
|
@@ -162,7 +161,8 @@ var CompanySetting = function CompanySetting(props) {
|
|
|
162
161
|
request(api.user.getCurrentUser, {
|
|
163
162
|
method: 'get'
|
|
164
163
|
}).then(function (res) {
|
|
165
|
-
var data
|
|
164
|
+
var _res$data;
|
|
165
|
+
var data = res === null || res === void 0 ? void 0 : (_res$data = res.data) === null || _res$data === void 0 ? void 0 : _res$data.user;
|
|
166
166
|
if (!data) return;
|
|
167
167
|
data.isCreator = data.id === data.userId;
|
|
168
168
|
data.isDemoAccount = data.email === 'demo@zhugeio.com';
|
|
@@ -180,16 +180,16 @@ var CompanySetting = function CompanySetting(props) {
|
|
|
180
180
|
request(api.app.queryAppList, {
|
|
181
181
|
method: 'get'
|
|
182
182
|
}).then(function (res) {
|
|
183
|
-
setCompanyAppList(res && res.
|
|
183
|
+
setCompanyAppList(res && res.data.appList || []);
|
|
184
184
|
if (settingCurrentUser && authConfig && authConfig.dataAuth) {
|
|
185
185
|
var appIds = authConfig.dataAuth.map(function (item) {
|
|
186
186
|
return item.appId;
|
|
187
187
|
});
|
|
188
188
|
if (appIds.includes(0) || isAdmin) {
|
|
189
|
-
setAppList(res && res.
|
|
189
|
+
setAppList(res && res.data.appList || []);
|
|
190
190
|
} else {
|
|
191
191
|
var result = [];
|
|
192
|
-
res && res.
|
|
192
|
+
res && res.data.appList && res.data.appList.forEach(function (item) {
|
|
193
193
|
if (appIds.includes(item.id)) {
|
|
194
194
|
result.push(item);
|
|
195
195
|
}
|
|
@@ -197,7 +197,7 @@ var CompanySetting = function CompanySetting(props) {
|
|
|
197
197
|
setAppList(result);
|
|
198
198
|
}
|
|
199
199
|
} else {
|
|
200
|
-
setAppList(res && res.
|
|
200
|
+
setAppList(res && res.data.appList || []);
|
|
201
201
|
}
|
|
202
202
|
apisOkNum += 1;
|
|
203
203
|
setPageReady(apisOkNum);
|
|
@@ -722,11 +722,6 @@ var CompanySetting = function CompanySetting(props) {
|
|
|
722
722
|
label: '微信账号绑定',
|
|
723
723
|
content: /*#__PURE__*/React.createElement(WechatBinding, null),
|
|
724
724
|
hidden: !(showWeChatMenu && showMarketMenu && showDataDaily && isAdmin)
|
|
725
|
-
}, {
|
|
726
|
-
key: 'operationLog',
|
|
727
|
-
label: '操作日志',
|
|
728
|
-
content: /*#__PURE__*/React.createElement(OperationLog, null),
|
|
729
|
-
hidden: !isAdmin
|
|
730
725
|
}];
|
|
731
726
|
return /*#__PURE__*/React.createElement("div", {
|
|
732
727
|
className: "setting setting-content company-setting"
|
|
@@ -87,10 +87,6 @@ var VirtualApp = function VirtualApp(props) {
|
|
|
87
87
|
setVirtualAppList(list);
|
|
88
88
|
setVirtualAppsIdMap(idMap);
|
|
89
89
|
setReady(true);
|
|
90
|
-
// context.commit(mutations.virtualApp.updateVirtualApps, {
|
|
91
|
-
// list,
|
|
92
|
-
// idMap
|
|
93
|
-
// })
|
|
94
90
|
}).catch(function (err) {
|
|
95
91
|
notification.error({
|
|
96
92
|
message: '查询虚拟应用失败'
|
|
@@ -13,7 +13,6 @@ import PersonalUnbinding from './unbinding';
|
|
|
13
13
|
import { useContext } from 'react';
|
|
14
14
|
import { BizGlobalDataContext } from '@zgfe/business-lib';
|
|
15
15
|
import util from '../../utils/util';
|
|
16
|
-
import SecurityLog from './securityLog';
|
|
17
16
|
var PersonalSetting = function PersonalSetting(_ref) {
|
|
18
17
|
var settingsCallback = _ref.settingsCallback;
|
|
19
18
|
var _useContext = useContext(BizGlobalDataContext),
|
|
@@ -50,10 +49,6 @@ var PersonalSetting = function PersonalSetting(_ref) {
|
|
|
50
49
|
label: '解绑虚拟MFA',
|
|
51
50
|
hidden: !(currentUser === null || currentUser === void 0 ? void 0 : currentUser.secret) || isDemo,
|
|
52
51
|
content: /*#__PURE__*/React.createElement(PersonalUnbinding, null)
|
|
53
|
-
}, {
|
|
54
|
-
key: '4',
|
|
55
|
-
label: '安全日志',
|
|
56
|
-
content: /*#__PURE__*/React.createElement(SecurityLog, null)
|
|
57
52
|
}];
|
|
58
53
|
return /*#__PURE__*/React.createElement(SettingTabs, {
|
|
59
54
|
typeName: "personal",
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zgfe/modules-settings",
|
|
3
|
-
"version": "1.2.3
|
|
3
|
+
"version": "1.2.3",
|
|
4
4
|
"module": "es/index.js",
|
|
5
5
|
"typings": "es/index.d.ts",
|
|
6
6
|
"files": [
|
|
@@ -38,7 +38,7 @@
|
|
|
38
38
|
"@types/lodash": "^4.14.182",
|
|
39
39
|
"@umijs/fabric": "^2.8.1",
|
|
40
40
|
"@umijs/test": "^3.0.5",
|
|
41
|
-
"@zgfe/business-lib": "^1.1.
|
|
41
|
+
"@zgfe/business-lib": "^1.1.40",
|
|
42
42
|
"@zgfe/modules-demo-manage": "^1.0.1",
|
|
43
43
|
"antd": "4.22.6",
|
|
44
44
|
"dumi": "^1.1.0",
|
|
@@ -51,7 +51,7 @@
|
|
|
51
51
|
"umi-request": "^1.4.0",
|
|
52
52
|
"yorkie": "^2.0.0"
|
|
53
53
|
},
|
|
54
|
-
"gitHead": "
|
|
54
|
+
"gitHead": "06d072df4c1d0224ec5633aa62c441681edca365",
|
|
55
55
|
"gitHooks": {
|
|
56
56
|
"pre-commit": "lint-staged"
|
|
57
57
|
}
|
|
@@ -1,205 +0,0 @@
|
|
|
1
|
-
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
2
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
3
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
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(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
6
|
-
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
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(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
|
|
12
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
13
|
-
import React, { useEffect, useState } from 'react';
|
|
14
|
-
import request from '../../../utils/ajax';
|
|
15
|
-
import apis from '../../../constants/api';
|
|
16
|
-
import { DatePicker, Radio, Table } from 'antd';
|
|
17
|
-
import locale from 'antd/es/date-picker/locale/zh_CN';
|
|
18
|
-
import moment from 'moment';
|
|
19
|
-
import './index.less';
|
|
20
|
-
var OperationLog = function OperationLog() {
|
|
21
|
-
var classPrefix = 'operation-log-page';
|
|
22
|
-
var _useState = useState({
|
|
23
|
-
page: 1,
|
|
24
|
-
size: 10,
|
|
25
|
-
year: '',
|
|
26
|
-
month: ''
|
|
27
|
-
}),
|
|
28
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
29
|
-
condition = _useState2[0],
|
|
30
|
-
setCondition = _useState2[1];
|
|
31
|
-
var _useState3 = useState(true),
|
|
32
|
-
_useState4 = _slicedToArray(_useState3, 2),
|
|
33
|
-
loading = _useState4[0],
|
|
34
|
-
setLoading = _useState4[1];
|
|
35
|
-
var _useState5 = useState(0),
|
|
36
|
-
_useState6 = _slicedToArray(_useState5, 2),
|
|
37
|
-
total = _useState6[0],
|
|
38
|
-
setTotal = _useState6[1];
|
|
39
|
-
var _useState7 = useState('1'),
|
|
40
|
-
_useState8 = _slicedToArray(_useState7, 2),
|
|
41
|
-
logType = _useState8[0],
|
|
42
|
-
setLogType = _useState8[1];
|
|
43
|
-
var _useState9 = useState([]),
|
|
44
|
-
_useState10 = _slicedToArray(_useState9, 2),
|
|
45
|
-
dateRange = _useState10[0],
|
|
46
|
-
setDateRange = _useState10[1];
|
|
47
|
-
var _useState11 = useState(0),
|
|
48
|
-
_useState12 = _slicedToArray(_useState11, 2),
|
|
49
|
-
time = _useState12[0],
|
|
50
|
-
setTime = _useState12[1];
|
|
51
|
-
var _useState13 = useState([]),
|
|
52
|
-
_useState14 = _slicedToArray(_useState13, 2),
|
|
53
|
-
tableData = _useState14[0],
|
|
54
|
-
setTableData = _useState14[1];
|
|
55
|
-
var columns = [{
|
|
56
|
-
title: '应用(应用ID)',
|
|
57
|
-
dataIndex: 'appId',
|
|
58
|
-
key: 'appId'
|
|
59
|
-
}, {
|
|
60
|
-
title: '操作人(登录账号)',
|
|
61
|
-
dataIndex: 'operatorName',
|
|
62
|
-
key: 'operatorName'
|
|
63
|
-
}, {
|
|
64
|
-
title: '功能模块',
|
|
65
|
-
dataIndex: 'targetType',
|
|
66
|
-
key: 'targetType'
|
|
67
|
-
}, {
|
|
68
|
-
title: '操作类型',
|
|
69
|
-
dataIndex: 'operationType',
|
|
70
|
-
key: 'operationType'
|
|
71
|
-
}, {
|
|
72
|
-
title: '操作设备',
|
|
73
|
-
dataIndex: 'userAgent',
|
|
74
|
-
key: 'userAgent'
|
|
75
|
-
}, {
|
|
76
|
-
title: 'IP地址',
|
|
77
|
-
dataIndex: 'userAccessIp',
|
|
78
|
-
key: 'userAccessIp'
|
|
79
|
-
}, {
|
|
80
|
-
title: '操作时间',
|
|
81
|
-
dataIndex: 'gmtCreate',
|
|
82
|
-
key: 'gmtCreate'
|
|
83
|
-
}];
|
|
84
|
-
useEffect(function () {
|
|
85
|
-
queryData();
|
|
86
|
-
}, [logType]);
|
|
87
|
-
useEffect(function () {
|
|
88
|
-
// if (time) clearTimeout(time);
|
|
89
|
-
// setTime(
|
|
90
|
-
// setTimeout(() => {
|
|
91
|
-
// console.log(condition, 'condition');
|
|
92
|
-
// queryLog();
|
|
93
|
-
// }, 500),
|
|
94
|
-
// );
|
|
95
|
-
queryLog();
|
|
96
|
-
}, [condition]);
|
|
97
|
-
function queryData() {
|
|
98
|
-
request(apis.log.getLogTime, {
|
|
99
|
-
method: 'get',
|
|
100
|
-
params: {
|
|
101
|
-
type: logType
|
|
102
|
-
}
|
|
103
|
-
}).then(function (res) {
|
|
104
|
-
if (parseInt(res === null || res === void 0 ? void 0 : res.code) == 100000) {
|
|
105
|
-
var maxDate = res.data[res.data.length - 1] || '';
|
|
106
|
-
setDateRange(res.data);
|
|
107
|
-
setCondition(function () {
|
|
108
|
-
return {
|
|
109
|
-
page: 1,
|
|
110
|
-
size: 10,
|
|
111
|
-
year: moment(maxDate).format('YYYY'),
|
|
112
|
-
month: moment(maxDate).format('MM')
|
|
113
|
-
};
|
|
114
|
-
});
|
|
115
|
-
}
|
|
116
|
-
});
|
|
117
|
-
}
|
|
118
|
-
function queryLog() {
|
|
119
|
-
setLoading(true);
|
|
120
|
-
if (!condition.year || !condition.month) return;
|
|
121
|
-
request(apis.log.operationLog, {
|
|
122
|
-
method: 'post',
|
|
123
|
-
data: _objectSpread({
|
|
124
|
-
type: logType
|
|
125
|
-
}, condition)
|
|
126
|
-
}).then(function (res) {
|
|
127
|
-
if (parseInt(res === null || res === void 0 ? void 0 : res.code) == 100000) {
|
|
128
|
-
setTotal(res.data.count);
|
|
129
|
-
setTableData(res.data.logs);
|
|
130
|
-
setLoading(false);
|
|
131
|
-
}
|
|
132
|
-
});
|
|
133
|
-
}
|
|
134
|
-
function disabledDate(current) {
|
|
135
|
-
var date = moment(current._d).format('YYYYMM');
|
|
136
|
-
return !dateRange.includes(date);
|
|
137
|
-
}
|
|
138
|
-
function onChangeTime(current) {
|
|
139
|
-
setCondition(function () {
|
|
140
|
-
return {
|
|
141
|
-
page: 1,
|
|
142
|
-
size: 10,
|
|
143
|
-
year: moment(current._d).format('YYYY'),
|
|
144
|
-
month: moment(current._d).format('MM')
|
|
145
|
-
};
|
|
146
|
-
});
|
|
147
|
-
}
|
|
148
|
-
function onChangeType(data) {
|
|
149
|
-
setLogType(data.target.value);
|
|
150
|
-
}
|
|
151
|
-
function onChangeTable(data) {
|
|
152
|
-
setCondition(function (v) {
|
|
153
|
-
return _objectSpread(_objectSpread({}, v), {}, {
|
|
154
|
-
page: data.current,
|
|
155
|
-
size: data.pageSize
|
|
156
|
-
});
|
|
157
|
-
});
|
|
158
|
-
}
|
|
159
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
160
|
-
className: classPrefix
|
|
161
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
162
|
-
className: "".concat(classPrefix, "-header")
|
|
163
|
-
}, /*#__PURE__*/React.createElement(Radio.Group, {
|
|
164
|
-
onChange: onChangeType,
|
|
165
|
-
value: logType
|
|
166
|
-
}, /*#__PURE__*/React.createElement(Radio.Button, {
|
|
167
|
-
value: "1"
|
|
168
|
-
}, "\u67E5\u8BE2\u65E5\u5FD7"), /*#__PURE__*/React.createElement(Radio.Button, {
|
|
169
|
-
value: "2"
|
|
170
|
-
}, "\u64CD\u4F5C\u65E5\u5FD7"), /*#__PURE__*/React.createElement(Radio.Button, {
|
|
171
|
-
value: "3"
|
|
172
|
-
}, "\u6743\u9650\u65E5\u5FD7")), condition.year && /*#__PURE__*/React.createElement(DatePicker, {
|
|
173
|
-
value: moment("".concat(condition.year, "-").concat(condition.month), 'YYYY-MM'),
|
|
174
|
-
picker: "month",
|
|
175
|
-
disabledDate: disabledDate,
|
|
176
|
-
locale: locale,
|
|
177
|
-
onChange: onChangeTime,
|
|
178
|
-
inputReadOnly: true,
|
|
179
|
-
allowClear: false
|
|
180
|
-
})), /*#__PURE__*/React.createElement("div", {
|
|
181
|
-
className: "".concat(classPrefix, "-table")
|
|
182
|
-
}, /*#__PURE__*/React.createElement(Table, {
|
|
183
|
-
columns: columns,
|
|
184
|
-
dataSource: tableData,
|
|
185
|
-
loading: loading,
|
|
186
|
-
scroll: {
|
|
187
|
-
x: 'max-content'
|
|
188
|
-
},
|
|
189
|
-
pagination: {
|
|
190
|
-
className: 'biz-pagination',
|
|
191
|
-
current: condition.page,
|
|
192
|
-
pageSize: condition.size,
|
|
193
|
-
showQuickJumper: true,
|
|
194
|
-
showSizeChanger: true,
|
|
195
|
-
total: total,
|
|
196
|
-
showTotal: function showTotal(totalNum) {
|
|
197
|
-
return /*#__PURE__*/React.createElement("span", null, "\u5171 ", /*#__PURE__*/React.createElement("a", {
|
|
198
|
-
className: "biz-table-total"
|
|
199
|
-
}, totalNum), " \u6761");
|
|
200
|
-
},
|
|
201
|
-
onChange: onChangeTable
|
|
202
|
-
}
|
|
203
|
-
})));
|
|
204
|
-
};
|
|
205
|
-
export default OperationLog;
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
.operation-log-page {
|
|
2
|
-
display: flex;
|
|
3
|
-
flex-direction: column;
|
|
4
|
-
&-header {
|
|
5
|
-
display: flex;
|
|
6
|
-
justify-content: space-between;
|
|
7
|
-
margin-bottom: 30px;
|
|
8
|
-
}
|
|
9
|
-
&-table {
|
|
10
|
-
flex: 1;
|
|
11
|
-
overflow-y: auto;
|
|
12
|
-
}
|
|
13
|
-
.ant-radio-group {
|
|
14
|
-
.ant-radio-button-wrapper:first-child {
|
|
15
|
-
border-radius: 4px 0 0 4px;
|
|
16
|
-
}
|
|
17
|
-
.ant-radio-button-wrapper:last-child {
|
|
18
|
-
border-radius: 0 4px 4px 0;
|
|
19
|
-
}
|
|
20
|
-
}
|
|
21
|
-
}
|
|
@@ -1,171 +0,0 @@
|
|
|
1
|
-
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
2
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
3
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
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(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
6
|
-
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
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(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
|
|
12
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
13
|
-
import { DatePicker, Spin, Table } from 'antd';
|
|
14
|
-
import locale from 'antd/es/date-picker/locale/zh_CN';
|
|
15
|
-
import moment from 'moment';
|
|
16
|
-
import React, { useEffect, useState } from 'react';
|
|
17
|
-
import request from '../../../utils/ajax';
|
|
18
|
-
import apis from '../../../constants/api';
|
|
19
|
-
import './index.less';
|
|
20
|
-
var SecurityLog = function SecurityLog() {
|
|
21
|
-
var classPrefix = 'security-log-page';
|
|
22
|
-
var _useState = useState({
|
|
23
|
-
page: 1,
|
|
24
|
-
size: 10,
|
|
25
|
-
year: '',
|
|
26
|
-
month: ''
|
|
27
|
-
}),
|
|
28
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
29
|
-
condition = _useState2[0],
|
|
30
|
-
setCondition = _useState2[1];
|
|
31
|
-
var _useState3 = useState(0),
|
|
32
|
-
_useState4 = _slicedToArray(_useState3, 2),
|
|
33
|
-
total = _useState4[0],
|
|
34
|
-
setTotal = _useState4[1];
|
|
35
|
-
var _useState5 = useState([]),
|
|
36
|
-
_useState6 = _slicedToArray(_useState5, 2),
|
|
37
|
-
dateRange = _useState6[0],
|
|
38
|
-
setDateRange = _useState6[1];
|
|
39
|
-
var _useState7 = useState(true),
|
|
40
|
-
_useState8 = _slicedToArray(_useState7, 2),
|
|
41
|
-
dateLoading = _useState8[0],
|
|
42
|
-
setDateLoading = _useState8[1];
|
|
43
|
-
var _useState9 = useState(true),
|
|
44
|
-
_useState10 = _slicedToArray(_useState9, 2),
|
|
45
|
-
tableLoading = _useState10[0],
|
|
46
|
-
setTableLoading = _useState10[1];
|
|
47
|
-
var _useState11 = useState([]),
|
|
48
|
-
_useState12 = _slicedToArray(_useState11, 2),
|
|
49
|
-
tableData = _useState12[0],
|
|
50
|
-
setTableData = _useState12[1];
|
|
51
|
-
var _useState13 = useState(0),
|
|
52
|
-
_useState14 = _slicedToArray(_useState13, 2),
|
|
53
|
-
time = _useState14[0],
|
|
54
|
-
setTime = _useState14[1];
|
|
55
|
-
var columns = [{
|
|
56
|
-
title: '详情',
|
|
57
|
-
dataIndex: 'operationType',
|
|
58
|
-
key: 'operationType'
|
|
59
|
-
}, {
|
|
60
|
-
title: 'IP',
|
|
61
|
-
dataIndex: 'userAccessIp',
|
|
62
|
-
key: 'userAccessIp'
|
|
63
|
-
}, {
|
|
64
|
-
title: '时间',
|
|
65
|
-
dataIndex: 'gmtCreate',
|
|
66
|
-
key: 'gmtCreate'
|
|
67
|
-
}];
|
|
68
|
-
useEffect(function () {
|
|
69
|
-
queryData();
|
|
70
|
-
}, []);
|
|
71
|
-
useEffect(function () {
|
|
72
|
-
// if (time) clearTimeout(time);
|
|
73
|
-
// setTime(
|
|
74
|
-
// setTimeout(() => {
|
|
75
|
-
// queryLog();
|
|
76
|
-
// }, 500),
|
|
77
|
-
// );
|
|
78
|
-
queryLog();
|
|
79
|
-
}, [condition]);
|
|
80
|
-
function queryData() {
|
|
81
|
-
setDateLoading(true);
|
|
82
|
-
request(apis.log.getLogTime, {
|
|
83
|
-
method: 'get',
|
|
84
|
-
params: {
|
|
85
|
-
type: 4
|
|
86
|
-
}
|
|
87
|
-
}).then(function (res) {
|
|
88
|
-
if (parseInt(res === null || res === void 0 ? void 0 : res.code) == 100000) {
|
|
89
|
-
setDateLoading(false);
|
|
90
|
-
var maxDate = res.data[res.data.length - 1] || '';
|
|
91
|
-
setDateRange(res.data);
|
|
92
|
-
setCondition(function (v) {
|
|
93
|
-
return _objectSpread(_objectSpread({}, v), {}, {
|
|
94
|
-
year: moment(maxDate).format('YYYY'),
|
|
95
|
-
month: moment(maxDate).format('MM')
|
|
96
|
-
});
|
|
97
|
-
});
|
|
98
|
-
}
|
|
99
|
-
});
|
|
100
|
-
}
|
|
101
|
-
function queryLog() {
|
|
102
|
-
if (!condition.year || !condition.month) return;
|
|
103
|
-
setTableLoading(true);
|
|
104
|
-
request(apis.log.securityLog, {
|
|
105
|
-
method: 'post',
|
|
106
|
-
data: condition
|
|
107
|
-
}).then(function (res) {
|
|
108
|
-
if (parseInt(res === null || res === void 0 ? void 0 : res.code) == 100000) {
|
|
109
|
-
setTotal(res.data.total);
|
|
110
|
-
setTableData(res.data.logs);
|
|
111
|
-
setTableLoading(false);
|
|
112
|
-
}
|
|
113
|
-
});
|
|
114
|
-
}
|
|
115
|
-
function disabledDate(current) {
|
|
116
|
-
var date = moment(current._d).format('YYYYMM');
|
|
117
|
-
return !dateRange.includes(date);
|
|
118
|
-
}
|
|
119
|
-
function onChangeTime(current) {
|
|
120
|
-
setCondition(function () {
|
|
121
|
-
return {
|
|
122
|
-
page: 1,
|
|
123
|
-
size: 10,
|
|
124
|
-
year: moment(current._d).format('YYYY'),
|
|
125
|
-
month: moment(current._d).format('MM')
|
|
126
|
-
};
|
|
127
|
-
});
|
|
128
|
-
}
|
|
129
|
-
function onChangeTable(data) {
|
|
130
|
-
setCondition(function (v) {
|
|
131
|
-
return _objectSpread(_objectSpread({}, v), {}, {
|
|
132
|
-
page: data.current,
|
|
133
|
-
size: data.pageSize
|
|
134
|
-
});
|
|
135
|
-
});
|
|
136
|
-
}
|
|
137
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
138
|
-
className: classPrefix
|
|
139
|
-
}, dateLoading ? /*#__PURE__*/React.createElement("div", {
|
|
140
|
-
className: "".concat(classPrefix, "-spin")
|
|
141
|
-
}, /*#__PURE__*/React.createElement(Spin, null)) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
|
|
142
|
-
className: "".concat(classPrefix, "-header")
|
|
143
|
-
}, /*#__PURE__*/React.createElement(DatePicker, {
|
|
144
|
-
value: moment("".concat(condition.year, "-").concat(condition.month), 'YYYY-MM'),
|
|
145
|
-
picker: "month",
|
|
146
|
-
disabledDate: disabledDate,
|
|
147
|
-
locale: locale,
|
|
148
|
-
onChange: onChangeTime,
|
|
149
|
-
inputReadOnly: true,
|
|
150
|
-
allowClear: false
|
|
151
|
-
})), /*#__PURE__*/React.createElement(Table, {
|
|
152
|
-
columns: columns,
|
|
153
|
-
dataSource: tableData,
|
|
154
|
-
loading: tableLoading,
|
|
155
|
-
pagination: {
|
|
156
|
-
className: 'biz-pagination',
|
|
157
|
-
current: condition.page,
|
|
158
|
-
pageSize: condition.size,
|
|
159
|
-
showQuickJumper: true,
|
|
160
|
-
showSizeChanger: true,
|
|
161
|
-
total: total,
|
|
162
|
-
showTotal: function showTotal(totalNum) {
|
|
163
|
-
return /*#__PURE__*/React.createElement("span", null, "\u5171 ", /*#__PURE__*/React.createElement("a", {
|
|
164
|
-
className: "biz-table-total"
|
|
165
|
-
}, totalNum), " \u6761");
|
|
166
|
-
},
|
|
167
|
-
onChange: onChangeTable
|
|
168
|
-
}
|
|
169
|
-
})));
|
|
170
|
-
};
|
|
171
|
-
export default SecurityLog;
|