| | |
| | | let currentPage = 1;
|
| | | let pageSize = 10;
|
| | | const searchInput = ref("")
|
| | | const orderType = ref(null)
|
| | | const editChild = ref(null)
|
| | | const showOrderDetlChild = ref(null)
|
| | |
|
| | | const state = reactive({
|
| | | selectedRowKeys: [],
|
| | | loading: false,
|
| | | orderSettle: 1,
|
| | | });
|
| | |
|
| | | let tableData = ref([]);
|
| | |
| | | current: currentPage,
|
| | | pageSize: pageSize,
|
| | | condition: searchInput.value,
|
| | | orderType: orderType.value,
|
| | | orderSettle: state.orderSettle,
|
| | |
|
| | | }).then((resp) => {
|
| | | let result = resp.data;
|
| | | if (result.code == 200) {
|
| | | console.log('--------->')
|
| | | let data = result.data;
|
| | | tableData.value = data;
|
| | |
|
| | | state.loading = false;
|
| | | } else if (result.code === 401) {
|
| | | message.error(result.msg);
|
| | |
| | |
|
| | | const onSearch = () => {
|
| | | // console.log('search');
|
| | | currentPage = 1;
|
| | |
|
| | | getPage()
|
| | | }
|
| | |
|
| | |
| | | <EditView ref="editChild" @tableReload="handleTableReload"
|
| | | :ioModel="ioModel == 'in' ? 1 : ioModel == 'out' ? 2 : null" />
|
| | | <div class="table-header">
|
| | | <a-input-search v-model:value="searchInput" :placeholder="formatMessage('page.input', '请输入')"
|
| | | style="width: 200px;" @search="onSearch" />
|
| | | <div style="margin-left : 10px;">
|
| | | <a-select v-model:value="orderType" :placeholder="formatMessage('page.locDetl.orderNo.input', '请选择单据类型')"
|
| | | :options="[
|
| | | { label: '全部', value: null },{ label: '手动入库单', value: 1 }, { label: '手动出库单', value: 2 },]" style="width: 160px;margin-right: 10px;">
|
| | | </a-select>
|
| | | <a-select v-model:value="state.orderSettle" :placeholder="formatMessage('page.locDetl.orderNo.input', '订单状态')"
|
| | | :options="[
|
| | | { label: '全部', value: null },
|
| | | { label: '初始化', value: 1 }, { label: '待处理', value: 2 },{ label: '生成波次', value: 3 }, { label: '作业中', value: 4 },
|
| | | { label: '已取消', value: 5 }, { label: '已完成', value: 6 },{ label: '准备取消', value: 7 }, { label: '上报完成', value: 8 },
|
| | | ]" style="width: 160px;margin-right: 10px;">
|
| | | </a-select>
|
| | | <a-input-search v-model:value="searchInput" :placeholder="formatMessage('page.input', '请输入')"
|
| | | style="width: 200px;" @search="onSearch" />
|
| | | </div>
|
| | | <div class="table-header-right">
|
| | | <a-dropdown>
|
| | | <template #overlay>
|
| | |
| | | {{ formatMessage('page.order.import', '单据导入') }}
|
| | | </a-upload>
|
| | | </a-menu-item>
|
| | |
|
| | | <a-menu-item key="export">
|
| | | <DownloadOutlined />
|
| | | {{ formatMessage('page.order.export.template', '导出模板') }}
|
| | |
| | | <a-table :row-selection="{ selectedRowKeys: state.selectedRowKeys, onChange: onSelectChange }"
|
| | | :data-source="tableData.records" :defaultExpandAllRows="false" :key="TABLE_KEY" rowKey="id"
|
| | | :pagination="{ total: tableData.total, onChange: onPageChange }"
|
| | | :scroll="{ y: 768, scrollToFirstRowOnChange: true }" :columns="columns" @resizeColumn="handleResizeColumn" :loading="state.loading">
|
| | | :scroll="{ y: 768, scrollToFirstRowOnChange: true }" :columns="columns" @resizeColumn="handleResizeColumn"
|
| | | :loading="state.loading">
|
| | | <template #bodyCell="{ column, text, record }">
|
| | | <template v-if="column.dataIndex === 'oper'">
|
| | | <div style="display: flex;justify-content: space-evenly;">
|
| | | <a-button type="link" primary @click="showDetl(record)">{{ formatMessage('page.order.orderDetl', '订单明细')
|
| | | }}</a-button>
|
| | | }}</a-button>
|
| | | <a-button type="link" primary @click="handleEdit(record)">{{ formatMessage('page.edit', '编辑') }}</a-button>
|
| | | <a-button type="link" danger @click="handleDel([record])">{{ formatMessage('page.delete', '删除')
|
| | | }}</a-button>
|
| | | }}</a-button>
|
| | | </div>
|
| | | </template>
|
| | | </template>
|