自动化立体仓库 - WMS系统
#
zhou zhou
2025-11-10 d8e56efdca484288eba06d25cf6509d9d514f960
#
2个文件已添加
2个文件已修改
1204 ■■■■■ 已修改文件
src/main/webapp/views/erpIcmo/icmo.html 2 ●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/main/webapp/views/erpMaterialwwout/materialwwout.html 2 ●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/main/webapp/views/erpOutstock/outstock.html 577 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/main/webapp/views/erpPoinstock/poinstock.html 623 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/main/webapp/views/erpIcmo/icmo.html
@@ -135,7 +135,7 @@
                </el-form-item>
            </el-form>
            <template #footer>
                <div class="dialog-footer">
                <div class="dialog-footer" style="text-align: left;">
                    <el-button @click="dialogVisible = false">关闭</el-button>
                </div>
            </template>
src/main/webapp/views/erpMaterialwwout/materialwwout.html
@@ -171,7 +171,7 @@
                    </el-table-column>
                </el-table>
                <template #footer>
                    <div class="dialog-footer">
                    <div class="dialog-footer" style="text-align: left;">
                        <el-button @click="dialogVisible = false">关闭</el-button>
                    </div>
                </template>
src/main/webapp/views/erpOutstock/outstock.html
New file
@@ -0,0 +1,577 @@
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title></title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="../../static/evn/index.css">
</head>
<body>
<div id="app">
    <el-card>
        <el-form :inline="true">
            <el-form-item label="开工日期">
                <div>
                    <el-date-picker
                            v-model="tableSearchParam.dateStart"
                            type="date"
                            placeholder="开始日期"
                            style="width: 150px;"
                            :default-time="defaultTime"
                    />
                </div>
                <div style="margin-left: 5px;margin-right: 5px">
                    <span >-</span>
                </div>
                <div>
                    <el-date-picker
                            v-model="tableSearchParam.dateEnd"
                            type="date"
                            placeholder="结束日期"
                            style="width: 150px;"
                            :default-time="defaultTime"
                    />
                </div>
            </el-form-item>
            <el-form-item label="单据号">
                <el-input v-model="tableSearchParam.fbillno" placeholder="请输入单据号" style="width: 150px;"></el-input>
            </el-form-item>
            <el-form-item label="生产单号">
                <el-input v-model="tableSearchParam.fentryselfp0362" placeholder="请输入生产单号" style="width: 150px;"></el-input>
            </el-form-item>
            <el-form-item label="供应商">
                <el-select v-model="tableSearchParam.fsupplyid" placeholder="选择供应商" style="width: 150px" >
                    <el-option
                            v-for="item in options"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value"
                    />
                </el-select>
            </el-form-item>
            <el-form-item label="业务类型">
                <el-select v-model="tableSearchParam.bizTypeName" placeholder="选择业务类型" style="width: 150px" >
                    <el-option
                            v-for="item in businessOptions"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value"
                    />
                </el-select>
            </el-form-item>
            <el-form-item label="状态">
                <el-select v-model="tableSearchParam.fstatus" placeholder="选择状态" style="width: 150px" >
                    <el-option
                            v-for="item in statusOptions"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value"
                    />
                </el-select>
            </el-form-item>
            <el-form-item label="生产部门">
                <el-select v-model="tableSearchParam.fheadselfp0339" placeholder="选择生产部门" style="width: 150px" >
                    <el-option
                            v-for="item in depOptions"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value"
                    />
                </el-select>
            </el-form-item>
            <el-form-item label="">
                <el-button type="primary" @click="search" circle >
                    <el-icon><Search /></el-icon>
                </el-button>
            </el-form-item>
        </el-form>
        <el-form :inline="true">
            <el-form-item label="">
                <el-button type="danger" @click="selectDelete">删除</el-button>
            </el-form-item>
        </el-form>
        <el-table size="small" :data="tableData" border style="width: 100%" @selection-change="handleSelectionChange" max-height="620" @cell-dblclick="dblclick">
            <el-table-column type="selection" >
            </el-table-column>
            <el-table-column type="index" width="55" >
            </el-table-column>
            <el-table-column prop="fbillno" label="单据编号" width="150" :show-overflow-tooltip="true">
            </el-table-column>
            <el-table-column prop="fdate" label="日期">
            </el-table-column>
            <el-table-column prop="venName" label="供应商" width="100" :show-overflow-tooltip="true">
            </el-table-column>
            <el-table-column prop="bizTypeName" label="业务类型" >
            </el-table-column>
            <el-table-column prop="invCode" label="物料编码" width="150" :show-overflow-tooltip="true">
            </el-table-column>
            <el-table-column prop="invName" label="物料名称" width="150" :show-overflow-tooltip="true">
            </el-table-column>
            <el-table-column prop="fqty" label="数量">
            </el-table-column>
            <el-table-column prop="inStockQty" label="立库入库量">
            </el-table-column>
            <el-table-column prop="forderbillno" label="订单单号">
            </el-table-column>
            <el-table-column prop="fentryselfp0362" label="生产单号">
            </el-table-column>
            <el-table-column prop="fheadselfp0339" label="生产部门">
            </el-table-column>
            <el-table-column prop="fheadselfp0338" label="交货日期">
            </el-table-column>
        </el-table>
        <div style="margin-top: 10px">
            <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"
                           :current-page="currentPage" :page-sizes="pageSizes" :page-size="pageSize"
                           layout="total, sizes, prev, pager, next, jumper" :total="pageTotal">
            </el-pagination>
        </div>
        <el-dialog v-model="dialogVisible" fullscreen>
            <el-form :inline="true" label-width="auto">
                <el-form-item label="">
                    <el-button type="primary"  @click="save">保存</el-button>
                </el-form-item>
            </el-form>
            <el-form :inline="true" :model="formData" label-width="auto">
                <el-form-item label="单据号" >
                    <el-input v-model="formData.fbillno" disabled></el-input>
                </el-form-item>
                <el-form-item label="制单日期" >
                    <el-input v-model="formData.fdate" disabled></el-input>
                </el-form-item>
                <el-form-item label="业务类型" >
                    <el-input v-model="formData.bizTypeName" disabled></el-input>
                </el-form-item>
                <el-form-item label="供应商" required>
                    <el-select v-model="formData.fsupplyid" placeholder="选择车间" style="width: 240px" >
                        <el-option
                                v-for="item in options"
                                :key="item.value"
                                :label="item.label"
                                :value="item.value"></el-option>
                    </el-select>
                </el-form-item>
                <el-form-item label="交货日期" required>
                    <el-date-picker
                            v-model="formData.fheadselfp0338"
                            type="date"
                            placeholder="选择交货日期"
                    />
                </el-form-item>
                <el-form-item label="生产车间" >
                    <el-input v-model="formData.fheadselfp0339" disabled></el-input>
                </el-form-item>
            </el-form>
            <el-form :inline="true" label-width="auto">
                <el-form-item label="">
                    <el-button type="danger"  @click="selectDeleteDialog">删行</el-button>
                </el-form-item>
            </el-form>
            <el-table :data="tableDataDialog" border style="width: 100%" row-key="id" @selection-change="handleSelectionChangeDialog" max-height="650">
                <el-table-column type="selection" >
                </el-table-column>
                <el-table-column type="index" width="50" >
                </el-table-column>
                <el-table-column prop="invCode" label="物料编码" >
                </el-table-column>
                <el-table-column prop="invName" label="物料名称">
                </el-table-column>
                <el-table-column prop="invStd" label="物料规格">
                </el-table-column>
                <el-table-column prop="fqty" label="数量">
                    <template #default="scope">
                        <el-input v-model="scope.row.fqty"></el-input>
                    </template>
                </el-table-column>
                <el-table-column prop="inStockQty" label="立库入库量">
                </el-table-column>
                <el-table-column prop="forderbillno" label="订单单号">
                </el-table-column>
                <el-table-column prop="fentryselfp0362" label="生产单号">
                </el-table-column>
            </el-table>
            <template #footer>
                <div class="dialog-footer" style="text-align: left;">
                    <el-button @click="dialogVisible = false">关闭</el-button>
                </div>
            </template>
        </el-dialog>
    </el-card>
