| | |
| | | <template> |
| | | <div class="app-container"> |
| | | <el-form :inline="true" :model="queryParams" class="search-form"> |
| | | <el-form-item label="搜索"> |
| | | <el-form-item label="销售日期"> |
| | | <el-date-picker |
| | | v-model="queryParams.saleDate" |
| | | type="date" |
| | | value-format="YYYY-MM-DD" |
| | | format="YYYY-MM-DD" |
| | | clearable |
| | | style="width: 100%" |
| | | placeholder="请选择日期" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="煤种"> |
| | | <el-input |
| | | v-model="queryParams.searchAll" |
| | | placeholder="请输入关键字" |
| | | v-model="queryParams.coal" |
| | | placeholder="请输入煤种" |
| | | clearable |
| | | :style="{ width: '100%' }" |
| | | /> |
| | |
| | | </div> |
| | | <pagination |
| | | v-if="total>0" |
| | | :page-num="pageNum" |
| | | :page-size="pageSize" |
| | | :page="pageNum" |
| | | :limit="pageSize" |
| | | :total="total" |
| | | @pagination="handleQuery" |
| | | @pagination="handlePagination" |
| | | :layout="'total, prev, pager, next, jumper'" |
| | | /> |
| | | </el-card> |
| | |
| | | const pageSize = ref(10); |
| | | // 查询参数 |
| | | const queryParams = reactive({ |
| | | searchAll: "", |
| | | saleDate: "", |
| | | coal: "", |
| | | }) |
| | | onMounted(() => { |
| | | handleQuery() |
| | |
| | | }); |
| | | handleQuery(); |
| | | }; |
| | | // 分页处理 |
| | | const handlePagination = (val) => { |
| | | pageNum.value = val.page; |
| | | pageSize.value = val.limit; |
| | | getList(); |
| | | }; |
| | | // 新增出库 |
| | | const openDia = (row, type) => { |
| | | console.log(row) |