zhuyijun/nacos
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge branch 'upstream-develop'

Browse Source
This commit is contained in:
hxy1991 2018-11-22 15:16:22 +08:00
commit 17990b01a2
92 changed files with 2475 additions and 7044 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
console/src/main/resources/static/console-fe/.babelrc Normal file
View File

@ -0,0 +1,15 @@
{
"presets": [
"react-app"
],
"plugins": [
"transform-decorators-legacy",
[
"babel-plugin-import",
{
"libraryName": "@alifd/next",
"style": true
}
]
]
}

1
console/src/main/resources/static/console-fe/.gitignore vendored
View File

@ -5,7 +5,6 @@
# production
/dist
/build
# misc
.DS_Store

14
console/src/main/resources/static/console-fe/.webpackrc
View File

@ -1,14 +0,0 @@
{
"disableCSSModules": true,
"outputPath": "./build",
"proxy": {
"/": {
"target": "http://11.163.128.36:8848", //这边写你自己的服务Ip
"changeOrigin": true,
"pathRewrite": { "^/" : "" }
}
},
"extraBabelPlugins": [
"transform-decorators-legacy"
]
}

18
console/src/main/resources/static/console-fe/README.md
View File

@ -47,18 +47,14 @@ npm run build
##
# 代理配置
根目录下的 .webpackrc
`build/webpack.dev.conf.js`
修改proxy属性
```
"proxy": {
"/": {
"target": "http://ip:port/", //这边写你自己的服务Ip
"changeOrigin": true,
"pathRewrite": { "^/" : "" }
}
},
proxy: [{
context: ['/'],
changeOrigin: true,
secure: false,
target: 'http://ip:port',
}],
```
# dva api
[https://github.com/dvajs/dva/blob/master/docs/api/README.md](https://github.com/dvajs/dva/blob/master/docs/api/README.md)

57
console/src/main/resources/static/console-fe/build.js
View File

@ -1,57 +0,0 @@
#! /usr/bin/env node
/*
* Copyright 1999-2018 Alibaba Group Holding Ltd.
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
* http://www.apache.org/licenses/LICENSE-2.0
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
const cp = require('child_process');
const fs = require('fs');
const path = require('path');
// 默认打包存放地址
const buildDir = path.join(__dirname, 'build');
// 打包后文件存放地址
const targetDir = path.join(__dirname, '../');
const spawnAsync = (...args) =>
new Promise((resolve, reject) => {
const worker = cp.spawn(...args, { stdio: 'inherit' });
worker.on('close', resolve);
worker.on('error', reject);
});
const mkdir = dir => {
if (!fs.existsSync(dir)) {
fs.mkdirSync(dir);
}
};
const copyDir = (sourceDir, targetDir) => {
if (!fs.existsSync(sourceDir) || !fs.statSync(sourceDir).isDirectory()) {
return;
}
mkdir(targetDir);
fs.readdirSync(sourceDir).forEach(_fileName => {
const sourceFileName = path.join(sourceDir, _fileName);
const targetFileName = path.join(targetDir, _fileName);
const fileStat = fs.statSync(sourceFileName);
if (fileStat.isDirectory()) {
copyDir(sourceFileName, targetFileName);
}
if (fileStat.isFile()) {
fs.writeFileSync(targetFileName, fs.readFileSync(sourceFileName));
}
});
};
spawnAsync('roadhog', ['build']).then(() => copyDir(buildDir, targetDir));

79
console/src/main/resources/static/console-fe/build/copy-dist.js Normal file
View File

@ -0,0 +1,79 @@
/*
* Copyright 1999-2018 Alibaba Group Holding Ltd.
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
* http://www.apache.org/licenses/LICENSE-2.0
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
const path = require('path');
const fs = require('fs');
const styles = {
'red': ['\x1B[31m', '\x1B[39m'],
'green': ['\x1B[32m', '\x1B[39m'],
'yellow': ['\x1B[33m', '\x1B[39m'],
};
const distPath = path.join(__dirname, '../dist/');
const rootPath = path.join(__dirname, '../../');
console.log('\n\n> Start copying the dist directory...\n');
function delDir(dest) {
let paths = fs.readdirSync(dest);
paths.forEach(function(p) {
const target = path.join(dest, p);
const st = fs.statSync(target);
if (st.isFile()) {
console.log(`\r${styles.red[0]}Delete File${styles.red[1]}: ${target}`);
fs.unlinkSync(target);
}
if (st.isDirectory()) {
console.log(`\r${styles.red[0]}Delete Directory${styles.red[1]}: ${target}`);
delDir(target);
}
});
paths = fs.readdirSync(dest);
if (!paths.length) {
fs.rmdirSync(dest);
}
}
function copyDir(source, dest) {
const paths = fs.readdirSync(source);
paths.forEach(function(p) {
const src = path.join(source, p);
const target = path.join(dest, p);
const st = fs.statSync(src);
if (st.isFile()) {
if (fs.existsSync(target)) {
console.log(`\r${styles.red[0]}Delete File${styles.red[1]}: ${target}`);
fs.unlinkSync(target);
}
console.log(`\r${styles.yellow[0]}Copy File${styles.yellow[1]}: ${target}`);
const readStream = fs.createReadStream(src);
const writeStream = fs.createWriteStream(target);
readStream.pipe(writeStream);
}
if (st.isDirectory()) {
if (fs.existsSync(target)) {
console.log(`\r${styles.red[0]}Delete Directory${styles.red[1]}: ${target}`);
delDir(target);
}
console.log(`\r${styles.yellow[0]}Create Directory${styles.yellow[1]}: ${target}`);
fs.mkdirSync(target);
copyDir(src, target);
}
});
}
copyDir(distPath, rootPath);
console.log(`\n>${styles.green[0]} Copy complete!${styles.green[0]}\n`);

93
console/src/main/resources/static/console-fe/build/webpack.base.conf.js Normal file
View File

@ -0,0 +1,93 @@
/*
* Copyright 1999-2018 Alibaba Group Holding Ltd.
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
* http://www.apache.org/licenses/LICENSE-2.0
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const MiniCssExtractPlugin = require('mini-css-extract-plugin');
const CopyWebpackPlugin = require('copy-webpack-plugin');
const isDev = process.env.NODE_ENV !== 'production';
function resolve(dir) {
return path.join(__dirname, '..', dir);
}
module.exports = {
entry: {
main: './src/index.js',
},
output: {
filename: './js/[name].[chunkhash:8].js',
path: path.resolve(__dirname, '../dist'),
},
resolve: {
extensions: ['.js', '.jsx', '.json'],
alias: {
'@': resolve('src'),
utils: resolve('src/utils'),
components: resolve('src/components'),
},
},
module: {
rules: [
{
test: /\.(css|scss)$/,
use: [isDev ? 'style-loader' : MiniCssExtractPlugin.loader, 'css-loader', 'sass-loader'],
},
{
test: /\.(js|jsx)$/,
loader: 'eslint-loader',
enforce: 'pre',
include: [resolve('src')],
},
{
test: /\.(js|jsx)$/,
include: [resolve('src')],
use: ['babel-loader'],
},
{
test: [/\.bmp$/, /\.gif$/, /\.jpe?g$/, /\.png$/],
loader: 'url-loader',
options: {
limit: 10000,
name: '/img/[name].[hash:8].[ext]',
},
},
{
test: /\.(ttf|woff|svg)$/,
use: [
{
loader: 'url-loader',
options: {
name: '/fonts/[name].[hash:8].[ext]',
},
},
],
},
],
},
plugins: [
new HtmlWebpackPlugin({
filename: 'index.html',
template: './public/index.html',
minify: !isDev,
}),
new CopyWebpackPlugin([
{
from: resolve('public'),
to: './',
ignore: ['index.html'],
},
]),
],
};

42
console/src/main/resources/static/console-fe/build/webpack.dev.conf.js Normal file
View File

@ -0,0 +1,42 @@
/*
* Copyright 1999-2018 Alibaba Group Holding Ltd.
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
* http://www.apache.org/licenses/LICENSE-2.0
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
const path = require('path');
const webpack = require('webpack');
const base = require('./webpack.base.conf');
module.exports = Object.assign({}, base, {
output: {
filename: './js/[name].js',
path: path.resolve(__dirname, '../dist'),
},
devServer: {
port: 8000,
proxy: [{
context: ['/'],
changeOrigin: true,
secure: false,
target: 'http://11.163.128.36:8848',
}],
disableHostCheck: true,
open: true,
hot: true,
overlay: true
},
mode: 'development',
devtool: 'eval-source-map',
plugins: [
...base.plugins,
new webpack.HotModuleReplacementPlugin()
]
});

43
console/src/main/resources/static/console-fe/build/webpack.prod.conf.js Normal file
View File

@ -0,0 +1,43 @@
/*
* Copyright 1999-2018 Alibaba Group Holding Ltd.
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
* http://www.apache.org/licenses/LICENSE-2.0
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
const path = require('path');
const base = require('./webpack.base.conf');
const UglifyJsPlugin = require('uglifyjs-webpack-plugin');
const MiniCssExtractPlugin = require('mini-css-extract-plugin');
const OptimizeCSSAssetsPlugin = require('optimize-css-assets-webpack-plugin');
const CleanWebpackPlugin = require('clean-webpack-plugin');
module.exports = Object.assign({}, base, {
optimization: {
minimizer: [
new UglifyJsPlugin({
cache: true,
parallel: true,
sourceMap: true,
}),
new OptimizeCSSAssetsPlugin({}),
],
},
plugins: [
new CleanWebpackPlugin(path.resolve(__dirname, '../dist'), {
root: path.resolve(__dirname, '../'),
}),
...base.plugins,
new MiniCssExtractPlugin({
filename: './css/[name].[hash:8].css',
chunkFilename: '[id].css',
}),
],
mode: 'production',
});

73
console/src/main/resources/static/console-fe/package.json
View File

@ -1,4 +1,14 @@
{
"name": "console-fe",
"version": "1.0.0",
"description": "console fe",
"main": "index.js",
"scripts": {
"start": "cross-env NODE_ENV=development webpack-dev-server --config build/webpack.dev.conf.js",
"build": "cross-env NODE_ENV=production webpack --config build/webpack.prod.conf.js && node build/copy-dist.js",
"eslint": "eslint --ext .js src/",
"eslint-fix": "eslint --ext .js --fix src/"
},
"private": true,
"husky": {
"hooks": {
@ -11,39 +21,62 @@
"git add"
]
},
"scripts": {
"start": "roadhog dev",
"build": "node build.js",
"dist": "roadhog build",
"eslint": "eslint --ext .js src/",
"eslint-fix": "eslint --ext .js --fix src/"
},
"dependencies": {
"@alifd/next": "^1.7.6",
"dva": "^2.3.1",
"jquery": "^3.3.1",
"moment": "^2.22.2",
"prop-types": "^15.6.2",
"react": "^16.2.0",
"react-dom": "^16.2.0"
"license": "Apache-2.0",
"repository": {
"type": "git",
"url": "git+https://github.com/alibaba/nacos.git"
},
"devDependencies": {
"babel-cli": "^6.26.0",
"babel-core": "^6.26.3",
"babel-eslint": "^10.0.1",
"babel-plugin-dva-hmr": "^0.3.2",
"babel-loader": "^7.1.5",
"babel-plugin-import": "^1.10.0",
"babel-plugin-transform-decorators": "^6.24.1",
"babel-plugin-transform-decorators-legacy": "^1.3.5",
"babel-preset-es2015": "^6.24.1",
"babel-preset-react": "^6.24.1",
"babel-preset-stage-2": "^6.24.1",
"babel-preset-env": "^1.7.0",
"babel-preset-react-app": "^3.1.1",
"babel-runtime": "^6.23.0",
"clean-webpack-plugin": "^0.1.19",
"copy-webpack-plugin": "^4.6.0",
"cross-env": "^5.2.0",
"css-loader": "^1.0.0",
"eslint": "^5.9.0",
"eslint-config-ali": "^4.0.0",
"eslint-config-prettier": "^3.3.0",
"eslint-loader": "^2.1.1",
"eslint-plugin-import": "^2.14.0",
"eslint-plugin-prettier": "^3.0.0",
"eslint-plugin-react": "^7.11.1",
"file-loader": "^2.0.0",
"html-webpack-plugin": "^3.2.0",
"husky": "^1.1.4",
"lint-staged": "^8.0.4",
"mini-css-extract-plugin": "^0.4.3",
"node-sass": "^4.1.0",
"optimize-css-assets-webpack-plugin": "^5.0.1",
"prettier": "1.15.2",
"roadhog": "^2.0.0"
"sass-loader": "^7.1.0",
"style-loader": "^0.23.0",
"uglifyjs-webpack-plugin": "^2.0.1",
"url-loader": "^1.1.1",
"webpack": "^4.20.2",
"webpack-cli": "^3.1.2",
"webpack-dev-server": "^3.1.9"
},
"dependencies": {
"@alifd/next": "^1.9.19",
"axios": "^0.18.0",
"jquery": "^3.3.1",
"moment": "^2.22.2",
"prop-types": "^15.6.2",
"react": "^16.6.0",
"react-dom": "^16.6.0",
"react-redux": "^5.1.0",
"react-router": "^4.3.1",
"react-router-dom": "^4.3.1",
"react-router-redux": "^4.0.8",
"redux": "^4.0.1",
"redux-thunk": "^2.3.0"
}
}

5
console/src/main/resources/static/console-fe/public/index.html
View File

@ -28,7 +28,6 @@
<link rel="stylesheet" type="text/css" href="css/icon.css">
<link rel="stylesheet" type="text/css" href="css/font-awesome.css">
<!-- 第三方css结束 -->
<link rel="stylesheet" type="text/css" href="index.css">
</head>
<body>
@ -49,9 +48,7 @@
<script src="js/diff_match_patch.js"></script>
<script src="js/merge.js"></script>
<script src="js/loader.js"></script>
<!-- 第三方js结束 -->
<script src="index.js"></script>
</body>
</html>
</html>

2
console/src/main/resources/static/console-fe/src/components/BatchHandle/BatchHandle.js
View File

@ -15,7 +15,7 @@ import React from 'react';
import PropTypes from 'prop-types';
import { Dialog, Pagination, Transfer } from '@alifd/next';
import { request, aliwareIntl } from '../../globalLib';
import './index.less';
import './index.scss';
class BatchHandle extends React.Component {
static propTypes = {

0
console/src/main/resources/static/console-fe/src/components/BatchHandle/index.less → console/src/main/resources/static/console-fe/src/components/BatchHandle/index.scss
View File

2
console/src/main/resources/static/console-fe/src/components/CloneDialog/CloneDialog.js
View File

@ -12,7 +12,7 @@
*/
import React from 'react';
import './index.less';
import './index.scss';
import { getParams, request, aliwareIntl } from '../../globalLib';
import { Button, Dialog, Field, Form, Select } from '@alifd/next';

0
console/src/main/resources/static/console-fe/src/components/CloneDialog/index.less → console/src/main/resources/static/console-fe/src/components/CloneDialog/index.scss
View File

2
console/src/main/resources/static/console-fe/src/components/DeleteDialog/DeleteDialog.js
View File

@ -12,7 +12,7 @@
*/
import React from 'react';
import './index.less';
import './index.scss';
import { aliwareIntl } from '../../globalLib';
import { Button, Dialog, Grid, Icon } from '@alifd/next';

0
console/src/main/resources/static/console-fe/src/components/DeleteDialog/index.less → console/src/main/resources/static/console-fe/src/components/DeleteDialog/index.scss
View File

2
console/src/main/resources/static/console-fe/src/components/DiffEditorDialog/DiffEditorDialog.js
View File

@ -14,7 +14,7 @@
import React from 'react';
import PropTypes from 'prop-types';
import { aliwareIntl } from '../../globalLib';
import './index.less';
import './index.scss';
import { Button, Dialog, Grid } from '@alifd/next';
const { Row, Col } = Grid;

0
console/src/main/resources/static/console-fe/src/components/DiffEditorDialog/index.less → console/src/main/resources/static/console-fe/src/components/DiffEditorDialog/index.scss
View File

8
console/src/main/resources/static/console-fe/src/components/EditorNameSpace/EditorNameSpace.js
View File

@ -12,7 +12,7 @@
*/
import React from 'react';
import './index.less';
import './index.scss';
import { request, aliwareIntl } from '../../globalLib';
import { Button, Dialog, Field, Form, Input, Loading } from '@alifd/next';
@ -60,7 +60,7 @@ class EditorNameSpace extends React.Component {
this.field.setValues(record);
request({
type: 'get',
url: `/nacos/v1/console/namespaces?show=all&namespaceId=${record.namespace}`,
url: `v1/console/namespaces?show=all&namespaceId=${record.namespace}`,
success: res => {
if (res !== null) {
this.field.setValue('namespaceDesc', res.namespaceDesc);
@ -89,7 +89,7 @@ class EditorNameSpace extends React.Component {
beforeSend: () => {
this.openLoading();
},
url: '/nacos/v1/console/namespaces',
url: 'v1/console/namespaces',
contentType: 'application/x-www-form-urlencoded',
data: {
namespace: values.namespace,
@ -120,7 +120,7 @@ class EditorNameSpace extends React.Component {
setTimeout(() => {
request({
type: 'get',
url: '/nacos/v1/console/namespaces',
url: 'v1/console/namespaces',
success: res => {
if (res.code === 200) {
window.namespaceList = res.data;

0
console/src/main/resources/static/console-fe/src/components/EditorNameSpace/index.less → console/src/main/resources/static/console-fe/src/components/EditorNameSpace/index.scss
View File

2
console/src/main/resources/static/console-fe/src/components/ExportDialog/ExportDialog.js
View File

@ -13,7 +13,7 @@
import React from 'react';
import { aliwareIntl } from '../../globalLib';
import './index.less';
import './index.scss';
import { Button, Dialog, Form } from '@alifd/next';
const FormItem = Form.Item;

0
console/src/main/resources/static/console-fe/src/components/ExportDialog/index.less → console/src/main/resources/static/console-fe/src/components/ExportDialog/index.scss
View File

9
console/src/main/resources/static/console-fe/src/components/ImportDialog/ImportDialog.js
View File

@ -12,8 +12,9 @@
*/
import React from 'react';
import { aliwareIntl } from '../../globalLib';
import './index.less';
import { aliwareIntl } from '@/globalLib';
import { isParentEdas } from '@/lib';
import './index.scss';
import { Balloon, Button, Dialog, Form, Icon, Select, Upload } from '@alifd/next';
const FormItem = Form.Item;
@ -50,8 +51,6 @@ class ImportDialog extends React.Component {
};
}
componentDidMount() {}
openDialog(payload, callback) {
this.callback = callback;
this.setState({
@ -96,7 +95,7 @@ class ImportDialog extends React.Component {
this.state.tenant.id
}?policy=${this.state.policy}`;
if (window.globalConfig.isParentEdas()) {
if (isParentEdas()) {
uploadLink = `/authgw/${window.edasprefix}${uploadLink}`;
}
const helpTip = (

0
console/src/main/resources/static/console-fe/src/components/ImportDialog/index.less → console/src/main/resources/static/console-fe/src/components/ImportDialog/index.scss
View File

4
console/src/main/resources/static/console-fe/src/components/NameSpaceList/NameSpaceList.js
View File

@ -13,7 +13,7 @@
import React from 'react';
import PropTypes from 'prop-types';
import './index.less';
import './index.scss';
import { Dialog } from '@alifd/next';
import { getParams, setParams, request, aliwareIntl } from '../../globalLib';
@ -99,7 +99,7 @@ class NameSpaceList extends React.Component {
} else {
request({
type: 'get',
url: '/nacos/v1/console/namespaces',
url: 'v1/console/namespaces',
success: res => {
if (res.code === 200) {
this.handleNameSpaces(res.data);

0
console/src/main/resources/static/console-fe/src/components/NameSpaceList/index.less → console/src/main/resources/static/console-fe/src/components/NameSpaceList/index.scss
View File

6
console/src/main/resources/static/console-fe/src/components/NewNameSpace/NewNameSpace.js
View File

@ -12,7 +12,7 @@
*/
import React from 'react';
import './index.less';
import './index.scss';
import { request, aliwareIntl } from '../../globalLib';
import { Button, Dialog, Field, Form, Input, Loading } from '@alifd/next';
@ -103,7 +103,7 @@ class NewNameSpace extends React.Component {
});
request({
type: 'post',
url: '/nacos/v1/console/namespaces',
url: 'v1/console/namespaces',
contentType: 'application/x-www-form-urlencoded',
beforeSend: () => {
this.openLoading();
@ -140,7 +140,7 @@ class NewNameSpace extends React.Component {
setTimeout(() => {
request({
type: 'get',
url: '/nacos/v1/console/namespaces',
url: 'v1/console/namespaces',
success: res => {
if (res.code === 200) {
window.namespaceList = res.data;

0
console/src/main/resources/static/console-fe/src/components/NewNameSpace/index.less → console/src/main/resources/static/console-fe/src/components/NewNameSpace/index.scss
View File

2
console/src/main/resources/static/console-fe/src/components/RegionGroup/RegionGroup.js
View File

@ -17,7 +17,7 @@ import { Button } from '@alifd/next';
import $ from 'jquery';
import NameSpaceList from '../NameSpaceList';
import { setParams, request } from '../../globalLib';
import './index.less';
import './index.scss';
class RegionGroup extends React.Component {
static propTypes = {

0
console/src/main/resources/static/console-fe/src/components/RegionGroup/index.less → console/src/main/resources/static/console-fe/src/components/RegionGroup/index.scss
View File

2
console/src/main/resources/static/console-fe/src/components/ShowCodeing/ShowCodeing.js
View File

@ -12,7 +12,7 @@
*/
import React from 'react';
import './index.less';
import './index.scss';
import { getParams, aliwareIntl } from '../../globalLib';
import { Dialog, Loading, Tab } from '@alifd/next';

0
console/src/main/resources/static/console-fe/src/components/ShowCodeing/index.less → console/src/main/resources/static/console-fe/src/components/ShowCodeing/index.scss
View File

3
console/src/main/resources/static/console-fe/src/components/SuccessDialog/SuccessDialog.js
View File

@ -14,9 +14,10 @@
import React from 'react';
import PropTypes from 'prop-types';
import { aliwareIntl } from '../../globalLib';
import './index.less';
import { Button, Dialog, Grid, Icon } from '@alifd/next';
import './index.scss';
const { Row, Col } = Grid;
class SuccessDialog extends React.Component {

0
console/src/main/resources/static/console-fe/src/components/SuccessDialog/index.less → console/src/main/resources/static/console-fe/src/components/SuccessDialog/index.scss
View File

31
console/src/main/resources/static/console-fe/src/routes/IndexPage.css → console/src/main/resources/static/console-fe/src/constants.js
View File

@ -11,31 +11,8 @@
* limitations under the License.
*/
.normal {
font-family: Georgia, sans-serif;
margin-top: 3em;
text-align: center;
}
export const LANGUAGE_KEY = 'site_language';
export const LANGUAGE_SWITCH = 'LANGUAGE_SWITCH';
.title {
font-size: 2.5rem;
font-weight: normal;
letter-spacing: -1px;
}
.welcome {
height: 328px;
background: url(../assets/yay.jpg) no-repeat center 0;
background-size: 388px 328px;
}
.list {
font-size: 1.2em;
margin-top: 1.8em;
list-style: none;
line-height: 1.5em;
}
.list code {
background: #f7f7f7;
}
// TODO: 后端暂时没有统一成功失败标记
// export const SUCCESS_RESULT_CODE = 'SUCCESS';

109
console/src/main/resources/static/console-fe/src/containers/App.js
View File

@ -1,109 +0,0 @@
/*
* Copyright 1999-2018 Alibaba Group Holding Ltd.
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
* http://www.apache.org/licenses/LICENSE-2.0
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/**
* 入口页
*/
import React, { Component } from 'react';
import PropTypes from 'prop-types';
import { connect } from 'dva';
import MainLayout from '../layouts/MainLayout';
import { Message, Loading } from '@alifd/next';
import _menu from '../menu';
import { nacosEvent } from '../globalLib';
class App extends Component {
constructor(props) {
super(props);
this.state = {
shownotice: 'none',
noticecontent: '',
nacosLoading: {},
};
}
componentDidMount() {
// 监听loading事件
nacosEvent.listenAllTask('nacosLoadingEvent', nacosLoading => {
this.setState({
nacosLoading,
});
});
}
UNSAFE_componentWillUpdate(nextProps, nextState) {
const { errcode, errinfo } = nextProps;
if (errcode === 1) {
this.openErr(errinfo);
}
}
componentWillUnmount() {
nacosEvent.remove('nacosLoadingEvent');
}
openErr(message) {
const self = this;
setTimeout(() => {
self.props.dispatch({ type: 'error/clear' });
}, 3000);
}
getChildContext() {
return { history: this.props.history };
}
render() {
const { errcode, errinfo } = this.props;
return (
<Loading
className="nacos-loading"
shape="flower"
tip="loading..."
visible={false}
fullScreen
{...this.state.nacosLoading}
>
<MainLayout {...this.props} navList={_menu.data}>
{errcode === 1 ? (
<Message
title={errinfo}
closable
style={{
position: 'absolute',
zIndex: 99999,
width: 800,
left: '50%',
marginLeft: -400,
}}
/>
) : null}
{this.props.children}
</MainLayout>
</Loading>
);
}
}
App.propTypes = {};
App.childContextTypes = {
history: PropTypes.object,
};
function mapStateToProps(state) {
const { errinfo, errcode } = state.error;
return {
errinfo,
errcode,
};
}
export default connect(mapStateToProps)(App);

5
console/src/main/resources/static/console-fe/src/globalLib.js
View File

@ -12,7 +12,6 @@
*/
import projectConfig from './config';
import serviceConfig from './serviceMock';
import moment from 'moment';
import $ from 'jquery';
import i18DocObj from './i18ndoc';
@ -455,8 +454,8 @@ const request = (function(_global) {
const middlewareList = [];
const middlewareBackList = [];
const serviceMap = {};
const serviceList = serviceConfig.serviceList || [];
const methodList = serviceConfig.method || [];
const serviceList = [];
const methodList = [];
/**
* 获取真实url信息
*/

63
console/src/main/resources/static/console-fe/src/index.css
View File

@ -1,63 +0,0 @@
/*
* Copyright 1999-2018 Alibaba Group Holding Ltd.
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
* http://www.apache.org/licenses/LICENSE-2.0
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
html,
body,
:global(#root) {
height: 100%;
}
:global(.mainwrapper) {
position: absolute !important;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
:global(.sideleft) {
float: left;
background-color: #eaedf1;
position: absolute;
top: 0px;
bottom: 0px;
z-index: 2;
overflow: hidden;
width: 180px;
}
:global(.sideleft .toptitle) {
width: 100%;
height: 70px;
line-height: 70px;
background: #d9dee4;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-weight: bold;
text-indent: 20px;
}
:global(.maincontainer) {
position: absolute;
width: auto;
top: 0px;
bottom: 0px;
left: 180px;
right: 0px;
overflow: hidden;
overflow-y: auto;
-o-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
}
:global(.viewFramework-product-navbar .product-nav-list li .active) {
background-color: #fff !important;
}

133
console/src/main/resources/static/console-fe/src/index.js
View File

@ -11,23 +11,124 @@
* limitations under the License.
*/
import dva from 'dva';
import '@alifd/next/dist/next.css';
import './index.css';
import './index.less';
/**
* 入口页
*/
import React from 'react';
import ReactDOM from 'react-dom';
import { createStore, combineReducers, compose, applyMiddleware } from 'redux';
import { routerReducer } from 'react-router-redux';
import thunk from 'redux-thunk';
import { Provider, connect } from 'react-redux';
import { HashRouter, Route, Switch, Redirect } from 'react-router-dom';
import { ConfigProvider, Loading } from '@alifd/next';
// 1. Initialize
const app = dva();
import _menu from './menu';
// 2. Plugins
// app.use({});
import Layout from './layouts/MainLayout';
import CookieHelp from './utils/cookie';
import { LANGUAGE_KEY } from './constants';
// 3. Model
// app.model(require('./models/example').default);
app.model(require('./models/error').default);
app.model(require('./models/loading').default);
// 4. Router
app.router(require('./router').default);
import Namespace from './pages/NameSpace';
import Newconfig from './pages/ConfigurationManagement/NewConfig';
import Configsync from './pages/ConfigurationManagement/ConfigSync';
import Configdetail from './pages/ConfigurationManagement/ConfigDetail';
import Configeditor from './pages/ConfigurationManagement/ConfigEditor';
import HistoryDetail from './pages/ConfigurationManagement/HistoryDetail';
import ConfigRollback from './pages/ConfigurationManagement/ConfigRollback';
import HistoryRollback from './pages/ConfigurationManagement/HistoryRollback';
import ListeningToQuery from './pages/ConfigurationManagement/ListeningToQuery';
import ConfigurationManagement from './pages/ConfigurationManagement/ConfigurationManagement';
import ServiceList from './pages/ServiceManagement/ServiceList';
import ServiceDetail from './pages/ServiceManagement/ServiceDetail';
// 5. Start
app.start('#root');
import * as reducers from './reducers';
import { changeLanguage } from './reducers/locale';
import './index.scss';
module.hot && module.hot.accept();
if (!CookieHelp.getValue(LANGUAGE_KEY)) {
CookieHelp.setValue(LANGUAGE_KEY, navigator.language === 'zh-CN' ? 'zh-CN' : 'en-US');
}
const reducer = combineReducers({
...reducers,
routing: routerReducer,
});
const store = createStore(
reducer,
compose(
applyMiddleware(thunk),
window.devToolsExtension ? window.devToolsExtension() : f => f
)
);
@connect(
state => ({ ...state.locale }),
{ changeLanguage }
)
class App extends React.Component {
constructor(props) {
super(props);
this.state = {
shownotice: 'none',
noticecontent: '',
nacosLoading: {},
};
}
componentDidMount() {
const language = CookieHelp.getValue(LANGUAGE_KEY);
this.props.changeLanguage(language);
}
generateRouter() {
return (
<HashRouter>
<Layout navList={_menu.data}>
<Switch>
<Route path="/" exact render={() => <Redirect to="/configurationManagement" />} />
<Route path="/namespace" component={Namespace} />
<Route path="/newconfig" component={Newconfig} />
<Route path="/configsync" component={Configsync} />
<Route path="/configdetail" component={Configdetail} />
<Route path="/configeditor" component={Configeditor} />
<Route path="/historyDetail" component={HistoryDetail} />
<Route path="/configRollback" component={ConfigRollback} />
<Route path="/historyRollback" component={HistoryRollback} />
<Route path="/listeningToQuery" component={ListeningToQuery} />
<Route path="/configurationManagement" component={ConfigurationManagement} />
<Route path="/serviceManagement" component={ServiceList} />
<Route path="/serviceDetail" component={ServiceDetail} />
</Switch>
</Layout>
</HashRouter>
);
}
render() {
const { locale } = this.props;
return (
<Loading
className="nacos-loading"
shape="flower"
tip="loading..."
visible={false}
fullScreen
{...this.state.nacosLoading}
>
<ConfigProvider locale={locale}>{this.generateRouter()}</ConfigProvider>
</Loading>
);
}
}
ReactDOM.render(
<Provider store={store}>
<App />
</Provider>,
document.getElementById('root')
);

51
console/src/main/resources/static/console-fe/src/index.less → console/src/main/resources/static/console-fe/src/index.scss
View File

@ -11,6 +11,57 @@
* limitations under the License.
*/
html,
body,
:global(#root) {
height: 100%;
}
:global(.mainwrapper) {
position: absolute !important;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
:global(.sideleft) {
float: left;
background-color: #eaedf1;
position: absolute;
top: 0px;
bottom: 0px;
z-index: 2;
overflow: hidden;
width: 180px;
}
:global(.sideleft .toptitle) {
width: 100%;
height: 70px;
line-height: 70px;
background: #d9dee4;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-weight: bold;
text-indent: 20px;
}
:global(.maincontainer) {
position: absolute;
width: auto;
top: 0px;
bottom: 0px;
left: 180px;
right: 0px;
overflow: hidden;
overflow-y: auto;
-o-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
}
:global(.viewFramework-product-navbar .product-nav-list li .active) {
background-color: #fff !important;
}
.clearfix:after {
content: '.';
clear: both;

13
console/src/main/resources/static/console-fe/src/layouts/Header.js
View File

@ -16,7 +16,7 @@ import PropTypes from 'prop-types';
import classnames from 'classnames';
import siteConfig from '../config';
import { getLink } from '../utils/nacosutil';
import './index.css';
import './index.scss';
const languageSwitch = [
{
@ -62,15 +62,8 @@ class Header extends React.Component {
}
switchLang() {
let language;
if (this.state.language === 'zh-cn') {
language = 'en-us';
} else {
language = 'zh-cn';
}
this.setState({
language,
});
const language = this.state.language === 'zh-cn' ? 'en-us' : 'zh-cn';
this.setState({ language });
this.props.onLanguageChange(language);
}

6
console/src/main/resources/static/console-fe/src/layouts/MainLayout.js
View File

@ -12,6 +12,7 @@
*/
import React from 'react';
import { withRouter } from 'react-router-dom';
import PropTypes from 'prop-types';
import { Icon } from '@alifd/next';
import siteConfig from '../config';
@ -19,7 +20,8 @@ import Header from './Header';
import $ from 'jquery';
import { aliwareGetCookieByKeyName, setParams, aliwareIntl } from '../globalLib';
export default class MainLayout extends React.Component {
@withRouter
class MainLayout extends React.Component {
static propTypes = {
navList: PropTypes.array,
history: PropTypes.object,
@ -464,3 +466,5 @@ export default class MainLayout extends React.Component {
);
}
}
export default MainLayout;

0
console/src/main/resources/static/console-fe/src/layouts/index.css → console/src/main/resources/static/console-fe/src/layouts/index.scss
View File

20
console/src/main/resources/static/console-fe/src/lib.js
View File

@ -16,15 +16,11 @@ let hasAlert = false;
window.edasprefix = 'acm'; // 固定的edas网关需要的项目名
export const isParentEdas = () =>
window.parent && window.parent.location.host.indexOf('edas') !== -1;
window.globalConfig = {
isParentEdas() {
try {
if (window.parent.location.host.indexOf('edas') !== -1) {
return true;
}
} catch (error) {}
return false;
},
isParentEdas,
};
request.middleWare((_config = {}) => {
@ -197,9 +193,7 @@ window.addEventListener('resize', () => {
// 判断是否是国际站国际用户
window.isIntel = function() {
const { host } = window.location;
if (host.indexOf('alibabacloud.com') !== -1) {
return true;
} else {
return false;
}
return host.indexOf('alibabacloud.com') !== -1;
};
export default {};

30
console/src/main/resources/static/console-fe/src/models/example.js → console/src/main/resources/static/console-fe/src/locales/en-US.js
View File

@ -11,27 +11,13 @@
* limitations under the License.
*/
export default {
namespace: 'example',
state: {},
subscriptions: {
setup({ dispatch, history }) {
// eslint-disable-line
},
},
effects: {
*fetch({ payload }, { call, put }) {
// eslint-disable-line
yield put({ type: 'save' });
},
},
reducers: {
save(state, action) {
return { ...state, ...action.payload };
},
const I18N_CONF = {
Header: {
home: 'HOME',
docs: 'DOCS',
blog: 'BLOG',
community: 'COMMUNITY',
languageSwitchButton: '中',
},
};
export default I18N_CONF;

7
console/src/main/resources/static/console-fe/src/services/example.js → console/src/main/resources/static/console-fe/src/locales/index.js
View File

@ -11,8 +11,7 @@
* limitations under the License.
*/
import request from '../utils/request';
import enUS from './en-US';
import zhCN from './zh-CN';
export function query() {
return request('/api/users');
}
export default { enUS, zhCN };

37
console/src/main/resources/static/console-fe/src/models/error.js → console/src/main/resources/static/console-fe/src/locales/zh-CN.js
View File

@ -11,34 +11,13 @@
* limitations under the License.
*/
export default {
namespace: 'error',
state: {
errinfo: '未知错误',
errcode: 0,
erralert: false,
},
subscriptions: {
setup({ dispatch, history }) {
// eslint-disable-line
},
},
effects: {
*fetch({ payload }, { call, put }) {
// eslint-disable-line
yield put({ type: 'save' });
},
},
reducers: {
save(state, action) {
return { ...state, ...action.payload, errcode: 1 };
},
clear(state, action) {
return { ...state, errinfo: '', errcode: 0 };
},
const I18N_CONF = {
Header: {
home: '首页',
docs: '文档',
blog: '博客',
community: '社区',
languageSwitchButton: 'En',
},
};
export default I18N_CONF;

49
console/src/main/resources/static/console-fe/src/models/loading.js
View File

@ -1,49 +0,0 @@
/*
* Copyright 1999-2018 Alibaba Group Holding Ltd.
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
* http://www.apache.org/licenses/LICENSE-2.0
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
export default {
namespace: 'loading',
state: {
loading: false,
},
subscriptions: {
setup({ dispatch, history }) {
// eslint-disable-line
},
},
effects: {
*open({ payload }, { call, put }) {
try {
yield put({ type: 'save', payload: { loading: true } });
} catch (e) {
yield put({ type: 'error/save', payload: { errinfo: e.message } });
}
},
*close({ payload }, { call, put }) {
try {
yield put({ type: 'save', payload: { loading: false } });
} catch (e) {
yield put({ type: 'error/save', payload: { errinfo: e.message } });
}
},
},
reducers: {
save(state, action) {
return { ...state, ...action.payload };
},
},
};

7
console/src/main/resources/static/console-fe/src/pages/ConfigurationManagement/ConfigDetail/ConfigDetail.js
View File

@ -12,9 +12,10 @@
*/
import React from 'react';
import './index.less';
import { getParams, request, aliwareIntl } from '../../../globalLib';
import { Button, Dialog, Field, Form, Input, Loading, Tab } from '@alifd/next';
import { getParams, request, aliwareIntl } from '../../../globalLib';
import './index.scss';
const TabPane = Tab.Item;
const FormItem = Form.Item;
@ -95,7 +96,7 @@ class ConfigDetail extends React.Component {
this.tenant = getParams('namespace') || '';
this.edasAppName = getParams('edasAppName') || '';
this.inApp = this.edasAppName;
const url = `/nacos/v1/cs/configs?show=all&dataId=${this.dataId}&group=${this.group}`;
const url = `v1/cs/configs?show=all&dataId=${this.dataId}&group=${this.group}`;
request({
url,
beforeSend() {

0
console/src/main/resources/static/console-fe/src/pages/ConfigurationManagement/ConfigDetail/index.less → console/src/main/resources/static/console-fe/src/pages/ConfigurationManagement/ConfigDetail/index.scss
View File

6
console/src/main/resources/static/console-fe/src/pages/ConfigurationManagement/ConfigEditor/ConfigEditor.js
View File

@ -16,7 +16,7 @@ import $ from 'jquery';
import { getParams, request, aliwareIntl } from '../../../globalLib';
import DiffEditorDialog from '../../../components/DiffEditorDialog';
import SuccessDialog from '../../../components/SuccessDialog';
import './index.less';
import './index.scss';
import {
Balloon,
Button,
@ -157,7 +157,7 @@ class ConfigEditor extends React.Component {
const self = this;
this.tenant = getParams('namespace') || '';
this.serverId = getParams('serverId') || 'center';
const url = `/nacos/v1/cs/configs?show=all&dataId=${this.dataId}&group=${this.group}`;
const url = `v1/cs/configs?show=all&dataId=${this.dataId}&group=${this.group}`;
request({
url,
beforeSend() {
@ -343,7 +343,7 @@ class ConfigEditor extends React.Component {
content,
tenant: this.tenant,
};
const url = '/nacos/v1/cs/configs';
const url = 'v1/cs/configs';
request({
type: 'post',
contentType: 'application/x-www-form-urlencoded',

0
console/src/main/resources/static/console-fe/src/pages/ConfigurationManagement/ConfigEditor/index.less → console/src/main/resources/static/console-fe/src/pages/ConfigurationManagement/ConfigEditor/index.scss
View File

8
console/src/main/resources/static/console-fe/src/pages/ConfigurationManagement/ConfigRollback/ConfigRollback.js
View File

@ -12,7 +12,7 @@
*/
import React from 'react';
import './index.less';
import './index.scss';
import { getParams, request, aliwareIntl } from '../../../globalLib';
import { Button, Dialog, Field, Form, Input } from '@alifd/next';
@ -60,7 +60,7 @@ class ConfigRollback extends React.Component {
const self = this;
this.tenant = getParams('namespace') || '';
this.serverId = getParams('serverId') || 'center';
const url = `/nacos/v1/cs/history?dataId=${this.dataId}&group=${this.group}&nid=${this.nid}`;
const url = `v1/cs/history?dataId=${this.dataId}&group=${this.group}&nid=${this.nid}`;
request({
url,
success(result) {
@ -131,9 +131,9 @@ class ConfigRollback extends React.Component {
tenant: self.tenant,
};
let url = '/nacos/v1/cs/configs';
let url = 'v1/cs/configs';
if (self.opType.trim() === 'I') {
url = `/nacos/v1/cs/configs?dataId=${self.dataId}&group=${self.group}`;
url = `v1/cs/configs?dataId=${self.dataId}&group=${self.group}`;
postData = {};
}

0
console/src/main/resources/static/console-fe/src/pages/ConfigurationManagement/ConfigRollback/index.less → console/src/main/resources/static/console-fe/src/pages/ConfigurationManagement/ConfigRollback/index.scss
View File

2
console/src/main/resources/static/console-fe/src/pages/ConfigurationManagement/ConfigSync/ConfigSync.js
View File

@ -15,7 +15,7 @@ import React from 'react';
import { Button, Checkbox, Dialog, Field, Form, Input, Loading } from '@alifd/next';
import SuccessDialog from '../../../components/SuccessDialog';
import { getParams, request, aliwareIntl } from '../../../globalLib';
import './index.less';
import './index.scss';
class ConfigSync extends React.Component {
constructor(props) {

0
console/src/main/resources/static/console-fe/src/pages/ConfigurationManagement/ConfigSync/index.less → console/src/main/resources/static/console-fe/src/pages/ConfigurationManagement/ConfigSync/index.scss
View File

23
console/src/main/resources/static/console-fe/src/pages/ConfigurationManagement/ConfigurationManagement/ConfigurationManagement.js
View File

@ -13,15 +13,14 @@
import React from 'react';
import PropTypes from 'prop-types';
import BatchHandle from '../../../components/BatchHandle';
import RegionGroup from '../../../components/RegionGroup';
import ShowCodeing from '../../../components/ShowCodeing';
import DeleteDialog from '../../../components/DeleteDialog';
import CloneDialog from '../../../components/CloneDialog';
import ImportDialog from '../../../components/ImportDialog';
import ExportDialog from '../../../components/ExportDialog';
import BatchHandle from 'components/BatchHandle';
import RegionGroup from 'components/RegionGroup';
import ShowCodeing from 'components/ShowCodeing';
import DeleteDialog from 'components/DeleteDialog';
import CloneDialog from 'components/CloneDialog';
import ImportDialog from 'components/ImportDialog';
import ExportDialog from 'components/ExportDialog';
import { getParams, setParams, request, aliwareIntl } from '../../../globalLib';
import './index.less';
import {
Balloon,
Button,
@ -41,6 +40,8 @@ import {
Table,
} from '@alifd/next';
import './index.scss';
const { Panel } = Collapse;
const DashboardCard = ({ data = {}, height }) => (
@ -343,9 +344,9 @@ class ConfigurationManagement extends React.Component {
this.serverId = getParams('serverId') || '';
let urlPrefix = '';
if (this.dataId.indexOf('*') !== -1 || this.group.indexOf('*') !== -1) {
urlPrefix = '/nacos/v1/cs/configs?search=blur';
urlPrefix = 'v1/cs/configs?search=blur';
} else {
urlPrefix = '/nacos/v1/cs/configs?search=accurate';
urlPrefix = 'v1/cs/configs?search=accurate';
}
request({
@ -431,7 +432,7 @@ class ConfigurationManagement extends React.Component {
</div>
),
onOk: () => {
const url = `/nacos/v1/cs/configs?dataId=${record.dataId}&group=${record.group}`;
const url = `v1/cs/configs?dataId=${record.dataId}&group=${record.group}`;
request({
url,
type: 'delete',

0
console/src/main/resources/static/console-fe/src/pages/ConfigurationManagement/ConfigurationManagement/index.less → console/src/main/resources/static/console-fe/src/pages/ConfigurationManagement/ConfigurationManagement/index.scss
View File

7
console/src/main/resources/static/console-fe/src/pages/ConfigurationManagement/HistoryDetail/HistoryDetail.js
View File

@ -13,9 +13,10 @@
import React from 'react';
import PropTypes from 'prop-types';
import { getParams, request, aliwareIntl } from '../../../globalLib';
import './index.less';
import { Button, Field, Form, Input } from '@alifd/next';
import { getParams, request, aliwareIntl } from '../../../globalLib';
import './index.scss';
class HistoryDetail extends React.Component {
static propTypes = {
@ -58,7 +59,7 @@ class HistoryDetail extends React.Component {
const self = this;
request({
url: `/nacos/v1/cs/history?dataId=${this.dataId}&group=${this.group}&nid=${this.nid}`,
url: `v1/cs/history?dataId=${this.dataId}&group=${this.group}&nid=${this.nid}`,
success(result) {
if (result != null) {
const data = result;

0
console/src/main/resources/static/console-fe/src/pages/ConfigurationManagement/HistoryDetail/index.less → console/src/main/resources/static/console-fe/src/pages/ConfigurationManagement/HistoryDetail/index.scss
View File

5
console/src/main/resources/static/console-fe/src/pages/ConfigurationManagement/HistoryRollback/HistoryRollback.js
View File

@ -15,7 +15,7 @@ import React from 'react';
import { Field, Form, Input, Loading, Pagination, Table } from '@alifd/next';
import RegionGroup from '../../../components/RegionGroup';
import { getParams, setParams, request, aliwareIntl } from '../../../globalLib';
import './index.less';
import './index.scss';
class HistoryRollback extends React.Component {
constructor(props) {
@ -123,7 +123,7 @@ class HistoryRollback extends React.Component {
beforeSend() {
self.openLoading();
},
url: `/nacos/v1/cs/history?search=accurate&dataId=${this.dataId}&group=${
url: `v1/cs/history?search=accurate&dataId=${this.dataId}&group=${
this.group
}&&pageNo=${pageNo}&pageSize=${this.state.pageSize}`,
success(data) {
@ -362,6 +362,7 @@ class HistoryRollback extends React.Component {
margin: 0,
paddingLeft: 10,
borderLeft: '3px solid #09c',
fontSize: 16,
}}
>
{aliwareIntl.get('com.alibaba.nacos.page.historyRollback.queryresult')}

0
console/src/main/resources/static/console-fe/src/pages/ConfigurationManagement/HistoryRollback/index.less → console/src/main/resources/static/console-fe/src/pages/ConfigurationManagement/HistoryRollback/index.scss
View File

8
console/src/main/resources/static/console-fe/src/pages/ConfigurationManagement/ListeningToQuery/ListeningToQuery.js
View File

@ -14,9 +14,10 @@
import React from 'react';
import RegionGroup from '../../../components/RegionGroup';
import { getParams, request, aliwareIntl } from '../../../globalLib';
import './index.less';
import { Field, Form, Grid, Input, Loading, Pagination, Select, Table } from '@alifd/next';
import './index.scss';
const FormItem = Form.Item;
const { Row, Col } = Grid;
@ -67,7 +68,7 @@ class ListeningToQuery extends React.Component {
const type = this.getValue('type');
if (type === 1) {
const ip = this.getValue('ip');
queryUrl = `/nacos/v1/cs/listener?ip=${ip}`;
queryUrl = `v1/cs/listener?ip=${ip}`;
const tenant = window.nownamespace || getParams('namespace') || '';
if (tenant) {
queryUrl += `&tenant=${tenant}`;
@ -76,7 +77,7 @@ class ListeningToQuery extends React.Component {
const dataId = this.getValue('dataId');
const group = this.getValue('group');
if (!dataId || !group) return false;
queryUrl = `/nacos/v1/cs/configs/listener?dataId=${dataId}&group=${group}`;
queryUrl = `v1/cs/configs/listener?dataId=${dataId}&group=${group}`;
}
request({
url: queryUrl,
@ -280,6 +281,7 @@ class ListeningToQuery extends React.Component {
borderLeft: '3px solid #09c',
margin: 0,
marginBottom: 10,
fontSize: 16,
}}
>
{aliwareIntl.get('com.alibaba.nacos.page.listeningToQuery.query_results:_query')}

0
console/src/main/resources/static/console-fe/src/pages/ConfigurationManagement/ListeningToQuery/index.less → console/src/main/resources/static/console-fe/src/pages/ConfigurationManagement/ListeningToQuery/index.scss
View File

5
console/src/main/resources/static/console-fe/src/pages/ConfigurationManagement/NewConfig/NewConfig.js
View File

@ -15,7 +15,6 @@ import React from 'react';
import $ from 'jquery';
import SuccessDialog from '../../../components/SuccessDialog';
import { getParams, setParams, request, aliwareIntl } from '../../../globalLib';
import './index.less';
import {
Balloon,
Button,
@ -30,6 +29,8 @@ import {
Radio,
} from '@alifd/next';
import './index.scss';
const FormItem = Form.Item;
const { Group: RadioGroup } = Radio;
const { AutoComplete: Combobox } = Select;
@ -238,7 +239,7 @@ class NewConfig extends React.Component {
tenant: this.tenant,
};
this.serverId = getParams('serverId') || 'center';
const url = '/nacos/v1/cs/configs';
const url = 'v1/cs/configs';
request({
type: 'post',
contentType: 'application/x-www-form-urlencoded',

0
console/src/main/resources/static/console-fe/src/pages/ConfigurationManagement/NewConfig/index.less → console/src/main/resources/static/console-fe/src/pages/ConfigurationManagement/NewConfig/index.scss
View File

10
console/src/main/resources/static/console-fe/src/pages/NameSpace/NameSpace.js
View File

@ -18,7 +18,7 @@ import DeleteDialog from '../../components/DeleteDialog';
import NewNameSpace from '../../components/NewNameSpace';
import EditorNameSpace from '../../components/EditorNameSpace';
import { getParams, setParams, request, aliwareIntl } from '../../globalLib';
import './index.less';
import './index.scss';
class NameSpace extends React.Component {
constructor(props) {
@ -42,7 +42,7 @@ class NameSpace extends React.Component {
request({
type: 'get',
beforeSend() {},
url: '/nacos/v1/console/namespaces',
url: 'v1/console/namespaces',
success: res => {
if (res.code === 200) {
const data = res.data || [];
@ -98,7 +98,7 @@ class NameSpace extends React.Component {
detailNamespace(record) {
const { namespace } = record; // 获取ak,sk
request({
url: `/nacos/v1/console/namespaces?show=all&namespaceId=${namespace}`,
url: `v1/console/namespaces?show=all&namespaceId=${namespace}`,
beforeSend: () => {
this.openLoading();
},
@ -177,7 +177,7 @@ class NameSpace extends React.Component {
),
language: aliwareIntl.currentLanguageCode || 'zh-cn',
onOk: () => {
const url = `/nacos/v1/console/namespaces?namespaceId=${record.namespace}`;
const url = `v1/console/namespaces?namespaceId=${record.namespace}`;
request({
url,
type: 'delete',
@ -214,7 +214,7 @@ class NameSpace extends React.Component {
refreshNameSpace() {
request({
type: 'get',
url: '/nacos/v1/console/namespaces',
url: 'v1/console/namespaces',
success: res => {
if (res.code === 200) {
window.namespaceList = res.data;

0
console/src/main/resources/static/console-fe/src/pages/NameSpace/index.less → console/src/main/resources/static/console-fe/src/pages/NameSpace/index.scss
View File

2
console/src/main/resources/static/console-fe/src/pages/ServiceManagement/ServiceDetail/EditClusterDialog.js
View File

@ -54,7 +54,7 @@ class EditClusterDialog extends React.Component {
} = this.state.editCluster;
request({
method: 'POST',
url: '/nacos/v1/ns/cluster/update',
url: 'v1/ns/cluster/update',
data: {
serviceName,
clusterName: name,

2
console/src/main/resources/static/console-fe/src/pages/ServiceManagement/ServiceDetail/EditInstanceDialog.js
View File

@ -46,7 +46,7 @@ class EditInstanceDialog extends React.Component {
const { ip, port, weight, enabled, metadataText } = this.state.editInstance;
request({
method: 'POST',
url: '/nacos/v1/ns/instance/update',
url: 'v1/ns/instance/update',
data: { serviceName, clusterName, ip, port, weight, enable: enabled, metadata: metadataText },
dataType: 'text',
beforeSend: () => openLoading(),

2
console/src/main/resources/static/console-fe/src/pages/ServiceManagement/ServiceDetail/EditServiceDialog.js
View File

@ -48,7 +48,7 @@ class EditServiceDialog extends React.Component {
const { name, protectThreshold, healthCheckMode, metadataText } = editService;
request({
method: isCreate ? 'PUT' : 'POST',
url: `/nacos/v1/ns/service/${isCreate ? 'create' : 'update'}`,
url: `v1/ns/service/${isCreate ? 'create' : 'update'}`,
data: { serviceName: name, protectThreshold, healthCheckMode, metadata: metadataText },
dataType: 'text',
beforeSend: () => this.setState({ loading: true }),

6
console/src/main/resources/static/console-fe/src/pages/ServiceManagement/ServiceDetail/InstanceTable.js
View File

@ -51,7 +51,7 @@ class InstanceTable extends React.Component {
if (!clusterName) return;
const { pageSize, pageNum } = this.state;
request({
url: '/nacos/v1/ns/catalog/instanceList',
url: 'v1/ns/catalog/instanceList',
data: {
serviceName,
clusterName,
@ -76,7 +76,7 @@ class InstanceTable extends React.Component {
newVal.list[index].enabled = !enabled;
request({
method: 'POST',
url: '/nacos/v1/ns/instance/update',
url: 'v1/ns/instance/update',
data: { serviceName, clusterName, ip, port, weight, enable: !enabled },
dataType: 'text',
beforeSend: () => this.openLoading(),
@ -119,7 +119,7 @@ class InstanceTable extends React.Component {
/>
<Table.Column
title={I18N.OPERATION}
width={150}
width={160}
cell={(value, index, record) => (
<div>
<Button

8
console/src/main/resources/static/console-fe/src/pages/ServiceManagement/ServiceDetail/ServiceDetail.js
View File

@ -17,9 +17,9 @@ import { Button, Card, Form, Loading } from '@alifd/next';
import EditServiceDialog from './EditServiceDialog';
import EditClusterDialog from './EditClusterDialog';
import InstanceTable from './InstanceTable';
import queryString from 'query-string';
import { getParameter } from 'utils/nacosutil';
import { I18N } from './constant';
import './ServiceDetail.less';
import './ServiceDetail.scss';
const FormItem = Form.Item;
const pageFormLayout = {
@ -31,7 +31,7 @@ class ServiceDetail extends React.Component {
constructor(props) {
super(props);
this.state = {
serviceName: queryString.parse(props.location.search).name,
serviceName: getParameter(props.location.search, 'name'),
loading: false,
currentPage: 1,
clusters: [],
@ -53,7 +53,7 @@ class ServiceDetail extends React.Component {
getServiceDetail() {
const { serviceName } = this.state;
request({
url: `/nacos/v1/ns/catalog/serviceDetail?serviceName=${serviceName}`,
url: `v1/ns/catalog/serviceDetail?serviceName=${serviceName}`,
beforeSend: () => this.openLoading(),
success: ({ clusters = [], service = {} }) => this.setState({ service, clusters }),
complete: () => this.closeLoading(),

0
console/src/main/resources/static/console-fe/src/pages/ServiceManagement/ServiceDetail/ServiceDetail.less → console/src/main/resources/static/console-fe/src/pages/ServiceManagement/ServiceDetail/ServiceDetail.scss
View File

6
console/src/main/resources/static/console-fe/src/pages/ServiceManagement/ServiceList/ServiceList.js
View File

@ -29,7 +29,7 @@ import {
} from '@alifd/next';
import EditServiceDialog from '../ServiceDetail/EditServiceDialog';
import { I18N, STATUS_COLOR_MAPPING } from './constant';
import './ServiceList.less';
import './ServiceList.scss';
const FormItem = Form.Item;
const { Row, Col } = Grid;
@ -69,7 +69,7 @@ class ServiceList extends React.Component {
const { currentPage, pageSize, keyword } = this.state;
const parameter = [`startPg=${currentPage}`, `pgSize=${pageSize}`, `keyword=${keyword}`];
request({
url: `/nacos/v1/ns/catalog/serviceList?${parameter.join('&')}`,
url: `v1/ns/catalog/serviceList?${parameter.join('&')}`,
beforeSend: () => this.openLoading(),
success: ({ count = 0, serviceList = [] } = {}) => {
this.setState({
@ -98,7 +98,7 @@ class ServiceList extends React.Component {
onOk: () => {
request({
method: 'DELETE',
url: `/nacos/v1/ns/service/remove?serviceName=${serviceName}`,
url: `v1/ns/service/remove?serviceName=${serviceName}`,
dataType: 'text',
beforeSend: () => this.openLoading(),
success: res => {

0
console/src/main/resources/static/console-fe/src/pages/ServiceManagement/ServiceList/ServiceList.less → console/src/main/resources/static/console-fe/src/pages/ServiceManagement/ServiceList/ServiceList.scss
View File

16
console/src/main/resources/static/console-fe/src/reducers/index.js Normal file
View File

@ -0,0 +1,16 @@
/*
* Copyright 1999-2018 Alibaba Group Holding Ltd.
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
* http://www.apache.org/licenses/LICENSE-2.0
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
import locale from './locale';
export default { locale };

43
console/src/main/resources/static/console-fe/src/reducers/locale.js Normal file
View File

@ -0,0 +1,43 @@
/*
* Copyright 1999-2018 Alibaba Group Holding Ltd.
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
* http://www.apache.org/licenses/LICENSE-2.0
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
import fusionEnUS from '@alifd/next/lib/locale/en-us';
import fusionZhCN from '@alifd/next/lib/locale/zh-cn';
import I18N from '../locales';
import { LANGUAGE_KEY, LANGUAGE_SWITCH } from '../constants';
import CookieHelp from '../utils/cookie';
const enUS = Object.assign({}, fusionEnUS, I18N.enUS);
const zhCN = Object.assign({}, fusionZhCN, I18N.zhCN);
const initialState = {
language: 'en-US',
locale: enUS,
};
const changeLanguage = lang => dispatch => {
const language = lang === 'zh-CN' ? 'zh-CN' : 'en-US';
CookieHelp.setValue(LANGUAGE_KEY, language);
dispatch({ type: LANGUAGE_SWITCH, language, locale: language === 'zh-CN' ? zhCN : enUS });
};
export default (state = initialState, action) => {
switch (action.type) {
case LANGUAGE_SWITCH:
return { ...state, ...action };
default:
return state;
}
};
export { changeLanguage };

58
console/src/main/resources/static/console-fe/src/router.js
View File

@ -1,58 +0,0 @@
/*
* Copyright 1999-2018 Alibaba Group Holding Ltd.
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
* http://www.apache.org/licenses/LICENSE-2.0
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
import React from 'react';
import PropTypes from 'prop-types';
import { Router, Route, Switch } from 'dva/router';
import './lib.js';
import App from './containers/App';
import Namespace from './pages/NameSpace';
import Newconfig from './pages/ConfigurationManagement/NewConfig';
import Configsync from './pages/ConfigurationManagement/ConfigSync';
import Configdetail from './pages/ConfigurationManagement/ConfigDetail';
import Configeditor from './pages/ConfigurationManagement/ConfigEditor';
import HistoryDetail from './pages/ConfigurationManagement/HistoryDetail';
import ConfigRollback from './pages/ConfigurationManagement/ConfigRollback';
import HistoryRollback from './pages/ConfigurationManagement/HistoryRollback';
import ListeningToQuery from './pages/ConfigurationManagement/ListeningToQuery';
import ConfigurationManagement from './pages/ConfigurationManagement/ConfigurationManagement';
import ServiceList from './pages/ServiceManagement/ServiceList';
import ServiceDetail from './pages/ServiceManagement/ServiceDetail';
function RouterConfig({ history }) {
return (
<Router history={history}>
<Switch>
<App history={history}>
<Route path="/Namespace" component={Namespace} />
<Route path="/Newconfig" component={Newconfig} />
<Route path="/Configsync" component={Configsync} />
<Route path="/Configdetail" component={Configdetail} />
<Route path="/Configeditor" component={Configeditor} />
<Route path="/HistoryDetail" component={HistoryDetail} />
<Route path="/ConfigRollback" component={ConfigRollback} />
<Route path="/HistoryRollback" component={HistoryRollback} />
<Route path="/ListeningToQuery" component={ListeningToQuery} />
<Route path="/ConfigurationManagement" component={ConfigurationManagement} />
<Route path="/ServiceManagement" component={ServiceList} />
<Route path="/ServiceDetail" component={ServiceDetail} />
</App>
</Switch>
</Router>
);
}
RouterConfig.propTypes = {
history: PropTypes.object,
};
export default RouterConfig;

40
console/src/main/resources/static/console-fe/src/routes/IndexPage.js
View File

@ -1,40 +0,0 @@
/*
* Copyright 1999-2018 Alibaba Group Holding Ltd.
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
* http://www.apache.org/licenses/LICENSE-2.0
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
import React from 'react';
import { connect } from 'dva';
import styles from './IndexPage.css';
function IndexPage() {
return (
<div className={styles.normal}>
<div className="test" />
<h1 className={styles.title}>Yay! Welcome to dva!</h1>
<div className={styles.welcome} />
<ul className={styles.list}>
<li>
To get started, edit <code>src/index.js</code> and save to reload.
</li>
<li>
<a href="https://github.com/dvajs/dva-docs/blob/master/v1/en-us/getting-started.md">
Getting Started
</a>
</li>
</ul>
</div>
);
}
IndexPage.propTypes = {};
export default connect()(IndexPage);

207
console/src/main/resources/static/console-fe/src/serviceMock.js
View File

@ -1,207 +0,0 @@
/*
* Copyright 1999-2018 Alibaba Group Holding Ltd.
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
* http://www.apache.org/licenses/LICENSE-2.0
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
module.exports = {
method: ['get', 'post', 'put', 'delete', 'patch'],
serviceList: [
{
registerName: 'com.alibaba.nacos.service.dashlist',
name: '',
registerTo: null,
url: '/diamond-ops/info',
defaults: '{}',
params: '{}',
config: null,
initialize: null,
share: 0,
exports: null,
proxy: '',
serviceDoc: null,
ctime: '2018-05-19T07:24:01.000Z',
mtime: '2018-08-28T10:19:46.000Z',
author_id: 23,
project_id: 'nacos',
is_mock: 0,
method: 0,
is_param: 0,
is_proxy: 0,
cookie: '{}',
header: '{}',
isJsonData: 0,
paramsType: '[]',
autoLoading: 0,
},
{
registerName: 'com.alibaba.nacos.service.getLink',
name: 'getLink',
registerTo: null,
url: '/diamond-ops/viper/getLink',
defaults: '{}',
params: '{}',
config: null,
initialize: null,
share: 0,
exports: null,
proxy: '',
serviceDoc: null,
ctime: '2017-12-03T07:38:56.000Z',
mtime: '2018-08-28T10:19:46.000Z',
author_id: 23,
project_id: 'nacos',
is_mock: 0,
method: 0,
is_param: 0,
is_proxy: 0,
cookie: '{}',
header: '{}',
isJsonData: 0,
paramsType: '[]',
autoLoading: 0,
},
{
registerName: 'com.alibaba.nacos.service.getLinks',
name: 'getLinks',
registerTo: null,
url: '/diamond-ops/viper/getLinks',
defaults: '{}',
params: '{}',
config: null,
initialize: null,
share: 0,
exports: null,
proxy: '',
serviceDoc: null,
ctime: '2017-12-03T07:38:56.000Z',
mtime: '2018-08-28T10:19:46.000Z',
author_id: 23,
project_id: 'nacos',
is_mock: 0,
method: 0,
is_param: 0,
is_proxy: 0,
cookie: '{}',
header: '{}',
isJsonData: 0,
paramsType: '[]',
autoLoading: 0,
},
{
registerName: 'com.alibaba.nacos.service.deleteNameSpace',
name: '删除命名空间',
registerTo: null,
url: '/diamond-ops/service/serverId/{serverId}/namespace/{namespace}',
defaults: '{}',
params: '{}',
config: null,
initialize: null,
share: 0,
exports: null,
proxy: '',
serviceDoc: null,
ctime: '2017-12-03T07:38:56.000Z',
mtime: '2018-08-28T10:19:46.000Z',
author_id: 23,
project_id: 'nacos',
is_mock: 0,
method: 3,
is_param: 0,
is_proxy: 0,
cookie: '{}',
header: '{}',
isJsonData: 0,
paramsType: '[]',
autoLoading: 0,
},
{
registerName: 'com.alibaba.nacos.service.getMetaData',
name: '获取metaData',
registerTo: null,
url: '/diamond-ops/meta/data',
defaults: '{}',
params: '{}',
config: null,
initialize: null,
share: 0,
exports: null,
proxy: '',
serviceDoc: null,
ctime: '2017-12-03T07:38:56.000Z',
mtime: '2018-08-28T10:19:46.000Z',
author_id: 23,
project_id: 'nacos',
is_mock: 0,
method: 0,
is_param: 0,
is_proxy: 0,
cookie: '{}',
header: '{}',
isJsonData: 0,
paramsType: '[]',
autoLoading: 0,
},
{
registerName: 'com.alibaba.nacos.service.sendVerifyCode',
name: '发送验证码',
registerTo: null,
url: '/diamond-ops/meta/sendVerifyCode',
defaults: '{}',
params: '{}',
config: null,
initialize: null,
share: 0,
exports: null,
proxy: '',
serviceDoc: null,
ctime: '2017-12-03T07:38:56.000Z',
mtime: '2018-08-28T10:19:46.000Z',
author_id: 23,
project_id: 'nacos',
is_mock: 0,
method: 0,
is_param: 0,
is_proxy: 0,
cookie: '{}',
header: '{}',
isJsonData: 0,
paramsType: '[]',
autoLoading: 0,
},
{
registerName: 'com.alibaba.nacos.service.getDomain',
name: '获取region',
registerTo: null,
url: '/diamond-ops/env/domain',
defaults: '{}',
params: '{}',
config: null,
initialize: null,
share: 0,
exports: null,
proxy: '',
serviceDoc: null,
ctime: '2017-12-03T07:38:56.000Z',
mtime: '2018-08-28T10:19:46.000Z',
author_id: 23,
project_id: 'nacos',
is_mock: 0,
method: 0,
is_param: 0,
is_proxy: 0,
cookie: '{}',
header: '{}',
isJsonData: 0,
paramsType: '[]',
autoLoading: 0,
},
],
};

15
console/src/main/resources/static/console-fe/src/utils/cookie.js Normal file
View File

@ -0,0 +1,15 @@
function getValue(key) {
if (!document.cookie) return null;
const list = document.cookie.split(';') || [];
for (const item of list) {
const [k, v] = item.split('=');
if (k === key) return v;
}
return null;
}
function setValue(key, value) {
document.cookie = `${key}=${value}`;
}
export default { getValue, setValue };

7
console/src/main/resources/static/console-fe/src/utils/nacosutil.js
View File

@ -39,3 +39,10 @@ export const getLink = link => {
}
return link;
};
export const getParameter = (search, name) => {
const [, query = ''] = search.split('?');
const [hit = ''] = query.split('&').filter(item => name === item.split('=')[0]);
const [, value = ''] = hit.split('=');
return value;
};

66
console/src/main/resources/static/console-fe/src/utils/request.js
View File

@ -1,43 +1,33 @@
/*
* Copyright 1999-2018 Alibaba Group Holding Ltd.
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
* http://www.apache.org/licenses/LICENSE-2.0
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
import axios from 'axios';
import { Message } from '@alifd/next';
// import { SUCCESS_RESULT_CODE } from '../constants';
import fetch from 'dva/fetch';
const API_GENERAL_ERROR_MESSAGE = 'Request error, please try again later!';
function parseJSON(response) {
return response.json();
}
const request = () => {
const instance = axios.create();
function checkStatus(response) {
if (response.status >= 200 && response.status < 300) {
return response;
}
instance.interceptors.response.use(
response => {
const { success, resultCode, resultMessage = API_GENERAL_ERROR_MESSAGE } = response.data;
// if (!success && resultCode !== SUCCESS_RESULT_CODE) {
// Message.error(resultMessage);
// return Promise.reject(new Error(resultMessage));
// }
return response.data;
},
error => {
if (error.response) {
const { status } = error.response;
Message.error(`HTTP ERROR: ${status}`);
} else {
Message.error(API_GENERAL_ERROR_MESSAGE);
}
return Promise.reject(error);
}
);
const error = new Error(response.statusText);
error.response = response;
throw error;
}
return instance;
};
/**
* Requests a URL, returning a promise.
*
* @param {string} url The URL we want to request
* @param {object} [options] The options we want to pass to "fetch"
* @return {object} An object containing either "data" or "err"
*/
export default function request(url, options) {
return fetch(url, options)
.then(checkStatus)
.then(parseJSON)
.then(data => ({ data }))
.catch(err => ({ err }));
}
export default request();

6542
console/src/main/resources/static/console-fe/yarn.lock
View File

File diff suppressed because it is too large Load Diff

1
console/src/main/resources/static/css/main.a1b00967.css Normal file
View File

File diff suppressed because one or more lines are too long

13
console/src/main/resources/static/index.html
View File

@ -16,10 +16,10 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Nacos</title>
<link rel="shortcut icon" href="//www.aliyun.com/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="//www.aliyun.com/favicon.ico" type="image/x-icon">
<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="css/console1412.css">
<!-- 第三方css开始 -->
@ -28,8 +28,7 @@
<link rel="stylesheet" type="text/css" href="css/icon.css">
<link rel="stylesheet" type="text/css" href="css/font-awesome.css">
<!-- 第三方css结束 -->
<link rel="stylesheet" type="text/css" href="index.css">
</head>
<link href="./css/main.a1b00967.css" rel="stylesheet"></head>
<body>
<div id="root" style="overflow:hidden"></div>
@ -49,9 +48,7 @@
<script src="js/diff_match_patch.js"></script>
<script src="js/merge.js"></script>
<script src="js/loader.js"></script>
<!-- 第三方js结束 -->
<script src="index.js"></script>
</body>
<script type="text/javascript" src="./js/main.23a1a48a.js"></script></body>
</html>
</html>

87
console/src/main/resources/static/js/main.23a1a48a.js Normal file
View File

File diff suppressed because one or more lines are too long

607
console/src/main/resources/static/src/pages/ConfigurationManagement/ConfigEditor/ConfigEditor.js
View File

@ -1,607 +0,0 @@
/*
* Copyright 1999-2018 Alibaba Group Holding Ltd.
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
* http://www.apache.org/licenses/LICENSE-2.0
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
import React from 'react';
import $ from 'jquery';
import { getParams, request, aliwareIntl } from '../../../globalLib';
import DiffEditorDialog from '../../../components/DiffEditorDialog';
import SuccessDialog from '../../../components/SuccessDialog';
import './index.less';
import { Balloon, Button, Dialog, Field, Form, Icon, Input, Loading, Radio, Select, Tab, Message } from '@alifd/next';
const TabPane = Tab.Item;
const FormItem = Form.Item;
const { Group: RadioGroup } = Radio;
/*****************************此行为标记行, 请勿删和修改此行, 文件和组件依赖请写在此行上面, 主体代码请写在此行下面的class中*****************************/
class ConfigEditor extends React.Component {
constructor(props) {
super(props);
this.edasAppName = getParams('edasAppName') || '';
this.edasAppId = getParams('edasAppId') || '';
this.inApp = this.edasAppName;
this.field = new Field(this);
this.dataId = getParams('dataId') || 'yanlin';
this.group = getParams('group') || 'DEFAULT_GROUP';
this.tenant = getParams('namespace') | '';
this.state = {
configType: 'text',
codeValue: ``,
envname: 'center',
targetEnvName: '',
envlist: [],
envvalues: [],
loading: false,
showmore: false,
activeKey: 'normal',
hasbeta: false,
ips: '',
checkedBeta: false,
tagLst: [],
config_tags: [],
switchEncrypt: false,
tag: [{ title: aliwareIntl.get('com.alibaba.nacos.page.configeditor.official'), key: 'normal' }]
};
this.codeValue = '';
this.mode = 'text';
this.ips = '';
this.valueMap = {}; //存储不同版本的数据
this.searchDataId = getParams('searchDataId') || '';
this.searchGroup = getParams('searchGroup') || '';
}
componentDidMount() {
if (this.dataId.startsWith("cipher-")) {
this.setState({
switchEncrypt: true
});
}
this.betaips = document.getElementById('betaips');
this.getDataDetail();
this.chontenttab = document.getElementById('chontenttab'); //diff标签
}
initMoacoEditor(language, value) {
if (!window.monaco) {
window.importEditor(() => {
this.monacoEditor = window.monaco.editor.create(document.getElementById('container'), {
value: value,
language: this.state.configType,
codeLens: true,
selectOnLineNumbers: true,
roundedSelection: false,
readOnly: false,
lineNumbersMinChars: true,
theme: 'vs-dark',
wordWrapColumn: 120,
folding: false,
showFoldingControls: 'always',
wordWrap: 'wordWrapColumn',
cursorStyle: 'line',
automaticLayout: true
});
});
} else {
this.monacoEditor = window.monaco.editor.create(document.getElementById('container'), {
value: value,
language: this.state.configType,
codeLens: true,
selectOnLineNumbers: true,
roundedSelection: false,
readOnly: false,
lineNumbersMinChars: true,
theme: 'vs-dark',
wordWrapColumn: 120,
folding: false,
showFoldingControls: 'always',
wordWrap: 'wordWrapColumn',
cursorStyle: 'line',
automaticLayout: true
});
}
}
toggleMore() {
this.setState({
showmore: !this.state.showmore
});
}
navTo(url) {
this.serverId = getParams('serverId') || '';
this.tenant = getParams('namespace') || ''; //为当前实例保存tenant参数
this.props.history.push(`${url}?serverId=${this.serverId || ''}&dataId=${this.dataId}&group=${this.group}&namespace=${this.tenant}`);
}
openLoading() {
this.setState({
loading: true
});
}
closeLoading() {
this.setState({
loading: false
});
}
getDataDetail() {
let self = this;
this.tenant = getParams('namespace') || '';
this.serverId = getParams('serverId') || 'center';
let url = `/nacos/v1/cs/configs?show=all&dataId=${this.dataId}&group=${this.group}`;
request({
url: url,
beforeSend: function () {
self.openLoading();
},
success: function (result) {
if (result != null) {
let data = result;
self.valueMap['normal'] = data;
self.field.setValue('dataId', data.dataId);
//self.field.setValue('content', data.content);
self.field.setValue('appName', self.inApp ? self.edasAppName : data.appName);
//self.field.setValue('envs', self.serverId);
self.field.setValue('group', data.group);
//self.field.setValue('type', data.type);
self.field.setValue('desc', data.desc);
//self.field.setValue('md5', data.md5);
self.codeValue = data.content || '';
let type = data.type || 'text';
self.setState({ //设置radio 高亮
configType: type
});
self.initMoacoEditor(type, self.codeValue);
//self.createCodeMirror('text', self.codeValue);
//self.codeValue = self.commoneditor.doc.getValue();
if (data.configTags != null) {
let tagArr = data.configTags.split(",");
self.setConfigTags(tagArr);
}
let envvalues = [];
let env = {};
self.serverId = env.serverId;
self.targetEnvs = envvalues;
} else {
Dialog.alert({
language: aliwareIntl.currentLanguageCode || 'zh-cn',
title: aliwareIntl.get('com.alibaba.nacos.page.configeditor.wrong'),
content: result.message
});
}
},
complete: function () {
self.closeLoading();
}
});
}
goList() {
let tenant = getParams('namespace');
this.props.history.push(`/configurationManagement?serverId=${this.serverId}&group=${this.searchGroup}&dataId=${this.searchDataId}&namespace=${tenant}`);
}
createCodeMirror(mode, value) {
let commontarget = this.refs["commoneditor"];
commontarget.innerHTML = '';
this.commoneditor = window.CodeMirror(commontarget, {
value: value,
mode: mode,
lineNumbers: true,
theme: 'xq-light',
lint: true,
gutters: ["CodeMirror-lint-markers"],
extraKeys: {
"F1": function (cm) {
cm.setOption("fullScreen", !cm.getOption("fullScreen"));
},
"Esc": function (cm) {
if (cm.getOption("fullScreen")) cm.setOption("fullScreen", false);
}
}
});
this.commoneditor.on('change', this.codemirrorValueChanged.bind(this));
}
codemirrorValueChanged(doc) {
if (this.diffeditor) {
this.diffeditor.edit.doc.setValue(doc.getValue());
}
}
createDiffCodeMirror(leftCode, rightCode) {
let target = this.refs["diffeditor"];
target.innerHTML = '';
this.diffeditor = window.CodeMirror.MergeView(target, {
value: leftCode || '',
origLeft: null,
orig: rightCode || '',
lineNumbers: true,
mode: this.mode,
theme: 'xq-light',
highlightDifferences: true,
connect: 'align',
collapseIdentical: false
});
}
changeConfig(value) {
if (value === 0) {
this.createCodeMirror('text', this.codeValue);
this.mode = 'text';
}
if (value === 1) {
this.createCodeMirror('application/json', this.codeValue);
this.mode = 'application/json';
}
if (value === 2) {
this.createCodeMirror('xml', this.codeValue);
this.mode = 'xml';
}
this.setState({
configType: value
});
}
setCodeValue(value) {
this.setState({
codeValue: value
});
}
toggleDiff(checked) {
if (checked) {
this.chontenttab.style.display = 'block';
let nowvalue = this.commoneditor.doc.getValue();
if (!this.diffeditor) {
this.createDiffCodeMirror(nowvalue, this.codeValue);
}
} else {
this.chontenttab.style.display = 'none';
//this.diffeditor = null;
//let target = this.refs["diffeditor"];
//target.innerHTML = '';
}
}
publishConfig() {
this.field.validate((errors, values) => {
if (errors) {
return;
}
let content = '';
let self = this;
// if (this.commoneditor) {
// content = this.commoneditor.doc.getValue();
// //content = content.replace("↵", "\n\r");
// } else {
// content = this.codeValue;
// }
if (this.monacoEditor) {
content = this.monacoEditor.getValue();
} else {
content = this.codeValue;
}
if (!content) {
Message.error({
content: aliwareIntl.get("nacos.page.ConfigEditor.submit_failed"),
align: "cc cc"
});
return;
}
this.codeValue = content;
this.tenant = getParams('namespace') || '';
this.serverId = getParams('serverId') || 'center';
let payload = {
dataId: this.field.getValue('dataId'),
appName: this.inApp ? this.edasAppId : this.field.getValue('appName'),
group: this.field.getValue('group'),
desc: this.field.getValue('desc'),
config_tags: this.state.config_tags.join(),
type: this.state.configType,
content: content,
tenant: this.tenant
};
let url = `/nacos/v1/cs/configs`;
request({
type: 'post',
contentType: 'application/x-www-form-urlencoded',
url: url,
data: payload,
success: function (res) {
let _payload = {};
_payload.maintitle = aliwareIntl.get('com.alibaba.nacos.page.configeditor.toedittitle');
_payload.title = <div>{aliwareIntl.get('com.alibaba.nacos.page.configeditor.toedit')}</div>;
_payload.content = '';
_payload.dataId = payload.dataId;
_payload.group = payload.group;
if (res != null) {
_payload.isok = true;
let activeKey = self.state.activeKey.split('-')[0];
if (activeKey === 'normal' && self.hasips === true) {
//如果是在normal面板选择了beta发布
let sufex = new Date().getTime();
self.setState({
tag: [{ title: aliwareIntl.get('com.alibaba.nacos.page.configeditor.official'), key: `normal-${sufex}` }, { title: 'BETA', key: `beta-${sufex}` }], hasbeta: true,
activeKey: `beta-${sufex}`
});
payload.betaIps = payload.betaIps || payload.ips;
self.valueMap['beta'] = payload; //赋值beta
self.changeTab(`beta-${sufex}`);
}
if (activeKey === 'normal' && self.hasips === false) {
//如果是在normal面板选择了发布
self.valueMap['normal'] = payload; //赋值正式
}
if (activeKey === 'beta' && self.hasips === true) {
//如果是在beta面板继续beta发布
self.valueMap['beta'] = payload; //赋值beta
}
} else {
_payload.isok = false;
_payload.message = res.message;
}
self.refs['success'].openDialog(_payload
);
},
error: function () { }
});
});
}
validateChart(rule, value, callback) {
const chartReg = /[@#\$%\^&\*]+/g;
if (chartReg.test(value)) {
callback(aliwareIntl.get('com.alibaba.nacos.page.configeditor.vdchart'));
} else {
callback();
}
}
changeEnv(values) {
this.targetEnvs = values;
this.setState({
envvalues: values
});
}
changeBeta(selected) {
if (selected) {
this.betaips.style.display = 'block';
} else {
this.betaips.style.display = 'none';
}
this.setState({
checkedBeta: selected
});
}
getIps(value) {
this.ips = value;
this.setState({
ips: value
});
}
setConfigTags(value) {
if (value.length > 5) {
value.pop();
}
value.forEach((v, i) => {
if (v.indexOf(',') !== -1 || v.indexOf('=') !== -1) {
value.splice(i, 1);
}
});
this.setState({
config_tags: value
});
}
onInputUpdate(value) {
if (this.inputtimmer) {
clearTimeout(this.inputtimmer);
}
this.inputtimmer = setTimeout(() => {
let tagLst = this.state.tagLst,
hastag = false;
tagLst.forEach((v, i) => {
if (v.value === value) {
hastag = true;
}
});
if (!hastag) {
tagLst.push({
value: value,
label: value,
time: Math.random()
});
}
this.setState({ tagLst: tagLst });
}, 500);
}
openDiff(hasips) {
this.hasips = hasips; //是否包含ips
let leftvalue = this.monacoEditor.getValue(); //this.commoneditor.doc.getValue();
let rightvalue = this.codeValue;
leftvalue = leftvalue.replace(/\r\n/g, "\n").replace(/\n/g, "\r\n");
rightvalue = rightvalue.replace(/\r\n/g, "\n").replace(/\n/g, "\r\n");
//let rightvalue = this.diffeditor.doc.getValue();
//console.log(this.commoneditor, leftvalue==rightvalue)
this.refs['diffeditor'].openDialog(leftvalue, rightvalue);
}
changeTab(value) {
let self = this;
let key = value.split('-')[0];
let data = this.valueMap[key];
this.setState({
activeKey: value
});
self.field.setValue('dataId', data.dataId);
self.field.setValue('appName', self.inApp ? self.edasAppName : data.appName);
//self.field.setValue('envs', self.serverId);
self.field.setValue('group', data.group);
//self.field.setValue('md5', data.md5);
self.codeValue = data.content || '';
self.createCodeMirror('text', self.codeValue);
if (data.betaIps) {
self.getIps(data.betaIps);
self.changeBeta(true);
} else {
self.getIps('');
self.changeBeta(false);
}
}
newChangeConfig(value) {
this.setState({
configType: value
});
this.changeModel(value);
}
changeModel(type, value) {
if (!this.monacoEditor) {
$('#container').empty();
this.initMoacoEditor(type, value);
return;
}
let oldModel = this.monacoEditor.getModel();
let oldValue = this.monacoEditor.getValue();
let newModel = window.monaco.editor.createModel(oldValue, type);
this.monacoEditor.setModel(newModel);
if (oldModel) {
oldModel.dispose();
}
}
render() {
const { init } = this.field;
const formItemLayout = {
labelCol: {
span: 2
},
wrapperCol: {
span: 22
}
};
// const list = [{
// value: 0,
// label: 'TEXT'
// }, {
// value: 1,
// label: 'JSON'
// }, {
// value: 2,
// label: 'XML'
// }];
const list = [{
value: 'text',
label: 'TEXT'
}, {
value: 'json',
label: 'JSON'
}, {
value: 'xml',
label: 'XML'
}, {
value: 'yaml',
label: 'YAML'
}, {
value: 'html',
label: 'HTML'
}, {
value: 'properties',
label: 'Properties'
}];
let activeKey = this.state.activeKey.split('-')[0];
return (
<div style={{ padding: 10 }}>
<Loading shape="flower" style={{ position: 'relative', width: '100%' }} visible={this.state.loading} tip="Loading..." color="#333">
<h1 style={{ overflow: 'hidden', height: 50, width: '100%' }}>
<div>{aliwareIntl.get('com.alibaba.nacos.page.configeditor.toedit')}</div>
</h1>
{this.state.hasbeta ? <div style={{ display: 'inline-block', height: 40, width: '80%', overflow: 'hidden' }}>
<Tab shape={'wrapped'} onChange={this.changeTab.bind(this)} lazyLoad={false} activeKey={this.state.activeKey}>
{this.state.tag.map(tab => <TabPane title={tab.title} key={tab.key}></TabPane>)}
</Tab>
</div> : ''}
<Form field={this.field}>
<FormItem label="Data ID:" {...formItemLayout}>
<Input disabled={true} {...init('dataId', {
rules: [{
required: true,
message: aliwareIntl.get('com.alibaba.nacos.page.configeditor.recipient_from')
}, { validator: this.validateChart.bind(this) }]
})} />
</FormItem>
<FormItem label="Group:" {...formItemLayout}>
<Input disabled={true} {...init('group', {
rules: [{
required: true,
message: aliwareIntl.get('com.alibaba.nacos.page.configeditor.Home_application:')
}, { validator: this.validateChart.bind(this) }]
})} />
</FormItem>
<FormItem label="" {...formItemLayout}>
<div>
<a style={{ fontSize: '12px' }} onClick={this.toggleMore.bind(this)}>{this.state.showmore ? aliwareIntl.get('com.alibaba.nacos.page.configeditor.more_advanced_options') : aliwareIntl.get('com.alibaba.nacos.page.configeditor.group_is_not_empty')}</a>
</div>
</FormItem>
<div style={{ height: this.state.showmore ? 'auto' : '0', overflow: 'hidden' }}>
<FormItem label={aliwareIntl.get('nacos.page.configeditor.Tags')} {...formItemLayout}>
<Select size="medium" hasArrow style={{ width: '100%' }} autoWidth={true} multiple={true} mode="tag" filterLocal={true} placeholder={aliwareIntl.get('nacos.page.configurationManagement.Please_enter_tag')} dataSource={this.state.tagLst} value={this.state.config_tags} onChange={this.setConfigTags.bind(this)} hasClear language={aliwareIntl.currentLanguageCode}>
</Select>
</FormItem>
<FormItem label={aliwareIntl.get('com.alibaba.nacos.page.configeditor.the_target_environment:')} {...formItemLayout}>
<Input {...init('appName')} readOnly={!!this.inApp} />
</FormItem>
</div>
<FormItem label={aliwareIntl.get('nacos.page.configeditor.Description')} {...formItemLayout}>
<Input.TextArea htmlType="text" multiple rows={3} {...init('desc')} />
</FormItem>
<FormItem label={aliwareIntl.get('com.alibaba.nacos.page.configeditor.configure_contents_of')} {...formItemLayout}>
<RadioGroup dataSource={list} value={this.state.configType} onChange={this.newChangeConfig.bind(this)} />
</FormItem>
<FormItem label={<span style={{ marginRight: 5 }}>{aliwareIntl.get('com.alibaba.nacos.page.configeditor.configcontent')}<Balloon trigger={<Icon type="help" size={'small'} style={{ color: '#1DC11D', marginRight: 5, verticalAlign: 'middle', marginTop: 2 }} />} align="t" style={{ marginRight: 5 }} triggerType="hover">
<p>{aliwareIntl.get('com.alibaba.nacos.page.configeditor.Esc_exit')}</p>
<p>{aliwareIntl.get('com.alibaba.nacos.page.configeditor.release_beta')}</p>
</Balloon>:</span>} {...formItemLayout}>
<div style={{ clear: 'both', height: 300 }} id="container"></div>
</FormItem>
<FormItem {...formItemLayout} label="">
<div style={{ textAlign: 'right' }}>
{activeKey === 'beta' ? <Button style={{ marginRight: 10 }} type="primary" onClick={this.openDiff.bind(this, true)}>{aliwareIntl.get('com.alibaba.nacos.page.configeditor.release')}</Button> : ''}
{activeKey === 'normal' ? <Button type="primary" disabled={this.state.hasbeta} style={{ marginRight: 10 }} onClick={this.openDiff.bind(this, this.state.checkedBeta)}>{this.state.checkedBeta ? aliwareIntl.get('com.alibaba.nacos.page.configeditor.release') : aliwareIntl.get('com.alibaba.nacos.page.configeditor.return')}</Button> : <Button type="primary" style={{ marginRight: 10 }} onClick={this.openDiff.bind(this, false)}>{aliwareIntl.get('com.alibaba.nacos.page.configeditor.return')}</Button>}
<Button type="normal" onClick={this.goList.bind(this)}>{aliwareIntl.get('com.alibaba.nacos.page.configeditor.')}</Button>
</div>
</FormItem>
</Form>
<DiffEditorDialog ref="diffeditor" publishConfig={this.publishConfig.bind(this)} />
<SuccessDialog ref="success" />
</Loading>
</div>
);
}
}
/*****************************此行为标记行, 请勿删和修改此行, 主体代码请写在此行上面的class中, 组件导出语句及其他信息请写在此行下面*****************************/
export default ConfigEditor;

666
console/src/main/resources/static/src/pages/ConfigurationManagement/ConfigurationManagement/ConfigurationManagement.js
View File

@ -1,666 +0,0 @@
/*
* Copyright 1999-2018 Alibaba Group Holding Ltd.
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
* http://www.apache.org/licenses/LICENSE-2.0
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
import React from 'react';
import BatchHandle from '../../../components/BatchHandle';
import RegionGroup from '../../../components/RegionGroup';
import ShowCodeing from '../../../components/ShowCodeing';
import DeleteDialog from '../../../components/DeleteDialog';
import CloneDialog from '../../../components/CloneDialog';
import ImportDialog from '../../../components/ImportDialog';
import ExportDialog from '../../../components/ExportDialog';
import { getParams, setParams, request, aliwareIntl } from '../../../globalLib';
import './index.less';
import { Button, Checkbox, Collapse, Dialog, Dropdown, Field, Form, Icon, Input, Loading, Menu, Pagination, Select, Slider, Table } from '@alifd/next';
const Accordion = Collapse;
const FormItem = Form.Item;
const { Panel } = Collapse;
/*****************************此行为标记行, 请勿删和修改此行, 文件和组件依赖请写在此行上面, 主体代码请写在此行下面的class中*****************************/
const DashboardCard = ({ data, height }) => <div>
{data.modeType === 'notice' ? <div data-spm-click={"gostr=/aliyun;locaid=notice"}><Slider style={{ marginBottom: data.modeList.length > 1 ? 20 : 10 }} arrows={false}>
{data.modeList.map((item, index) => <div key={index} className={"slider-img-wrapper"}>
<div className={"alert alert-success"} style={{ minHeight: 120, backgroundColor: '#e9feff' }}>
<div className={"alert-success-text"} style={{ fontWeight: 'bold' }}>{aliwareIntl.get("nacos.page.configurationManagement.Important_reminder0") /*重要提醒*/}</div>
<strong style={{ color: '#777a7e' }}>
<span>{item.title}</span>
</strong>
<strong>
<span><a style={{ marginLeft: 10, color: '#33cde5' }} href={item.url} target={"_blank"}>{aliwareIntl.get("nacos.page.configurationManagement.view_details1") /*查看详情*/}</a></span>
</strong>
</div>
</div>)}
</Slider> </div> : <div className={"dash-card-contentwrappers"} style={{ height: height ? height : 'auto' }} data-spm-click={`gostr=/aliyun;locaid=${data.modeType}`}>
<h3 className={"dash-card-title"}>{data.modeName}</h3>
<div className={"dash-card-contentlist"}>
{data.modeList ? data.modeList.map(item => {
return <div className={"dash-card-contentitem"}>
<a href={item.url} target={"_blank"}>{item.title}</a>
{item.tag === 'new' ? <img style={{ width: 28, marginLeft: 2, verticalAlign: 'text-bottom' }} src={"//img.alicdn.com/tps/TB1pS2YMVXXXXcCaXXXXXXXXXXX-56-24.png"} alt="" /> : ''}
{item.tag === 'hot' ? <img style={{ width: 28, marginLeft: 2, verticalAlign: 'text-bottom' }} src={"//img.alicdn.com/tps/TB1nusxPXXXXXb0aXXXXXXXXXXX-56-24.png"} alt="" /> : ''}
</div>;
}) : ''}
</div>
</div>} </div>;
class ConfigurationManagement extends React.Component {
constructor(props) {
super(props);
this.field = new Field(this);
this.appName = getParams('appName') || getParams('edasAppId') || '';
this.preAppName = this.appName;
this.group = getParams('group') || '';
this.preGroup = this.group;
this.dataId = getParams('dataId') || '';
this.preDataId = this.dataId;
this.serverId = getParams('serverId') || 'center';
this.edasAppId = getParams('edasAppId') || '';
this.edasAppName = getParams('edasAppName') || '';
this.inApp = this.edasAppId;
this.state = {
value: "",
visible: false,
total: 0,
pageSize: 10,
currentPage: 1,
dataSource: [],
fieldValue: [],
showAppName: false,
showgroup: false,
dataId: this.dataId,
group: this.group,
appName: this.appName,
config_tags: [],
tagLst: [],
selectValue: [],
loading: false,
groupList: [],
groups: [],
tenant: true,
nownamespace_id: window.nownamespace || '',
nownamespace_name: window.namespaceShowName || '',
selectedRecord: [],
selectedKeys: [],
hasdash: false,
isCn: true,
contentList: [],
isAdvancedQuery: false,
isCheckAll: false
};
let obj = {
dataId: this.dataId || '',
group: this.preGroup || '',
appName: this.appName || ''
};
setParams(obj);
this.batchHandle = null;
this.toggleShowQuestionnaire = this.toggleShowQuestionnaire.bind(this);
}
componentDidMount() {
// this.getGroup();
if (aliwareIntl.currentLanguageCode === 'zh-cn') {
// this.getContentList(); //在中文站获取概览页
this.setState({
isCn: true
});
} else {
this.setState({
isCn: false
});
}
if (window._getLink && window._getLink("isCn") === "true") {
if (!this.checkQuestionnaire()) {
if (window.location.host === 'acm.console.aliyun.com') {
Dialog.alert({
title: aliwareIntl.get("nacos.page.configurationManagement.questionnaire2") /*问卷调查*/
, style: {
width: '60%'
},
content: <div>
<div style={{ fontSize: '15px', lineHeight: '22px' }}>{aliwareIntl.get("nacos.page.configurationManagement.a_ACM_front-end_monitoring_questionnaire,_the_time_limit_to_receive_Ali_cloud_voucher_details_shoved_stamp_the3") /*答ACM前端监控调查问卷，限时领取阿里云代金券详情猛戳：*/}<a href={"https://survey.aliyun.com/survey/k0BjJ2ARC"} target={"_blank"}>{aliwareIntl.get("nacos.page.configurationManagement.questionnaire2") /*问卷调查*/}</a>
</div>
<div style={{ fontSize: '15px' }}>{aliwareIntl.get("nacos.page.configurationManagement.no_longer_display4") /*不再显示：*/}<Checkbox onChange={this.toggleShowQuestionnaire} />
</div>
</div>,
language: aliwareIntl.currentLanguageCode
});
}
}
}
}
/**
* 获取概览页数据
*/
getContentList() {
request({
url: 'com.alibaba.nacos.service.dashlist', //以 com.alibaba. 开头最终会转换为真正的url地址
data: {},
$data: {}, //替换请求url路径中{}占位符的内容
success: res => {
console.log(res);
if (res.code === 200 && res.data) {
if (res.data.length === 0) {
this.setState({
hasdash: false
});
} else {
this.setState({
hasdash: true,
contentList: res.data
});
}
}
}
});
}
toggleShowQuestionnaire(value) {
if (value) {
localStorage.setItem('acm_questionnaire', 1);
} else {
localStorage.removeItem('acm_questionnaire');
}
}
checkQuestionnaire() {
let acm_questionnaire = localStorage.getItem('acm_questionnaire');
if (acm_questionnaire) {
return true;
} else {
return false;
}
}
/**
* 回车事件
*/
keyDownSearch(e) {
var theEvent = e || window.event;
var code = theEvent.keyCode || theEvent.which || theEvent.charCode;
if (code === 13) {
this.getData();
return false;
}
return true;
}
navTo(url, record) {
this.serverId = getParams('serverId') || '';
this.tenant = getParams('namespace') || ''; //为当前实例保存tenant参数
this.props.history.push(`${url}?serverId=${this.serverId || ''}&dataId=${record.dataId}&group=${record.group}&namespace=${this.tenant}`);
}
openLoading() {
this.setState({
loading: true
});
}
closeLoading() {
this.setState({
loading: false
});
}
UNSAFE_componentWillMount() {
window.addEventListener('keydown', this.keyDownSearch.bind(this), false);
}
componentWillUnMount() {
window.removeEventListener('keydown', this.keyDownSearch.bind(this));
}
onSearch() { }
onChange() { }
cleanAndGetData(needclean = false) {
if (needclean) {
this.dataId = '';
this.group = '';
this.setState({
group: '',
dataId: ''
});
setParams({
group: '',
dataId: ''
});
}
this.getData();
}
getData(pageNo = 1, clearSelect = true) {
let self = this;
this.tenant = getParams('namespace') || ''; //为当前实例保存tenant参数
this.serverId = getParams('serverId') || '';
let urlPrefix = "";
if (this.dataId.indexOf("*") !== -1 || this
.group.indexOf("*") !== -1) {
urlPrefix = "/nacos/v1/cs/configs?search=blur";
} else {
urlPrefix = "/nacos/v1/cs/configs?search=accurate";
}
request({
url: `${urlPrefix}&dataId=${this.dataId}&group=${this.group}&appName=${this.appName}&config_tags=${this.state.config_tags || ''}&pageNo=${pageNo}&pageSize=${this.state.pageSize}`,
beforeSend: function () {
self.openLoading();
},
success: function (data) {
if (data != null) {
self.setState({
dataSource: data.pageItems,
total: data.totalCount,
currentPage: data.pageNumber
});
if (clearSelect) {
self.setState({
selectedRecord: [],
selectedKeys: []
});
}
}
self.setState({
tenant: self.tenant
});
},
error: function (data) {
self.setState({
dataSource: [],
total: 0,
currentPage: 0
});
},
complete: function () {
self.closeLoading();
}
});
}
showMore() { }
chooseNav(record, key) {
let self = this;
switch (key) {
case 'nav1':
self.navTo('/historyRollback', record);
break;
case 'nav2':
self.navTo('/pushTrajectory', record);
break;
default:
case 'nav3':
self.navTo('/listeningToQuery', record);
break;
}
}
removeConfig(record) {
let self = this;
Dialog.confirm({
language: aliwareIntl.currentLanguageCode || 'zh-cn',
title: aliwareIntl.get('com.alibaba.nacos.page.configurationManagement.Remove_configuration'),
content: <div style={{ marginTop: '-20px' }}>
<h3>{aliwareIntl.get('com.alibaba.nacos.page.configurationManagement.suredelete')}</h3>
<p>
<span style={{ color: '#999', marginRight: 5 }}>Data ID:</span>
<span style={{ color: '#c7254e' }}>
{record.dataId}
</span>
</p>
<p>
<span style={{ color: '#999', marginRight: 5 }}>Group:</span>
<span style={{ color: '#c7254e' }}>
{record.group}
</span>
</p>
<p>
<span style={{ color: '#999', marginRight: 5 }}>{aliwareIntl.get('com.alibaba.nacos.page.configurationManagement.environment')}</span>
<span style={{ color: '#c7254e' }}>
{self.serverId || ''}
</span>
</p>
</div>,
onOk: () => {
let url = `/nacos/v1/cs/configs?dataId=${record.dataId}&group=${record.group}`;
request({
url: url,
type: 'delete',
success: function (res) {
let _payload = {};
_payload.title = aliwareIntl.get('com.alibaba.nacos.page.configurationManagement.configuration_management');
_payload.content = '';
_payload.dataId = record.dataId;
_payload.group = record.group;
if (res === true) {
_payload.isok = true;
} else {
_payload.isok = false;
_payload.message = res.message;
}
self.refs['delete'].openDialog(_payload);
self.getData();
}
});
}
});
}
renderLastTime(value, index, record) {
return <div>{aliwareIntl.intlNumberFormat(record.lastModifiedTime)}</div>;
}
showCode(record) {
this.refs['showcode'].openDialog(record);
}
renderCol(value, index, record) {
return <div>
<a onClick={this.goDetail.bind(this, record)} style={{ marginRight: 5 }}>{aliwareIntl.get('com.alibaba.nacos.page.configurationManagement.details')}</a>
<span style={{ marginRight: 5 }}>|</span>
<a style={{ marginRight: 5 }} onClick={this.showCode.bind(this, record)}>{aliwareIntl.get('com.alibaba.nacos.page.configurationManagement.the_sample_code')}</a>
<span style={{ marginRight: 5 }}>|</span>
<a style={{ marginRight: 5 }} onClick={this.goEditor.bind(this, record)}>{aliwareIntl.get('com.alibaba.nacos.page.configurationManagement.edit')}</a>
<span style={{ marginRight: 5 }}>|</span>
<a style={{ marginRight: 5 }} onClick={this.removeConfig.bind(this, record)}>{aliwareIntl.get('com.alibaba.nacos.page.configurationManagement.delete')}</a>
<span style={{ marginRight: 5 }}>|</span>
<Dropdown trigger={<span style={{ color: '#33cde5' }}>{aliwareIntl.get('com.alibaba.nacos.page.configurationManagement.more')}<Icon type={"arrow-down-filling"} size={'xxs'} /></span>} triggerType={"click"}>
<Menu onItemClick={this.chooseNav.bind(this, record)}>
<Menu.Item key={"nav1"}>{aliwareIntl.get('com.alibaba.nacos.page.configurationManagement.version')}</Menu.Item>
<Menu.Item key={"nav3"}>{aliwareIntl.get('com.alibaba.nacos.page.configurationManagement.listener_query')}</Menu.Item>
</Menu>
</Dropdown>
</div>;
}
changePage(value) {
this.setState({
currentPage: value
}, () => {
this.getData(value, false);
});
}
handlePageSizeChange(pageSize) {
this.setState({
pageSize
}, () => {
this.changePage(1);
});
}
onInputUpdate() { }
chooseFieldChange(fieldValue) {
this.setState({
fieldValue
});
}
showSelect(value) {
this.setState({
selectValue: value
});
if (value.indexOf('appName') !== -1) {
this.setState({
showAppName: true
});
} else {
this.setState({
showAppName: false
});
}
if (value.indexOf('group') !== -1) {
this.setState({
showgroup: true
});
} else {
this.setState({
showgroup: false
});
}
this.chooseFieldChange(value);
}
getAppName(value) {
this.appName = value;
this.setState({
appName: value
});
}
setAppName(value) {
this.appName = value;
this.setState({
appName: value
});
}
getDataId(value) {
this.dataId = value;
this.setState({
dataId: value
});
}
setConfigTags(value) {
this.setState({
config_tags: value
});
}
/**
* groupId赋值
*/
setGroup(value) {
this.group = value || '';
this.setState({
group: value || ''
});
}
selectAll() {
setParams('dataId', this.dataId);
setParams('group', this.group);
setParams('appName', this.appName);
this.getData();
}
resetAll() {
this.dataId = '';
this.appName = '';
this.group = '';
this.setState({
selectValue: [],
dataId: '',
appName: '',
group: '',
showAppName: false,
showgroup: false
});
this.selectAll();
}
chooseEnv(value) {
this.serverId = getParams('serverId') || 'center';
this.tenant = getParams('namespace') || ''; //为当前实例保存tenant参数
this.props.history.push(`/newconfig?serverId=${this.serverId || ''}&namespace=${this.tenant}&edasAppName=${this.edasAppName}&edasAppId=${this.edasAppId}&searchDataId=${this.dataId}&searchGroup=${this.group}`);
}
setNowNameSpace(name, id) {
this.setState({
nownamespace_name: name,
nownamespace_id: id
});
}
goDetail(record) {
this.serverId = getParams('serverId') || 'center';
this.tenant = getParams('namespace') || ''; //为当前实例保存tenant参数
// 点击详情到另一个页面, 返回时候要保留原来的搜索条件 比如: record.dataId为详情的, this.dataId为搜索条件的.
this.props.history.push(`/configdetail?serverId=${this.serverId || ''}&dataId=${record.dataId}&group=${record.group}&namespace=${this.tenant}&edasAppName=${this.edasAppName}&searchDataId=${this.dataId}&searchGroup=${this.group}`);
}
goEditor(record) {
this.serverId = getParams('serverId') || 'center';
this.tenant = getParams('namespace') || ''; //为当前实例保存tenant参数
this.props.history.push(`/configeditor?serverId=${this.serverId || ''}&dataId=${record.dataId}&group=${record.group}&namespace=${this.tenant}&edasAppName=${this.edasAppName}&edasAppId=${this.edasAppId}&searchDataId=${this.dataId}&searchGroup=${this.group}`);
}
goConfigSync(record) {
this.serverId = getParams('serverId') || 'center';
this.tenant = getParams('namespace') || ''; //为当前实例保存tenant参数
this.props.history.push(`/configsync?serverId=${this.serverId || ''}&dataId=${record.dataId}&group=${record.group}&namespace=${this.tenant}`);
}
onSelectChange(...args) {
let record = [];
console.log(args, 'args');
args[1].forEach(item => {
if (args[0].indexOf(item.id) >= 0 && this.state.selectedKeys.indexOf(item.id) < 0) {
record.push(item);
}
});
this.state.selectedRecord.forEach(item => {
if (args[0].indexOf(item.id) >= 0) {
record.push(item);
}
});
this.setState({
selectedRecord: record,
selectedKeys: args[0],
isCheckAll: record.length > 0 && record.length === this.state.dataSource.length
});
console.log(this.state, 'this.state');
}
onPageSelectAll(selected, records) {
console.log(this.refs["dataTable"].props.dataSource);
}
getBatchFailedContent(res) {
return <div>
<div style={{ fontSize: 18, color: "#373D41", overflow: "auto" }}>{res.message}</div>
{"data" in res && res.data != null && <Accordion style={{ width: '500px' }}>
{"failedItems" in res.data && res.data.failedItems.length > 0 ? <Panel title={aliwareIntl.get('nacos.page.configurationManagement.failed_entry') + res.data.failedItems.length}>
<Table dataSource={res.data.failedItems} fixedHeader={true} maxBodyHeight={400} language={aliwareIntl.currentLanguageCode}>
<Table.Column title={'Data ID'} dataIndex={"dataId"} />
<Table.Column title={'Group'} dataIndex={"group"} />
</Table>
</Panel> : <Panel style={{ display: 'none' }} />}
{"succeededItems" in res.data && res.data.succeededItems.length > 0 ? <Panel title={aliwareIntl.get('nacos.page.configurationManagement.successful_entry') + res.data.succeededItems.length}>
<Table dataSource={res.data.succeededItems} fixedHeader={true} maxBodyHeight={400} language={aliwareIntl.currentLanguageCode}>
<Table.Column title={'Data ID'} dataIndex={"dataId"} />
<Table.Column title={'Group'} dataIndex={"group"} />
</Table>
</Panel> : <Panel style={{ display: 'none' }} />}
{"unprocessedItems" in res.data && res.data.unprocessedItems.length > 0 ? <Panel title={aliwareIntl.get('nacos.page.configurationManagement.unprocessed_entry') + res.data.unprocessedItems.length}>
<Table dataSource={res.data.unprocessedItems} fixedHeader={true} maxBodyHeight={400} language={aliwareIntl.currentLanguageCode}>
<Table.Column title={'Data ID'} dataIndex={"dataId"} />
<Table.Column title={'Group'} dataIndex={"group"} />
</Table>
</Panel> : <Panel style={{ display: 'none' }} />}
</Accordion>}
</div>;
}
onClickBatchHandle() {
this.batchHandle && this.batchHandle.openDialog({
serverId: this.serverId,
group: this.group,
dataId: this.dataId,
appName: this.appName,
config_tags: this.state.config_tags || '',
pageSize: this.state.pageSize
});
}
changeAdvancedQuery = () => {
this.setState({
isAdvancedQuery: !this.state.isAdvancedQuery
});
};
checkAllHandle(checked) {
this.setState({
isCheckAll: checked,
selectedKeys: checked ? this.state.dataSource.map(item => item.id) : [],
selectedRecord: checked ? this.state.dataSource : []
});
}
render() {
const pubnodedata = aliwareIntl.get('pubnodata');
const locale = {
empty: pubnodedata
};
return (
<div>
<BatchHandle ref={ref => this.batchHandle = ref} />
<Loading shape={"flower"} style={{ position: 'relative', width: '100%', overflow: 'auto' }} visible={this.state.loading} tip={"Loading..."} color={"#333"}>
<div className={this.state.hasdash ? 'dash-page-container' : ''}>
<div className={this.state.hasdash ? 'dash-left-container' : ''} style={{ position: 'relative', padding: 10 }}>
<div style={{ display: this.inApp ? 'none' : 'block', marginTop: -15 }}>
<RegionGroup namespaceCallBack={this.cleanAndGetData.bind(this)} setNowNameSpace={this.setNowNameSpace.bind(this)} />
</div>
<div style={{ display: this.inApp ? 'none' : 'block', position: 'relative', width: '100%', overflow: 'hidden', height: '40px' }}>
<h3 style={{ height: 30, width: '100%', lineHeight: '30px', padding: 0, margin: 0, paddingLeft: 10, borderLeft: '3px solid #09c', color: '#ccc', fontSize: '12px' }}>
<span style={{ fontSize: '14px', color: '#000', marginRight: 8 }}>{aliwareIntl.get("nacos.page.configurationManagement.configuration_management8") /*配置管理*/}</span>
<span style={{ fontSize: '14px', color: '#000', marginRight: 8 }}>|</span>
<span style={{ fontSize: '14px', color: '#000', marginRight: 8 }}>{this.state.nownamespace_name}</span>
<span style={{ fontSize: '14px', color: '#000', marginRight: 18 }}>{this.state.nownamespace_id}</span>
{aliwareIntl.get('com.alibaba.nacos.page.configurationManagement.query_results')}
<strong style={{ fontWeight: 'bold' }}> {this.state.total} </strong>
{aliwareIntl.get('com.alibaba.nacos.page.configurationManagement.article_meet_the_requirements')}
</h3>
<div style={{ position: 'absolute', textAlign: 'right', zIndex: 2, right: 0, top: 0 }}>
</div>
</div>
<div style={{ position: 'relative', marginTop: 10, height: this.state.isAdvancedQuery ? 'auto' : 48, overflow: "hidden" }}>
<Form direction={"hoz"} inline>
<FormItem label={"Data ID:"}>
<Input htmlType={"text"} placeholder={aliwareIntl.get('com.alibaba.nacos.page.configurationManagement.fuzzyd')} style={{ width: 200 }} value={this.state.dataId} onChange={this.getDataId.bind(this)} />
</FormItem>
<FormItem label={"Group:"}>
<Select.AutoComplete style={{ width: 200 }} size={"medium"} placeholder={aliwareIntl.get('com.alibaba.nacos.page.configurationManagement.fuzzyg')} dataSource={this.state.groups} value={this.state.group} onChange={this.setGroup.bind(this)} hasClear language={aliwareIntl.currentLanguageCode}>
</Select.AutoComplete>
</FormItem>
<FormItem label={""}>
<Button type={"primary"} style={{ marginRight: 10 }} onClick={this.selectAll.bind(this)} data-spm-click={"gostr=/aliyun;locaid=dashsearch"}>{aliwareIntl.get('com.alibaba.nacos.page.configurationManagement.query')}</Button>
</FormItem>
<FormItem style={this.inApp ? { display: "none" } : { verticalAlign: "middle", marginTop: 0, marginLeft: 10 }}>
<div style={{ color: '#33cde5', fontSize: 12, cursor: 'pointer' }} onClick={this.changeAdvancedQuery}>
<span style={{ marginRight: 5, lineHeight: "28px" }}>{aliwareIntl.get("nacos.page.configurationManagement.advanced_query9") /*高级查询*/}</span><Icon type={this.state.isAdvancedQuery ? 'arrow-up-filling' : 'arrow-down-filling'} size={'xs'} />
</div>
</FormItem>
<br />
<FormItem style={this.inApp ? { display: "none" } : {}} label={aliwareIntl.get("nacos.page.configurationManagement.HOME_Application0") /*归属应用：*/}>
<Input htmlType={"text"} placeholder={aliwareIntl.get("nacos.page.configurationManagement.Please_enter_the_name_of_the_app1") /*请输入应用名称*/} style={{ width: 200 }} value={this.state.appName} onChange={this.setAppName.bind(this)} />
</FormItem>
<FormItem label={aliwareIntl.get('nacos.page.configurationManagement.Tags')}>
<Select style={{ width: 200 }} size={"medium"} hasArrow multiple={true} mode="tag" filterLocal={false} placeholder={aliwareIntl.get('nacos.page.configurationManagement.Please_enter_tag')} dataSource={this.state.tagLst} value={this.state.config_tags} onChange={this.setConfigTags.bind(this)} hasClear language={aliwareIntl.currentLanguageCode} />
</FormItem>
</Form>
<div style={{ position: 'absolute', right: 10, top: 4 }}>
<Icon type={"add"} size={'medium'} style={{ color: 'black', marginRight: 0, verticalAlign: 'middle', cursor: 'pointer', backgroundColor: '#eee', border: '1px solid #ddd', padding: '3px 6px' }} onClick={this.chooseEnv.bind(this)} />
</div>
</div>
<div>
<Table dataSource={this.state.dataSource} locale={locale} fixedHeader={true} maxBodyHeight={400} language={aliwareIntl.currentLanguageCode} ref={"dataTable"}>
<Table.Column title={'Data Id'} dataIndex={"dataId"} />
<Table.Column title={'Group'} dataIndex={"group"} />
{!this.inApp ? <Table.Column title={aliwareIntl.get('nacos.page.configurationManagement.HOME_Application')} dataIndex={"appName"} /> : <div></div>}
<Table.Column title={aliwareIntl.get('com.alibaba.nacos.page.configurationManagement.operation')} cell={this.renderCol.bind(this)} />
</Table>
{this.state.dataSource.length > 0 && <div style={{ marginTop: 10, overflow: "hidden" }}>
<Pagination style={{ float: "right" }} pageSizeList={[10, 20, 30]} pageSizeSelector={"dropdown"} onPageSizeChange={this.handlePageSizeChange.bind(this)} current={this.state.currentPage} language={aliwareIntl.currentLanguageCode || 'zh-cn'} total={this.state.total} pageSize={this.state.pageSize} onChange={this.changePage.bind(this)} />
</div>}
</div>
<ShowCodeing ref={"showcode"} />
<DeleteDialog ref={"delete"} />
<CloneDialog ref={"cloneDialog"} />
<ImportDialog ref={"importDialog"} />
<ExportDialog ref={"exportDialog"} />
</div>
{this.state.hasdash ? <div className={"dash-right-container"} style={{ overflow: 'auto', height: window.innerHeight - 40 }}>
{this.state.contentList.map((v, i) => {
return <DashboardCard data={v} height={'auto'} key={`show${i}`} />;
})}
</div> : ''}
</div>
</Loading>
</div>
);
}
}
/*****************************此行为标记行, 请勿删和修改此行, 主体代码请写在此行上面的class中, 组件导出语句及其他信息请写在此行下面*****************************/
export default ConfigurationManagement;

6
pom.xml
View File

@ -240,11 +240,11 @@
<exclude>src/test/resources/*</exclude>
<exclude>src/main/resources/static/**/*.js</exclude>
<exclude>src/main/resources/**/*.svg</exclude>
<exclude>src/main/resources/static/public/css/console1412.css</exclude>
<exclude>src/main/resources/static/css/console1412.css</exclude>
<exclude>src/main/resources/static/js/vs/**/*</exclude>
<exclude>src/main/resources/static/console-fe/public/js/vs/editor/editor.main.css</exclude>
<exclude>src/main/resources/static/console-fe/public/css/console1412.css</exclude>
<exclude>src/main/resources/static/console-fe/.vscode/settings.json</exclude>
<exclude>src/main/resources/static/console-fe/dist/js/vs/editor/editor.main.css</exclude>
<exclude>src/main/resources/static/console-fe/dist/*/*</exclude>
<exclude>bin/*</exclude>
<exclude>conf/*</exclude>
<exclude>derby.log</exclude>