|
@@ -32,18 +32,51 @@
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<div class="group-content" v-if="isExpanded">
|
|
<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
|
|
<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"
|
|
class="scene-item"
|
|
|
:style="{
|
|
:style="{
|
|
|
paddingLeft: sceneItemPaddingLeft,
|
|
paddingLeft: sceneItemPaddingLeft,
|
|
@@ -51,7 +84,7 @@
|
|
|
>
|
|
>
|
|
|
<img :src="item.icon + ossImagePreviewUrlSuffix()" alt="" class="scene-image">
|
|
<img :src="item.icon + ossImagePreviewUrlSuffix()" alt="" class="scene-image">
|
|
|
<div class="right">
|
|
<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">
|
|
<div class="right-bottom">
|
|
|
<span class="scene-type">{{translateSceneType(item.type)}}</span>
|
|
<span class="scene-type">{{translateSceneType(item.type)}}</span>
|
|
|
<div class="icons">
|
|
<div class="icons">
|
|
@@ -69,7 +102,7 @@
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
- </div>
|
|
|
|
|
|
|
+ </template>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
</template>
|
|
</template>
|