| | |
| | | <el-input v-model="form.createuser" style="width: 200px" placeholder="请输入" /> |
| | | </el-form-item> |
| | | </div> |
| | | <div style="display: flex;align-items: start;margin-top: 5px;z-index: 2"> |
| | | <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" |
| | | 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" |
| | |
| | | <script> |
| | | import Pagination from '@/components/Pagination' |
| | | import { AddUpdateRoute, DeleteRoute, RouteSearch, StepSelect, ViewRoute } from '@/api/zzmx' |
| | | import { validateCode } from '@/utils/global' |
| | | |
| | | const SER_HZ = /^[\u4e00-\u9fa5]+$/ |
| | | export default { |
| | | name: 'GYLX', |
| | | components: { |
| | | Pagination |
| | | }, |
| | | data() { |
| | | const validateName = (rule, value, callback) => { |
| | | if (!value) { |
| | | return callback(new Error('请输入编码')) |
| | | } else { |
| | | if (SER_HZ.test(value)) { |
| | | return callback(new Error('编码不能为中文')) |
| | | } else { |
| | | callback() |
| | | } |
| | | } |
| | | } |
| | | return { |
| | | isIpad: false, |
| | | mainHeight: 0, |
| | |
| | | operation: '', |
| | | dialogFormRules: { |
| | | code: [ |
| | | { required: true, validator: validateName, trigger: ['blur', 'change'] } |
| | | { required: true, validator: validateCode, trigger: ['blur', 'change'] } |
| | | ], |
| | | name: [ |
| | | { required: true, message: '请输入名称', trigger: ['blur', 'change'] } |
| | |
| | | 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> |
| | | |