添加系统绑的功能
This commit is contained in:
@@ -13,11 +13,11 @@
|
||||
/> -->
|
||||
<el-tabs v-model="tableName" type="border-card" @tab-change="changeTab">
|
||||
<el-tab-pane v-for="item in tableStore.table.data" :key="item.name" :label="item.name" :name="item.name">
|
||||
<el-tabs v-model="tableName1" tab-position="left">
|
||||
<el-tabs v-model="tableName1" tab-position="left" class="componentList">
|
||||
<el-tab-pane v-for="k in item?.children" :key="k.name" :label="k.name" :name="k.name">
|
||||
<template #label>
|
||||
<span class="custom-tabs-label">
|
||||
<span>{{ k.name }}</span>
|
||||
<p>{{ k.name }}</p>
|
||||
|
||||
<!-- <el-icon><Edit /></el-icon> -->
|
||||
<el-button
|
||||
@@ -25,21 +25,21 @@
|
||||
icon="el-icon-Edit"
|
||||
link
|
||||
class="ml10"
|
||||
@click="editTree(k, 0)"
|
||||
@click.stop="editTree(k, 0)"
|
||||
></el-button>
|
||||
<el-button
|
||||
type="danger"
|
||||
icon="el-icon-Delete"
|
||||
link
|
||||
class="ml0"
|
||||
@click="del(k)"
|
||||
@click.stop="del(k)"
|
||||
></el-button>
|
||||
</span>
|
||||
</template>
|
||||
<div :style="height" style="overflow-y: auto; overflow-x: hidden">
|
||||
<el-row :gutter="10" class="pl5 pr5 pt5">
|
||||
<el-col :span="6" v-for="component in k.children" :key="component.id" class="mb10">
|
||||
<el-card class="box-card" shadow="hover">
|
||||
<el-card class="box-card" shadow="hover">
|
||||
<div slot="header" class="clearfix">
|
||||
<span style="display: flex; align-items: center">
|
||||
{{ component.name }}
|
||||
@@ -50,7 +50,7 @@
|
||||
icon="el-icon-Edit"
|
||||
style="padding: 3px 0; color: blue"
|
||||
type="text"
|
||||
@click="editTree(component, 1)"
|
||||
@click.stop="editTree(component, 1)"
|
||||
>
|
||||
编辑
|
||||
</el-button>
|
||||
@@ -58,7 +58,7 @@
|
||||
icon="el-icon-Delete"
|
||||
style="padding: 3px 0; color: red"
|
||||
type="text"
|
||||
@click="del(component)"
|
||||
@click.stop="del(component)"
|
||||
>
|
||||
删除
|
||||
</el-button>
|
||||
@@ -356,4 +356,9 @@ span {
|
||||
min-width: 128px;
|
||||
}
|
||||
}
|
||||
:deep(.componentList){
|
||||
.el-tabs__header{
|
||||
height: calc(100vh - 250px)!important;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user