(skywalking-banyandb) branch main updated: Add `indexMode` to display on the measure page (#567)

[wusheng]

This is an automated email from the ASF dual-hosted git repository.

wusheng pushed a commit to branch main
in repository https://gitbox.apache.org/repos/asf/skywalking-banyandb.git


The following commit(s) were added to refs/heads/main by this push:
     new b9de1f4d Add `indexMode` to display on the measure page (#567)
b9de1f4d is described below

commit b9de1f4dd70f18ace21f799030942e1e3de4f1b2
Author: Fine0830 <fanxue0...@gmail.com>
AuthorDate: Mon Dec 9 18:54:14 2024 +0800

    Add `indexMode` to display on the measure page (#567)
---
 CHANGES.md                         |  3 ++-
 ui/src/components/Editor/index.vue | 17 +++++++++++------
 2 files changed, 13 insertions(+), 7 deletions(-)

diff --git a/CHANGES.md b/CHANGES.md
index b0d456ab..e9525650 100644
--- a/CHANGES.md
+++ b/CHANGES.md
@@ -19,7 +19,8 @@ Release Notes.
 - Fix the bug when adding new tags or fields to the measure, the querying 
crashes or returns wrong results.
 - Fix the bug that adding new tags to the stream, the querying crashes or 
returns wrong results.
 - UI: Polish Index Rule Binding Page and Index Page.
-- Fix: View configuration on Property page
+- Fix: View configuration on Property page.
+- UI: Add `indexMode` to display on the measure page.
 
 ### Documentation
 
diff --git a/ui/src/components/Editor/index.vue 
b/ui/src/components/Editor/index.vue
index 1005d051..f2946793 100644
--- a/ui/src/components/Editor/index.vue
+++ b/ui/src/components/Editor/index.vue
@@ -58,7 +58,8 @@ const data = reactive({
         name: route.params.group,
         modRevision: route.params.modRevision,
         interval: 1,
-        intervalUnit: 'm'
+        intervalUnit: 'm',
+        indexMode: false,
     }
 })
 
@@ -214,8 +215,9 @@ function initData() {
         getStreamOrMeasure(data.type, data.form.group, data.form.name)
             .then(res => {
                 if (res.status == 200) {
-                    const tagFamilies = res.data[data.type + ''].tagFamilies
-                    const entity = res.data[data.type + ''].entity.tagNames
+                    data.form.indexMode = res.data[String(data.type)].indexMode
+                    const tagFamilies = res.data[String(data.type)].tagFamilies
+                    const entity = res.data[String(data.type)].entity.tagNames
                     const arr = []
                     tagFamilies.forEach(item => {
                         item.tags.forEach(tag => {
@@ -276,13 +278,13 @@ function initData() {
                     </el-col>
                 </el-row>
             </template>
-            <el-form ref="ruleFormRef" :model="data.form" label-width="80px" 
label-position="left" :rules="rules"
-                :inline="true" style="height: 30px;">
+            <el-form ref="ruleFormRef" :model="data.form" 
label-position="left" :rules="rules"
+                :inline="true">
                 <el-form-item label="group" prop="group">
                     <el-input clearable disabled 
v-model="data.form.group"></el-input>
                 </el-form-item>
                 <el-form-item label="name" prop="name">
-                    <el-input clearable v-model="data.form.name"></el-input>
+                    <el-input style="width: 300px" clearable 
v-model="data.form.name"></el-input>
                 </el-form-item>
                 <el-form-item v-if="data.type == 'measure'" label="interval" 
prop="interval">
                     <el-input-number v-model="data.form.interval" :min="1" />
@@ -290,6 +292,9 @@ function initData() {
                         <el-option v-for="item in options" :key="item.value" 
:label="item.label" :value="item.value" />
                     </el-select>
                 </el-form-item>
+                <el-form-item label="Index Mode" prop="indexMode">
+                    <span>{{ data.form.indexMode ? `Yes` : `No` }}</span>
+                </el-form-item>
             </el-form>
             <TagEditor ref="tagEditorRef"></TagEditor>
             <el-divider v-if="data.type == 'measure'" border-style="dashed" />