| | |
|---|
| | | <el-input v-model="form.UserName" style="width: 200px" placeholder="请输入" /> |
|---|
| | | </el-form-item> |
|---|
| | | </div> |
|---|
| | | <div style="display: flex;align-items: start;margin-top: 5px;"> |
|---|
| | | <div class="bodySearchReset"> |
|---|
| | | <el-button type="primary" icon="el-icon-search" @click="search">查询</el-button> |
|---|
| | | <el-button type="info" icon="el-icon-refresh" @click="reset">重置</el-button> |
|---|
| | | </div> |
|---|
| | |
|---|
| | | |
|---|
| | | <div class="elTableDiv"> |
|---|
| | | <el-table |
|---|
| | | ref="tableDataRef" |
|---|
| | | :data="tableData" |
|---|
| | | class="tableFixed" |
|---|
| | | border |
|---|
| | | :row-class-name="tableRowClassName" |
|---|
| | | :height="tableHeight+'px'" |
|---|
| | |
|---|
| | | // 获取页面高度 |
|---|
| | | getHeight() { |
|---|
| | | this.$nextTick(() => { |
|---|
| | | this.$refs.tableDataRef.doLayout() |
|---|
| | | this.mainHeight = window.innerHeight - 85 |
|---|
| | | this.tableHeight = this.mainHeight - 200 |
|---|
| | | if (window.innerHeight < 769) { |
|---|
| | | this.tableHeight = this.tableHeight - 40 |
|---|
| | | } |
|---|
| | | this.isIpad = window.innerHeight < 769 && window.innerWidth < 1367 |
|---|
| | | this.$refs.tableDataRef.doLayout() |
|---|
| | | }) |
|---|
| | | }, |
|---|
| | | tableRowClassName({ row, rowIndex }) { |
|---|
| | |
|---|
| | | margin-bottom: 0; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .tableFixed{ |
|---|
| | | ::v-deep .el-table__fixed-right{ |
|---|
| | | height: 100% !important; |
|---|
| | | } |
|---|
| | | ::v-deep .el-table__fixed{ |
|---|
| | | height: 100% !important; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | </style> |
|---|
| | | <style> |
|---|
| | | |
|---|
