| | |
| | | const tableData = ref([]) |
| | | const pages = { |
| | | page: 1, |
| | | pageSize: 13, |
| | | pageSize: 1000, |
| | | total: 0, |
| | | } |
| | | |
| | |
| | | // 提交查询 |
| | | const onSubmit = () => { |
| | | pages.page = 1 |
| | | pages.pageSize = 13 |
| | | pages.pageSize = 1000 |
| | | pages.total = 0 |
| | | console.log("submit!") |
| | | getLists(formInline) |
| | |
| | | formInline.name = '' |
| | | formInline.ownership = '' |
| | | pages.page = 1 |
| | | pages.pageSize = 13 |
| | | pages.pageSize = 1000 |
| | | pages.total = 0 |
| | | getLists(formInline) |
| | | } |
| | | |
| | | // 查询分页数据 |
| | | function getLists (param = {}) { |
| | | function getLists(param = {}) { |
| | | param.current = pages.page |
| | | param.size = pages.pageSize |
| | | param.firmId = data.companyInfo.id |
| | |
| | | <el-form-item label="" class="form-item-input"> |
| | | <el-input v-model="formInline.name" placeholder="请输入名称" clearable style="width: 120px" /> |
| | | </el-form-item> |
| | | <!-- <el-form-item label="归属"> |
| | | <el-select v-model="formInline.ownership" placeholder="请选择" clearable style="width: 120px"> |
| | | <el-option label="园区" value="1" /> |
| | | <el-option label="企业" value="2" /> |
| | | </el-select> |
| | | </el-form-item> --> |
| | | <el-form-item class="search-btn"> |
| | | <el-button type="primary" @click="onSubmit">查询</el-button> |
| | | <el-button type="primary" @click="clearBtn">重置</el-button> |
| | | </el-form-item> |
| | | </el-form> |
| | | <el-table :data="tableData" style="width: 100%" :header-cell-style="headerCellStyle" :cell-style="tableCellStyle" |
| | | v-loading="loading" element-loading-background="rgba(122, 122, 122, 0.1)"> |
| | | <el-table-column fixed prop="name" label="名称" /> |
| | | <el-table-column prop="numUnit" label="数量" width="100" /> |
| | | <!-- <el-table-column prop="firmName" label="单位名称" /> --> |
| | | <el-table-column prop="personInCha" label="负责人" width="100" /> |
| | | </el-table> |
| | | <div class="el-page"> |
| | | <div class="table-box"> |
| | | <el-table :data="tableData" style="width: 100%" :header-cell-style="headerCellStyle" :cell-style="tableCellStyle" |
| | | v-loading="loading" element-loading-background="rgba(122, 122, 122, 0.1)"> |
| | | <el-table-column fixed prop="name" label="名称" /> |
| | | <el-table-column prop="numUnit" label="数量" width="100" /> |
| | | <!-- <el-table-column prop="firmName" label="单位名称" /> --> |
| | | <el-table-column prop="personInCha" label="负责人" width="100" /> |
| | | </el-table> |
| | | </div> |
| | | <!-- <div class="el-page"> |
| | | <el-pagination background layout="prev, pager, next" :page-size="pages.pageSize" :total="pages.total" |
| | | @size-change="handleSizeChange" @current-change="handleCurrentChange" /> |
| | | </div> |
| | | </div> --> |
| | | </div> |
| | | </template> |
| | | |
| | |
| | | } |
| | | } |
| | | |
| | | .search-box .table-box { |
| | | height: 700px; |
| | | overflow: scroll; |
| | | // 隐藏滚动条 |
| | | scrollbar-width: none; |
| | | } |
| | | |
| | | /* 当表格没有数据时,修改表格的背景颜色 */ |
| | | .el-table--empty .el-table__body { |
| | | background-color: rgba(135, 158, 199, 0.3) !important; |