| | |
|---|
| | | <script setup> |
|---|
| | | import { ref, reactive } from 'vue'; |
|---|
| | | import { useRouter } from "vue-router"; |
|---|
| | | import { get, post, postForm } from '@/utils/request.js' |
|---|
| | | import { message, Modal } from 'ant-design-vue'; |
|---|
| | | import { logout } from '@/config.js'; |
|---|
| | | import { formatMessage } from '@/utils/localeUtils.js'; |
|---|
| | | import useTableSearch from '@/utils/tableUtils.jsx'; |
|---|
| | | import SelectLocDetlView from '@/components/locDetl/selectLocDetl/index.vue' |
|---|
| | | |
|---|
| | | const router = useRouter(); |
|---|
| | | |
|---|
| | | const TABLE_KEY = 'table-locDetl'; |
|---|
| | | const selectLocDetlChild = ref(null) |
|---|
| | | const selectLocDetlViewShow = ref(false) |
|---|
| | | |
|---|
| | | let tableData = ref([]); |
|---|
| | | getColumns(); |
|---|
| | | |
|---|
| | | const { |
|---|
| | | getColumnSearchProps, |
|---|
| | | handleResizeColumn, |
|---|
| | | } = useTableSearch(); |
|---|
| | | |
|---|
| | | const state = reactive({ |
|---|
| | | selectedRowKeys: [], |
|---|
| | | loading: false, |
|---|
| | | columns: [], |
|---|
| | | }); |
|---|
| | | const onSelectChange = selectedRowKeys => { |
|---|
| | | // console.log('selectedRowKeys changed: ', selectedRowKeys); |
|---|
| | | state.selectedRowKeys = selectedRowKeys; |
|---|
| | | }; |
|---|
| | | |
|---|
| | | state.columns = [ |
|---|
| | | { |
|---|
| | | title: formatMessage('db.man_loc_detl.workQty', '出库数量'), |
|---|
| | | dataIndex: 'workQty', |
|---|
| | | width: 140, |
|---|
| | | ellipsis: true, |
|---|
| | | editable: true, |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | title: formatMessage('db.man_loc_detl.anfme', '库存数量'), |
|---|
| | | dataIndex: 'anfme', |
|---|
| | | width: 140, |
|---|
| | | ellipsis: true, |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | title: formatMessage('db.man_loc_detl.loc_id', '库位'), |
|---|
| | | dataIndex: 'locId$', |
|---|
| | | width: 140, |
|---|
| | | ellipsis: true, |
|---|
| | | ...getColumnSearchProps('locId$'), |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | title: formatMessage('db.man_loc_detl.loc_no', '库位号'), |
|---|
| | | dataIndex: 'locNo', |
|---|
| | | width: 140, |
|---|
| | | ellipsis: true, |
|---|
| | | ...getColumnSearchProps('locNo'), |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | title: formatMessage('db.man_loc_detl.mat_id', '商品'), |
|---|
| | | dataIndex: 'matId$', |
|---|
| | | width: 140, |
|---|
| | | ellipsis: true, |
|---|
| | | ...getColumnSearchProps('matId$'), |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | title: formatMessage('db.man_loc_detl.matnr', '商品编号'), |
|---|
| | | dataIndex: 'matnr', |
|---|
| | | width: 140, |
|---|
| | | ellipsis: true, |
|---|
| | | ...getColumnSearchProps('matnr'), |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | title: formatMessage('db.man_loc_detl.order_no', '订单号'), |
|---|
| | | dataIndex: 'orderNo', |
|---|
| | | width: 140, |
|---|
| | | ellipsis: true, |
|---|
| | | ...getColumnSearchProps('orderNo'), |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | title: formatMessage('db.man_loc_detl.batch', '批号'), |
|---|
| | | dataIndex: 'batch', |
|---|
| | | width: 140, |
|---|
| | | ellipsis: true, |
|---|
| | | ...getColumnSearchProps('batch'), |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | title: formatMessage('db.man_loc_detl.anfme', '数量'), |
|---|
| | | dataIndex: 'anfme', |
|---|
| | | width: 140, |
|---|
| | | ellipsis: true, |
|---|
| | | ...getColumnSearchProps('anfme'), |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | title: formatMessage('db.man_loc_detl.status', '状态'), |
|---|
| | | dataIndex: 'status$', |
|---|
| | | width: 140, |
|---|
| | | ellipsis: true, |
|---|
| | | ...getColumnSearchProps('status$'), |
|---|
| | | }, |
|---|
| | | // { |
|---|
| | | // title: formatMessage('db.man_loc_detl.create_time', '添加时间'), |
|---|
| | | // dataIndex: 'createTime$', |
|---|
| | | // width: 140, |
|---|
| | | // ellipsis: true, |
|---|
| | | // ...getColumnSearchProps('createTime$'), |
|---|
| | | // }, |
|---|
| | | // { |
|---|
| | | // title: formatMessage('db.man_loc_detl.create_by', '添加人员'), |
|---|
| | | // dataIndex: 'createBy$', |
|---|
| | | // width: 140, |
|---|
| | | // ellipsis: true, |
|---|
| | | // ...getColumnSearchProps('createBy$'), |
|---|
| | | // }, |
|---|
| | | { |
|---|
| | | title: formatMessage('db.man_loc_detl.update_time', '修改时间'), |
|---|
| | | dataIndex: 'updateTime$', |
|---|
| | | width: 140, |
|---|
| | | ellipsis: true, |
|---|
| | | ...getColumnSearchProps('updateTime$'), |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | title: formatMessage('db.man_loc_detl.update_by', '修改人员'), |
|---|
| | | dataIndex: 'updateBy$', |
|---|
| | | width: 140, |
|---|
| | | ellipsis: true, |
|---|
| | | ...getColumnSearchProps('updateBy$'), |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | title: formatMessage('db.man_loc_detl.memo', '备注'), |
|---|
| | | dataIndex: 'memo', |
|---|
| | | width: 140, |
|---|
| | | ellipsis: true, |
|---|
| | | ...getColumnSearchProps('memo'), |
|---|
| | | }, |
|---|
| | | ]; |
|---|
| | | |
|---|
| | | //加载扩展字段 |
|---|
| | | async function getColumns() { |
|---|
| | | let fieldResp = await post('/api/matField/list', { |
|---|
| | | unique: 1, |
|---|
| | | fieldType: 1 |
|---|
| | | }) |
|---|
| | | let fieldResult = fieldResp.data; |
|---|
| | | let tmp = state.columns; |
|---|
| | | if (fieldResult.code == 200) { |
|---|
| | | let data = fieldResult.data; |
|---|
| | | |
|---|
| | | data.forEach((item) => { |
|---|
| | | tmp.push({ |
|---|
| | | title: formatMessage(item.language, item.describe), |
|---|
| | | name: item.name, |
|---|
| | | dataIndex: item.name, |
|---|
| | | key: item.name, |
|---|
| | | width: 140, |
|---|
| | | }) |
|---|
| | | }) |
|---|
| | | |
|---|
| | | tmp.push({ |
|---|
| | | title: formatMessage('common.operation', '操作'), |
|---|
| | | name: 'oper', |
|---|
| | | dataIndex: 'oper', |
|---|
| | | key: 'oper', |
|---|
| | | width: 140, |
|---|
| | | fixed: 'right', |
|---|
| | | }) |
|---|
| | | |
|---|
| | | state.columns = tmp; |
|---|
| | | } else if (result.code === 401) { |
|---|
| | | message.error(result.msg); |
|---|
| | | logout() |
|---|
| | | } else { |
|---|
| | | message.error(result.msg); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | const openSelect = () => { |
|---|
| | | selectLocDetlChild.value.open = true; |
|---|
| | | } |
|---|
| | | |
|---|
| | | const handleSelectLocDetlOk = (result) => { |
|---|
| | | let tmp = []; |
|---|
| | | |
|---|
| | | if (tableData.value != undefined) { |
|---|
| | | tmp = [...tableData.value] |
|---|
| | | } |
|---|
| | | |
|---|
| | | for (let i = 0; i < result.length; i++) { |
|---|
| | | let item = result[i] |
|---|
| | | let flag = false; |
|---|
| | | for (let j = 0; j < tmp.length; j++) { |
|---|
| | | let tmpItem = tmp[j] |
|---|
| | | if (item.id == tmpItem.id) { |
|---|
| | | flag = true; |
|---|
| | | break |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | if (flag) { |
|---|
| | | continue |
|---|
| | | } |
|---|
| | | |
|---|
| | | tmp.push(item) |
|---|
| | | } |
|---|
| | | |
|---|
| | | tableData.value = tmp; |
|---|
| | | } |
|---|
| | | |
|---|
| | | const handleDel = (record) => { |
|---|
| | | let data = tableData.value; |
|---|
| | | let tmp = [] |
|---|
| | | |
|---|
| | | for (let i = 0; i < data.length; i++) { |
|---|
| | | let item = data[i] |
|---|
| | | if (item.id == record.id) { |
|---|
| | | continue |
|---|
| | | } |
|---|
| | | tmp.push(item) |
|---|
| | | } |
|---|
| | | tableData.value = tmp |
|---|
| | | } |
|---|
| | | |
|---|
| | | const operationPort = ref(null); |
|---|
| | | const operationPortQueryList = ref(null); |
|---|
| | | operationPortQuery(); |
|---|
| | | function operationPortQuery() { |
|---|
| | | postForm('/api/operationPort/query', {}).then(resp => { |
|---|
| | | let result = resp.data; |
|---|
| | | operationPortQueryList.value = result.data; |
|---|
| | | }) |
|---|
| | | } |
|---|
| | | |
|---|
| | | const startOut = () => { |
|---|
| | | let detls = [] |
|---|
| | | tableData.value.forEach((item) => { |
|---|
| | | let tmp = { |
|---|
| | | detlId: item.id, |
|---|
| | | anfme: item.workQty |
|---|
| | | } |
|---|
| | | detls.push(tmp) |
|---|
| | | }) |
|---|
| | | |
|---|
| | | let param = { |
|---|
| | | operationPort: operationPort.value, |
|---|
| | | detls: detls |
|---|
| | | } |
|---|
| | | |
|---|
| | | post('/api/out/start', param).then(resp => { |
|---|
| | | let result = resp.data; |
|---|
| | | if(result.code == 200) { |
|---|
| | | message.success(formatMessage('page.out.success', '出库成功')); |
|---|
| | | operationPort.value = null; |
|---|
| | | tableData.value = []; |
|---|
| | | selectLocDetlChild.value.reload = true; |
|---|
| | | }else { |
|---|
| | | message.error(result.msg); |
|---|
| | | } |
|---|
| | | }) |
|---|
| | | } |
|---|
| | | |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | <script> |
|---|
| | | export default { |
|---|
| | | name: '手动出库' |
|---|
| | | } |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | <template> |
|---|
| | | <div> |
|---|
| | | <div class="table-header"> |
|---|
| | | <div> |
|---|
| | | <a-button type="primary" @click="openSelect">提取库存</a-button> |
|---|
| | | |
|---|
| | | <a-select v-model:value="operationPort" :placeholder="formatMessage('common.select', '请选择')" |
|---|
| | | style="width: 120px;margin-left: 30px;" :options="operationPortQueryList" optionFilterProp="label" |
|---|
| | | optionLabelProp="label"> |
|---|
| | | </a-select> |
|---|
| | | |
|---|
| | | <a-button type="primary" style="margin-left: 5px;" @click="startOut">启动出库</a-button> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <a-table :row-selection="{ selectedRowKeys: state.selectedRowKeys, onChange: onSelectChange }" |
|---|
| | | :data-source="tableData" :defaultExpandAllRows="false" :key="TABLE_KEY" rowKey="id" |
|---|
| | | :scroll="{ y: 768, scrollToFirstRowOnChange: true }" :columns="state.columns" |
|---|
| | | @resizeColumn="handleResizeColumn"> |
|---|
| | | <template #bodyCell="{ column, text, record }"> |
|---|
| | | <template v-if="column.dataIndex === 'oper'"> |
|---|
| | | <div style="display: flex;justify-content: space-evenly;"> |
|---|
| | | <a-button type="link" danger @click="handleDel(record)">{{ formatMessage('page.delete', '删除') |
|---|
| | | }}</a-button> |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <template v-if="column.dataIndex === 'workQty'"> |
|---|
| | | <div> |
|---|
| | | <a-input-number v-model:value="record[column.dataIndex]" :min="1" :max="record.anfme" /> |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | | </template> |
|---|
| | | </a-table> |
|---|
| | | |
|---|
| | | <SelectLocDetlView ref="selectLocDetlChild" @handle-ok="handleSelectLocDetlOk" /> |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <style></style> |
|---|
| | | <script setup>
|
|---|
| | | import { ref, reactive } from 'vue';
|
|---|
| | | import { useRouter } from "vue-router";
|
|---|
| | | import { get, post, postForm } from '@/utils/request.js'
|
|---|
| | | import { message, Modal } from 'ant-design-vue';
|
|---|
| | | import { logout } from '@/config.js';
|
|---|
| | | import { formatMessage } from '@/utils/localeUtils.js';
|
|---|
| | | import useTableSearch from '@/utils/tableUtils.jsx';
|
|---|
| | | import SelectLocDetlView from '@/components/locDetl/selectLocDetl/index.vue'
|
|---|
| | |
|
|---|
| | | const router = useRouter();
|
|---|
| | |
|
|---|
| | | const TABLE_KEY = 'table-locDetl';
|
|---|
| | | const selectLocDetlChild = ref(null)
|
|---|
| | | const selectLocDetlViewShow = ref(false)
|
|---|
| | |
|
|---|
| | | let tableData = ref([]);
|
|---|
| | | getColumns();
|
|---|
| | |
|
|---|
| | | const {
|
|---|
| | | getColumnSearchProps,
|
|---|
| | | handleResizeColumn,
|
|---|
| | | } = useTableSearch();
|
|---|
| | |
|
|---|
| | | const state = reactive({
|
|---|
| | | selectedRowKeys: [],
|
|---|
| | | loading: false,
|
|---|
| | | columns: [],
|
|---|
| | | });
|
|---|
| | | const onSelectChange = selectedRowKeys => {
|
|---|
| | | // console.log('selectedRowKeys changed: ', selectedRowKeys);
|
|---|
| | | state.selectedRowKeys = selectedRowKeys;
|
|---|
| | | };
|
|---|
| | |
|
|---|
| | | state.columns = [
|
|---|
| | | {
|
|---|
| | | title: formatMessage('db.man_loc_detl.workQty', '出库数量'),
|
|---|
| | | dataIndex: 'workQty',
|
|---|
| | | width: 140,
|
|---|
| | | ellipsis: true,
|
|---|
| | | editable: true,
|
|---|
| | | },
|
|---|
| | | {
|
|---|
| | | title: formatMessage('db.man_loc_detl.anfme', '库存数量'),
|
|---|
| | | dataIndex: 'anfme',
|
|---|
| | | width: 140,
|
|---|
| | | ellipsis: true,
|
|---|
| | | },
|
|---|
| | | {
|
|---|
| | | title: formatMessage('db.man_loc_detl.loc_id', '库位'),
|
|---|
| | | dataIndex: 'locId$',
|
|---|
| | | width: 140,
|
|---|
| | | ellipsis: true,
|
|---|
| | | ...getColumnSearchProps('locId$'),
|
|---|
| | | },
|
|---|
| | | {
|
|---|
| | | title: formatMessage('db.man_loc_detl.loc_no', '库位号'),
|
|---|
| | | dataIndex: 'locNo',
|
|---|
| | | width: 140,
|
|---|
| | | ellipsis: true,
|
|---|
| | | ...getColumnSearchProps('locNo'),
|
|---|
| | | },
|
|---|
| | | {
|
|---|
| | | title: formatMessage('db.man_loc_detl.mat_id', '商品'),
|
|---|
| | | dataIndex: 'matId$',
|
|---|
| | | width: 140,
|
|---|
| | | ellipsis: true,
|
|---|
| | | ...getColumnSearchProps('matId$'),
|
|---|
| | | },
|
|---|
| | | {
|
|---|
| | | title: formatMessage('db.man_loc_detl.matnr', '商品编号'),
|
|---|
| | | dataIndex: 'matnr',
|
|---|
| | | width: 140,
|
|---|
| | | ellipsis: true,
|
|---|
| | | ...getColumnSearchProps('matnr'),
|
|---|
| | | },
|
|---|
| | | {
|
|---|
| | | title: formatMessage('db.man_loc_detl.order_no', '订单号'),
|
|---|
| | | dataIndex: 'orderNo',
|
|---|
| | | width: 140,
|
|---|
| | | ellipsis: true,
|
|---|
| | | ...getColumnSearchProps('orderNo'),
|
|---|
| | | },
|
|---|
| | | {
|
|---|
| | | title: formatMessage('db.man_loc_detl.batch', '批号'),
|
|---|
| | | dataIndex: 'batch',
|
|---|
| | | width: 140,
|
|---|
| | | ellipsis: true,
|
|---|
| | | ...getColumnSearchProps('batch'),
|
|---|
| | | },
|
|---|
| | | {
|
|---|
| | | title: formatMessage('db.man_loc_detl.anfme', '数量'),
|
|---|
| | | dataIndex: 'anfme',
|
|---|
| | | width: 140,
|
|---|
| | | ellipsis: true,
|
|---|
| | | ...getColumnSearchProps('anfme'),
|
|---|
| | | },
|
|---|
| | | {
|
|---|
| | | title: formatMessage('db.man_loc_detl.status', '状态'),
|
|---|
| | | dataIndex: 'status$',
|
|---|
| | | width: 140,
|
|---|
| | | ellipsis: true,
|
|---|
| | | ...getColumnSearchProps('status$'),
|
|---|
| | | },
|
|---|
| | | // {
|
|---|
| | | // title: formatMessage('db.man_loc_detl.create_time', '添加时间'),
|
|---|
| | | // dataIndex: 'createTime$',
|
|---|
| | | // width: 140,
|
|---|
| | | // ellipsis: true,
|
|---|
| | | // ...getColumnSearchProps('createTime$'),
|
|---|
| | | // },
|
|---|
| | | // {
|
|---|
| | | // title: formatMessage('db.man_loc_detl.create_by', '添加人员'),
|
|---|
| | | // dataIndex: 'createBy$',
|
|---|
| | | // width: 140,
|
|---|
| | | // ellipsis: true,
|
|---|
| | | // ...getColumnSearchProps('createBy$'),
|
|---|
| | | // },
|
|---|
| | | {
|
|---|
| | | title: formatMessage('db.man_loc_detl.update_time', '修改时间'),
|
|---|
| | | dataIndex: 'updateTime$',
|
|---|
| | | width: 140,
|
|---|
| | | ellipsis: true,
|
|---|
| | | ...getColumnSearchProps('updateTime$'),
|
|---|
| | | },
|
|---|
| | | {
|
|---|
| | | title: formatMessage('db.man_loc_detl.update_by', '修改人员'),
|
|---|
| | | dataIndex: 'updateBy$',
|
|---|
| | | width: 140,
|
|---|
| | | ellipsis: true,
|
|---|
| | | ...getColumnSearchProps('updateBy$'),
|
|---|
| | | },
|
|---|
| | | {
|
|---|
| | | title: formatMessage('db.man_loc_detl.memo', '备注'),
|
|---|
| | | dataIndex: 'memo',
|
|---|
| | | width: 140,
|
|---|
| | | ellipsis: true,
|
|---|
| | | ...getColumnSearchProps('memo'),
|
|---|
| | | },
|
|---|
| | | ];
|
|---|
| | |
|
|---|
| | | //加载扩展字段
|
|---|
| | | async function getColumns() {
|
|---|
| | | let fieldResp = await post('/api/matField/list', {
|
|---|
| | | unique: 1,
|
|---|
| | | fieldType: 1
|
|---|
| | | })
|
|---|
| | | let fieldResult = fieldResp.data;
|
|---|
| | | let tmp = state.columns;
|
|---|
| | | if (fieldResult.code == 200) {
|
|---|
| | | let data = fieldResult.data;
|
|---|
| | |
|
|---|
| | | data.forEach((item) => {
|
|---|
| | | tmp.push({
|
|---|
| | | title: formatMessage(item.language, item.describe),
|
|---|
| | | name: item.name,
|
|---|
| | | dataIndex: item.name,
|
|---|
| | | key: item.name,
|
|---|
| | | width: 140,
|
|---|
| | | })
|
|---|
| | | })
|
|---|
| | |
|
|---|
| | | tmp.push({
|
|---|
| | | title: formatMessage('common.operation', '操作'),
|
|---|
| | | name: 'oper',
|
|---|
| | | dataIndex: 'oper',
|
|---|
| | | key: 'oper',
|
|---|
| | | width: 140,
|
|---|
| | | fixed: 'right',
|
|---|
| | | })
|
|---|
| | |
|
|---|
| | | state.columns = tmp;
|
|---|
| | | } else if (result.code === 401) {
|
|---|
| | | message.error(result.msg);
|
|---|
| | | logout()
|
|---|
| | | } else {
|
|---|
| | | message.error(result.msg);
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | const openSelect = () => {
|
|---|
| | | selectLocDetlChild.value.open = true;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | const handleSelectLocDetlOk = (result) => {
|
|---|
| | | let tmp = [];
|
|---|
| | |
|
|---|
| | | if (tableData.value != undefined) {
|
|---|
| | | tmp = [...tableData.value]
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | for (let i = 0; i < result.length; i++) {
|
|---|
| | | let item = result[i]
|
|---|
| | | let flag = false;
|
|---|
| | | for (let j = 0; j < tmp.length; j++) {
|
|---|
| | | let tmpItem = tmp[j]
|
|---|
| | | if (item.id == tmpItem.id) {
|
|---|
| | | flag = true;
|
|---|
| | | break
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | if (flag) {
|
|---|
| | | continue
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | tmp.push(item)
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | tableData.value = tmp;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | const handleDel = (record) => {
|
|---|
| | | let data = tableData.value;
|
|---|
| | | let tmp = []
|
|---|
| | |
|
|---|
| | | for (let i = 0; i < data.length; i++) {
|
|---|
| | | let item = data[i]
|
|---|
| | | if (item.id == record.id) {
|
|---|
| | | continue
|
|---|
| | | }
|
|---|
| | | tmp.push(item)
|
|---|
| | | }
|
|---|
| | | tableData.value = tmp
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | const operationPort = ref(null);
|
|---|
| | | const operationPortQueryList = ref(null);
|
|---|
| | | operationPortQuery();
|
|---|
| | | function operationPortQuery() {
|
|---|
| | | postForm('/api/operationPort/query', {}).then(resp => {
|
|---|
| | | let result = resp.data;
|
|---|
| | | operationPortQueryList.value = result.data;
|
|---|
| | | })
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | const startOut = () => {
|
|---|
| | | let detls = []
|
|---|
| | | tableData.value.forEach((item) => {
|
|---|
| | | let tmp = {
|
|---|
| | | detlId: item.id,
|
|---|
| | | anfme: item.workQty
|
|---|
| | | }
|
|---|
| | | detls.push(tmp)
|
|---|
| | | })
|
|---|
| | |
|
|---|
| | | let param = {
|
|---|
| | | operationPort: operationPort.value,
|
|---|
| | | detls: detls
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | post('/api/out/start', param).then(resp => {
|
|---|
| | | let result = resp.data;
|
|---|
| | | if(result.code == 200) {
|
|---|
| | | message.success(formatMessage('page.out.success', '出库成功'));
|
|---|
| | | operationPort.value = null;
|
|---|
| | | tableData.value = [];
|
|---|
| | | selectLocDetlChild.value.reload = true; |
|---|
| | | }else {
|
|---|
| | | message.error(result.msg);
|
|---|
| | | }
|
|---|
| | | })
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | </script>
|
|---|
| | |
|
|---|
| | | <script>
|
|---|
| | | export default {
|
|---|
| | | name: '手动出库'
|
|---|
| | | }
|
|---|
| | | </script>
|
|---|
| | |
|
|---|
| | | <template>
|
|---|
| | | <div>
|
|---|
| | | <div class="table-header">
|
|---|
| | | <div>
|
|---|
| | | <a-button type="primary" @click="openSelect">提取库存</a-button>
|
|---|
| | |
|
|---|
| | | <a-select v-model:value="operationPort" :placeholder="formatMessage('common.select', '请选择')"
|
|---|
| | | style="width: 120px;margin-left: 30px;" :options="operationPortQueryList" optionFilterProp="label"
|
|---|
| | | optionLabelProp="label">
|
|---|
| | | </a-select>
|
|---|
| | |
|
|---|
| | | <a-button type="primary" style="margin-left: 5px;" @click="startOut">启动出库</a-button>
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | <a-table :row-selection="{ selectedRowKeys: state.selectedRowKeys, onChange: onSelectChange }"
|
|---|
| | | :data-source="tableData" :defaultExpandAllRows="false" :key="TABLE_KEY" rowKey="id"
|
|---|
| | | :scroll="{ y: 768, scrollToFirstRowOnChange: true }" :columns="state.columns"
|
|---|
| | | @resizeColumn="handleResizeColumn">
|
|---|
| | | <template #bodyCell="{ column, text, record }">
|
|---|
| | | <template v-if="column.dataIndex === 'oper'">
|
|---|
| | | <div style="display: flex;justify-content: space-evenly;">
|
|---|
| | | <a-button type="link" danger @click="handleDel(record)">{{ formatMessage('page.delete', '删除')
|
|---|
| | | }}</a-button>
|
|---|
| | | </div>
|
|---|
| | | </template>
|
|---|
| | |
|
|---|
| | | <template v-if="column.dataIndex === 'workQty'">
|
|---|
| | | <div>
|
|---|
| | | <a-input-number v-model:value="record[column.dataIndex]" :min="1" :max="record.anfme" />
|
|---|
| | | </div>
|
|---|
| | | </template>
|
|---|
| | | </template>
|
|---|
| | | </a-table>
|
|---|
| | |
|
|---|
| | | <SelectLocDetlView ref="selectLocDetlChild" @handle-ok="handleSelectLocDetlOk" />
|
|---|
| | | </div>
|
|---|
| | | </template>
|
|---|
| | |
|
|---|
| | | <style></style>
|
|---|
