| | |
| | | let currentPage = 1;
|
| | | let pageSize = 10;
|
| | | const searchInput = ref("")
|
| | | const orderBy = ref({});
|
| | | const searchParam = ref({
|
| | | locNo: null,
|
| | | matnr: null,
|
| | |
| | | // console.log('selectedRowKeys changed: ', selectedRowKeys);
|
| | | state.selectedRowKeys = selectedRowKeys;
|
| | | };
|
| | |
|
| | |
|
| | | const handleTableChange = (pagination, filters, sorter) => {
|
| | | if (sorter != null) {
|
| | | if (sorter?.order == "ascend") {
|
| | | orderBy.__v_raw = { order: "asc", field: "createTime" }
|
| | | } else if (sorter?.order == "descend") {
|
| | | orderBy.__v_raw = { order: "desc", field: "createTime" }
|
| | | }
|
| | | }
|
| | |
|
| | | getPage()
|
| | | }
|
| | |
|
| | | state.columns = [
|
| | | // {
|
| | |
| | | dataIndex: 'dewell$',
|
| | | width: 140,
|
| | | ellipsis: true,
|
| | | sorter: true,
|
| | | ...getColumnSearchProps('dewell$'),
|
| | | },
|
| | | {
|
| | |
| | | function getPage() {
|
| | | state.loading = true;
|
| | | post('/api/locDetl/page', {
|
| | | orderBy: orderBy.__v_raw,
|
| | | current: currentPage,
|
| | | pageSize: pageSize,
|
| | | condition: searchInput.value,
|
| | |
| | | if (result.code == 200) {
|
| | | let data = result.data;
|
| | | tableData.value = data;
|
| | |
|
| | | state.loading = false;
|
| | | } else if (result.code === 401) {
|
| | | message.error(result.msg);
|
| | |
| | | post('/api/out/locs/stock', params).then(resp => {
|
| | | let result = resp.data;
|
| | | if (result.code === 200) {
|
| | | console.log(result);
|
| | | message.success(result.msg);
|
| | | } else {
|
| | | message.error(result.msg);
|
| | |
| | | };
|
| | |
|
| | | const onSearch = () => {
|
| | | // console.log('search');
|
| | | currentPage = 1;
|
| | | getPage()
|
| | | }
|
| | |
| | | getPage()
|
| | | }
|
| | |
|
| | | const total = computed(() => tableData.value?.records?.reduce((sum, item) => sum + item.anfme, 0))
|
| | |
|
| | | </script>
|
| | |
|
| | | <script>
|
| | | export default {
|
| | | name: '库存明细'
|
| | | name: '库存明细',
|
| | | }
|
| | |
|
| | | </script>
|
| | |
|
| | | <template>
|
| | |
| | | style="width: 140px;margin-right: 10px;" />
|
| | | <a-input v-model:value="searchParam.batch" :placeholder="formatMessage('page.locDetl.batch.input', '请输入批号')"
|
| | | style="width: 140px;margin-right: 10px;" />
|
| | | <a-select v-model:value="searchParam.orderType" :placeholder="formatMessage('page.locDetl.orderNo.input', '仓库类型')"
|
| | | :options="[
|
| | | { label: '全部', value: null }, { label: '立库', value: 1 }, { label: '平库', value: 2 }]" style="width: 140px;margin-right: 10px;">
|
| | | <a-select v-model:value="searchParam.orderType"
|
| | | :placeholder="formatMessage('page.locDetl.orderNo.input', '仓库类型')" :options="[
|
| | | { label: '全部', value: null }, { label: '立库', value: 1 }, { label: '平库', value: 2 }]"
|
| | | style="width: 140px;margin-right: 10px;">
|
| | | </a-select>
|
| | | <a-select v-model:value="searchParam.tagId" :placeholder="formatMessage('page.locDetl.orderNo.input', '请选择品类')"
|
| | | :options="[
|
| | |
| | | </div>
|
| | | <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 }"
|
| | | :pagination="{ total: tableData.total, onChange: onPageChange }" @change="handleTableChange"
|
| | | :scroll="{ y: 768, scrollToFirstRowOnChange: true }" :columns="state.columns" @resizeColumn="handleResizeColumn"
|
| | | :loading="state.loading">
|
| | | <template #bodyCell="{ column, text, record }">
|
| | |
| | | </div>
|
| | | </template>
|
| | | </template>
|
| | | <template #footer>
|
| | | <div>
|
| | | <span>当前页总量:{{ total }}</span>
|
| | | </div>
|
| | | </template>
|
| | | </a-table>
|
| | | </div>
|
| | | </template>
|