81 lines
4.5 KiB
JavaScript
81 lines
4.5 KiB
JavaScript
"use strict";
|
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
var tslib_1 = require("tslib");
|
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
var antd_1 = require("antd");
|
|
var actionBtnPanel_1 = tslib_1.__importDefault(require("oak-frontend-base/es/components/actionBtnPanel"));
|
|
function Render(props) {
|
|
var _a = props.data, oakPagination = _a.oakPagination, _b = _a.list, list = _b === void 0 ? [] : _b, oakLoading = _a.oakLoading, oakFullpath = _a.oakFullpath, oakLegalActions = _a.oakLegalActions;
|
|
var _c = oakPagination || {}, pageSize = _c.pageSize, total = _c.total, currentPage = _c.currentPage;
|
|
var _d = props.methods, t = _d.t, setPageSize = _d.setPageSize, setCurrentPage = _d.setCurrentPage, goCreate = _d.goCreate, goDetail = _d.goDetail, goUpdate = _d.goUpdate;
|
|
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(oakLegalActions === null || oakLegalActions === void 0 ? void 0 : oakLegalActions.includes('create')) && ((0, jsx_runtime_1.jsx)(antd_1.Space, tslib_1.__assign({ style: { marginBottom: 16 } }, { children: (0, jsx_runtime_1.jsx)(antd_1.Button, tslib_1.__assign({ type: "primary", onClick: function () {
|
|
goCreate();
|
|
} }, { children: "\u6DFB\u52A0\u57DF\u540D" })) }))), (0, jsx_runtime_1.jsx)(antd_1.Table, { loading: oakLoading, dataSource: list, rowKey: "id", columns: [
|
|
{
|
|
dataIndex: 'id',
|
|
title: '#',
|
|
render: function (value, record, index) {
|
|
return index + 1;
|
|
},
|
|
},
|
|
{
|
|
dataIndex: 'url',
|
|
title: '域名',
|
|
render: function (value, record, index) {
|
|
var _a;
|
|
return ((0, jsx_runtime_1.jsx)(antd_1.Typography.Link, tslib_1.__assign({ disabled: !((_a = record === null || record === void 0 ? void 0 : record['#oakLegalActions']) === null || _a === void 0 ? void 0 : _a.includes('update')), onClick: function () {
|
|
goDetail(record.id);
|
|
} }, { children: value })));
|
|
},
|
|
},
|
|
{
|
|
dataIndex: 'apiPath',
|
|
title: '请求路径',
|
|
},
|
|
{
|
|
dataIndex: 'port',
|
|
title: '端口',
|
|
},
|
|
{
|
|
dataIndex: 'protocol',
|
|
title: '协议',
|
|
},
|
|
{
|
|
dataIndex: 'op',
|
|
width: 200,
|
|
title: '操作',
|
|
align: 'center',
|
|
render: function (value, record, index) {
|
|
var _a;
|
|
return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(actionBtnPanel_1.default, { mode: "table-cell", entity: "domain", items: [
|
|
{
|
|
label: '详情',
|
|
onClick: function () {
|
|
goDetail(record.id);
|
|
},
|
|
},
|
|
{
|
|
action: 'update',
|
|
show: (_a = record === null || record === void 0 ? void 0 : record['#oakLegalActions']) === null || _a === void 0 ? void 0 : _a.includes('update'),
|
|
onClick: function () {
|
|
goUpdate(record.id);
|
|
},
|
|
},
|
|
] }) }));
|
|
},
|
|
fixed: 'right',
|
|
},
|
|
], pagination: {
|
|
total: total,
|
|
pageSize: pageSize,
|
|
current: currentPage,
|
|
onShowSizeChange: function (pageSize) {
|
|
setPageSize(pageSize);
|
|
},
|
|
onChange: function (current) {
|
|
setCurrentPage(current);
|
|
},
|
|
} })] }));
|
|
}
|
|
exports.default = Render;
|