Просмотр исходного кода

编辑器-导航:导航分组组件里不显示默认二级分组

任一存 3 лет назад
Родитель
Сommit
e3cea7ba8e
1 измененных файлов с 46 добавлено и 13 удалено
  1. 46 13
      src/components/sceneGroupInEditor.vue

+ 46 - 13
src/components/sceneGroupInEditor.vue

@@ -32,18 +32,51 @@
     </div>
 
     <div class="group-content" v-if="isExpanded">
-      <div
-        v-for="(item) of groupNode.children"
-        :key=item.id
-      >
-        <component
-          :is="'SceneGroup'"
-          v-if="!item.type"
-          :groupNode="item"
-          :level="level + 1"
-        />
+      <template v-if="!(groupNode.children.length === 1 && groupNode.children[0].name === '默认二级分组')">
         <div
-          v-else
+          v-for="(item) of groupNode.children"
+          :key=item.id
+        >
+          <component
+            :is="'SceneGroup'"
+            v-if="!item.type"
+            :groupNode="item"
+            :level="level + 1"
+          />
+          <div
+            v-else
+            class="scene-item"
+            :style="{
+              paddingLeft: sceneItemPaddingLeft,
+            }"
+          >
+            <img :src="item.icon + ossImagePreviewUrlSuffix()" alt="" class="scene-image">
+            <div class="right">
+              <span class="scene-title" v-title="item.sceneTitle">{{item.sceneTitle}}</span>
+              <div class="right-bottom">
+                <span class="scene-type">{{translateSceneType(item.type)}}</span>
+                <div class="icons">
+                  <i class="iconfont icon-editor_list_edit icon-edit" v-tool-tip-wrapper>
+                    <TooltipInEditor
+                      :text="'重命名'"
+                    ></TooltipInEditor>
+                  </i>
+                  <i class="iconfont icon-editor_list_delete icon-delete" v-tool-tip-wrapper>
+                    <TooltipInEditor
+                      :text="'删除'"
+                    ></TooltipInEditor>
+                  </i>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </template>
+      <template v-else>
+        <!-- 自动生成的默认二级分组不显示,里边的内容显示成直属于一级分组的效果。 -->
+        <div
+          v-for="(item) of groupNode.children[0].children"
+          :key=item.id
           class="scene-item"
           :style="{
             paddingLeft: sceneItemPaddingLeft,
@@ -51,7 +84,7 @@
         >
           <img :src="item.icon + ossImagePreviewUrlSuffix()" alt="" class="scene-image">
           <div class="right">
-            <span class="scene-title">{{item.sceneTitle}}</span>
+            <span class="scene-title" v-title="item.sceneTitle">{{item.sceneTitle}}</span>
             <div class="right-bottom">
               <span class="scene-type">{{translateSceneType(item.type)}}</span>
               <div class="icons">
@@ -69,7 +102,7 @@
             </div>
           </div>
         </div>
-      </div>
+      </template>
     </div>
   </div>
 </template>