| | |
| | | <template> |
| | | <div> |
| | | <div> |
| | | <div class="title"> |
| | | <div class="title-search"> |
| | | <span style="width: 80px;font-size: 14px">单位名称:</span> |
| | | <el-input v-model="searchForm.unitName" clearable size="small" |
| | | style="margin-right: 10px;width: 220px"></el-input> |
| | | <el-button size="small" type="primary" @click="getYearTableDetailData">查 询</el-button> |
| | | <el-button size="small" @click="reset">重 置</el-button> |
| | | <div style="display: flex;justify-content: space-between;margin-top: 10px;"> |
| | | <div style="display: flex;"> |
| | | <div style="margin-bottom: 18px;margin-right: 10px;display: flex;align-items: center;line-height: 32px;"> |
| | | <span style="width: 88px;font-size: 14px;font-weight: 700;color: #606266;">单位名称</span> |
| | | <el-input size="small" placeholder="请输入" clearable v-model="searchForm.unitName" |
| | | @keyup.enter.native="getYearTableDetailData"></el-input> |
| | | </div> |
| | | <div style="line-height: 30px;"> |
| | | <el-button type="primary" size="mini" @click="getYearTableDetailData">查询</el-button> |
| | | <el-button size="mini" @click="reset">重置</el-button> |
| | | </div> |
| | | </div> |
| | | <div> |
| | | <div style="line-height: 30px;"> |
| | | <el-button size="small" type="primary" @click="handleForm('')">新增</el-button> |
| | | </div> |
| | | </div> |
| | |
| | | </el-table-column> |
| | | </el-table> |
| | | <el-pagination :current-page="1" :page-size="pagination1.size" :page-sizes="[10, 20, 30, 50, 100]" |
| | | :total="pagination1.total" layout="->,total, sizes, prev, pager, next, jumper" |
| | | :total="pagination1.total" layout="->,total, sizes, prev, pager, next, jumper" background |
| | | @size-change="handleSizeChange1" @current-change="handleCurrentChange1"> |
| | | </el-pagination> |
| | | </div> |
| | |
| | | |
| | | <style scoped> |
| | | .title { |
| | | height: 46px; |
| | | display: flex; |
| | | justify-content: space-between; |
| | | align-items: center; |
| | | } |
| | | |
| | | .title-search { |
| | | display: flex; |
| | | align-items: center; |
| | | margin: 10px 0; |
| | | margin-top: 10px; |
| | | } |
| | | </style> |