1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
| /* eslint-disable */
| import React from 'react';
| import { Link } from 'react-router-dom';
| import { Card, Row, Col, Icon, Form, Input, Button, Select, Table, DatePicker, message, Breadcrumb, Layout, Popconfirm, Divider, Modal } from 'antd';
| import TableView from '../../components/common/TableView';
| import SearchFormView from '../../components/common/SearchFormView';
| import moment from 'moment';
| import fetch from '../../api/request';
|
| const FormItem = Form.Item;
| const confirm = Modal.confirm;
|
|
| export default class AppServiceManage extends React.Component {
| constructor(props) {
| super(props);
| this.state = {
| formData: {
| __key: Date.now(),
| page: 1,
| size: 10,
| },
| };
| }
|
| componentDidMount() { }
|
| setFormData = data => {
| this.setState({
| formData: data,
| });
| }
|
| //添加应用
| add = () => {
| this.props.history.push('/resourceMgt/appService/Detail/new/Add')
| }
|
| //删除应用
| delete = (id) => {
| let _this = this;
| confirm({
| title: <span style={{ fontSize: 19 }}>确定要删除该应用吗？</span>,
| onOk() {
| fetch({
| url: `api/function/delete`,
| params: { ids: id }
| }).then(res => {
| if (res) {
| message.success("删除成功");
| _this.setState({
| formData: {
| ..._this.state.formData,
| __key: Date.now()
| }
| })
| }
| })
| },
| onCancel() { },
| });
| }
|
| //表格列显示
| renderColumns = () => {
| return [
| { title: '名称', className: "txt-c", dataIndex: 'name', key: 'name' },
| { title: '根路径', className: "txt-c", dataIndex: 'rootUrl', key: 'rootUrl' },
| { title: '标识符', className: "txt-c", dataIndex: 'symbol', key: '' },
| { title: '创建时间', className: "txt-c", dataIndex: 'updateTime', key: 'updateTime', render: (text, record) => text !== "" && text != null ? moment(text).format("YYYY-MM-DD HH:mm") : "" },
| {
| title: '操作', className: "txt-c", key: 'operation', render: (text, record) => {
| return <div>
| <Link to={{ pathname: "/resourceMgt/appService/Detail/" + record.id + '/Modify', state: { id: record.id } }}>修改</Link>
| <span> | </span>
| <a onClick={() => this.delete(record.id)}>删除</a>
| </div>
| }
| }
| ]
| }
| render() {
| const { formData, userSyncLoading } = this.state;
| let tableParams = {
| url: `api/app/query`,
| formData,
| key: formData.__key,
| columns: this.renderColumns(),
| extraFromData: {},
| setFormData: this.setFormData
| }
|
| return (
| <div className="appservicemanage-main h-100 margin padding bg-white">
| <SearchFormView
| formData={formData}
| setFormData={this.setFormData}
| data={[
| { type: 'input', name: '名称', label: '名称', key: 'name' },
| { type: 'input', name: '标识符', label: '标识符', key: 'symbol' },
| ]} />
| <Row type="flex" className="margin-bottom">
| <Col>
| <Button type="primary" onClick={this.add}>新增</Button>
| </Col>
| </Row>
| <TableView {...tableParams} />
| </div>
| )
| }
|
|
| }
|
|
