floraachy
/
console
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

#search manage keyword modify

This commit is contained in:
chenhua 2020-11-24 01:37:31 +08:00
parent 4395fed312
commit 0c4701a4bd
8 changed files with 599 additions and 134 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

68
web/config/router.config.js
View File

@ -138,20 +138,12 @@ export default [
routes: [
{
path: '/search/template',
redirect: '/search/template/summary',
},
{
path: '/search/template/summary',
component: './SearchManage/template/Summary',
redirect: '/search/template/template',
},
{
path: '/search/template/template',
component: './SearchManage/template/SearchTemplate',
},
{
path: '/search/template/param',
component: './SearchManage/template/Param',
},
{
path: '/search/template/history',
component: './SearchManage/template/History',
@ -170,10 +162,6 @@ export default [
path: '/search/alias/index',
component: './SearchManage/alias/AliasManage',
},
{
path: '/search/alias/param',
component: './SearchManage/alias/Param',
},
{
path: '/search/alias/rule',
component: './SearchManage/alias/Rule',
@ -215,33 +203,33 @@ export default [
component: './SearchManage/analyzer/AnalyzerTest',
}
]
}, {
path: '/search/nlp',
name: 'nlp',
component: './SearchManage/nlp/NLP',
routes: [
{
path: '/search/nlp',
redirect: '/search/nlp/query',
},
{
path: '/search/nlp/query',
component: './SearchManage/nlp/Query',
},
{
path: '/search/nlp/intention',
component: './SearchManage/nlp/Intention',
},
{
path: '/search/nlp/knowledge',
component: './SearchManage/nlp/Knowledge',
},
{
path: '/search/nlp/text',
component: './SearchManage/nlp/Text',
}
]
},
}//, {
// path: '/search/nlp',
// name: 'nlp',
// component: './SearchManage/nlp/NLP',
// routes: [
// {
// path: '/search/nlp',
// redirect: '/search/nlp/query',
// },
// {
// path: '/search/nlp/query',
// component: './SearchManage/nlp/Query',
// },
// {
// path: '/search/nlp/intention',
// component: './SearchManage/nlp/Intention',
// },
// {
// path: '/search/nlp/knowledge',
// component: './SearchManage/nlp/Knowledge',
// },
// {
// path: '/search/nlp/text',
// component: './SearchManage/nlp/Text',
// }
//]
//},
]
},

163
web/src/pages/SearchManage/alias/AliasManage.js
View File