</div>
<script type="text/javascript" src="../../static/js/jquery/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="../../static/js/common.js" charset="utf-8"></script>
<script src="../../static/evn/vue.global.js"></script>
<script src="../../static/evn/element-plus.js"></script>
<script src="../../static/evn/icons-vue.js"></script>
<script type="module">
    // 导入中文语言包
    import zhCn from '../../static/js/erp/zh-cn.js';
    const { createApp, ref, onMounted,onBeforeMount } = Vue;
    const app = createApp({
        setup() {
            const currentPage = ref(1)
            const pageSizes = ref([100,500,1000, 1500])
            const pageSize = ref(100)
            const pageTotal = ref(0)
            const tableSearchParam = ref({
                dateStart:null,
                dateEnd: null,
                // dateStart:new Date(),
                // dateEnd: new Date(),
                fbillno: null,
                fsupplyid:null,
                bizTypeName:null,
                fstatus:'0',
                fheadselfp0339:null,
                fentryselfp0362:null
            })
            const tableData = ref([])
            const tableDataDialog = ref([])
            const selectList = ref([])
            const selectListDialog = ref([])
            const options = ref([
            ])
            const depOptions = ref([
                {
                    value: '南区车间',
                    label: '南区车间'
                },
                {
                    value: '北区车间',
                    label: '北区车间'
                }
            ])
            const businessOptions = [
                {
                    value: '订单委外',
                    label: '订单委外'
                },
                {
                    value: '外购入库',
                    label: '外购入库'
                }
            ]
            const statusOptions = [
                {
                    value: '0',
                    label: '未审核',
                    check: true
                },
                {
                    value: '2',
                    label: '已审核未关闭'
                }
            ]
            const dialogVisible = ref(false)
            const formData = ref({})
            function search(){
                currentPage.value = 1
                page()
            }
            function page(){
                let data = JSON.parse(JSON.stringify(tableSearchParam.value))
                data.curr = currentPage.value
                data.limit = pageSize.value
                const loading = ElementPlus.ElLoading.service({
                    lock: true,
                    text: 'Loading',
                    background: 'rgba(0, 0, 0, 0.7)',
                })
                $.ajax({
                    url: "http://127.0.0.1:9090/mo/poinstock/getList",
                    headers: {
                        'token': localStorage.getItem('token')
                    },
                    data: data,
                    dataType: 'json',
                    contentType: 'application/json;charset=UTF-8',
                    method: 'GET',
                    success: function(res) {
                        if (res.code == 200) {
                            tableData.value = res.data.records
                            pageTotal.value = res.data.total
                        } else if (res.code === 403) {
                            top.location.href = baseUrl + "/";
                        } else {
                            ElementPlus.ElMessage({
                                message: res.msg,
                                type: 'error'
                            });
                        }
                    },
                    complete: function() {
                        loading.close()
                    }
                });
            }
            function selectDelete(){
                if (selectList.value.length === 0){
                    ElementPlus.ElMessage({
                        message: "请先选择",
                        type: 'error'
                    });
                    return ;
                }
                ElementPlus.ElMessageBox.confirm('确定删除吗?')
                    .then(() => {
                        const loading = ElementPlus.ElLoading.service({
                            lock: true,
                            text: 'Loading',
                            background: 'rgba(0, 0, 0, 0.7)',
                        })
                        $.ajax({
                            url:"http://127.0.0.1:9090/mo/poinstock/softDelete",
                            data: JSON.stringify(selectList.value),
                            dataType: 'json',
                            contentType: 'application/json;charset=UTF-8',
                            method: 'POST',
                            success: function(res) {
                                if (res.code == 200) {
                                    ElementPlus.ElMessage({
                                        message: "删除成功",
                                        type: 'success'
                                    });
                                } else if (res.code === 403) {
                                    top.location.href = baseUrl + "/";
                                } else {
                                    ElementPlus.ElMessage({
                                        message: res.msg,
                                        type: 'error'
                                    });
                                }
                            },
                            complete: function() {
                                page()
                                dialogVisible.value = false
                                loading.close();
                            }
                        });
                    })
            }
            function formatLocalDate(date) {
                if (!date) return '';
                var d = new Date(date);
                // 直接返回标准ISO 8601格式 (UTF-8兼容)
                return d.toISOString();
            }
            function save(){
                ElementPlus.ElMessageBox.confirm('确定保存吗?')
                    .then(() => {
                        const loading = ElementPlus.ElLoading.service({
                            lock: true,
                            text: 'Loading',
                            background: 'rgba(0, 0, 0, 0.7)',
                        })
                        const poInStockDTO = JSON.parse(JSON.stringify(formData.value));
                        const poInStockDTOS = JSON.parse(JSON.stringify(tableDataDialog.value));
                        poInStockDTO.fheadselfp0338 = formatLocalDate(poInStockDTO.fheadselfp0338);
                        $.ajax({
                            url:"http://127.0.0.1:9090/mo/poinstock/saveorupdate",
                            data: JSON.stringify({
                                poInStockDTO : poInStockDTO,
                                poInStockDTOS: poInStockDTOS
                            }),
                            dataType: 'json',
                            contentType: 'application/json;charset=UTF-8',
                            method: 'POST',
                            success: function(res) {
                                if (res.code == 200) {
                                    ElementPlus.ElMessage({
                                        message: "保存成功",
                                        type: 'success'
                                    });
                                } else if (res.code === 403) {
                                    top.location.href = baseUrl + "/";
                                } else {
                                    ElementPlus.ElMessage({
                                        message: res.msg,
                                        type: 'error'
                                    });
                                }
                            },
                            complete: function() {
                                page()
                                dialogVisible.value = false
                                loading.close();
                            }
                        });
                    })
            }
            function handleSelectionChangeDialog(val) {
                selectListDialog.value = val
                console.log(selectListDialog.value);
            }
            function dblclick(val){
                formData.value = JSON.parse(JSON.stringify(val));
                getListByID(formData.value);
                dialogVisible.value = true
            }
            function selectDeleteDialog(){
                if (selectListDialog.value.length === 0) {
                    ElementPlus.ElMessage({
                        message: '请选择要删除的行',
                        type: 'warning'
                    });
                    return;
                }
                //在selectListDialog中删除选中的行
                selectListDialog.value.forEach((item, index) => {
                    tableDataDialog.value.forEach((row, i) => {
                        if (row.id === item.id) {
                            tableDataDialog.value.splice(i, 1);
                        }
                    });
                });
            }
            function getListByID(row){
                const loading = ElementPlus.ElLoading.service({
                    lock: true,
                    text: 'Loading',
                    background: 'rgba(0, 0, 0, 0.7)',
                })
                $.ajax({
                    url:"http://127.0.0.1:9090/mo/poinstock/getbyid",
                    data: JSON.stringify(row),
                    dataType: 'json',
                    contentType: 'application/json;charset=UTF-8',
                    method: 'POST',
                    success: function(res) {
                        if (res.code == 200) {
                            tableDataDialog.value = res.data;
                        } else if (res.code === 403) {
                            top.location.href = baseUrl + "/";
                        } else {
                            ElementPlus.ElMessage({
                                message: res.msg,
                                type: 'error'
                            });
                        }
                    },
                    complete: function() {
                        loading.close();
                    }
                });
            }
            function handleSizeChange(val) {
                pageSize.value = val
                currentPage.value = 1 // 重置到第一页
                page()
            }
            function handleCurrentChange(val) {
                currentPage.value = val
                page()
            }
            function handleSelectionChange(val) {
                selectList.value = val
            }
            function getVendor(){
                $.ajax({
                    url: "http://127.0.0.1:9090/basicinfo/vendor/getlistfordropdown",
                    contentType: 'application/json;charset=UTF-8',
                    method: 'GET',
                    success: function(res) {
                        if (res.code == 200) {
                            res.data.map(item => {
                                options.value.push({
                                    value: item.venId, label: item.venName
                                })
                            })
                        } else {
                            ElementPlus.ElMessage({
                                message: res.msg,
                                type: 'error'
                            });
                        }
                    }
                });
            }
            onMounted(() => {
                page()
            })
            onBeforeMount(() => {
                getVendor()
            })
            return {
                tableData,
                currentPage,
                pageSizes,
                pageSize,
                pageTotal,
                tableSearchParam,
                options,
                depOptions,
                businessOptions,
                statusOptions,
                dialogVisible,
                formData,
                tableDataDialog,
                selectListDialog,
                search,
                page,
                save,
                dblclick,
                selectDelete,
                handleSizeChange,
                handleCurrentChange,
                handleSelectionChange,
                selectDeleteDialog,
                handleSelectionChangeDialog,
            }
        }
    });
    app.use(ElementPlus, {
        locale: zhCn.default || zhCn
    });
    for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
        app.component(key, component)
    }
    app.mount('#app');
