| | |
| | | <el-container v-loading="createViewLoading"> |
| | | <el-aside> |
| | | <basic-container> |
| | | <div ref="TreeBox" style="height: calc(100vh - 144px);!important;"> |
| | | <div class="headerCon"> |
| | | <el-button icon="el-icon-plus" plain size="small" type="primary" @click="addClickHandler">创建 |
| | | </el-button> |
| | | <el-button icon="el-icon-edit" plain size="small" type="primary" @click="editClickHandler">修改 |
| | | </el-button> |
| | | <el-button icon="el-icon-delete" plain size="small" type="danger" @click="deleteClickHandler">删除 |
| | | </el-button> |
| | | <el-button icon="el-icon-download" plain size="small" type="primary" @click="exportClickHandler">导出 |
| | | </el-button> |
| | | <el-button icon="el-icon-upload2" plain size="small" type="primary" @click="upLoadClickHandler">导入 |
| | | </el-button> |
| | | <el-button class="miniBtn" icon="el-icon-circle-plus-outline" plain size="small" |
| | | type="primary" @click="createViewClickHandler">创建视图 |
| | | </el-button> |
| | | <el-button class="miniBtn" icon="el-icon-circle-plus-outline" plain size="small" |
| | | type="primary" @click="indexClickHandler">创建索引 |
| | | </el-button> |
| | | <el-button icon="el-icon-menu" plain size="small" style="width: 82px;text-align: center;padding-left: 1px" |
| | | type="primary" @click="checkClickHandler">一致性检查 |
| | | </el-button> |
| | | <el-button class="miniBtn" icon="el-icon-delete" plain size="small" |
| | | type="danger" @click="checkClickHandler">删除数据 |
| | | </el-button> |
| | | <el-button class="smallBtn" plain size="small" |
| | | type="danger" @click="checkClickHandler">删除全部类型 |
| | | </el-button> |
| | | <el-button class="smallBtn" plain size="small" type="primary" @click="checkViewClickHandler">查看使用范围 |
| | | </el-button> |
| | | </div> |
| | | <div ref="TreeBox" style="height: calc(100vh - 154px);!important;"> |
| | | |
| | | <!-- 左侧树 --> |
| | | <div style="height: calc(100vh - 330px);"> |
| | | <div style="height: calc(100vh - 190px);"> |
| | | <avue-tree ref="tree" v-loading="treeLoading" :data="treeData" :option="treeOption" @node-click="nodeClick"> |
| | | <span slot-scope="{ node, data }" class="el-tree-node__label"> |
| | | <span style="font-size: 15px"> |
| | |
| | | </el-aside> |
| | | <el-main> |
| | | <basic-container> |
| | | <div style="display: flex;justify-content: center; height: 230px"> |
| | | <div> |
| | | <el-button icon="el-icon-plus" plain size="small" type="primary" @click="addClickHandler">创建</el-button> |
| | | <el-button icon="el-icon-edit" plain size="small" type="primary" @click="editClickHandler">修改</el-button> |
| | | <el-button icon="el-icon-delete" plain size="small" type="danger" @click="deleteClickHandler">删除</el-button> |
| | | <el-button icon="el-icon-download" plain size="small" type="primary" @click="exportClickHandler">导出</el-button> |
| | | <el-button icon="el-icon-upload2" plain size="small" type="primary" @click="upLoadClickHandler">导入</el-button> |
| | | <el-button icon="el-icon-circle-plus-outline" plain size="small" type="primary" @click="createViewClickHandler">创建视图</el-button> |
| | | <el-button icon="el-icon-circle-plus-outline" plain size="small" type="primary" @click="indexClickHandler">创建索引</el-button> |
| | | <el-button icon="el-icon-menu" plain size="small" type="primary" @click="checkClickHandler">一致性检查</el-button> |
| | | <el-button icon="el-icon-delete" plain size="small" type="danger" @click="checkClickHandler">删除数据</el-button> |
| | | <el-button plain size="small" type="danger" @click="checkClickHandler">删除全部类型</el-button> |
| | | <el-button plain size="small" type="primary" @click="checkViewClickHandler">查看使用范围</el-button> |
| | | </div> |
| | | <div style="display: flex;justify-content: center; height: 230px;margin-top: 10px;"> |
| | | <div class="descBox" style="max-height: 100px"> |
| | | <el-descriptions :column="1" border class="margin-top" size="medium" title="属性信息"> |
| | | <el-descriptions-item :contentStyle="descriptionOption.contentStyle" |
| | |
| | | props: { |
| | | label: 'TreeName', |
| | | value: 'id', |
| | | children: 'children' |
| | | children: 'children', |
| | | name: 'name' |
| | | } |
| | | }, |
| | | treeData: [ |
| | |
| | | name: 'el-icon-tickets', |
| | | desc: 'el-icon-chat-line-square' |
| | | }, |
| | | treeLoading:false |
| | | treeLoading: false |
| | | } |
| | | }, |
| | | created() { |
| | |
| | | |
| | | .headerCon > .el-button:nth-child(10) { |
| | | margin-left: 0; |
| | | } |
| | | |
| | | .miniBtn { |
| | | width: 82px; |
| | | text-align: center; |
| | | padding-left: 7px; |
| | | } |
| | | |
| | | .smallBtn { |
| | | width: 82px; |
| | | text-align: center; |
| | | padding-left: 4.5px; |
| | | } |
| | | |
| | | .descBox { |