| | |
| | | <el-table-column |
| | | label="操作" |
| | | fixed="right" |
| | | width="120" |
| | | > |
| | | <template slot-scope="{row}"> |
| | | <div class="operationClass"> |
| | |
| | | title="关联角色" |
| | | :visible.sync="dialogVisibleRoles" |
| | | width="800px" |
| | | top="15vh" |
| | | :fullscreen="isFullscreen" |
| | | :top="isIpad?'3vh':'15vh'" |
| | | :fullscreen="isIpad" |
| | | :close-on-click-modal="false" |
| | | class="dialogVisibleRoles" |
| | | @closed="handleCloseRoles" |
| | |
| | | } |
| | | |
| | | return { |
| | | isFullscreen: false, |
| | | isIpad: false, |
| | | mainHeight: 0, |
| | | tableHeight: 0, |
| | | form: { |
| | |
| | | }, |
| | | // 获取页面高度 |
| | | getHeight() { |
| | | console.log(window.innerHeight) |
| | | console.log(window.innerWidth) |
| | | this.$nextTick(() => { |
| | | this.mainHeight = window.innerHeight - 250 |
| | | this.tableHeight = this.mainHeight - 100 |
| | | // this.isFullscreen = window.innerHeight < 800 |
| | | if (window.innerHeight < 800) { |
| | | this.tableHeight = this.mainHeight - 50 |
| | | if (window.innerHeight < 769) { |
| | | this.tableHeight = this.tableHeight - 50 |
| | | } |
| | | this.isIpad = window.innerHeight < 769 && window.innerWidth < 1367 |
| | | }) |
| | | }, |
| | | // 关联角色点击事件 |