Merge branch 'dev-3.10' of git.mesalab.cn:nezha/nezha-fronted into dev-3.10
This commit is contained in:
@@ -30,7 +30,10 @@ export const sidebar = {
|
||||
text: 'chart',
|
||||
link: '/chart',
|
||||
items: [
|
||||
{text: 'chartTimeSeries', link: '/chartTimeSeries'}
|
||||
{text: 'chartTimeSeries', link: '/chartTimeSeries'},
|
||||
{text: 'chartAutotopology', link: '/chartAutotopology'},
|
||||
{text: 'chartDiagram', link: '/chartDiagram'},
|
||||
{text: 'chartLegend', link: '/chartLegend'},
|
||||
]
|
||||
}
|
||||
]
|
||||
|
||||
@@ -0,0 +1,32 @@
|
||||
<script lang="ts" setup>
|
||||
const props = withDefaults(defineProps<{
|
||||
/**
|
||||
* chart相关信息 主要是要里面的 id 以及 params
|
||||
*/
|
||||
chartInfo?: { },
|
||||
/**
|
||||
* chart数据
|
||||
*/
|
||||
chartData?: [],
|
||||
/**
|
||||
* chart相应配置
|
||||
*/
|
||||
chartOption?: { },
|
||||
/**
|
||||
* 但是否显示全部数据
|
||||
*/
|
||||
showAllData?: Boolean,
|
||||
/**
|
||||
* dashboard 相关变量
|
||||
*/
|
||||
globalVariables?: [],
|
||||
|
||||
}>(), {
|
||||
|
||||
})
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div>
|
||||
</div>
|
||||
</template>
|
||||
@@ -0,0 +1,9 @@
|
||||
<script lang="ts" setup>
|
||||
</script>
|
||||
<template>
|
||||
<div></div>
|
||||
</template>
|
||||
|
||||
<style>
|
||||
|
||||
</style>
|
||||
@@ -0,0 +1,19 @@
|
||||
---
|
||||
map:
|
||||
path: /chartAutotopology
|
||||
---
|
||||
|
||||
# 关联组件
|
||||
1. meta2dMain topo图组件
|
||||
|
||||
```vue
|
||||
<el-carousel>
|
||||
<el-carousel-item v-for="(item,index) in allProject">
|
||||
<meta2dMain/>
|
||||
</el-carousel-item>
|
||||
</el-carousel>
|
||||
```
|
||||
|
||||
props 跟chartTimeSeries 一致
|
||||
|
||||
<API src="./chartAutotopology.vue" lang="en"></API>
|
||||
@@ -0,0 +1,19 @@
|
||||
---
|
||||
map:
|
||||
path: /chartAutotopology
|
||||
---
|
||||
|
||||
# 关联组件
|
||||
1. meta2dMain topo图组件
|
||||
|
||||
```vue
|
||||
<el-carousel>
|
||||
<el-carousel-item v-for="(item,index) in allProject">
|
||||
<meta2dMain/>
|
||||
</el-carousel-item>
|
||||
</el-carousel>
|
||||
```
|
||||
|
||||
props 跟chartTimeSeries 一致
|
||||
|
||||
<API src="./chartAutotopology.vue" lang="zh"></API>
|
||||
@@ -0,0 +1,32 @@
|
||||
<script lang="ts" setup>
|
||||
const props = withDefaults(defineProps<{
|
||||
/**
|
||||
* chart相关信息 主要是要里面的 id 以及 params
|
||||
*/
|
||||
chartInfo?: { },
|
||||
/**
|
||||
* chart数据
|
||||
*/
|
||||
chartData?: [],
|
||||
/**
|
||||
* chart相应配置
|
||||
*/
|
||||
chartOption?: { },
|
||||
/**
|
||||
* 但是否显示全部数据
|
||||
*/
|
||||
showAllData?: Boolean,
|
||||
/**
|
||||
* dashboard 相关变量
|
||||
*/
|
||||
globalVariables?: [],
|
||||
|
||||
}>(), {
|
||||
|
||||
})
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div>
|
||||
</div>
|
||||
</template>
|
||||
9
nezha-docs/src/chart/chartChild/chartDiagram/demo.vue
Normal file
9
nezha-docs/src/chart/chartChild/chartDiagram/demo.vue
Normal file
@@ -0,0 +1,9 @@
|
||||
<script lang="ts" setup>
|
||||
</script>
|
||||
<template>
|
||||
<div></div>
|
||||
</template>
|
||||
|
||||
<style>
|
||||
|
||||
</style>
|
||||
17
nezha-docs/src/chart/chartChild/chartDiagram/index.en-US.md
Normal file
17
nezha-docs/src/chart/chartChild/chartDiagram/index.en-US.md
Normal file
@@ -0,0 +1,17 @@
|
||||
---
|
||||
map:
|
||||
path: /chartDiagram
|
||||
---
|
||||
|
||||
# 关联组件
|
||||
1. meta2dMain topo图组件
|
||||
|
||||
```vue
|
||||
<div>
|
||||
<meta2dMain />
|
||||
</div>
|
||||
```
|
||||
|
||||
props 跟chartTimeSeries 一致
|
||||
|
||||
<API src="./chartDiagram.vue" lang="en"></API>
|
||||
17
nezha-docs/src/chart/chartChild/chartDiagram/index.zh-CN.md
Normal file
17
nezha-docs/src/chart/chartChild/chartDiagram/index.zh-CN.md
Normal file
@@ -0,0 +1,17 @@
|
||||
---
|
||||
map:
|
||||
path: /chartDiagram
|
||||
---
|
||||
|
||||
# 关联组件
|
||||
1. meta2dMain topo图组件
|
||||
|
||||
```vue
|
||||
<div>
|
||||
<meta2dMain />
|
||||
</div>
|
||||
```
|
||||
|
||||
props 跟chartTimeSeries 一致
|
||||
|
||||
<API src="./chartDiagram.vue" lang="en"></API>
|
||||
32
nezha-docs/src/chart/chartChild/chartLegend/chartLegend.vue
Normal file
32
nezha-docs/src/chart/chartChild/chartLegend/chartLegend.vue
Normal file
@@ -0,0 +1,32 @@
|
||||
<script lang="ts" setup>
|
||||
const props = withDefaults(defineProps<{
|
||||
/**
|
||||
* chart相关信息 主要是要里面的 id 以及 params
|
||||
*/
|
||||
chartInfo?: { },
|
||||
/**
|
||||
* chart数据
|
||||
*/
|
||||
chartData?: Array,
|
||||
/**
|
||||
* legend 数据
|
||||
*/
|
||||
legends: Array,
|
||||
/**
|
||||
* 是否全屏
|
||||
*/
|
||||
isFullscreen: boolean,
|
||||
/**
|
||||
* 所有根据图表处理过后的数据
|
||||
*/
|
||||
series: Array
|
||||
|
||||
}>(), {
|
||||
|
||||
})
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div>
|
||||
</div>
|
||||
</template>
|
||||
9
nezha-docs/src/chart/chartChild/chartLegend/demo.vue
Normal file
9
nezha-docs/src/chart/chartChild/chartLegend/demo.vue
Normal file
@@ -0,0 +1,9 @@
|
||||
<script lang="ts" setup>
|
||||
</script>
|
||||
<template>
|
||||
<div></div>
|
||||
</template>
|
||||
|
||||
<style>
|
||||
|
||||
</style>
|
||||
@@ -0,0 +1,7 @@
|
||||
---
|
||||
map:
|
||||
path: /chartLegend
|
||||
---
|
||||
|
||||
|
||||
<API src="./chartLegend.vue" lang="en"></API>
|
||||
@@ -0,0 +1,7 @@
|
||||
---
|
||||
map:
|
||||
path: /chartLegend
|
||||
---
|
||||
|
||||
|
||||
<API src="./chartLegend.vue" lang="zh"></API>
|
||||
@@ -4,7 +4,22 @@ const props = withDefaults(defineProps<{
|
||||
* chart相关信息 主要是要里面的 id 以及 params
|
||||
*/
|
||||
chartInfo?: { },
|
||||
|
||||
/**
|
||||
* chart数据
|
||||
*/
|
||||
chartData?: [],
|
||||
/**
|
||||
* chart相应配置
|
||||
*/
|
||||
chartOption?: { },
|
||||
/**
|
||||
* 但是否显示全部数据
|
||||
*/
|
||||
showAllData?: Boolean,
|
||||
/**
|
||||
* dashboard 相关变量
|
||||
*/
|
||||
globalVariables?: [],
|
||||
|
||||
}>(), {
|
||||
|
||||
|
||||
@@ -7,4 +7,13 @@ map:
|
||||
# 关联组件
|
||||
1. chart-legend legend 相关组件
|
||||
|
||||
```vue
|
||||
<div
|
||||
ref="timeSeries-chart-box"
|
||||
>
|
||||
<div class="chartId"></div>
|
||||
<chart-legend></chart-legend>
|
||||
</div>
|
||||
```
|
||||
|
||||
<API src="./chartTimeSeries.vue" lang="en"></API>
|
||||
|
||||
@@ -7,4 +7,13 @@ map:
|
||||
# 关联组件
|
||||
1. chart-legend legend 相关组件
|
||||
|
||||
```vue
|
||||
<div
|
||||
ref="timeSeries-chart-box"
|
||||
>
|
||||
<div class="chartId"></div>
|
||||
<chart-legend></chart-legend>
|
||||
</div>
|
||||
```
|
||||
|
||||
<API src="./chartTimeSeries.vue" lang="zh"></API>
|
||||
|
||||
@@ -30,5 +30,11 @@ map:
|
||||
25. chartSankey 桑葚图
|
||||
26. chartFunnel 漏斗图
|
||||
|
||||
# 备注
|
||||
大部分的组件props 跟chartTimeSeries 一致
|
||||
|
||||
下面只列举 chartTimeSeries 以及部分需要特殊注意的组件
|
||||
|
||||
|
||||
|
||||
<API src="./chart.vue" lang="en"></API>
|
||||
|
||||
@@ -30,5 +30,10 @@ map:
|
||||
25. chartSankey 桑葚图
|
||||
26. chartFunnel 漏斗图
|
||||
|
||||
# 备注
|
||||
大部分的组件props 跟chartTimeSeries 一致
|
||||
|
||||
下面只列举 chartTimeSeries 以及部分需要特殊注意的组件
|
||||
|
||||
|
||||
<API src="./chart.vue" lang="zh"></API>
|
||||
|
||||
@@ -1,9 +1,12 @@
|
||||
<template>
|
||||
<div class="login" id="login-bgimg" style="background: none">
|
||||
<div class="video-box">
|
||||
<div class="login"
|
||||
id="login-bgimg"
|
||||
:style="`${nzDefaultConfig.showVideo ? 'background: none': ''}`"
|
||||
>
|
||||
<div class="video-box" v-if="nzDefaultConfig.showVideo">
|
||||
<video class="video-background" preload="auto" loop="" playsinline="" autoplay="" src="/static/video/netsec-bg-video.mp4" tabindex="-1" muted="muted"></video>
|
||||
</div>
|
||||
<!-- <div class="model"></div>-->
|
||||
<div class="model" v-if="!nzDefaultConfig.showVideo"></div>
|
||||
<div class="login-main">
|
||||
<div class="logo"><img :src="imageUrl"></div>
|
||||
<div class='login-box'>
|
||||
|
||||
@@ -1 +1 @@
|
||||
{"baseUrl":"http://192.168.44.22/", "version": "23.06"}
|
||||
{"baseUrl":"http://192.168.44.22/", "version": "23.06" , "showVideo": 1}
|
||||
|
||||
Reference in New Issue
Block a user