</script>
</body>
</html>
src/main/webapp/views/erpPoinstock/poinstock.html
New file
@@ -0,0 +1,623 @@
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title></title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="../../static/evn/index.css">
</head>
<body>
<div id="app">
    <el-card>
        <el-form :inline="true">
            <el-form-item label="开工日期">
                <div>
                    <el-date-picker
                            v-model="tableSearchParam.dateStart"
                            type="date"
                            placeholder="开始日期"
                            style="width: 150px;"
                            :default-time="defaultTime"
                    />
                </div>
                <div style="margin-left: 5px;margin-right: 5px">
                    <span >-</span>
                </div>
                <div>
                    <el-date-picker
                            v-model="tableSearchParam.dateEnd"
                            type="date"
                            placeholder="结束日期"
                            style="width: 150px;"
                            :default-time="defaultTime"
                    />
                </div>
            </el-form-item>
            <el-form-item label="单据号">
                <el-input v-model="tableSearchParam.fbillno" placeholder="请输入单据号" style="width: 150px;"></el-input>
            </el-form-item>
            <el-form-item label="生产单号">
                <el-input v-model="tableSearchParam.fentryselfp0362" placeholder="请输入生产单号" style="width: 150px;"></el-input>
            </el-form-item>
            <el-form-item label="供应商">
                <el-select v-model="tableSearchParam.fsupplyid" placeholder="选择供应商" style="width: 150px" >
                    <el-option
                            v-for="item in options"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value"
                    />
                </el-select>
            </el-form-item>
            <el-form-item label="业务类型">
                <el-select v-model="tableSearchParam.bizTypeName" placeholder="选择业务类型" style="width: 150px" >
                    <el-option
                            v-for="item in businessOptions"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value"
                    />
                </el-select>
            </el-form-item>
            <el-form-item label="状态">
                <el-select v-model="tableSearchParam.fstatus" placeholder="选择状态" style="width: 150px" >
                    <el-option
                            v-for="item in statusOptions"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value"
                    />
                </el-select>
            </el-form-item>
            <el-form-item label="生产部门">
                <el-select v-model="tableSearchParam.fheadselfp0339" placeholder="选择生产部门" style="width: 150px" >
                    <el-option
                            v-for="item in depOptions"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value"
                    />
                </el-select>
            </el-form-item>
            <el-form-item label="">
                <el-button type="primary" @click="search" circle >
                    <el-icon><Search /></el-icon>
                </el-button>
            </el-form-item>
        </el-form>
        <el-form :inline="true">
            <el-form-item label="">
                <el-button type="danger" @click="selectDelete">删除</el-button>
            </el-form-item>
            <el-form-item label="">
                <el-button type="danger" @click="selectClose">关闭</el-button>
            </el-form-item>
        </el-form>
        <el-table size="small" :data="tableData" border style="width: 100%" @selection-change="handleSelectionChange" max-height="620" @cell-dblclick="dblclick">
            <el-table-column type="selection" >
            </el-table-column>
            <el-table-column type="index" width="55" >
            </el-table-column>
            <el-table-column prop="fbillno" label="单据编号" width="150" :show-overflow-tooltip="true">
            </el-table-column>
            <el-table-column prop="fdate" label="日期">
            </el-table-column>
            <el-table-column prop="venName" label="供应商" width="100" :show-overflow-tooltip="true">
            </el-table-column>
            <el-table-column prop="bizTypeName" label="业务类型" >
            </el-table-column>
            <el-table-column prop="invCode" label="物料编码" width="150" :show-overflow-tooltip="true">
            </el-table-column>
            <el-table-column prop="invName" label="物料名称" width="150" :show-overflow-tooltip="true">
            </el-table-column>
            <el-table-column prop="fqty" label="数量">
            </el-table-column>
            <el-table-column prop="inStockQty" label="立库入库量">
            </el-table-column>
            <el-table-column prop="forderbillno" label="订单单号">
            </el-table-column>
            <el-table-column prop="fentryselfp0362" label="生产单号">
            </el-table-column>
            <el-table-column prop="fheadselfp0339" label="生产部门">
            </el-table-column>
            <el-table-column prop="fheadselfp0338" label="交货日期">
            </el-table-column>
        </el-table>
        <div style="margin-top: 10px">
            <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"
                           :current-page="currentPage" :page-sizes="pageSizes" :page-size="pageSize"
                           layout="total, sizes, prev, pager, next, jumper" :total="pageTotal">
            </el-pagination>
        </div>
        <el-dialog v-model="dialogVisible" fullscreen>
            <el-form :inline="true" label-width="auto">
                <el-form-item label="">
                    <el-button type="primary"  @click="save">保存</el-button>
                </el-form-item>
            </el-form>
            <el-form :inline="true" :model="formData" label-width="auto">
                <el-form-item label="单据号" >
                    <el-input v-model="formData.fbillno" disabled></el-input>
                </el-form-item>
                <el-form-item label="制单日期" >
                    <el-input v-model="formData.fdate" disabled></el-input>
                </el-form-item>
                <el-form-item label="业务类型" >
                    <el-input v-model="formData.bizTypeName" disabled></el-input>
                </el-form-item>
                <el-form-item label="供应商" required>
                    <el-select v-model="formData.fsupplyid" placeholder="选择车间" style="width: 240px" >
                        <el-option
                                v-for="item in options"
                                :key="item.value"
                                :label="item.label"
                                :value="item.value"></el-option>
                    </el-select>
                </el-form-item>
                <el-form-item label="交货日期" required>
                    <el-date-picker
                            v-model="formData.fheadselfp0338"
                            type="date"
                            placeholder="选择交货日期"
                    />
                </el-form-item>
                <el-form-item label="生产车间" >
                    <el-input v-model="formData.fheadselfp0339" disabled></el-input>
                </el-form-item>
            </el-form>
            <el-form :inline="true" label-width="auto">
                <el-form-item label="">
                    <el-button type="danger"  @click="selectDeleteDialog">删行</el-button>
                </el-form-item>
            </el-form>
            <el-table :data="tableDataDialog" border style="width: 100%" row-key="id" @selection-change="handleSelectionChangeDialog" max-height="650">
                <el-table-column type="selection" >
                </el-table-column>
                <el-table-column type="index" width="50" >
                </el-table-column>
                <el-table-column prop="invCode" label="物料编码" >
                </el-table-column>
                <el-table-column prop="invName" label="物料名称">
                </el-table-column>
                <el-table-column prop="invStd" label="物料规格">
                </el-table-column>
                <el-table-column prop="fqty" label="数量">
                    <template #default="scope">
                        <el-input v-model="scope.row.fqty"></el-input>
                    </template>
                </el-table-column>
                <el-table-column prop="inStockQty" label="立库入库量">
                </el-table-column>
                <el-table-column prop="forderbillno" label="订单单号">
                </el-table-column>
                <el-table-column prop="fentryselfp0362" label="生产单号">
                </el-table-column>
            </el-table>
            <template #footer>
                <div class="dialog-footer" style="text-align: left;">
                    <el-button @click="dialogVisible = false">关闭</el-button>
                </div>
            </template>
        </el-dialog>
    </el-card>
