| | |
| | | <template> |
| | | <div class="capacity-scope"> |
| | | <div style="display: flex;justify-content: space-between"> |
| | | <el-form :model="entity" ref="entity" size="small" :inline="true"> |
| | | <el-form-item label="编号" prop="quarterNo" v-show="tabIndex === 0"> |
| | | <div class="search_box"> |
| | | <div class="search_item"> |
| | | <span class="search_label">编号</span> |
| | | <el-input v-model="entity.quarterNo" clearable placeholder="请输入" size="small" |
| | | @keyup.enter.native="refreshTable"> |
| | | @keyup.enter.native="refreshTable()"> |
| | | </el-input> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button type="primary" icon="el-icon-search" size="mini" @click="refreshTable">查 询</el-button> |
| | | <el-button icon="el-icon-refresh" size="mini" @click="refresh">重 置</el-button> |
| | | </el-form-item> |
| | | </el-form> |
| | | </div> |
| | | <div class="search_button"> |
| | | <el-button type="primary" size="mini" @click="refreshTable">查询</el-button> |
| | | <el-button size="mini" @click="refresh">重置</el-button> |
| | | </div> |
| | | </div> |
| | | <div> |
| | | <el-button v-if="tabIndex === 1" size="small" type="primary" @click="yearSample('add')">年度抽样</el-button> |
| | | </div> |
| | |
| | | ], |
| | | page: { |
| | | total: 0, |
| | | size: 10, |
| | | size: 20, |
| | | current: 1 |
| | | }, |
| | | tableData1: [], |
| | |
| | | ], |
| | | page1: { |
| | | total: 0, |
| | | size: 10, |
| | | size: 20, |
| | | current: 1 |
| | | }, |
| | | yearSampleDia: false, // 年度抽样 |
| | |
| | | // 方法集合 |
| | | methods: { |
| | | // 查询回调 |
| | | refreshTable(e) { |
| | | refreshTable() { |
| | | if (this.tabIndex === 0) { |
| | | this.getQuarterPageList() |
| | | } else if (this.tabIndex === 1) { |
| | |
| | | // 切换下单tab表格 |
| | | handleTab(m, i) { |
| | | this.tabIndex = i; |
| | | if (this.tabIndex === 0) { |
| | | this.componentData.entity.quarterNo = this.entity.quarterNo |
| | | } |
| | | this.refreshTable() |
| | | }, |
| | | closeYearSampleDia() { |
| | |
| | | border-color: #3A7BFA; |
| | | color: #3A7BFA; |
| | | } |
| | | .search_box { |
| | | display: flex; |
| | | } |
| | | .search_item { |
| | | margin-bottom: 18px; |
| | | margin-right: 10px; |
| | | display: flex; |
| | | align-items: center; |
| | | line-height: 32px; |
| | | } |
| | | .search_label { |
| | | width: 52px; |
| | | font-size: 14px; |
| | | font-weight: 700; |
| | | color: #606266; |
| | | } |
| | | .search_button { |
| | | line-height: 30px; |
| | | } |
| | | </style> |