| | |
|---|
| | | <template> |
|---|
| | | <div class="app-container"> |
|---|
| | | <el-tabs v-model="activeTab" @tab-change="handleTabChange"> |
|---|
| | | <!-- <el-tab-pane label="采购出库" name="production"> |
|---|
| | | <div class="search_form"> |
|---|
| | | <div> |
|---|
| | | <span class="search_title ml10">出库日期：</span> |
|---|
| | | <el-date-picker |
|---|
| | | v-model="searchForm.timeStr" |
|---|
| | | type="date" |
|---|
| | | placeholder="请选择日期" |
|---|
| | | value-format="YYYY-MM-DD" |
|---|
| | | format="YYYY-MM-DD" |
|---|
| | | clearable |
|---|
| | | @change="handleQuery" |
|---|
| | | /> |
|---|
| | | <span class="search_title ml10">产品大类：</span> |
|---|
| | | <el-input |
|---|
| | | v-model="searchForm.productCategory" |
|---|
| | | style="width: 240px" |
|---|
| | | placeholder="请输入" |
|---|
| | | clearable |
|---|
| | | /> |
|---|
| | | <el-button type="primary" @click="handleQuery" style="margin-left: 10px">搜索</el-button> |
|---|
| | | </div> |
|---|
| | | <div> |
|---|
| | | <el-button @click="handleOut">导出</el-button> |
|---|
| | | <el-button type="danger" plain @click="handleDelete">删除</el-button> |
|---|
| | | <el-button type="primary" plain @click="handlePrint">打印</el-button> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="table_list"> |
|---|
| | | <el-table |
|---|
| | | :data="tableData" |
|---|
| | | border |
|---|
| | | v-loading="tableLoading" |
|---|
| | | @selection-change="handleSelectionChange" |
|---|
| | | :expand-row-keys="expandedRowKeys" |
|---|
| | | :row-key="(row) => row.id" |
|---|
| | | show-summary |
|---|
| | | style="width: 100%" |
|---|
| | | :summary-method="summarizeMainTable" |
|---|
| | | height="calc(100vh - 18.5em)" |
|---|
| | | > |
|---|
| | | <el-table-column align="center" type="selection" width="55" /> |
|---|
| | | <el-table-column align="center" label="序号" type="index" width="60" /> |
|---|
| | | <el-table-column label="出库日期" prop="createTime" min-width="120" show-overflow-tooltip /> |
|---|
| | | <el-table-column label="产品大类" prop="productCategory" show-overflow-tooltip /> |
|---|
| | | <el-table-column label="规格型号" prop="specificationModel" show-overflow-tooltip /> |
|---|
| | | <el-table-column label="单位" prop="unit" width="80" show-overflow-tooltip /> |
|---|
| | | <el-table-column label="出库数量" prop="inboundNum" width="100" show-overflow-tooltip /> |
|---|
| | | <el-table-column label="单价(元)" prop="unitPrice" width="150"></el-table-column> |
|---|
| | | <el-table-column label="总价(元)" prop="totalPrice" width="150"></el-table-column> |
|---|
| | | <el-table-column label="出库人" prop="createBy" width="80" show-overflow-tooltip /> |
|---|
| | | </el-table> |
|---|
| | | <pagination |
|---|
| | | v-show="total > 0" |
|---|
| | | :total="total" |
|---|
| | | layout="total, sizes, prev, pager, next, jumper" |
|---|
| | | :page="page.current" |
|---|
| | | :limit="page.size" |
|---|
| | | @pagination="paginationChange" |
|---|
| | | /> |
|---|
| | | </div> |
|---|
| | | </el-tab-pane> --> |
|---|
| | | |
|---|
| | | <el-tab-pane label="采购出库" name="purchase"> |
|---|
| | | <div class="search_form"> |
|---|
| | | <div> |
|---|
| | |
|---|
| | | </el-table-column> |
|---|
| | | <el-table-column label="出库数量/件" prop="inboundNum" width="150" show-overflow-tooltip /> |
|---|
| | | <el-table-column label="每件数量/支" prop="boxNum" width="100" show-overflow-tooltip /> |
|---|
| | | <el-table-column label="单价(美元)/件" prop="taxInclusiveUnitPrice" width="150"></el-table-column> |
|---|
| | | <el-table-column label="单价(元)/件" prop="taxInclusiveUnitPrice" width="150"></el-table-column> |
|---|
| | | <el-table-column label="单价(美元)/件" prop="dollarPrice" width="150"></el-table-column> |
|---|
| | | <el-table-column label="纸箱规格" prop="cartonSpecifications" width="150"></el-table-column> |
|---|
| | | <el-table-column label="出库人" prop="createBy" width="150" show-overflow-tooltip /> |
|---|
| | | </el-table> |
|---|