</div>
<script type="text/javascript" src="../../static/js/jquery/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="../../static/js/common.js" charset="utf-8"></script>
<script src="../../static/evn/vue.global.js"></script>
<script src="../../static/evn/element-plus.js"></script>
<script src="../../static/evn/icons-vue.js"></script>
<script type="module">
    // 导入中文语言包
    import zhCn from '../../static/js/erp/zh-cn.js';
    const { createApp, ref, onMounted,onBeforeMount } = Vue;
    const app = createApp({
        setup() {
            const currentPage = ref(1)
            const pageSizes = ref([100,500,1000, 1500])
            const pageSize = ref(100)
            const pageTotal = ref(0)
            const tableSearchParam = ref({
                dateStart:null,
                dateEnd: null,
                // dateStart:new Date(),
                // dateEnd: new Date(),
                fbillno: null,
                fsupplyid:null,
                bizTypeName:null,
                fstatus:'0',
                fheadselfp0339:null,
                fentryselfp0362:null
            })
            const tableData = ref([])
            const tableDataDialog = ref([])
            const selectList = ref([])
            const selectListDialog = ref([])
            const options = ref([
            ])
            const depOptions = ref([
                {
                    value: '南区车间',
                    label: '南区车间'
                },
                {
                    value: '北区车间',
                    label: '北区车间'
                }
            ])
            const businessOptions = [
                {
                    value: '订单委外',
                    label: '订单委外'
                },
                {
                    value: '外购入库',
                    label: '外购入库'
                }
            ]
            const statusOptions = [
                {
                    value: '0',
                    label: '未审核',
                    check: true
                },
                {
                    value: '2',
                    label: '已审核未关闭'
                }
            ]
            const dialogVisible = ref(false)
            const formData = ref({})
            function search(){
                currentPage.value = 1
                page()
            }
            function page(){
                let data = JSON.parse(JSON.stringify(tableSearchParam.value))
                data.curr = currentPage.value
                data.limit = pageSize.value
                const loading = ElementPlus.ElLoading.service({
                    lock: true,
                    text: 'Loading',
                    background: 'rgba(0, 0, 0, 0.7)',
                })
                $.ajax({
                    url: "http://127.0.0.1:9090/mo/poinstock/getList",
                    headers: {
                        'token': localStorage.getItem('token')
                    },
                    data: data,
                    dataType: 'json',
                    contentType: 'application/json;charset=UTF-8',
                    method: 'GET',
                    success: function(res) {
                        if (res.code == 200) {
                            tableData.value = res.data.records
                            pageTotal.value = res.data.total
                        } else if (res.code === 403) {
                            top.location.href = baseUrl + "/";
                        } else {
                            ElementPlus.ElMessage({
                                message: res.msg,
                                type: 'error'
                            });
                        }
                    },
                    complete: function() {
                        loading.close()
                    }
                });
            }
            function selectDelete(){
                if (selectList.value.length === 0){
                    ElementPlus.ElMessage({
                        message: "请先选择",
                        type: 'error'
                    });
                    return ;
                }
                ElementPlus.ElMessageBox.confirm('确定删除吗?')
                    .then(() => {
                        const loading = ElementPlus.ElLoading.service({
                            lock: true,
                            text: 'Loading',
                            background: 'rgba(0, 0, 0, 0.7)',
                        })
                        $.ajax({
                            url:"http://127.0.0.1:9090/mo/poinstock/softDelete",
                            data: JSON.stringify(selectList.value),
                            dataType: 'json',
                            contentType: 'application/json;charset=UTF-8',
                            method: 'POST',
                            success: function(res) {
                                if (res.code == 200) {
                                    ElementPlus.ElMessage({
                                        message: "删除成功",
                                        type: 'success'
                                    });
                                } else if (res.code === 403) {
                                    top.location.href = baseUrl + "/";
                                } else {
                                    ElementPlus.ElMessage({
                                        message: res.msg,
                                        type: 'error'
                                    });
                                }
                            },
                            complete: function() {
                                page()
                                dialogVisible.value = false
                                loading.close();
                            }
                        });
                    })
            }
            function formatLocalDate(date) {
                if (!date) return '';
                var d = new Date(date);
                // 直接返回标准ISO 8601格式 (UTF-8兼容)
                return d.toISOString();
            }
            function save(){
                ElementPlus.ElMessageBox.confirm('确定保存吗?')
                    .then(() => {
                        const loading = ElementPlus.ElLoading.service({
                            lock: true,
                            text: 'Loading',
                            background: 'rgba(0, 0, 0, 0.7)',
                        })
                         const poInStockDTO = JSON.parse(JSON.stringify(formData.value));
                         const poInStockDTOS = JSON.parse(JSON.stringify(tableDataDialog.value));
                         poInStockDTO.fheadselfp0338 = formatLocalDate(poInStockDTO.fheadselfp0338);
                        $.ajax({
                            url:"http://127.0.0.1:9090/mo/poinstock/saveorupdate",
                            data: JSON.stringify({
                                poInStockDTO : poInStockDTO,
                                poInStockDTOS: poInStockDTOS
                            }),
                            dataType: 'json',
                            contentType: 'application/json;charset=UTF-8',
                            method: 'POST',
                            success: function(res) {
                                if (res.code == 200) {
                                    ElementPlus.ElMessage({
                                        message: "保存成功",
                                        type: 'success'
                                    });
                                } else if (res.code === 403) {
                                    top.location.href = baseUrl + "/";
                                } else {
                                    ElementPlus.ElMessage({
                                        message: res.msg,
                                        type: 'error'
                                    });
                                }
                            },
                            complete: function() {
                                page()
                                dialogVisible.value = false
                                loading.close();
                            }
                        });
                    })
            }
            function selectClose(){
                if (selectList.value.length === 0){
                    ElementPlus.ElMessage({
                        message: "请先选择",
                        type: 'error'
                    });
                    return ;
                }
                ElementPlus.ElMessageBox.confirm('确定关闭吗?')
                    .then(() => {
                        const loading = ElementPlus.ElLoading.service({
                            lock: true,
                            text: 'Loading',
                            background: 'rgba(0, 0, 0, 0.7)',
                        })
                        $.ajax({
                            url:"http://127.0.0.1:9090/mo/poinstock/softclose",
                            data: JSON.stringify(selectList.value),
                            dataType: 'json',
                            contentType: 'application/json;charset=UTF-8',
                            method: 'POST',
                            success: function(res) {
                                if (res.code == 200) {
                                    ElementPlus.ElMessage({
                                        message: "关闭成功",
                                        type: 'success'
                                    });
                                }else {
                                    ElementPlus.ElMessage({
                                        message: res.msg,
                                        type: 'error'
                                    });
                                }
                            },
                            complete: function() {
                                page()
                                loading.close();
                            }
                        });
                    })
            }
            function handleSelectionChangeDialog(val) {
                    selectListDialog.value = val
                    console.log(selectListDialog.value);
                }
            function dblclick(val){
                formData.value = JSON.parse(JSON.stringify(val));
                getListByID(formData.value);
                dialogVisible.value = true
            }
            function selectDeleteDialog(){
                if (selectListDialog.value.length === 0) {
                    ElementPlus.ElMessage({
                        message: '请选择要删除的行',
                        type: 'warning'
                    });
                    return;
                }
                //在selectListDialog中删除选中的行
                selectListDialog.value.forEach((item, index) => {
                    tableDataDialog.value.forEach((row, i) => {
                        if (row.id === item.id) {
                            tableDataDialog.value.splice(i, 1);
                        }
                    });
                });
            }
            function getListByID(row){
                const loading = ElementPlus.ElLoading.service({
                    lock: true,
                    text: 'Loading',
                    background: 'rgba(0, 0, 0, 0.7)',
                })
                $.ajax({
                    url:"http://127.0.0.1:9090/mo/poinstock/getbyid",
                    data: JSON.stringify(row),
                    dataType: 'json',
                    contentType: 'application/json;charset=UTF-8',
                    method: 'POST',
                    success: function(res) {
                        if (res.code == 200) {
                            tableDataDialog.value = res.data;
                        } else if (res.code === 403) {
                            top.location.href = baseUrl + "/";
                        } else {
                            ElementPlus.ElMessage({
                                message: res.msg,
                                type: 'error'
                            });
                        }
                    },
                    complete: function() {
                        loading.close();
                    }
                });
            }
            function handleSizeChange(val) {
                pageSize.value = val
                currentPage.value = 1 // 重置到第一页
                page()
            }
            function handleCurrentChange(val) {
                currentPage.value = val
                page()
            }
            function handleSelectionChange(val) {
                selectList.value = val
            }
            function getVendor(){
                $.ajax({
                    url: "http://127.0.0.1:9090/basicinfo/vendor/getlistfordropdown",
                    contentType: 'application/json;charset=UTF-8',
                    method: 'GET',
                    success: function(res) {
                        if (res.code == 200) {
                            res.data.map(item => {
                                options.value.push({
                                    value: item.venId, label: item.venName
                                })
                            })
                        } else {
                            ElementPlus.ElMessage({
                                message: res.msg,
                                type: 'error'
                            });
                        }
                    }
                });
            }
            onMounted(() => {
                page()
            })
            onBeforeMount(() => {
                getVendor()
            })
            return {
                tableData,
                currentPage,
                pageSizes,
                pageSize,
                pageTotal,
                tableSearchParam,
                options,
                depOptions,
                businessOptions,
                statusOptions,
                dialogVisible,
                formData,
                tableDataDialog,
                selectListDialog,
                search,
                page,
                save,
                dblclick,
                selectDelete,
                handleSizeChange,
                handleCurrentChange,
                handleSelectionChange,
                selectDeleteDialog,
                handleSelectionChangeDialog,
            }
        }
    });
    app.use(ElementPlus, {
        locale: zhCn.default || zhCn
    });
    for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
        app.component(key, component)
    }
    app.mount('#app');
</script>
</body>
</html>