| | |
| | | <template> |
| | | <div class="app-container"> |
| | | <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px"> |
| | | <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px" @submit.native.prevent> |
| | | <el-form-item label="外设代码" prop="code"> |
| | | <el-input |
| | | v-model="queryParams.code" |
| | |
| | | </el-form> |
| | | |
| | | <el-table v-loading="loading" :data="peripheralUnitList" highlight-current-row |
| | | @current-change="handleCurrentChange"> |
| | | @current-change="handleCurrentChange" height="50vh"> |
| | | <el-table-column label="序号" align="center" width="50"> |
| | | <template slot-scope="scope"> |
| | | <span>{{ scope.$index + (queryParams.pageNum - 1) * queryParams.pageSize + 1 }} </span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="外设代码" width="80" align="center" prop="code"/> |
| | | <el-table-column label="外设名称" align="center" prop="name" show-overflow-tooltip/> |
| | | <el-table-column label="规格型号" align="center" prop="model" min-width="60"/> |
| | | <el-table-column label="生产厂商" align="center" prop="manufacturer_dictText"/> |
| | | <el-table-column label="外设名称" align="center" min-width="180" prop="name" show-overflow-tooltip/> |
| | | <el-table-column label="规格型号" align="center" prop="model" min-width="120"/> |
| | | <el-table-column label="生产厂商" align="center" min-width="150" show-overflow-tooltip prop="manufacturer_dictText"/> |
| | | <el-table-column label="厂商代码" width="100" align="center" prop="vendorCode_dictText"/> |
| | | <el-table-column label="波特率" width="100" align="center" prop="baudRate"> |
| | | <template slot-scope="scope"> |
| | |
| | | }, |
| | | handleCurrentChange(v) { |
| | | this.currentRow = v; |
| | | this.$emit('setCurrentRow', this.currentRow) |
| | | } |
| | | } |
| | | }; |