@ -110,13 +110,174 @@ class AliasManage extends PureComponent {
formValues: {},
updateFormValues: {},
};
datasource = `[{"health":"green","status":"open","index":"blogs_fixed","uuid":"Q6zngGf9QVaWqpV0lF-0nw","pri":"1","rep":"1","docs.count":"1594","docs.deleted":"594","store.size":"17.9mb","pri.store.size":"8.9mb"},{"health":"red","status":"open","index":"elastic_qa","uuid":"_qkVlQ5LRoOKffV-nFj8Uw","pri":"1","rep":"1","docs.count":null,"docs.deleted":null,"store.size":null,"pri.store.size":null},{"health":"green","status":"open","index":".kibana-event-log-7.9.0-000001","uuid":"fgTtyl62Tc6F1ddJfPwqHA","pri":"1","rep":"1","docs.count":"20","docs.deleted":"0","store.size":"25kb","pri.store.size":"12.5kb"},{"health":"green","status":"open","index":"blogs","uuid":"Mb2n4wnNQSKqSToI_QO0Yg","pri":"1","rep":"1","docs.count":"1594","docs.deleted":"0","store.size":"11mb","pri.store.size":"5.5mb"},{"health":"green","status":"open","index":".kibana-event-log-7.9.0-000002","uuid":"8GpbwnDXR2KJUsw6srLnWw","pri":"1","rep":"1","docs.count":"9","docs.deleted":"0","store.size":"96.9kb","pri.store.size":"48.4kb"},{"health":"green","status":"open","index":".apm-agent-configuration","uuid":"vIaV9k2VS-W48oUOe2xNWA","pri":"1","rep":"1","docs.count":"0","docs.deleted":"0","store.size":"416b","pri.store.size":"208b"},{"health":"green","status":"open","index":"logs_server1","uuid":"u56jv2AyR2KOkruOfxIAnA","pri":"1","rep":"1","docs.count":"5386","docs.deleted":"0","store.size":"5.1mb","pri.store.size":"2.5mb"},{"health":"green","status":"open","index":".kibana_1","uuid":"dBCrfVblRPGVlYAIlP_Duw","pri":"1","rep":"1","docs.count":"3187","docs.deleted":"50","store.size":"24.8mb","pri.store.size":"12.4mb"},{"health":"green","status":"open","index":".tasks","uuid":"3RafayGeSNiqglO2BHof9Q","pri":"1","rep":"1","docs.count":"3","docs.deleted":"0","store.size":"39.9kb","pri.store.size":"19.9kb"},{"health":"green","status":"open","index":"filebeat-7.9.0-elastic_qa","uuid":"tktSYU14S3CrsrJb0ybpSQ","pri":"1","rep":"1","docs.count":"3009880","docs.deleted":"0","store.size":"1.6gb","pri.store.size":"850.1mb"},{"health":"green","status":"open","index":"analysis_test","uuid":"6ZHEAW1ST_qfg7mo4Bva4w","pri":"1","rep":"1","docs.count":"0","docs.deleted":"0","store.size":"416b","pri.store.size":"208b"},{"health":"green","status":"open","index":".apm-custom-link","uuid":"Y4N2TeVERrGacEGwY-NPAQ","pri":"1","rep":"1","docs.count":"0","docs.deleted":"0","store.size":"416b","pri.store.size":"208b"},{"health":"green","status":"open","index":"kibana_sample_data_ecommerce","uuid":"4FIWJKhGSr6bE72R0xEQyA","pri":"1","rep":"1","docs.count":"4675","docs.deleted":"0","store.size":"9.2mb","pri.store.size":"4.6mb"},{"health":"green","status":"open","index":".kibana_task_manager_1","uuid":"9afyndU_Q26oqOiEIoqRJw","pri":"1","rep":"1","docs.count":"6","docs.deleted":"2","store.size":"378.8kb","pri.store.size":"12.5kb"},{"health":"green","status":"open","index":".async-search","uuid":"2VbJgnN7SsqC-DWN64yXUQ","pri":"1","rep":"1","docs.count":"0","docs.deleted":"0","store.size":"3.9kb","pri.store.size":"3.7kb"}]`;
datasource = `[
{
"health": "green",
"status": "blog",
"index": "blogs_fixed",
"uuid": "Q6zngGf9QVaWqpV0lF-0nw",
"pri": "1",
"rep": "1",
"docs.count": "1594",
"docs.deleted": "594",
"store.size": "17.9mb",
"pri.store.size": "8.9mb"
},
{
"health": "red",
"status": "elastic",
"index": "elastic_qa",
"uuid": "_qkVlQ5LRoOKffV-nFj8Uw",
"pri": "1",
"rep": "1",
"docs.count": null,
"docs.deleted": null,
"store.size": null,
"pri.store.size": null
},
{
"health": "green",
"status": "kibana",
"index": ".kibana-event-log-7.9.0-000001",
"uuid": "fgTtyl62Tc6F1ddJfPwqHA",
"pri": "1",
"rep": "1",
"docs.count": "20",
"docs.deleted": "0",
"store.size": "25kb",
"pri.store.size": "12.5kb"
},
{
"health": "green",
"status": "blog",
"index": "blogs",
"uuid": "Mb2n4wnNQSKqSToI_QO0Yg",
"pri": "1",
"rep": "1",
"docs.count": "1594",
"docs.deleted": "0",
"store.size": "11mb",
"pri.store.size": "5.5mb"
},
{
"health": "green",
"status": "kibana",
"index": ".kibana-event-log-7.9.0-000002",
"uuid": "8GpbwnDXR2KJUsw6srLnWw",
"pri": "1",
"rep": "1",
"docs.count": "9",
"docs.deleted": "0",
"store.size": "96.9kb",
"pri.store.size": "48.4kb"
},
{
"health": "green",
"status": "apm",
"index": ".apm-agent-configuration",
"uuid": "vIaV9k2VS-W48oUOe2xNWA",
"pri": "1",
"rep": "1",
"docs.count": "0",
"docs.deleted": "0",
"store.size": "416b",
"pri.store.size": "208b"
},
{
"health": "green",
"status": "logs",
"index": "logs_server1",
"uuid": "u56jv2AyR2KOkruOfxIAnA",
"pri": "1",
"rep": "1",
"docs.count": "5386",
"docs.deleted": "0",
"store.size": "5.1mb",
"pri.store.size": "2.5mb"
},
{
"health": "green",
"status": "kibana",
"index": ".kibana_1",
"uuid": "dBCrfVblRPGVlYAIlP_Duw",
"pri": "1",
"rep": "1",
"docs.count": "3187",
"docs.deleted": "50",
"store.size": "24.8mb",
"pri.store.size": "12.4mb"
},
{
"health": "green",
"status": "tasks",
"index": ".tasks",
"uuid": "3RafayGeSNiqglO2BHof9Q",
"pri": "1",
"rep": "1",
"docs.count": "3",
"docs.deleted": "0",
"store.size": "39.9kb",
"pri.store.size": "19.9kb"
},
{
"health": "green",
"status": "filebeat",
"index": "filebeat-7.9.0-elastic_qa",
"uuid": "tktSYU14S3CrsrJb0ybpSQ",
"pri": "1",
"rep": "1",
"docs.count": "3009880",
"docs.deleted": "0",
"store.size": "1.6gb",
"pri.store.size": "850.1mb"
},
{
"health": "green",
"status": "analysis",
"index": "analysis_test",
"uuid": "6ZHEAW1ST_qfg7mo4Bva4w",
"pri": "1",
"rep": "1",
"docs.count": "0",
"docs.deleted": "0",
"store.size": "416b",
"pri.store.size": "208b"
},
{
"health": "green",
"status": "open",
"index": ".apm-custom-link",
"uuid": "Y4N2TeVERrGacEGwY-NPAQ",
"pri": "1",
"rep": "1",
"docs.count": "0",
"docs.deleted": "0",
"store.size": "416b",
"pri.store.size": "208b"
},
{
"health": "green",
"status": "open",
"index": "kibana_sample_data_ecommerce",
"uuid": "4FIWJKhGSr6bE72R0xEQyA",
"pri": "1",
"rep": "1",
"docs.count": "4675",
"docs.deleted": "0",
"store.size": "9.2mb",
"pri.store.size": "4.6mb"
}
]`;
columns = [
{
title: '索引名称',
dataIndex: 'index',
},
{
title: '别名',
dataIndex: 'status',
},
{
title: '文档数',
dataIndex: 'docs.count',

14
web/src/pages/SearchManage/alias/alias.js
View File

@ -11,12 +11,6 @@ class Indices extends Component {
case 'index':
router.push(`${match.url}/index`);
break;
case 'param':
router.push(`${match.url}/param`);
break;
case 'rule':
router.push(`${match.url}/rule`);
break;
default:
break;
}
@ -26,14 +20,6 @@ class Indices extends Component {
{
key: 'index',
tab: '索引别名管理',
},
{
key: 'param',
tab: '字段别名管理',
},
{
key: 'rule',
tab: 'index pattern 对应规则',
}
];

36
web/src/pages/SearchManage/analyzer/Manage.js
View File

@ -141,51 +141,51 @@ class Manage extends PureComponent {
[
{
"name" : "filebeat-7.9.1",
"index_patterns" : "[filebeat-7.9.1-*]",
"order" : "1",
"version" : null,
"index_patterns" : "[Analyzer1,Analyzer2]",
"order" : "2020-01-11 10:00:00",
"version" : 99,
"composed_of" : ""
},
{
"name" : "apm-7.9.1-span",
"index_patterns" : "[apm-7.9.1-span*]",
"order" : "2",
"version" : null,
"index_patterns" : "[Analyzer1,Analyzer4]",
"order" : "2020-11-12 10:10:00",
"version" : 87,
"composed_of" : ""
},
{
"name" : ".lists-default",
"index_patterns" : "[.lists-default-*]",
"order" : "0",
"version" : null,
"index_patterns" : "[Analyzer1,Analyzer3,Analyzer4]",
"order" : "2020-03-12 09:00:00",
"version" : 30,
"composed_of" : ""
},
{
"name" : ".monitoring-es",
"index_patterns" : "[.monitoring-es-7-*]",
"order" : "0",
"version" : "7000199",
"index_patterns" : "[Analyzer1,Analyzer3,Analyzer4]",
"order" : "2020-02-12 10:00:00",
"version" : "67",
"composed_of" : ""
},
{
"name" : ".monitoring-beats",
"index_patterns" : "[.monitoring-beats-7-*]",
"order" : "0",
"version" : "7000199",
"index_patterns" : "[Analyzer1,Analyzer3,Analyzer4]",
"order" : "2020-05-21 10:09:00",
"version" : "34",
"composed_of" : ""
}]`;
columns = [
{
title: '分词器名称',
title: '索引名称',
dataIndex: 'name',
},
{
title: '模式',
title: '分词器名称',
dataIndex: 'index_patterns',
},
{
title: 'order',
title: '创建时间',
dataIndex: 'order'
},
{

183
web/src/pages/SearchManage/dict/Professional.js
View File

@ -15,16 +15,18 @@ import {
TimePicker,
Select,
Popover,
Avatar
} from 'antd';
import Link from 'umi/link';
import StandardTable from '@/components/StandardTable';
import PageHeaderWrapper from '@/components/PageHeaderWrapper';
import styles from '../../List/TableList.less';
import styles from './Professional.less';
const FormItem = Form.Item;
const { TextArea } = Input;
const fieldLabels = {
keyword_type: '关键词分类'
keyword_type: '词典标签'
};
const CreateForm = Form.create()(props => {
@ -333,8 +335,8 @@ class Professional extends PureComponent {
</Form.Item>
</Col>
<Col md={8} sm={24}>
<FormItem label="关键词">
{getFieldDecorator('name')(<Input placeholder="请输入关键词" />)}
<FormItem label="词典名称">
{getFieldDecorator('name')(<Input placeholder="请输入词典名称" />)}
</FormItem>
</Col>
<Col md={8} sm={24}>
@ -372,38 +374,157 @@ class Professional extends PureComponent {
handleUpdateModalVisible: this.handleUpdateModalVisible,
handleUpdate: this.handleUpdate,
};
return (
<Fragment>
<Card bordered={false}>
<div className={styles.tableList}>
<div className={styles.tableListForm}>{this.renderForm()}</div>
<div className={styles.tableListOperator}>
<Button icon="plus" type="primary" onClick={() => this.handleModalVisible(true)}>
新增关键词
</Button>
{selectedRows.length > 0 && (
<span>
<Button onClick={() => this.handleDeleteClick()}>删除</Button>
</span>
)}
</div>
<StandardTable
selectedRows={selectedRows}
data={data}
columns={this.columns}
onSelectRow={this.handleSelectRows}
onChange={this.handleStandardTableChange}
/>
</div>
</Card>
<CreateForm {...parentMethods} modalVisible={modalVisible} />
{updateFormValues && Object.keys(updateFormValues).length ? (
<UpdateForm
{...updateMethods}
updateModalVisible={updateModalVisible}
values={updateFormValues}
/>
) : null}
<Card className={styles.projectList}
style={{ marginBottom: 24 }}
title="专业词典"
bordered={false}
extra={<Link to="/">全部词典</Link>}
bodyStyle={{ padding: 0 }} >
<Card.Grid className={styles.projectGrid} key="1">
<Card bodyStyle={{ padding: 0 }} bordered={false}>
<Card.Meta
title={<div className={styles.cardTitle}>
<Avatar size="small" src="https://gw.alipayobjects.com/zos/rmsportal/kZzEzemZyKLKFsojXItE.png" />
<Link to="">道路词汇大全</Link>
</div> }
description="词条样例：晨明、作业段、作业标志、左开道岔、左港、遵义南、遵义北、俎上之肉、组合辙叉、阻工、走马岭、纵向间距、纵向轨枕、纵向标线、纵梁桥、纵断面高程、总监代表处、总监办、总概算汇总"/>
<div className={styles.projectItemContent}>
<span className={styles.datetime} title="2020-10-11">
更新时间： 2009-12-28 19:34:26
</span>
</div>
</Card>
</Card.Grid>
<Card.Grid className={styles.projectGrid} key="1">
<Card bodyStyle={{ padding: 0 }} bordered={false}>
<Card.Meta
title={<div className={styles.cardTitle}>
<Avatar size="small" src="https://gw.alipayobjects.com/zos/rmsportal/kZzEzemZyKLKFsojXItE.png" />
<Link to="">中国国道省道高速公路名录</Link>
</div> }
description="中国国道省道高速公路名录词条样例：京福高速公路、同三高速公路、青银高速公路、日东高速公路、潍莱高速公路、威乌高速公路、济青高速公路、青红高速公路、京珠高速公路、济菏高速公路、沪瑞高速公路、赣粤高速公路、连霍高速公路、丹拉高速公路"/>
<div className={styles.projectItemContent}>
<span className={styles.datetime} title="2020-10-11">
更新时间： 2009-12-28 19:34:26
</span>
</div>
</Card>
</Card.Grid>
<Card.Grid className={styles.projectGrid} key="1">
<Card bodyStyle={{ padding: 0 }} bordered={false}>
<Card.Meta
title={<div className={styles.cardTitle}>
<Avatar size="small" src="https://gw.alipayobjects.com/zos/rmsportal/kZzEzemZyKLKFsojXItE.png" />
<Link to="">物流货运专业术语</Link>
</div> }
description="词条样例：物流、物流活动、物流作业、物流模数、物流技术、物流成本、物流管理、物流中心、物流网络、物流信息、物流企业、物流单证、物流联盟、供应物流、生产物流、销售物流、回收物流、废弃物物流、绿色物流"/>
<div className={styles.projectItemContent}>
<span className={styles.datetime} title="2020-10-11">
更新时间： 2009-12-28 19:34:26
</span>
</div>
</Card>
</Card.Grid>
<Card.Grid className={styles.projectGrid} key="1">
<Card bodyStyle={{ padding: 0 }} bordered={false}>
<Card.Meta
title={<div className={styles.cardTitle}>
<Avatar size="small" src="https://gw.alipayobjects.com/zos/rmsportal/kZzEzemZyKLKFsojXItE.png" />
<Link to="">铁路词汇</Link>
</div> }
description="铁路词汇词条样例：铁路、铁道、铁道部、铁路局、太原铁路局、北京铁路局、车务段、机务段、工务段、供电段、电务段、列车段、车辆段、铁通、车务、机务、工务、供电、电务"/>
<div className={styles.projectItemContent}>
<span className={styles.datetime} title="2020-10-11">
更新时间： 2009-12-28 19:34:26
</span>
</div>
</Card>
</Card.Grid>
<Card.Grid className={styles.projectGrid} key="1">
<Card bodyStyle={{ padding: 0 }} bordered={false}>
<Card.Meta
title={<div className={styles.cardTitle}>
<Avatar size="small" src="https://gw.alipayobjects.com/zos/rmsportal/kZzEzemZyKLKFsojXItE.png" />
<Link to="">客运专线铁路</Link>
</div> }
description="词条样例：验收标准、验标、桥梁施工技术规范、桥规、路规、遂规、铁路技术管理规则、行车组织规则、铁路交通事故调查处理规则、运输组织、铁路安全管理规则、铁路行车操作规则、铁路运用组织规程、区段号、司机号、总重、辆数"/>
<div className={styles.projectItemContent}>
<span className={styles.datetime} title="2020-10-11">
更新时间： 2009-12-28 19:34:26
</span>
</div>
</Card>
</Card.Grid>
<Card.Grid className={styles.projectGrid} key="1">
<Card bodyStyle={{ padding: 0 }} bordered={false}>
<Card.Meta
title={<div className={styles.cardTitle}>
<Avatar size="small" src="https://gw.alipayobjects.com/zos/rmsportal/kZzEzemZyKLKFsojXItE.png" />
<Link to="">民用航空</Link>
</div> }
description="词条样例：晨明、作业段、作业标志、左开道岔、左港、遵义南、遵义北、俎上之肉、组合辙叉、阻工、走马岭、纵向间距、纵向轨枕、纵向标线、纵梁桥、纵断面高程、总监代表处、总监办、总概算汇总"/>
<div className={styles.projectItemContent}>
<span className={styles.datetime} title="2020-10-11">
更新时间： 2009-12-28 19:34:26
</span>
</div>
</Card>
</Card.Grid>
<Card.Grid className={styles.projectGrid} key="1">
<Card bodyStyle={{ padding: 0 }} bordered={false}>
<Card.Meta
title={<div className={styles.cardTitle}>
<Avatar size="small" src="https://gw.alipayobjects.com/zos/rmsportal/kZzEzemZyKLKFsojXItE.png" />
<Link to="">物流术语</Link>
</div> }
description="词条样例：晨明、作业段、作业标志、左开道岔、左港、遵义南、遵义北、俎上之肉、组合辙叉、阻工、走马岭、纵向间距、纵向轨枕、纵向标线、纵梁桥、纵断面高程、总监代表处、总监办、总概算汇总"/>
<div className={styles.projectItemContent}>
<span className={styles.datetime} title="2020-10-11">
更新时间： 2009-12-28 19:34:26
</span>
</div>
</Card>
</Card.Grid>
<Card.Grid className={styles.projectGrid} key="1">
<Card bodyStyle={{ padding: 0 }} bordered={false}>
<Card.Meta
title={<div className={styles.cardTitle}>
<Avatar size="small" src="https://gw.alipayobjects.com/zos/rmsportal/kZzEzemZyKLKFsojXItE.png" />
<Link to="">民航业词库</Link>
</div> }
description="词条样例：晨明、作业段、作业标志、左开道岔、左港、遵义南、遵义北、俎上之肉、组合辙叉、阻工、走马岭、纵向间距、纵向轨枕、纵向标线、纵梁桥、纵断面高程、总监代表处、总监办、总概算汇总"/>
<div className={styles.projectItemContent}>
<span className={styles.datetime} title="2020-10-11">
更新时间： 2009-12-28 19:34:26
</span>
</div>
</Card>
</Card.Grid>
<Card.Grid className={styles.projectGrid} key="1">
<Card bodyStyle={{ padding: 0 }} bordered={false}>
<Card.Meta
title={<div className={styles.cardTitle}>
<Avatar size="small" src="https://gw.alipayobjects.com/zos/rmsportal/kZzEzemZyKLKFsojXItE.png" />
<Link to="">港口列表</Link>
</div> }
description="词条样例：阿比让、阿布扎比、阿德莱德、阿尔及尔、阿卡胡特拉、阿拉木图、阿里卡、阿帕帕、阿什杜德、阿什哈巴特、阿特利斯科、埃德蒙顿、安科纳、安特卫普、敖德萨、奥胡斯、奥克兰、奥兰、巴尔的摩"/>
<div className={styles.projectItemContent}>
<span className={styles.datetime} title="2020-10-11">
更新时间： 2009-12-28 19:34:26
</span>
</div>
</Card>
</Card.Grid>
</Card>
</Fragment>
);
}

227
web/src/pages/SearchManage/dict/Professional.less Normal file
View File

@ -0,0 +1,227 @@
@import '~antd/lib/style/themes/default.less';
@import '~@/utils/utils.less';
.activitiesList {
padding: 0 24px 8px 24px;
.username {
color: @text-color;
}
.event {
font-weight: normal;
}
}
.pageHeaderContent {
display: flex;
.avatar {
flex: 0 1 72px;
margin-bottom: 8px;
& > span {
border-radius: 72px;
display: block;
width: 72px;
height: 72px;
}
}
.content {
position: relative;
top: 4px;
margin-left: 24px;
flex: 1 1 auto;
color: @text-color-secondary;
line-height: 22px;
.contentTitle {
font-size: 20px;
line-height: 28px;
font-weight: 500;
color: @heading-color;
margin-bottom: 12px;
}
}
}
.extraContent {
.clearfix();
float: right;
white-space: nowrap;
.statItem {
padding: 0 32px;
position: relative;
display: inline-block;
> p:first-child {
color: @text-color-secondary;
font-size: @font-size-base;
line-height: 22px;
margin-bottom: 4px;
}
> p {
color: @heading-color;
font-size: 30px;
line-height: 38px;
margin: 0;
> span {
color: @text-color-secondary;
font-size: 20px;
}
}
&:after {
background-color: @border-color-split;
position: absolute;
top: 8px;
right: 0;
width: 1px;
height: 40px;
content: '';
}
&:last-child {
padding-right: 0;
&:after {
display: none;
}
}
}
}
.members {
a {
display: block;
margin: 12px 0;
height: 24px;
color: @text-color;
transition: all 0.3s;
.textOverflow();
.member {
font-size: @font-size-base;
line-height: 24px;
vertical-align: top;
margin-left: 12px;
}
&:hover {
color: @primary-color;
}
}
}
.projectList {
:global {
.ant-card-meta-description {
color: @text-color-secondary;
height: 44px;
line-height: 22px;
overflow: hidden;
}
}
.cardTitle {
font-size: 0;
a {
color: @heading-color;
margin-left: 12px;
line-height: 24px;
height: 24px;
display: inline-block;
vertical-align: top;
font-size: @font-size-base;
&:hover {
color: @primary-color;
}
}
}
.projectGrid {
width: 33.33%;
}
.projectItemContent {
display: flex;
margin-top: 8px;
overflow: hidden;
font-size: 12px;
height: 20px;
line-height: 20px;
.textOverflow();
a {
color: @text-color-secondary;
display: inline-block;
flex: 1 1 0;
.textOverflow();
&:hover {
color: @primary-color;
}
}
.datetime {
color: @disabled-color;
flex: 0 0 auto;
float: right;
}
}
}
.datetime {
color: @disabled-color;
}
@media screen and (max-width: @screen-xl) and (min-width: @screen-lg) {
.activeCard {
margin-bottom: 24px;
}
.members {
margin-bottom: 0;
}
.extraContent {
margin-left: -44px;
.statItem {
padding: 0 16px;
}
}
}
@media screen and (max-width: @screen-lg) {
.activeCard {
margin-bottom: 24px;
}
.members {
margin-bottom: 0;
}
.extraContent {
float: none;
margin-right: 0;
.statItem {
padding: 0 16px;
text-align: left;
&:after {
display: none;
}
}
}
}
@media screen and (max-width: @screen-md) {
.extraContent {
margin-left: -16px;
}
.projectList {
.projectGrid {
width: 50%;
}
}
}
@media screen and (max-width: @screen-sm) {
.pageHeaderContent {
display: block;
.content {
margin-left: 0;
}
}
.extraContent {
.statItem {
float: none;
}
}
}
@media screen and (max-width: @screen-xs) {
.projectList {
.projectGrid {
width: 100%;
}
}
}

28
web/src/pages/SearchManage/template/SearchTemplate.js
View File

@ -141,35 +141,35 @@ class SearchTemplate extends PureComponent {
[
{
"name" : "filebeat-7.9.1",
"index_patterns" : "[filebeat-7.9.1-*]",
"index_patterns" : "[template6,search_template2,template2]",
"order" : "1",
"version" : null,
"version" : 70002,
"composed_of" : ""
},
{
"name" : "apm-7.9.1-span",
"index_patterns" : "[apm-7.9.1-span*]",
"index_patterns" : "[search_template2,template3,template2]",
"order" : "2",
"version" : null,
"composed_of" : ""
"version" : 70002,
"composed_of" : "70002"
},
{
"name" : ".lists-default",
"index_patterns" : "[.lists-default-*]",
"index_patterns" : "[template3,search_template2,template2]",
"order" : "0",
"version" : null,
"composed_of" : ""
"version" : 700034,
"composed_of" : "70001"
},
{
"name" : ".monitoring-es",
"index_patterns" : "[.monitoring-es-7-*]",
"index_patterns" : "[template1,search_template2,search_template2]",
"order" : "0",
"version" : "7000199",
"composed_of" : ""
},
{
"name" : ".monitoring-beats",
"index_patterns" : "[.monitoring-beats-7-*]",
"index_patterns" : "[template3,search_template2,template2]",
"order" : "0",
"version" : "7000199",
"composed_of" : ""
@ -177,17 +177,13 @@ class SearchTemplate extends PureComponent {
columns = [
{
title: '模板名称',
title: '索引名称',
dataIndex: 'name',
},
{
title: '模式',
title: '模板名称',
dataIndex: 'index_patterns',
},
{
title: 'order',
dataIndex: 'order'
},
{
title: '版本',
dataIndex: 'version'

14
web/src/pages/SearchManage/template/Template.js
View File

@ -8,15 +8,9 @@ class Teamplate extends Component {
handleTabChange = key => {
const { match } = this.props;
switch (key) {
case 'summary':
router.push(`${match.url}/summary`);
break;
case 'template':
router.push(`${match.url}/template`);
break;
case 'param':
router.push(`${match.url}/param`);
break;
case 'history':
router.push(`${match.url}/history`);
break;
@ -26,18 +20,10 @@ class Teamplate extends Component {
}
render() {
const tabList = [
{
key: 'summary',
tab: '搜索概览',
},
{
key: 'template',
tab: '模板设置',
},
{
key: 'param',
tab: '参数管理',
},
{
key: 'history',
tab: '历史管理',