| | |
| | | <div class="app-container"> |
| | | <el-form :inline="true" :model="queryParams" class="search-form"> |
| | | <el-form-item label="销售日期"> |
| | | <el-date-picker |
| | | v-model="queryParams.saleDate" |
| | | type="date" |
| | | placeholder="请选择" |
| | | value-format="YYYY-MM-DD" |
| | | format="YYYY-MM-DD" |
| | | clearable |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="客户"> |
| | | <el-input |
| | | v-model="queryParams.customer" |
| | | placeholder="请输入" |
| | | clearable |
| | | :style="{ width: '100%' }" |
| | | /> |
| | | <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.coal" |
| | | placeholder="请输入" |
| | | placeholder="请输入煤种" |
| | | clearable |
| | | :style="{ width: '100%' }" |
| | | /> |
| | |
| | | </el-tabs> |
| | | <!-- 操作按钮区 --> |
| | | <el-space> |
| | | <el-button type="primary" :icon="Plus" @click="openDia()">新建</el-button> |
| | | <el-button type="primary" :icon="Plus" @click="openDia(undefined, 'add')">新建</el-button> |
| | | <el-button type="danger" :icon="Delete" @click="handleDelete">删除</el-button> |
| | | <!-- <el-button type="info" plain :icon="Download" @click="handleExport">导出</el-button> --> |
| | | </el-space> |
| | |
| | | @selection-change="handleSelectionChange" |
| | | :show-selection="true" |
| | | :border="true" |
| | | :operations="operationsArr" |
| | | style="width: 100%;height: calc(100vh - 30em)" |
| | | @edit="openDia"></ETable> |
| | | @edit="(row) => openDia(row, 'edit')" |
| | | @viewRow="(row) => openDia(row, 'view')" |
| | | ></ETable> |
| | | </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> |
| | |
| | | { name: "out", label: "销售出库" }, |
| | | ]); |
| | | // 表格数据 |
| | | const operationsArr = ref(['edit', 'viewRow']); |
| | | const tableLoading = ref(false); |
| | | const tableData = ref([]); |
| | | const columns = ref([ |
| | |
| | | const pageSize = ref(10); |
| | | // 查询参数 |
| | | const queryParams = reactive({ |
| | | saleDate: "", |
| | | customer: "", |
| | | coal: "", |
| | | saleDate: "", |
| | | coal: "", |
| | | }) |
| | | onMounted(() => { |
| | | handleQuery() |
| | |
| | | }); |
| | | handleQuery(); |
| | | }; |
| | | // 分页处理 |
| | | const handlePagination = (val) => { |
| | | pageNum.value = val.page; |
| | | pageSize.value = val.limit; |
| | | getList(); |
| | | }; |
| | | // 新增出库 |
| | | const openDia = (row) => { |
| | | const openDia = (row, type) => { |
| | | console.log(row) |
| | | const type = row === undefined ? 'add' : 'edit' |
| | | nextTick(() => { |
| | | formDia.value?.openDialog(type, row) |
| | | }) |