| | |
| | | <div class="app-container"> |
| | | <el-form :model="queryParam" ref="queryForm" :inline="true"> |
| | | <el-form-item> |
| | | <el-input v-model="queryParam.keyword" placeholder="请输入名称" clearable></el-input> |
| | | <el-input v-model="queryParam.keyword" size="small" placeholder="请输入名称" clearable @input="search"></el-input> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button type="primary" @click="search">查询</el-button> |
| | | <el-button type="primary" @click="search" size="small">查询</el-button> |
| | | </el-form-item> |
| | | </el-form> |
| | | |
| | |
| | | </template> |
| | | </el-table-column> --> |
| | | </el-table> |
| | | <pagination v-show="total > 0" :total="total" :page.sync="queryParam.pageIndex" :limit.sync="queryParam.pageSize" |
| | | <pagination v-show="total > 0" :total="total" :page.sync="queryParam.currentPage" :limit.sync="queryParam.pageSize" |
| | | @pagination="search" /> |
| | | |
| | | <el-dialog :visible.sync="visible" width="400px"> |
| | | <el-form :model="form" ref="form" label-width="100px" v-loading="formLoading" :rules="rules"> |
| | | <el-form-item label="名称:" prop="name" required> |
| | | <el-form-item label="名称:" prop="name"> |
| | | <el-input v-model="form.name" maxlength="10" show-word-limit /> |
| | | </el-form-item> |
| | | <el-form-item label="排序:" prop="itemOrder" required> |
| | | <el-form-item label="排序:" prop="itemOrder"> |
| | | <el-input-number v-model="form.itemOrder" type="number" :min="1" :max="100" /> |
| | | </el-form-item> |
| | | <el-form-item> |
| | |
| | | listLoading: true, |
| | | queryParam: { |
| | | name: '', |
| | | pageIndex: 1, |
| | | currentPage: 1, |
| | | pageSize: 10 |
| | | }, |
| | | formLoading: false, |