From c635d78b479510ebe2556a420948effcd30a0731 Mon Sep 17 00:00:00 2001 From: skyouc Date: 星期六, 21 十二月 2024 18:40:43 +0800 Subject: [PATCH] 新建德森项目分支 --- zy-asrs-admin/src/views/in/waitPakin/index.vue | 744 ++++++++++++++++++++++++++++---------------------------- 1 files changed, 372 insertions(+), 372 deletions(-) diff --git a/zy-asrs-admin/src/views/in/waitPakin/index.vue b/zy-asrs-admin/src/views/in/waitPakin/index.vue index 679eab7..199915e 100644 --- a/zy-asrs-admin/src/views/in/waitPakin/index.vue +++ b/zy-asrs-admin/src/views/in/waitPakin/index.vue @@ -1,372 +1,372 @@ -<script setup> -import { getCurrentInstance, ref, computed, reactive } from 'vue'; -import { useRouter } from "vue-router"; -import { get, post, postBlob } from '@/utils/request.js' -import { message, Modal } from 'ant-design-vue'; -import { globalState, logout } from '@/config.js'; -import EditView from './edit.vue' -import { formatMessage } from '@/utils/localeUtils.js'; -import useTableSearch from '@/utils/tableUtils.jsx'; -import GenerateTaskView from '@/components/task/generateTask/index.vue'; -import { - DownOutlined, - UploadOutlined, - DownloadOutlined, -} from "@ant-design/icons-vue"; -const context = getCurrentInstance()?.appContext.config.globalProperties; - -const router = useRouter(); - -const emit = defineEmits(['pageReload']) - -const TABLE_KEY = 'table-waitPakin'; -let currentPage = 1; -let pageSize = 10; -const searchInput = ref("") -const searchParam = ref({ - orderNo: null, - barcode: null, - matnr: null, - batch: null, -}) -const editChild = ref(null) -const generateTaskChild = ref(null) - -const state = reactive({ - selectedRowKeys: [], - loading: false, -}); - -let tableData = ref([]); -getPage(); - -const { - getColumnSearchProps, - handleResizeColumn, -} = useTableSearch(); - -const columns = [ - { - title: formatMessage('db.man_wait_pakin.order_id', '璁㈠崟ID'), - dataIndex: 'orderId$', - width: 140, - ellipsis: true, - ...getColumnSearchProps('orderId$'), - }, - { - title: formatMessage('db.man_wait_pakin.order_no', '璁㈠崟缂栧彿'), - dataIndex: 'orderNo', - width: 140, - ellipsis: true, - ...getColumnSearchProps('orderNo'), - }, - { - title: formatMessage('db.man_wait_pakin.barcode', '鎵樼洏鐮�'), - dataIndex: 'barcode', - width: 140, - ellipsis: true, - ...getColumnSearchProps('barcode'), - }, - { - title: formatMessage('db.man_wait_pakin.matnr', '鍟嗗搧缂栧彿'), - dataIndex: 'matnr', - width: 140, - ellipsis: true, - ...getColumnSearchProps('matnr'), - }, - { - title: formatMessage('db.man_wait_pakin.batch', '鎵瑰彿'), - dataIndex: 'batch', - width: 140, - ellipsis: true, - ...getColumnSearchProps('batch'), - }, - { - title: formatMessage('db.man_wait_pakin.anfme', '缁勬墭鏁伴噺'), - dataIndex: 'anfme', - width: 140, - ellipsis: true, - ...getColumnSearchProps('anfme'), - }, - { - title: formatMessage('db.man_wait_pakin.io_status', '缁勬墭鐘舵��'), - dataIndex: 'ioStatus$', - width: 140, - ellipsis: true, - ...getColumnSearchProps('ioStatus$'), - }, - { - title: formatMessage('db.man_wait_pakin.status', '鐘舵��'), - dataIndex: 'status$', - width: 140, - ellipsis: true, - ...getColumnSearchProps('status$'), - }, - { - title: formatMessage('db.man_wait_pakin.create_time', '娣诲姞鏃堕棿'), - dataIndex: 'createTime$', - width: 140, - ellipsis: true, - ...getColumnSearchProps('createTime$'), - }, - { - title: formatMessage('db.man_wait_pakin.create_by', '娣诲姞浜哄憳'), - dataIndex: 'createBy$', - width: 140, - ellipsis: true, - ...getColumnSearchProps('createBy$'), - }, - { - title: formatMessage('db.man_wait_pakin.update_time', '淇敼鏃堕棿'), - dataIndex: 'updateTime$', - width: 140, - ellipsis: true, - ...getColumnSearchProps('updateTime$'), - }, - { - title: formatMessage('db.man_wait_pakin.update_by', '淇敼浜哄憳'), - dataIndex: 'updateBy$', - width: 140, - ellipsis: true, - ...getColumnSearchProps('updateBy$'), - }, - { - title: formatMessage('db.man_wait_pakin.memo', '澶囨敞'), - dataIndex: 'memo', - width: 140, - ellipsis: true, - ...getColumnSearchProps('memo'), - }, - - { - title: formatMessage('common.operation', '鎿嶄綔'), - name: 'oper', - dataIndex: 'oper', - key: 'oper', - width: 140, - }, -]; - - -const hasSelected = computed(() => state.selectedRowKeys.length > 0); -const start = () => { - state.loading = true; - // ajax request after empty completing - setTimeout(() => { - state.loading = false; - state.selectedRowKeys = []; - }, 1000); -}; -const onSelectChange = selectedRowKeys => { - // console.log('selectedRowKeys changed: ', selectedRowKeys); - state.selectedRowKeys = selectedRowKeys; -}; - -function getPage() { - state.loading = true; - post('/api/waitPakin/page', { - current: currentPage, - pageSize: pageSize, - condition: searchInput.value, - _param: searchParam.value, - }).then((resp) => { - let result = resp.data; - if (result.code == 200) { - let data = result.data; - tableData.value = data; - - state.loading = false; - } else if (result.code === 401) { - message.error(result.msg); - logout() - } else { - message.error(result.msg); - } - }) -} - -const handleEdit = (item) => { - editChild.value.open = true; - editChild.value.formData = item == null ? editChild.value.initFormData : JSON.parse(JSON.stringify(item)); - editChild.value.isSave = item == null; -} - -const handleDel = (rows) => { - Modal.confirm({ - title: formatMessage('page.delete', '鍒犻櫎'), - content: formatMessage('page.delete.confirm', '纭畾鍒犻櫎璇ラ」鍚楋紵'), - maskClosable: true, - onOk: async () => { - const hide = message.loading(formatMessage('common.loading', '璇锋眰涓�')); - try { - post('/api/waitPakin/remove/' + rows.map((row) => row.id).join(','), {}).then(resp => { - let result = resp.data; - if (result.code === 200) { - message.success(result.msg); - } else { - message.error(result.msg); - } - getPage() - hide() - }) - } catch (error) { - message.error(formatMessage('common.fail', '璇锋眰澶辫触')); - } - }, - }); -} - -const handleExport = async (intl) => { - postBlob('/api/waitPakin/export', { - condition: searchInput.value, - _param: searchParam.value, - }).then(result => { - const blob = new Blob([result.data], { type: 'application/vnd.ms-excel' }); - window.location.href = window.URL.createObjectURL(blob); - return true; - }) -}; - -const onSearch = () => { - // console.log('search'); - getPage() -} - -const onPageChange = (page, size) => { - currentPage = page; - pageSize = size; - getPage(); -} - -function handleTableReload(value) { - emit('pageReload', 'reload') -} - -const generateTask = () => { - generateTaskChild.value.open = true; -} - -const handleSyncOrderClick = (e) => { - if (e.key == 'import') { - importTemplate() - } else if (e.key == 'export') { - exportTemplate() - } -} - -const importTemplate = () => { - //瀵煎叆妯℃澘 -} - -const exportTemplate = () => { - //妯℃澘瀵煎嚭 - postBlob('/api/waitPakin/exportTemplate', {}).then(result => { - const blob = new Blob([result.data], { type: 'application/vnd.ms-excel' }); - window.location.href = window.URL.createObjectURL(blob); - return true; - }) -} - -const fileList = ref([]); -const handleUploadChange = info => { - if (info.file.status !== 'uploading') { - // console.log(info.file, info.fileList); - } - if (info.file.status === 'done') { - let result = info.file.response; - if (result.code == 200) { - message.success(`${info.file.name} ${formatMessage('page.upload.success', '涓婁紶鎴愬姛')}`); - getPage() - } else { - message.error(result.msg); - } - } else if (info.file.status === 'error') { - message.error(`${info.file.name} file upload failed.`); - } -}; - -</script> - -<script> -export default { - name: '缁勬墭閫氱煡妗�' -} -</script> - -<template> - <div> - <EditView ref="editChild" @tableReload="handleTableReload" /> - <div class="table-header"> - <div> - <a-input v-model:value="searchParam.orderNo" - :placeholder="formatMessage('page.waitPakin.orderNo.input', '璇疯緭鍏ヨ鍗曠紪鍙�')" - style="width: 140px;margin-right: 10px;" /> - <a-input v-model:value="searchParam.barcode" - :placeholder="formatMessage('page.waitPakin.barcode.input', '璇疯緭鍏ユ墭鐩樼爜')" - style="width: 140px;margin-right: 10px;" /> - <a-input v-model:value="searchParam.matnr" - :placeholder="formatMessage('page.waitPakin.matnr.input', '璇疯緭鍏ュ晢鍝佺紪鍙�')" - style="width: 140px;margin-right: 10px;" /> - <a-input v-model:value="searchParam.batch" :placeholder="formatMessage('page.waitPakin.batch.input', '璇疯緭鍏ユ壒鍙�')" - style="width: 140px;margin-right: 10px;" /> - - <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> - <a-menu @click="handleSyncOrderClick"> - <a-menu-item key="import"> - <a-upload v-model:file-list="fileList" name="file" action="/api/waitPakin/upload" - @change="handleUploadChange" :showUploadList="false" :headers="{ - Authorization: globalState.token - }"> - <UploadOutlined /> - {{ formatMessage('page.waitPakin.import', '缁勬墭瀵煎叆') }} - </a-upload> - </a-menu-item> - - <a-menu-item key="export"> - <DownloadOutlined /> - {{ formatMessage('page.waitPakin.export.template', '瀵煎嚭妯℃澘') }} - </a-menu-item> - </a-menu> - </template> - <a-button> - {{ formatMessage('page.waitPakin.sync', '缁勬墭鍚屾') }} - <DownOutlined /> - </a-button> - </a-dropdown> - <a-button @click="generateTask()" type="primary">{{ formatMessage('page.generateTask', '鐢熸垚浠诲姟') }}</a-button> - <a-button @click="handleEdit(null)" type="primary">{{ formatMessage('page.add', '娣诲姞') }}</a-button> - <a-button @click="handleExport">{{ formatMessage('page.export', '瀵煎嚭') }}</a-button> - </div> - </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 }" - :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="handleEdit(record)">{{ formatMessage('page.edit', '缂栬緫') }}</a-button> - <a-button type="link" danger @click="handleDel([record])">{{ formatMessage('page.delete', '鍒犻櫎') - }}</a-button> - </div> - </template> - - <template v-if="column.dataIndex === 'ioStatus$'"> - <a-switch :checked="record.ioStatus == 1" :checked-children="formatMessage('waitPakin.switch.open', '鍏ュ簱涓�')" - :un-checked-children="formatMessage('waitPakin.switch.close', '寰呭叆搴�')" :disabled="true" /> - </template> - - </template> - </a-table> - </div> - - <GenerateTaskView ref="generateTaskChild" @tableReload="handleTableReload" /> -</template> - -<style></style> +<script setup> +import { getCurrentInstance, ref, computed, reactive } from 'vue'; +import { useRouter } from "vue-router"; +import { get, post, postBlob } from '@/utils/request.js' +import { message, Modal } from 'ant-design-vue'; +import { globalState, logout } from '@/config.js'; +import EditView from './edit.vue' +import { formatMessage } from '@/utils/localeUtils.js'; +import useTableSearch from '@/utils/tableUtils.jsx'; +import GenerateTaskView from '@/components/task/generateTask/index.vue'; +import { + DownOutlined, + UploadOutlined, + DownloadOutlined, +} from "@ant-design/icons-vue"; +const context = getCurrentInstance()?.appContext.config.globalProperties; + +const router = useRouter(); + +const emit = defineEmits(['pageReload']) + +const TABLE_KEY = 'table-waitPakin'; +let currentPage = 1; +let pageSize = 10; +const searchInput = ref("") +const searchParam = ref({ + orderNo: null, + barcode: null, + matnr: null, + batch: null, +}) +const editChild = ref(null) +const generateTaskChild = ref(null) + +const state = reactive({ + selectedRowKeys: [], + loading: false, +}); + +let tableData = ref([]); +getPage(); + +const { + getColumnSearchProps, + handleResizeColumn, +} = useTableSearch(); + +const columns = [ + { + title: formatMessage('db.man_wait_pakin.order_id', '璁㈠崟ID'), + dataIndex: 'orderId$', + width: 140, + ellipsis: true, + ...getColumnSearchProps('orderId$'), + }, + { + title: formatMessage('db.man_wait_pakin.order_no', '璁㈠崟缂栧彿'), + dataIndex: 'orderNo', + width: 140, + ellipsis: true, + ...getColumnSearchProps('orderNo'), + }, + { + title: formatMessage('db.man_wait_pakin.barcode', '鎵樼洏鐮�'), + dataIndex: 'barcode', + width: 140, + ellipsis: true, + ...getColumnSearchProps('barcode'), + }, + { + title: formatMessage('db.man_wait_pakin.matnr', '鍟嗗搧缂栧彿'), + dataIndex: 'matnr', + width: 140, + ellipsis: true, + ...getColumnSearchProps('matnr'), + }, + { + title: formatMessage('db.man_wait_pakin.batch', '鎵瑰彿'), + dataIndex: 'batch', + width: 140, + ellipsis: true, + ...getColumnSearchProps('batch'), + }, + { + title: formatMessage('db.man_wait_pakin.anfme', '缁勬墭鏁伴噺'), + dataIndex: 'anfme', + width: 140, + ellipsis: true, + ...getColumnSearchProps('anfme'), + }, + { + title: formatMessage('db.man_wait_pakin.io_status', '缁勬墭鐘舵��'), + dataIndex: 'ioStatus$', + width: 140, + ellipsis: true, + ...getColumnSearchProps('ioStatus$'), + }, + { + title: formatMessage('db.man_wait_pakin.status', '鐘舵��'), + dataIndex: 'status$', + width: 140, + ellipsis: true, + ...getColumnSearchProps('status$'), + }, + { + title: formatMessage('db.man_wait_pakin.create_time', '娣诲姞鏃堕棿'), + dataIndex: 'createTime$', + width: 140, + ellipsis: true, + ...getColumnSearchProps('createTime$'), + }, + { + title: formatMessage('db.man_wait_pakin.create_by', '娣诲姞浜哄憳'), + dataIndex: 'createBy$', + width: 140, + ellipsis: true, + ...getColumnSearchProps('createBy$'), + }, + { + title: formatMessage('db.man_wait_pakin.update_time', '淇敼鏃堕棿'), + dataIndex: 'updateTime$', + width: 140, + ellipsis: true, + ...getColumnSearchProps('updateTime$'), + }, + { + title: formatMessage('db.man_wait_pakin.update_by', '淇敼浜哄憳'), + dataIndex: 'updateBy$', + width: 140, + ellipsis: true, + ...getColumnSearchProps('updateBy$'), + }, + { + title: formatMessage('db.man_wait_pakin.memo', '澶囨敞'), + dataIndex: 'memo', + width: 140, + ellipsis: true, + ...getColumnSearchProps('memo'), + }, + + { + title: formatMessage('common.operation', '鎿嶄綔'), + name: 'oper', + dataIndex: 'oper', + key: 'oper', + width: 140, + }, +]; + + +const hasSelected = computed(() => state.selectedRowKeys.length > 0); +const start = () => { + state.loading = true; + // ajax request after empty completing + setTimeout(() => { + state.loading = false; + state.selectedRowKeys = []; + }, 1000); +}; +const onSelectChange = selectedRowKeys => { + // console.log('selectedRowKeys changed: ', selectedRowKeys); + state.selectedRowKeys = selectedRowKeys; +}; + +function getPage() { + state.loading = true; + post('/api/waitPakin/page', { + current: currentPage, + pageSize: pageSize, + condition: searchInput.value, + _param: searchParam.value, + }).then((resp) => { + let result = resp.data; + if (result.code == 200) { + let data = result.data; + tableData.value = data; + + state.loading = false; + } else if (result.code === 401) { + message.error(result.msg); + logout() + } else { + message.error(result.msg); + } + }) +} + +const handleEdit = (item) => { + editChild.value.open = true; + editChild.value.formData = item == null ? editChild.value.initFormData : JSON.parse(JSON.stringify(item)); + editChild.value.isSave = item == null; +} + +const handleDel = (rows) => { + Modal.confirm({ + title: formatMessage('page.delete', '鍒犻櫎'), + content: formatMessage('page.delete.confirm', '纭畾鍒犻櫎璇ラ」鍚楋紵'), + maskClosable: true, + onOk: async () => { + const hide = message.loading(formatMessage('common.loading', '璇锋眰涓�')); + try { + post('/api/waitPakin/remove/' + rows.map((row) => row.id).join(','), {}).then(resp => { + let result = resp.data; + if (result.code === 200) { + message.success(result.msg); + } else { + message.error(result.msg); + } + getPage() + hide() + }) + } catch (error) { + message.error(formatMessage('common.fail', '璇锋眰澶辫触')); + } + }, + }); +} + +const handleExport = async (intl) => { + postBlob('/api/waitPakin/export', { + condition: searchInput.value, + _param: searchParam.value, + }).then(result => { + const blob = new Blob([result.data], { type: 'application/vnd.ms-excel' }); + window.location.href = window.URL.createObjectURL(blob); + return true; + }) +}; + +const onSearch = () => { + // console.log('search'); + getPage() +} + +const onPageChange = (page, size) => { + currentPage = page; + pageSize = size; + getPage(); +} + +function handleTableReload(value) { + emit('pageReload', 'reload') +} + +const generateTask = () => { + generateTaskChild.value.open = true; +} + +const handleSyncOrderClick = (e) => { + if (e.key == 'import') { + importTemplate() + } else if (e.key == 'export') { + exportTemplate() + } +} + +const importTemplate = () => { + //瀵煎叆妯℃澘 +} + +const exportTemplate = () => { + //妯℃澘瀵煎嚭 + postBlob('/api/waitPakin/exportTemplate', {}).then(result => { + const blob = new Blob([result.data], { type: 'application/vnd.ms-excel' }); + window.location.href = window.URL.createObjectURL(blob); + return true; + }) +} + +const fileList = ref([]); +const handleUploadChange = info => { + if (info.file.status !== 'uploading') { + // console.log(info.file, info.fileList); + } + if (info.file.status === 'done') { + let result = info.file.response; + if (result.code == 200) { + message.success(`${info.file.name} ${formatMessage('page.upload.success', '涓婁紶鎴愬姛')}`); + getPage() + } else { + message.error(result.msg); + } + } else if (info.file.status === 'error') { + message.error(`${info.file.name} file upload failed.`); + } +}; + +</script> + +<script> +export default { + name: '缁勬墭閫氱煡妗�' +} +</script> + +<template> + <div> + <EditView ref="editChild" @tableReload="handleTableReload" /> + <div class="table-header"> + <div> + <a-input v-model:value="searchParam.orderNo" + :placeholder="formatMessage('page.waitPakin.orderNo.input', '璇疯緭鍏ヨ鍗曠紪鍙�')" + style="width: 140px;margin-right: 10px;" /> + <a-input v-model:value="searchParam.barcode" + :placeholder="formatMessage('page.waitPakin.barcode.input', '璇疯緭鍏ユ墭鐩樼爜')" + style="width: 140px;margin-right: 10px;" /> + <a-input v-model:value="searchParam.matnr" + :placeholder="formatMessage('page.waitPakin.matnr.input', '璇疯緭鍏ュ晢鍝佺紪鍙�')" + style="width: 140px;margin-right: 10px;" /> + <a-input v-model:value="searchParam.batch" :placeholder="formatMessage('page.waitPakin.batch.input', '璇疯緭鍏ユ壒鍙�')" + style="width: 140px;margin-right: 10px;" /> + + <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> + <a-menu @click="handleSyncOrderClick"> + <a-menu-item key="import"> + <a-upload v-model:file-list="fileList" name="file" action="/api/waitPakin/upload" + @change="handleUploadChange" :showUploadList="false" :headers="{ + Authorization: globalState.token + }"> + <UploadOutlined /> + {{ formatMessage('page.waitPakin.import', '缁勬墭瀵煎叆') }} + </a-upload> + </a-menu-item> + + <a-menu-item key="export"> + <DownloadOutlined /> + {{ formatMessage('page.waitPakin.export.template', '瀵煎嚭妯℃澘') }} + </a-menu-item> + </a-menu> + </template> + <a-button> + {{ formatMessage('page.waitPakin.sync', '缁勬墭鍚屾') }} + <DownOutlined /> + </a-button> + </a-dropdown> + <!--<a-button @click="generateTask()" type="primary">{{ formatMessage('page.generateTask', '鐢熸垚浠诲姟') }}</a-button>--> + <!--<a-button @click="handleEdit(null)" type="primary">{{ formatMessage('page.add', '娣诲姞') }}</a-button>--> + <a-button @click="handleExport">{{ formatMessage('page.export', '瀵煎嚭') }}</a-button> + </div> + </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 }" + :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="handleEdit(record)">{{ formatMessage('page.edit', '缂栬緫') }}</a-button> + <a-button type="link" danger @click="handleDel([record])">{{ formatMessage('page.delete', '鍒犻櫎') + }}</a-button> + </div> + </template> + + <template v-if="column.dataIndex === 'ioStatus$'"> + <a-switch :checked="record.ioStatus == 1" :checked-children="formatMessage('waitPakin.switch.open', '鍏ュ簱涓�')" + :un-checked-children="formatMessage('waitPakin.switch.close', '寰呭叆搴�')" :disabled="true" /> + </template> + + </template> + </a-table> + </div> + + <GenerateTaskView ref="generateTaskChild" @tableReload="handleTableReload" /> +</template> + +<style></style> -- Gitblit v1.9.1