Merge pull request #906 from loadchange/fe/v1.0

feat: console add instance table column

console/src/main/resources/static/console-fe/src/locales/en-US.js

@@ -134,6 +134,7 @@ const I18N_CONF = {
     editor: 'Edit',
     offline: 'Offline',
     online: 'Online',
+    ephemeral: 'Ephemeral',
   },
   EditInstanceDialog: {
     port: 'Port',

console/src/main/resources/static/console-fe/src/locales/zh-CN.js

@@ -134,6 +134,7 @@ const I18N_CONF = {
     editor: '编辑',
     offline: '下线',
     online: '上线',
+    ephemeral: '临时实例',
   },
   EditInstanceDialog: {
     port: '端口',

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

@@ -129,6 +129,7 @@ class EditClusterDialog extends React.Component {
             >
               <Select.Option value="TCP">TCP</Select.Option>
               <Select.Option value="HTTP">HTTP</Select.Option>
+              <Select.Option value="NONE">NONE</Select.Option>
             </Select>
           </Form.Item>
           <Form.Item label={`${checkPort}:`}>
@@ -144,34 +145,22 @@ class EditClusterDialog extends React.Component {
               onChange={useIPPort4Check => this.onChangeCluster({ useIPPort4Check })}
             />
           </Form.Item>
-          {type === 'HTTP' ? (
-            <div>
-              <div className="next-row next-form-item next-left next-medium">
-                <div className="next-col next-col-fixed-12 next-form-item-label">
-                  <label>{`${checkPath}:`}</label>
-                </div>
-                <div className="next-col next-col-12 next-form-item-control">
-                  <Input
-                    className="in-text"
-                    value={path}
-                    onChange={path => healthCheckerChange({ path })}
-                  />
-                </div>
-              </div>
-              <div className="next-row next-form-item next-left next-medium">
-                <div className="next-col next-col-fixed-12 next-form-item-label">
-                  <label>{`${checkHeaders}:`}</label>
-                </div>
-                <div className="next-col next-col-12 next-form-item-control">
-                  <Input
-                    className="in-text"
-                    value={headers}
-                    onChange={headers => healthCheckerChange({ headers })}
-                  />
-                </div>
-              </div>
-            </div>
-          ) : null}
+          {type === 'HTTP' && [
+            <Form.Item label={`${checkPath}:`}>
+              <Input
+                className="in-text"
+                value={path}
+                onChange={path => healthCheckerChange({ path })}
+              />
+            </Form.Item>,
+            <Form.Item label={`${checkHeaders}:`}>
+              <Input
+                className="in-text"
+                value={headers}
+                onChange={headers => healthCheckerChange({ headers })}
+              />
+            </Form.Item>,
+          ]}
           <Form.Item label={`${locale.metadata}:`}>
             <MonacoEditor
               language={'properties'}

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

@@ -113,6 +113,12 @@ class InstanceTable extends React.Component {
         <Table dataSource={instance.list} loading={loading} getRowProps={this.rowColor}>
           <Table.Column width={138} title="IP" dataIndex="ip" />
           <Table.Column width={100} title={locale.port} dataIndex="port" />
+          <Table.Column
+            width={100}
+            title={locale.ephemeral}
+            dataIndex="ephemeral"
+            cell={val => `${val}`}
+          />
           <Table.Column width={100} title={locale.weight} dataIndex="weight" />
           <Table.Column
             width={100}