|
@@ -6,9 +6,12 @@
|
|
<admSearch @SearchValue="SearchValue"/>
|
|
<admSearch @SearchValue="SearchValue"/>
|
|
<admBtn :btnMsg="btnMsg"/>
|
|
<admBtn :btnMsg="btnMsg"/>
|
|
</div>
|
|
</div>
|
|
|
|
+ <div class="hr"></div>
|
|
<div class="content">
|
|
<div class="content">
|
|
<admTabs :paneMsg="paneMsg" @paneValue="paneValue"/>
|
|
<admTabs :paneMsg="paneMsg" @paneValue="paneValue"/>
|
|
- <admMultiTable/>
|
|
|
|
|
|
+ <div class="table">
|
|
|
|
+ <admMultiTable/>
|
|
|
|
+ </div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
@@ -65,6 +68,10 @@ export default class extends Vue {
|
|
<style lang="scss" scoped>
|
|
<style lang="scss" scoped>
|
|
$margin: 12px;
|
|
$margin: 12px;
|
|
.adm-device {
|
|
.adm-device {
|
|
|
|
+ background: #fff;
|
|
|
|
+ padding: 12px;
|
|
|
|
+ height: 100%;
|
|
|
|
+
|
|
.operation {
|
|
.operation {
|
|
margin: $margin;
|
|
margin: $margin;
|
|
|
|
|
|
@@ -75,6 +82,38 @@ $margin: 12px;
|
|
.adm-btn {
|
|
.adm-btn {
|
|
float: right;
|
|
float: right;
|
|
}
|
|
}
|
|
|
|
+
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .hr {
|
|
|
|
+ background: #E1E7EA;
|
|
|
|
+ color: #E1E7EA;
|
|
|
|
+ width: 100%;
|
|
|
|
+ height: 1px;
|
|
|
|
+ margin-bottom: 16px;
|
|
}
|
|
}
|
|
|
|
+
|
|
|
|
+ .content {
|
|
|
|
+ height: 100%;
|
|
|
|
+
|
|
|
|
+ .table {
|
|
|
|
+ border-left: 1px solid #E1E7EA;
|
|
|
|
+ border-right: 1px solid #E1E7EA;
|
|
|
|
+ border-bottom: 1px solid #E1E7EA;
|
|
|
|
+ height: calc(100% - 230px);
|
|
|
|
+ padding: 12px;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .adm-multi-table {
|
|
|
|
+
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+ }
|
|
|
|
+}
|
|
|
|
+</style>
|
|
|
|
+<style>
|
|
|
|
+.el-tabs__header {
|
|
|
|
+ margin: 0;
|
|
}
|
|
}
|
|
</style>
|
|
</style>
|