| | |
| | | <el-container> |
| | | <!-- 左侧菜单--> |
| | | <el-aside > |
| | | <basic-container style="height: 85vh; max-height: 155vh; overflow-y: scroll;"> |
| | | <basic-container style="overflow:hidden;"> |
| | | <div> |
| | | <div> |
| | | <div style="display: flex; flex-direction: column;"> |
| | |
| | | </el-dialog> |
| | | <avue-tree ref="tree" v-model="CloneTreeAvueform" v-loading="loading" :data="CloneTreedata" :defaultExpandAll="false" |
| | | :option="Treeoption" |
| | | style="height: 80.5vh;padding-top: 5px;padding-bottom: 30px" |
| | | style="height: calc(100vh - 230px);" |
| | | @node-click="nodeClick" |
| | | class="classifyTree" |
| | | > |
| | |
| | | </basic-container> |
| | | </el-aside> |
| | | <el-main> |
| | | <basic-container style="height: 85vh; max-height: 155vh; "> |
| | | <basic-container style="height: calc(100vh - 150px);"> |
| | | <!-- 右侧表格--> |
| | | <avue-tabs :option="tabOption" @change="handleChange"></avue-tabs> |
| | | <span v-if="type.prop==='tab1'"> |
| | |
| | | </script> |
| | | |
| | | <style lang="scss" scoped> |
| | | .el-container{ |
| | | height: 100%; |
| | | } |
| | | .el-aside { |
| | | height: calc(100% - 30px); |
| | | } |
| | | .el-main { |
| | | height: calc(100% - 30px); |
| | | } |
| | | .el-form { |
| | | display: flex; |
| | | flex-wrap: wrap; /* 设置可换行,以便在小屏幕设备上使用多行布局 */ |
| | |
| | | ] |
| | | }, |
| | | { |
| | | label: "路由缓存", |
| | | prop: "keepAlive", |
| | | type: "switch", |
| | | dicData: [ |
| | | { |
| | | label: "否", |
| | | value: false |
| | | }, |
| | | { |
| | | label: "是", |
| | | value: true |
| | | } |
| | | ], |
| | | hide: true |
| | | }, |
| | | { |
| | | label: "菜单备注", |
| | | prop: "remark", |
| | | type: "textarea", |