style
This commit is contained in:
@@ -262,7 +262,7 @@ const scrollDeviceTreeToSelectedDevice = () => {
|
|||||||
|
|
||||||
<template>
|
<template>
|
||||||
<div style="height: 100%; display: flex; flex-direction: column">
|
<div style="height: 100%; display: flex; flex-direction: column">
|
||||||
<div style="flex-shrink: 0; padding: 12px">
|
<div style="padding: 12px; flex-shrink: 0">
|
||||||
<NInput v-model:value="searchInput" placeholder="搜索设备名称、设备ID或IP地址" clearable />
|
<NInput v-model:value="searchInput" placeholder="搜索设备名称、设备ID或IP地址" clearable />
|
||||||
<NFlex justify="space-between" align="center">
|
<NFlex justify="space-between" align="center">
|
||||||
<NRadioGroup v-model:value="statusInput">
|
<NRadioGroup v-model:value="statusInput">
|
||||||
@@ -277,13 +277,13 @@ const scrollDeviceTreeToSelectedDevice = () => {
|
|||||||
</NFlex>
|
</NFlex>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div style="flex: 1; min-height: 0; display: flex; overflow: hidden">
|
<div style="min-height: 0; overflow: hidden; flex: 1; display: flex">
|
||||||
<div style="flex: 0 0 auto; height: 100%">
|
<div style="height: 100%; flex: 0 0 auto">
|
||||||
<NTabs v-model:value="activeTab" animated type="line" placement="left" style="height: 100%">
|
<NTabs v-model:value="activeTab" animated type="line" placement="left" style="height: 100%">
|
||||||
<NTab v-for="pane in deviceTabPanes" :key="pane.name" :name="pane.name" :tab="pane.tab"></NTab>
|
<NTab v-for="pane in deviceTabPanes" :key="pane.name" :name="pane.name" :tab="pane.tab"></NTab>
|
||||||
</NTabs>
|
</NTabs>
|
||||||
</div>
|
</div>
|
||||||
<div style="flex: 1 1 auto; min-width: 0">
|
<div style="min-width: 0; flex: 1 1 auto">
|
||||||
<NTree
|
<NTree
|
||||||
:ref="'deviceTreeInst'"
|
:ref="'deviceTreeInst'"
|
||||||
v-model:expanded-keys="expandedKeys"
|
v-model:expanded-keys="expandedKeys"
|
||||||
|
|||||||
Reference in New Issue
Block a user