| | |
| | | |
| | | <div class="elTableDiv"> |
| | | <el-table |
| | | ref="tableDataRef" |
| | | class="tableFixed" |
| | | :data="tableData" |
| | | :height="tableHeight" |
| | | border |
| | |
| | | :debounce="300" |
| | | :popper-append-to-body="false" |
| | | popper-class="autocompleteClass" |
| | | @select="handleSelect" |
| | | @select="val=>handleSelect(val,tag)" |
| | | @keyup.enter.native="handleInputConfirm(tag)" |
| | | /> |
| | | <!-- @keyup.enter.native="handleInputConfirm(tag)"--> |
| | | |
| | | <!-- @blur="handleBlur2"--> |
| | | <div |
| | | v-if="index!==dynamicTags.length-1" |
| | |
| | | this.routeArr = res |
| | | }, |
| | | // 处理下拉选择 |
| | | handleSelect(item) { |
| | | handleSelect(item, tag) { |
| | | this.autocompleteValue = item.value |
| | | this.$nextTick(_ => { |
| | | this.$refs['saveTagInput' + this.mouseFocusPosition][0].focus() |
| | | this.handleInputConfirm(tag) |
| | | }) |
| | | }, |
| | | // 输入框确认事件 |
| | |
| | | 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> |
| | | |