github/skywalking-booster-ui
3
0
Fork 1
mirror of https://github.com/apache/skywalking-booster-ui.git synced 2025-10-20 04:19:16 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: update lists

Browse Source
This commit is contained in:
Qiuxia Fan
2022-01-17 23:16:16 +08:00
parent 652b3f2bbc
commit ff29b1314e
3 changed files with 57 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
src/views/dashboard/configuration/ConfigEdit.vue
View File

@@ -38,7 +38,23 @@ limitations under the License. -->
v-model="states.activeNames"
:style="{ '--el-collapse-header-font-size': '15px' }"
>
<el-collapse-item :title="t('metricName')" name="1">
<el-collapse-item :title="t('selectVisualization')" name="1">
<div class="chart-types">
<span
v-for="(type, index) in states.visType"
:key="index"
@click="changeChartType(type)"
:class="{ active: type.value === states.graph.type }"
>
{{ type.label }}
</span>
</div>
</el-collapse-item>
<el-collapse-item
:title="t('metricName')"
name="2"
v-show="states.graph.type !== 'InstanceList'"
>
<div>
<Selector
:value="states.metrics"
@@ -61,18 +77,6 @@ limitations under the License. -->
/>
</div>
</el-collapse-item>
<el-collapse-item :title="t('selectVisualization')" name="2">
<div class="chart-types">
<span
v-for="(type, index) in states.visType"
:key="index"
@click="changeChartType(type)"
:class="{ active: type.value === states.graph.type }"
>
{{ type.label }}
</span>
</div>
</el-collapse-item>
<el-collapse-item :title="t('graphStyles')" name="3">
<component
:is="`${states.graph.type}Config`"