28 lines
1.4 KiB
HTML
28 lines
1.4 KiB
HTML
<div style="width: 200px;background-color: #1F2339;color: #FFF;height: 50vh">
|
|
<div class="padding flex justify-between">
|
|
<button class="btn btn-xs"
|
|
:class="{'btn-primary':sceneModalInfo._currentTab == 'modalData','btn-secondary':sceneModalInfo._currentTab != 'modalData'}"
|
|
type="button" v-on:click="_changeCurrentTab('modalData')">
|
|
{{sceneModalInfo.modal.name || '相关模型'}}
|
|
</button>
|
|
<button class="btn btn-xs"
|
|
:class="{'btn-primary':sceneModalInfo._currentTab == 'modals','btn-secondary':sceneModalInfo._currentTab != 'modals'}"
|
|
type="button" v-on:click="_changeCurrentTab('modals')">
|
|
<vc:i18n name="场景模型"></vc:i18n>
|
|
</button>
|
|
</div>
|
|
<div style="overflow-y: auto; height: 45vh; " class="padding-lr" v-if="sceneModalInfo._currentTab == 'modalData'">
|
|
<ul >
|
|
<li class=" margin-bottom-sm flex justify-between" v-for="(item,index) in sceneModalInfo.modalData">
|
|
<div>{{item.name}}</div>
|
|
<div><a href="javascript:void(0)" @click="_addModalInSence(item)">添加</a></div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div style="overflow-y: auto; height: 45vh; overflow-x:auto;width: 100%;color: #000;" class="bg-white" v-show="sceneModalInfo._currentTab == 'modals'">
|
|
<ul>
|
|
<div id="sceneTree" ></div>
|
|
|
|
</ul>
|
|
</div>
|
|
</div> |