~jhz/STUWMS.git

parent: e90dfb34 | 补丁 | 提交 | ignore whitespace

yusijie

2025-11-12 a10f376b1b5b271146e75b37b79d651dfd61ebac

三码合一，组托拆码

3个文件已修改

3个文件已添加

	pages.json	26 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	pages/chaituosaoma-xiaowei/UnpackPallet.vue	667 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	pages/index/index.vue	15 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	pages/index/login.vue	1 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	pages/sanmaheyi/BarCodeCheck.vue	872 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	pages/sanmaheyi/table.vue	487 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史

 pages.json

@@ -1246,7 +1246,19 @@
            "style": {
                "navigationBarTitleText": "巡检单"
            }
        }
        },
        {
            "path": "pages/chaituosaoma-xiaowei/UnpackPallet",
            "style": {
                "navigationBarTitleText": "拆托扫码（小卫）"
            }
        },
        {
            "path": "pages/sanmaheyi/BarCodeCheck",
            "style": {
                "navigationBarTitleText": "三码合一"
            }
        }
    ],
    "tabBar": {
        "color": "#888888", //tab 上的文字默认颜色，仅支持十六进制颜色
@@ -1286,5 +1298,15 @@
        "backgroundColor": "#F8F8F8",
        "pageOrientation": "default"
    },
    "uniIdRouter": {}
    "uniIdRouter": {},
    "condition" : { //模式配置，仅开发期间生效
        "current": 0, //当前激活的模式(list 的索引项)
        "list": [
            {
                "name": "", //模式名称
                "path": "", //启动页面，必选
                "query": "" //启动参数，在页面的onLoad函数里面得到
            }
        ]
    }
}

 pages/chaituosaoma-xiaowei/UnpackPallet.vue

New file
@@ -0,0 +1,667 @@
<template>
    <view class="form">
        <view class="form-base-info">
            <view class="form-item">
                <view class="title">托条码</view>
                <view class="right">
                    <input type="text" :focus="HBarCodePackFocus" v-model="HBarCode_Pack" @confirm="GetMeesageByBarCode_Pack(HBarCode_Pack)" />
                </view>
                <view class="right-icon">
                    <uni-icons class="right-icon" type="scan"
                        style="background-color: #3A78FF;padding: 6rpx;color: #fff;border-radius: 100%;" size="20"
                        @click="toScanCode"></uni-icons>
                </view>
            </view>
        </view>
        <view class="tabs">
            <view :class="tabs == 0 ? 'on':''" @tap="tabs = 0">装箱信息</view>
            <view :class="tabs == 1 ? 'on':''" @tap="tabs = 1">单据信息</view>
        </view>
        <!-- 拆箱信息 -->
        <view v-if="tabs == 0">
            <zb-table id="list-table" :fit="true" :style="{height: `${listTableHeight}px`}" :columns="columns" :data="listData"
                :show-header="true" :border="true" :row-key="row => row.index" @toggleRowSelection="handleSelect"
                @toggleAllSelection="handleSelectAll" />
        </view>
        <!-- 单据信息 -->
        <view v-if="tabs == 1">
            <view class="bill-info">
                <view class="form-item">
                    <view class="title">单据日期</view>
                    <view class="right">
                        <uni-datetime-picker type="date" v-model="hform.HDate">
                            <input type="text" v-model="hform.HDate" />
                        </uni-datetime-picker>
                    </view>
                </view>
            </view>
            <view class="bill-info">
                <view class="form-item">
                    <view class="title">制单人</view>
                    <view class="right disabled">
                        <input type="text" disabled :value="hform.HMaker" />
                    </view>
                </view>
            </view>
            <view class="bill-info">
                <view class="form-item">
                    <view class="title">单据号</view>
                    <view class="right disabled">
                        <input type="text" disabled :value="hform.HBillNo" />
                    </view>
                </view>
            </view>
            <view class="bill-info">
                <view class="form-item">
                    <view class="title">单据ID</view>
                    <view class="right disabled">
                        <input type="text" disabled :value="hform.HInterID" />
                    </view>
                </view>
            </view>
            <view class="bill-info">
                <view class="form-item">
                    <view class="title">组织</view>
                    <view class="right disabled">
                        <input type="text" disabled :value="hform.HStockOrgName" />
                    </view>
                </view>
            </view>
        </view>
        <view class="bottom-btn" id="bottom-btn">
            <button :class="EnableSubmit?'btn-a':'btn-c'" :disabled="!EnableSubmit" size="mini" @tap="cmdSubmit">拆托</button>
            <view style="flex: 1;"></view>
            <!-- <button class="btn-d" size="mini" @tap="cmdDelete">删除</button> -->
            <button class="btn-c" size="mini" @tap="cmdExit">退出</button>
        </view>
    </view>
</template>

<script>
    import dayjs from 'dayjs'
    import {
        getUserInfo
    } from "../../utils/auth";
    import {
        CommonUtils
    } from "@/utils/common.js"
    import {
        MpaasScan
    } from "@/utils/mpaasScan.js"
    export default {
        data() {
            return {
                EnableSubmit: true,
                // 计算列表高度
                bottomBtnTop: 0,
                listTableTop: 0,
                // 公共变量 
                HBarCodePackFocus: false,
                HBarCodeFocus: false,
                HBarCode_Pack: '', //箱条码
                HBarCode: '', // 包条码
                tabs: 0,
                HBillType: '3783',
                HBillSubType: '1', //子类型（1拆箱、2拆托）
                OperationType: 1, //操作类型（1新增、2从缓存列表中返回）
                HMaterNumber_Pack: "", //托条码对应物料代码
                listOption: [],
                listData: [],
                columns: [
                    {
                        name: 'index',
                        label: '序号',
                        width: 60,
                        hidden: true,
                    },
                    {
                        name: '条码编号',
                        label: '条码编号',
                        width: 100,
                    },
                    {
                        name: '数量',
                        label: '数量',
                        width: 100,
                    },
                    {
                        name: '物料代码',
                        label: '物料代码',
                        width: 100,
                    },
                    {
                        name: '物料名称',
                        label: '物料名称',
                        width: 100,
                    },
                    {
                        name: '条码个数',
                        label: '条码个数',
                        width: 100,
                    }
                ],
                selectedRows: [], // 存储选中的数据
                HModName: "Sc_PackUnionBill_Packing_PDA",
                ModRightName: "CE_PackUnionBill_Packing", //模块权限参数
                titleData: [], //不需要显示的字段
                OperationType: 1, //从缓存列表中返回数据类型（1新增、2从缓存列表中返回）
                HBarCode_Pack_Temp: "", //从缓存列表中返回箱条码

                // 表单提交值
                hform: {
                    HDate: dayjs(new Date()).format('YYYY-MM-DD'),
                    HMaker: getUserInfo()['Czymc'],
                    HBillNo: '',
                    HInterID: '',
                    HStockOrgName: uni.getStorageSync("Organization"),
                    HStockOrgID: uni.getStorageSync("OrganizationID"),
                },
                // 分页模块元数据
                paginationMeta: {

                }
            }
        },
        methods: {
            async HBarCodeFocusRefresh(){
              this.HBarCode = ''
              this.HBarCodeFocus = false
              await this.$nextTick()
              this.HBarCodeFocus = true
            },
            async HBarCodePackFocusRefresh(){
              this.HBarCode_Pack = ''
              this.HBarCodePackFocus = false
              await this.$nextTick()
              this.HBarCodePackFocus = true
            },
            toScanCode() {
                MpaasScan.scanCode((scanCode) => {
                    this.HBarCode_Pack = scanCode
                    this.GetMeesageByBarCode_Pack(HBarCode_Pack)
                })
            },
            GetMeesageByBarCode_Pack(HBarCode_Pack) {
                // 获取托条码对应的数据
                CommonUtils.doRequest2({
                    url: '/WEBSController/Get_PackBarCode_DeletePackUnionBill_Json',
                    data: {
                        HMaker: this.hform.HMaker,
                        HStockOrgID: this.hform.HStockOrgID,
                        HBarCode_Pack: HBarCode_Pack
                    },
                    resFunction: (res) => {
                        let {
                            data,
                            count,
                            Message,
                            list
                        } = res.data
                        if (count == 1) {
                            CommonUtils.playSound(1)
                            this.hform.HBillNo = data[0].HBillNo
                            this.hform.HInterID = data[0].HInterID
                            this.HMaterNumber_Pack = data[0].HMaterNumber
                            this.DisBillEntryList();
                            uni.showToast({
                                icon: 'none',
                                title: Message
                            })
                        } else {
                            CommonUtils.playSound(0)
                            this.HBarCodePackFocusRefresh()
                            uni.showToast({
                                icon: 'none',
                                title: Message
                            })
                        }
                    }
                })
            },
            toScanCode2() {
                MpaasScan.scanCode((scanCode) => {
                    this.HBarCode = scanCode
                    GetMeesageByBarCode(scanCode)
                })
            },
            GetMeesageByBarCode(HBarCode) {
                // 获取包条码对应的数据 
                let HBarCode_Pack = this.HBarCode_Pack
                let sOldBarCode = this.HBarCode
                let HDeleteFlag = sOldBarCode.substring(0, 1)
                let sBarCode = sOldBarCode.slice(1)
                if (!HBarCode_Pack) {
                    return uni.showToast({
                        icon: 'none',
                        title: '托条码为空，请先扫描托条码',
                    })
                }

                if (HDeleteFlag == '*') {
                    if (!sBarCode) {
                        return uni.showToast({
                            icon: 'none',
                            title: '请扫描要删除的箱条码',
                        })
                    } else {
                        this.HBarCodeFocusRefresh()
                    }
                    CommonUtils.doRequest2({
                        url: '/WEBSController/set_DelPackUnionBill_Temp_Pack_Json',
                        data: {
                            "HInterID": this.hform.HInterID,
                            "HBarCode": sBarCode,
                            "HBillType": this.HBillType
                        },
                        resFunction: (res) => {
                            let {
                                data,
                                count,
                                Message
                            } = res.data
                            if (count == 1) {
                                CommonUtils.playSound(1)
                                this.DisBillEntryList()
                            } else {
                                CommonUtils.playSound(0)
                                uni.showToast({
                                    icon: 'none',
                                    title: Message
                                })
                            }
                        }
                    })
                } else {
                    let sBarCode = this.HBarCode
                    if (!sBarCode) {
                        return uni.showToast({
                            icon: 'none',
                            title: '箱条码不能为空，请扫描箱条码',
                        })
                    }
                    CommonUtils.doRequest2({
                        url: '/WEBSController/Get_BarCode_PackUnionBill_New_Json',
                        data: {
                            "HInterID": this.hform.HInterID,
                            "HBarCode": sBarCode,
                            "HBillType": this.HBillType,
                            "HBillNo": this.hform.HBillNo,
                            "HBillSubType": this.HBillSubType,
                            "HBarCode_Pack": HBarCode_Pack,
                            "HMaterNumber_Pack": this.HMaterNumber_Pack,
                            "HMaker": this.hform.HMaker,
                            "HStockOrgID": this.hform.HStockOrgID
                        },
                        resFunction: (res) => {
                            let {
                                data,
                                count,
                                Message
                            } = res.data
                            if (count == 1) {
                                CommonUtils.playSound(1)
                                this.HBarCodeFocusRefresh()
                                this.DisBillEntryList()
                            } else {
                                CommonUtils.playSound(0)
                                this.HBarCodeFocusRefresh()
                                uni.showToast({
                                    icon: 'none',
                                    title: Message
                                })
                            }
                        }
                    })
                }
            },
            DisBillEntryList() {
                CommonUtils.doRequest2({
                    url: '/WEBSController/GetBillEntry_Tmp_Pack_Json',
                    data: {
                        "HInterID": this.hform.HInterID,
                        "HBillNo": this.hform.HBillNo,
                        "HBillType": this.HBillType
                    },
                    resFunction: (res) => {
                        let {
                            count,
                            data,
                            Message
                        } = res.data
                        if (count == 1) {
                            this.listData = []
                            for (let i = 0; i < data.length; i++) {
                                this.listData.push(Object.assign(data[i], {
                                    index: i
                                }))
                            }
                        } else {
                            // 没有任何记录视为从0开始新增
                            this.listData = []
                        }
                    }
                })
            },
            handleSelect(selected, array) {
                this.selectedRows = array
            },
            handleSelectAll(selected, array) {
                this.selectedRows = array
            },
            getMaxNo() {
                CommonUtils.doRequest2({
                    url: "/WEBSController/GetMaxBillNoAndID_Json",
                    data: {
                        "HBillType": this.HBillType
                    },
                    resFunction: (d) => {
                        console.log('d: ', d);
                        let {
                            count,
                            data,
                            Message
                        } = d.data
                        if (count == 1) {
                            this.hform.HInterID = data[0].HInterID;
                            this.hform.HBillNo = data[0].HBillNo
                        } else {

                            uni.showModal({
                                title: "温馨提示",
                                showCancel: false,
                                content: Message

                            })

                        }
                    }
                })
            },
            submitPreCheck() {
                if (CommonUtils.isEmpty(this.hform.HInterID)) {
                    uni.showToast({
                        icon: 'none',
                        title: '单据内码获取失败，错误的单据内码！'
                    })
                    return false
                }
                if (CommonUtils.isEmpty(this.hform.HBillNo)) {
                    uni.showToast({
                        icon: 'none',
                        title: '单据号获取失败，错误的单据号！'
                    })
                    return false
                }
                if (this.listData.length < 1) {
                    uni.showToast({
                        icon: 'none',
                        title: '没有扫码信息，请先扫描条码，确认无误后再提交！'
                    })
                    return false
                }
                return true
            },
            cmdDelete() {
                console.log('this.selectedRows: ', this.selectedRows);
                if (this.selectedRows.length != 1) {
                    return uni.showToast({
                        icon: 'none',
                        title: '请选择一行记录，进行删除！'
                    })
                }
                uni.showModal({
                    title: '删除确认',
                    content: '确认要删除选中行所有扫码记录？删除后将不可恢复!',
                    success: () => {
                        if (confirm) {
                            CommonUtils.doRequest2({
                                url: '/WEBSController/set_DelPackUnionBill_Temp_Pack_Json',
                                data: {
                                    HInterID: this.hform.HInterID,
                                    HBillType: this.HBillType,
                                    HBarCode: this.selectedRows[0].HBarCode
                                },
                                resFunction: (res) => {
                                    let {
                                        data,
                                        count,
                                        Message
                                    } = res.data
                                    if (count == 1) {
                                        CommonUtils.playSound(1)
                                        uni.showToast({
                                            icon: 'none',
                                            title: Message
                                        })
                                        this.DisBillEntryList()
                                    } else {
                                        CommonUtils.playSound(0)
                                        uni.showToast({
                                            icon: 'none',
                                            title: Message
                                        })
                                    }
                                }
                            })
                        }
                    }
                })
            },
            cmdSubmit() {
                let checkRes = this.submitPreCheck()
                if (!checkRes) {
                    return
                }
                this.EnableSubmit = false
                CommonUtils.doRequest2({
                    url: '/WEBSController/GetDeletePackUnionBill_Json',
                    data: {
                        "HInterID": this.hform.HInterID,
                        "HBillNo": this.hform.HBillNo,
                        "HBarCode_Pack": this.HBarCode_Pack,
                        "HMaker": this.hform.HMaker,
                    },
                    resFunction: (res) => {
                        let {data, count, Message} = res.data
                        if(count == 1){
                            uni.showModal({
                                title: '温馨提示',
                                content: Message,
                                confirmText: "新增",
                                cancelText: '关闭',
                                success: ({confirm,cancel}) => {
                                    if(confirm) {
                                        uni.redirectTo({
                                            url: "/pages/zutuosaoma/form"
                                        })
                                    }
                                    
                                    if(cancel) {
                                        uni.navigateBack()
                                    }
                                }
                            })
                        }else {
                            uni.showToast({
                                icon:'none',
                                title: Message
                            })
                        }
                    }
                })
            },
            cmdExit() {
                uni.navigateBack()
            }
        },
        computed: {
            listTableHeight: {
                get() {
                    return this.bottomBtnTop - this.listTableTop - 10
                }
            }
        },
        async onReady() {
            // #ifndef MP-WEIXIN
            let query = uni.createSelectorQuery().in(this)
            query.select("#bottom-btn")
                .boundingClientRect((data) => {
                    if (data) {
                        this.bottomBtnTop = data.top
                    } else {
                        console.log("未找到#bottom-btn节点");
                    }
                })
                .exec();
            query.select("#list-table")
                .boundingClientRect((data) => {
                    if (data) {
                        this.listTableTop = data.top
                    } else {
                        console.log("未找到#list-table节点");
                    }
                })
                .exec();
            // #endif
        },
        onLoad(e) {
            this.OperationType = e.OperationType || 1
            this.HBarCode_Pack_Temp = e.CommonUtils || ""

            if (this.OperationType == 1) {
                this.getMaxNo()
            } else if (this.OperationType == 2) {

            }
            
            this.HBarCodePackFocusRefresh()
        }
    }
</script>

<style lang="scss">
    input {
        width: inherit;
        padding: 8rpx 20rpx;
        font-size: 30rpx;
    }

    .form {
        display: flex;
        flex-direction: column;
        gap: 20rpx;

        .form-base-info {
            display: flex;
            flex-direction: column;
            gap: 10rpx;
            box-sizing: border-box;
            padding: 30rpx;
        }

        .bill-info {
            display: flex;
            flex-direction: column;
            gap: 10rpx;
            box-sizing: border-box;
            padding: 16rpx 30rpx;
        }

        .form-item {
            display: flex;
            flex-direction: row;
            gap: 10rpx;

            .title {
                width: 5rem;
                flex-shrink: 0;
            }

            .right {
                flex: 1;
                border-radius: 22rpx;
                border: 1px solid #acacac;
            }

            .disabled {
                border: 1px solid #e4e4e4;
                background-color: #e4e4e4;
            }

            .right-icon {
                flex-shrink: 0;
                display: flex;
                justify-content: center;
                align-items: center;
            }

        }
    }

    .tabs {
        width: 100%;
        display: flex;
        border-bottom: 1px solid #ddd;
        margin: 20rpx 0;

        view {
            width: 25%;
            font-size: 30rpx;
            color: #555;
            text-align: center;
            padding: 16rpx 0;
        }

        .on {
            color: #3a78ff;
            font-weight: bold;
            border-bottom: 3px solid #3a78ff;
        }
    }

    .bottom-btn {
        width: 100%;
        box-sizing: border-box;
        // height: 120rpx;
        position: fixed;
        bottom: 0;
        left: 0;
        background-color: #fff;
        box-shadow: 0 2rpx 10rpx 2rpx rgba(0, 0, 0, 0.4);
        padding: 30rpx 40rpx 40rpx 40rpx;
        display: flex;
        flex-direction: row;
        gap: 10rpx;

        button {
            border-radius: 50rpx;
            width: 180rpx;
            height: 66rpx;
            line-height: 66rpx;
            font-size: 28rpx;
        }

        .btn-a {
            background-color: #3A78FF;
            color: #fff;
        }

        .btn-b {
            background-color: #41a863;
            color: #fff;
        }

        .btn-c {
            background-color: #acacac;
            color: #fff;
            // position: absolute;
            // right: 120rpx;
        }

        .btn-d {
            background-color: #ff8901;
            color: #fff;
        }
    }
    
</style>

 pages/index/index.vue

@@ -274,7 +274,20 @@
                        id: 30,
                        hidden: false,
                    },

                    {
                        img: '../../static/icon/icon8.png',
                        text: '拆托扫码（小卫）',
                        url: `/pages/chaituosaoma-xiaowei/UnpackPallet`,
                        id: 31,
                        hidden: false,
                    },
                    {
                        img: '../../static/icon/icon8.png',
                        text: '三码合一',
                        url: `/pages/sanmaheyi/BarCodeCheck`,
                        id: 32,
                        hidden: false,
                    },
                ],
                // itemData: [{
                //         img: '../../static/icon/icon1.png',

 pages/index/login.vue

@@ -92,6 +92,7 @@
                    "翁涛涛本地测试": 'http://localhost:81/API/',
                    "陈镐哲本地测试": 'http://localhost:81/API/',
                    "张瑞广本地测试": 'http://localhost:8082/API/',
                    "余思杰本地测试": 'http://localhost:8082/LuBaoAPI/',
                },
                serverUrlName: '浙江智云迈思',


 pages/sanmaheyi/BarCodeCheck.vue

New file
@@ -0,0 +1,872 @@
<template>
    <view class="form">
        <view class="form-base-info">
            <view class="form-item">
                <view class="title">栈板码</view>
                <!-- 按照源单物料样式添加disabled类和禁用属性 -->
                <view class="right" :class="disableBarCodePallet ? 'disabled' : ''">
                    <input type="text" :focus="HBarCodePalletFocus" v-model="HBarCode_Pallet"
                        @confirm="CheckBarcode(HBarCode_Pallet,1)" :disabled="disableBarCodePallet" />
                </view>
                <view class="right-icon">
                    <uni-icons class="right-icon" :class="disableBarCodePallet ? 'disabled':''" type="scan"
                        style="background-color: #3A78FF;padding: 6rpx;color: #fff;border-radius: 100%;" size="20"
                        @click="toScanCode" :disabled="disableBarCodePallet"></uni-icons>
                </view>
            </view>
            <view class="form-item">
                <view class="title">目的仓码</view>
                <!-- 按照源单物料样式添加disabled类和禁用属性 -->
                <view class="right" :class="disableBarCodeDest ? 'disabled' : ''">
                    <input type="text" :focus="HBarCodeDestFocus" v-model="HBarCode_Destination"
                        @confirm="CheckBarcode(HBarCode_Destination,2)" :disabled="disableBarCodeDest" />
                </view>
                <view class="right-icon">
                    <uni-icons class="right-icon" :class="disableBarCodeDest ? 'disabled':''" type="scan"
                        style="background-color: #3A78FF;padding: 6rpx;color: #fff;border-radius: 100%;" size="20"
                        @click="toScanCode" :disabled="disableBarCodeDest"></uni-icons>
                </view>
            </view>
            <view class="form-item">
                <view class="title">中箱码</view>
                <!-- 按照源单物料样式添加disabled类和禁用属性 -->
                <view class="right" :class="disableBarCodeMiddle ? 'disabled' : ''">
                    <input type="text" :focus="HBarCodeMiddleFocus" v-model="HBarCode_MiddleBox "
                        @confirm="CheckBarcode(HBarCode_MiddleBox,3)" :disabled="disableBarCodeMiddle" />
                </view>
                <view class="right-icon">
                    <uni-icons class="right-icon" :class="disableBarCodeMiddle ? 'disabled':''" type="scan"
                        style="background-color: #3A78FF;padding: 6rpx;color: #fff;border-radius: 100%;" size="20"
                        @click="toScanCode" :disabled="disableBarCodeMiddle"></uni-icons>
                </view>
            </view>
            <view class="form-item">
                <view class="title">产品码</view>
                <!-- 按照源单物料样式添加disabled类和禁用属性 -->
                <view class="right" :class="disableBarCode ? 'disabled' : ''">
                    <input type="text" :focus="HBarCodeFocus" v-model="HBarCode"
                        @confirm="GetMeesageByBarCode(HBarCode)" :disabled="disableBarCode" />
                </view>
                <view class="right-icon">
                    <uni-icons class="right-icon" :class="[disableBarCode ? 'disabled':'']" type="scan"
                        style="background-color: #3A78FF;padding: 6rpx;color: #fff;border-radius: 100%;" size="20"
                        @click="toScanCode" :disabled="disableBarCode"></uni-icons>
                </view>
            </view>
        </view>
        <view class="tabs">
            <view :class="tabs == 0 ? 'on':''" @tap="tabs = 0">复核信息</view>
            <view :class="tabs == 1 ? 'on':''" @tap="tabs = 1">单据信息</view>
        </view>
        <!-- 复核信息 -->
        <view v-if="tabs == 0">
            <zb-table id="list-table" :checked-highlight="true" :fit="true" :style="{height: `${listTableHeight}px`}"
                :columns="columns" :data="listData" :show-header="true" :border="true" :row-key="row => row.index"
                @toggleRowSelection="handleSelect" @toggleAllSelection="handleSelectAll"
                @rowClick="onTableRowClickHandler" />
        </view>
        <!-- 单据信息 -->
        <view v-if="tabs == 1">

            <view class="bill-info">
                <view class="form-item">
                    <view class="title">单据日期</view>
                    <view class="right">
                        <uni-datetime-picker type="date" v-model="hform.HDate">
                            <input type="text" v-model="hform.HDate" />
                        </uni-datetime-picker>
                    </view>
                </view>
            </view>
            <view class="bill-info">
                <view class="form-item">
                    <view class="title">制单人</view>
                    <view class="right disabled">
                        <input type="text" disabled :value="hform.HMaker" />
                    </view>
                </view>
            </view>
            <view class="bill-info">
                <view class="form-item">
                    <view class="title">单据号</view>
                    <view class="right disabled">
                        <input type="text" disabled :value="hform.HBillNo" />
                    </view>
                </view>
            </view>
            <view class="bill-info">
                <view class="form-item">
                    <view class="title">单据ID</view>
                    <view class="right disabled">
                        <input type="text" disabled :value="hform.HInterID" />
                    </view>
                </view>
            </view>
            <view class="bill-info">
                <view class="form-item">
                    <view class="title">组织</view>
                    <view class="right disabled">
                        <input type="text" disabled :value="hform.HStockOrgName" />
                    </view>
                </view>
            </view>
        </view>
        <view class="bottom-btn" id="bottom-btn">
            <button :class="EnableSubmit?'btn-a':'btn-c'" :disabled="!EnableSubmit" size="mini"
                @tap="cmdSubmit">提交</button>
            <view style="flex: 1;"></view>
            <button class="btn-d" size="mini" @tap="cmdDelete">删除</button>
            <button class="btn-c" size="mini" @tap="cmdExit">退出</button>
        </view>
    </view>
</template>
<script>
    import dayjs from 'dayjs'
    import {
        getUserInfo
    } from "../../utils/auth";
    import {
        CommonUtils
    } from "@/utils/common.js"
    import {
        MpaasScan
    } from "@/utils/mpaasScan.js"

    export default {
        data() {
            return {
                // ==================== 布局计算相关 ====================
                // 计算列表高度
                bottomBtnTop: 0,
                listTableTop: 0,

                // ==================== 界面状态控制 ====================
                EnableSubmit: true, // 是否允许提交
                disableBarCodePallet: false, // 栈板码禁用状态
                disableBarCodeDest: false, // 目的仓码禁用状态
                disableBarCodeMiddle: false, // 中箱码禁用状态
                disableBarCode: true, // 产品码禁用状态
                HBarCodePalletFocus: false, // 栈板码输入框聚焦状态
                HBarCodeDestFocus: false, // 目的仓码输入框聚焦状态
                HBarCodeMiddleFocus: false, // 中箱码输入框聚焦状态
                HBarCodeFocus: false, // 产品码输入框聚焦状态
                tabs: 0, // 当前选项卡(0:单据信息,1:装箱信息)


                // ==================== 业务数据 ====================
                HBarCode_Pallet: '', // 栈板码
                HBarCode_Destination: '', //目的仓码
                HBarCode_MiddleBox: '', //中箱码
                HBarCode: '', // 产品码
                HBillType: '1283', // 单据类型
                HBillSubType: '1', // 子类型（1装箱、2组托）
                OperationType: 1, // 操作类型（1新增、2从缓存列表中返回）
                HMaterNumber_Pack: "", // 托条码对应物料代码
                HBarCode_Pallet_Temp: "", // 从缓存列表中返回栈板码
                BarCodeType: 1, // 条码类型(1:装箱,2:组托)


                // ==================== 列表数据 ====================
                listOption: [], // 列表选项
                listData: [], // 表格数据
                selectedRows: [], // 表格选中的数据
                columns: [ // 表格列配置
                    {
                        type: 'selection',
                        fixed: true,
                        width: 50
                    },
                    {
                        name: 'index',
                        label: '序号',
                        width: 60,
                        hidden: true
                    },
                    {
                        name: '栈板码',
                        label: '栈板码',
                        width: 200
                    },
                    {
                        name: '目的仓码',
                        label: '目的仓码',
                        width: 200
                    },
                    {
                        name: '中箱码',
                        label: '中箱码',
                        width: 200
                    },
                    {
                        name: 'SN码',
                        label: 'SN码',
                        width: 200
                    }
                ],

                // ==================== 主表单数据 ====================
                hform: {
                    HDate: dayjs(new Date()).format('YYYY-MM-DD'), // 单据日期
                    HMaker: getUserInfo()['Czymc'], // 制单人
                    HBillNo: '', // 单据号
                    HInterID: '', // 单据ID
                    HStockOrgName: uni.getStorageSync("Organization"), // 组织名称
                    HStockOrgID: uni.getStorageSync("OrganizationID"), // 组织ID
                },

                // ==================== 系统配置 ====================
                HModName: "Sc_PackUnionBill_Packing_PDA", // 模块名称
                ModRightName: "CE_PackUnionBill_Packing", // 模块权限参数
                titleData: [] // 不需要显示的字段
            }
        },
        components: {
			
        },
        // ==================== 计算属性 ====================
        computed: {
            // 计算表格高度
            listTableHeight: {
                get() {
                    return this.bottomBtnTop - this.listTableTop - 10
                }
            }
        },

        // ==================== 方法 ====================
        methods: {
            // 复选框变化处理
            checkboxGroupChangeHandler(e) {
                let checkBoxValues = Array.from(e.detail.value)
                this.hform.HQualityApproval = checkBoxValues.includes('qualityApproval')
            },

            // 表格行点击处理
            onTableRowClickHandler(row, index) {
                if (!this.listData[index].checked) {
                    this.$set(this.listData[index], 'checked', true)
                } else {
                    this.listData[index].checked = !this.listData[index].checked
                }
            },

            // 刷新SN码输入框焦点
            async HBarCodeFocusRefresh() {
                this.HBarCode = ''
                this.HBarCodeFocus = false
                await this.$nextTick()
                this.HBarCodeFocus = true
            },

            // 刷新栈板码输入框焦点
            async HBarCodePalletFocusRefresh() {
                this.HBarCode_Pallet = ''
                this.HBarCodePalletFocus = false
                await this.$nextTick()
                this.HBarCodePalletFocus = true
            },

            // 刷新目的仓码输入框焦点
            async HBarCodeDestFocusRefresh() {
                this.HBarCode_Destination = ''
                this.HBarCodeDestFocus = false
                await this.$nextTick()
                this.HBarCodeDestFocus = true
            },

            // 刷新中箱码输入框焦点
            async HBarCodeMiddleFocusRefresh() {
                this.HBarCode_MiddleBox = ''
                this.HBarCodeMiddleFocus = false
                await this.$nextTick()
                this.HBarCodeMiddleFocus = true
            },

            // 扫描栈板码
            toScanCode() {
                MpaasScan.scanCode((scanCode) => {
                    this.HBarCode_Pallet = scanCode
                    this.CheckBarcode(this.HBarCode_Pallet, 1)
                })
            },

            // 扫描目的仓码
            toScanCode() {
                MpaasScan.scanCode((scanCode) => {
                    this.HBarCode_Destination = scanCode
                    this.CheckBarcode(this.HBarCode_Destination, 2)
                })
            },

            // 扫描中箱码
            toScanCode() {
                MpaasScan.scanCode((scanCode) => {
                    this.HBarCode_MiddleBox = scanCode
                    this.CheckBarcode(this.HBarCode_MiddleBox, 3)
                })
            },

            // 扫条码核对校验信息
            CheckBarcode(HBarCode, HBarCodeType) {
                CommonUtils.doRequest2({
                    url: '/CheckBarcodeController/Get_BarCode_BarcodeCheck',
                    data: {
                        HBarCode_Pallet: this.HBarCode_Pallet,
                        HBarCode_Destination: this.HBarCode_Destination,
                        HBarCode_MiddleBox: this.HBarCode_MiddleBox,
                        HBarCode_SN: this.HBarCode_SN,
                        HBarCodeType: HBarCodeType,
                        HInterID: this.hform.HInterID,
                        HBillNo: this.hform.HBillNo,
                        HMaker: this.hform.HMaker
                    },
                    resFunction: (res) => {
                        let {
                            data,
                            count,
                            Message,
                            list
                        } = res.data
                        if (count == 1) {
                            CommonUtils.playSound(1)
							
                            if(HBarCodeType == 1){
                                //处理成功后聚焦到目的仓码输入框
                                this.HBarCodeDestFocusRefresh()
                            }else if(HBarCodeType == 2){
                                //处理成功后聚焦到中箱码输入框
                                this.HBarCodeMiddleFocusRefresh()
                            }else if(HBarCodeType == 3){
                                //处理成功后聚焦到SN码输入框
                                this.HBarCodeFocusRefresh()
                            }
							
							
                            //this.DisBillEntryList();
                            uni.showToast({
                                icon: 'none',
                                title: Message
                            })
							
                            this.listData = [];							
                            for (let i = 0; i < data.length; i++) {
                                this.listData.push(Object.assign(data[i], {
                                    index: i
                                }))
                            }
                        } else {
                            CommonUtils.playSound(0)
                            this.HBarCodePalletFocusRefresh()
                            uni.showToast({
                                icon: 'none',
                                title: Message
                            })
                        }
                    }
                })
            },

            // 扫描产品码
            toScanCode2() {
                MpaasScan.scanCode((scanCode) => {
                    this.HBarCode = scanCode
                    this.GetMeesageByBarCode(scanCode)
                })
            },

            // 根据产品码获取信息
            GetMeesageByBarCode(HBarCode) {
                let HBarCode_Pallet = this.HBarCode_Pallet
                let sOldBarCode = this.HBarCode
                let HDeleteFlag = sOldBarCode.substring(0, 1)
                let sBarCode = sOldBarCode.slice(1)

                if (!HBarCode_Pallet) {
                    return uni.showToast({
                        icon: 'none',
                        title: '栈板码不能为空，请先扫描托条码！'
                    })
                }
                if (HDeleteFlag == '*') {
                    // 删除条码逻辑
                    if (!sBarCode) {
                        return uni.showToast({
                            icon: 'none',
                            title: '请扫描要删除的条码'
                        })
                    } else {
                        this.HBarCodeFocusRefresh()
                    }
                    CommonUtils.doRequest2({
                        url: '/WEBSController/set_DelPackUnionBill_Temp_Pack_Json',
                        data: {
                            "HInterID": this.hform.HInterID,
                            "HBarCode": sBarCode,
                            "HBillType": this.HBillType
                        },
                        resFunction: (res) => {
                            let {
                                data,
                                count,
                                Message
                            } = res.data
                            if (count == 1) {
                                CommonUtils.playSound(1)
                                this.tabs = 1
                                this.DisBillEntryList()
                            } else {
                                CommonUtils.playSound(0)
                                uni.showToast({
                                    icon: 'none',
                                    title: Message
                                })
                            }
                        }
                    })
                } else {
                    // 新增条码逻辑
                    let sBarCode = this.HBarCode
                    if (!sBarCode) {
                        return uni.showToast({
                            icon: 'none',
                            title: '条码不能为空，请扫描条码！'
                        })
                    }
                    CommonUtils.doRequest2({
                        url: '/WEBSController/Get_BarCode_PackUnionBill_New_Json_Cus',
                        data: {
                            "HBarCode": sBarCode,
                            "HInterID": this.hform.HInterID,
                            "HBillNo": this.hform.HBillNo,
                            "HBillType": this.HBillType,
                            "HBillSubType": this.HBillSubType,
                            "HBarCode_Pallet": this.HBarCode_Pallet,
                            "HMaterNumber_Pack": this.HMaterNumber_Pack,
                            "HMaker": this.hform.HMaker,
                            "HStockOrgID": this.hform.HStockOrgID
                        },
                        resFunction: (res) => {
                            let {
                                data,
                                count,
                                Message
                            } = res.data
                            if (count == 1) {
                                CommonUtils.playSound(1)
                                this.tabs = 1
                                this.HBarCodeFocusRefresh()
                                this.DisBillEntryList()
                            } else {
                                CommonUtils.playSound(0)
                                this.HBarCodeFocusRefresh()
                                uni.showToast({
                                    icon: 'none',
                                    title: Message
                                })
                            }
                        }
                    })
                }
            },
            // 显示单据明细列表
            DisBillEntryList() {
                CommonUtils.doRequest2({
                    url: '/WEBSController/GetBillEntry_Tmp_Pack_Json',
                    data: {
                        "HInterID": this.hform.HInterID,
                        "HBillNo": this.hform.HBillNo,
                        "HBillType": this.HBillType
                    },
                    resFunction: (res) => {
                        let {
                            count,
                            data,
                            Message
                        } = res.data
                        this.listData = []
                        if (count == 1) {
                            for (let i = 0; i < data.length; i++) {
                                this.listData.push(Object.assign(data[i], {
                                    index: i
                                }))
                            }


                        } else {

                        }
                    }
                })
            },

            // 表格选择处理
            handleSelect(selected, array) {
                this.selectedRows = array
            },

            // 表格全选处理
            handleSelectAll(selected, array) {
                this.selectedRows = array
            },
            // 播放提示音
            playSound(type) {
                const innerAudioContext = uni.createInnerAudioContext();
                innerAudioContext.src = type == 1 ? '/static/success.wav' : '/static/jingbao.wav';
                innerAudioContext.play();
            },


            // 获取最大单据号
            getMaxNo() {
                CommonUtils.doRequest2({
                    url: "/WEBSController/GetMaxBillNoAndID_Json",
                    data: {
                        "HBillType": this.HBillType
                    },
                    resFunction: (d) => {
                        let {
                            count,
                            data,
                            Message
                        } = d.data
                        if (count == 1) {
                            this.hform.HInterID = data[0].HInterID;
                            this.hform.HBillNo = data[0].HBillNo
                        } else {
                            uni.showModal({
                                title: "温馨提示",
                                showCancel: false,
                                content: Message
                            })
                        }
                    }
                })
            },

            // 提交前检查
            submitPreCheck() {
                if (CommonUtils.isEmpty(this.hform.HInterID)) {
                    uni.showToast({
                        icon: 'none',
                        title: '单据内码获取失败，错误的单据内码！'
                    })
                    return false
                }
                if (CommonUtils.isEmpty(this.hform.HBillNo)) {
                    uni.showToast({
                        icon: 'none',
                        title: '单据号获取失败，错误的单据号！'
                    })
                    return false
                }
                if (this.listData.length < 1) {
                    uni.showToast({
                        icon: 'none',
                        title: '没有扫码信息，请先扫描条码，确认无误后再提交！'
                    })
                    return false
                }
                return true
            },

            // 删除选中行
            cmdDelete() {
                if (this.selectedRows.length != 1) {
                    return uni.showToast({
                        icon: 'none',
                        title: '请选择一行记录，进行删除！'
                    })
                }
                uni.showModal({
                    title: '删除确认',
                    content: '确认要删除选中行所有扫码记录？删除后将不可恢复!',
                    success: ({
                        confirm
                    }) => {
                        if (confirm) {
                            CommonUtils.doRequest2({
                                url: '/WEBSController/set_DelPackUnionBill_Temp_Pack_Json',
                                data: {
                                    HInterID: this.hform.HInterID,
                                    HBillType: this.HBillType,
                                    HBarCode: this.selectedRows[0].HBarCode
                                },
                                resFunction: (res) => {
                                    let {
                                        data,
                                        count,
                                        Message
                                    } = res.data
                                    if (count == 1) {
                                        CommonUtils.playSound(1)
                                        uni.showToast({
                                            icon: 'none',
                                            title: Message
                                        })
                                        this.DisBillEntryList()
                                    } else {
                                        CommonUtils.playSound(0)
                                        uni.showToast({
                                            icon: 'none',
                                            title: Message
                                        })
                                    }
                                }
                            })
                        }
                    }
                })
            },

            // 提交单据
            cmdSubmit() {
                let checkRes = this.submitPreCheck()
                if (!checkRes) return

                this.EnableSubmit = false
                CommonUtils.doRequest2({
                    url: '/CheckBarcodeController/Save_BarCode_BarcodeCheck',
                    data: {
                        "HInterID": this.hform.HInterID,
                        "HBillNo": this.hform.HBillNo
                    },
                    resFunction: (res) => {
                        let {
                            data,
                            count,
                            Message
                        } = res.data
                        if (count == 1) {
                            uni.showModal({
                                title: '温馨提示',
                                content: Message,
                                confirmText: "新增",
                                cancelText: '关闭',
                                success: ({
                                    confirm,
                                    cancel
                                }) => {
                                    if (confirm) {
                                        uni.redirectTo({
                                            url: "/pages/sanmaheyi/BarCodeCheck"
                                        })
                                    }
                                    if (cancel) {
                                        uni.navigateBack()
                                    }
                                }
                            })
                        } else {
                            uni.showToast({
                                icon: 'none',
                                title: Message
                            })
                        }
                    }
                })
            },

            // 退出页面
            cmdExit() {
                uni.navigateBack()
            }
        },

        // ==================== 生命周期 ====================
        async onReady() {
            // 计算表格高度
            // #ifndef MP-WEIXIN
            let query = uni.createSelectorQuery().in(this)
            query.select("#bottom-btn").boundingClientRect((data) => {
                if (data) this.bottomBtnTop = data.top
            }).exec();
            query.select("#list-table").boundingClientRect((data) => {
                if (data) this.listTableTop = data.top
            }).exec();
            // #endif
        },

        onLoad(e) {
            // 初始化参数
            this.BarCodeType = e.BarCodeType || 1
            this.OperationType = e.OperationType || 1
            this.HBarCode_Pallet = e.HBarCode_Pallet_Temp || ""
            this.hform.HSourceBillNo = e.HSourceBillNo || ""
            this.HBarCode_Destination = e.HBarCode_Destination || ""
            this.HBarCode_MiddleBox = e.HBarCode_MiddleBox || ""

            // 根据操作类型初始化数据
            if (this.OperationType == 1) {
                this.getMaxNo() // 新增模式：获取新单据号
                // 初始化时聚焦到源单单号
                this.HSourcebillNoFocus = true
            } else if (this.OperationType == 2) {
                this.disableBarCodePallet = false
                this.disableBarCodeDest = false
                this.disableBarCodeMiddle = false
                this.disableBarCode = false
                this.CheckBarcode(this.HBarCode_Pallet, 1) // 缓存模式：加载已有数据
                this.DisBillEntryList()
                this.tabs = 0
            }

            // 默认聚焦到栈板码输入框
            this.HBarCodePalletFocusRefresh()			
        },
        onUnload() {
            uni.$off('BillSelectComplete')
        }
    }
</script>

<style lang="scss">
    input {
        width: inherit;
        padding: 8rpx 20rpx;
        font-size: 30rpx;
    }

    .form {
        display: flex;
        flex-direction: column;
        gap: 20rpx;

        .form-base-info {
            display: flex;
            flex-direction: column;
            gap: 10rpx;
            box-sizing: border-box;
            padding: 30rpx;
        }

        .bill-info {
            display: flex;
            flex-direction: column;
            gap: 10rpx;
            box-sizing: border-box;
            padding: 16rpx 30rpx;
        }

        .form-item {
            display: flex;
            flex-direction: row;
            gap: 10rpx;

            .title {
                width: 5rem;
                flex-shrink: 0;
            }

            .right {
                flex: 1;
                border-radius: 22rpx;
                border: 1px solid #acacac;
            }

            .disabled {
                border: 1px solid #e4e4e4;
                background-color: #e4e4e4;
            }

            .right-icon {
                flex-shrink: 0;
                display: flex;
                justify-content: center;
                align-items: center;
            }

            .icon-wrapper {
                background-color: #3A78FF;
                border-radius: 100%;
                width: 52rpx;
                height: 52rpx;
                display: flex;
                justify-content: center;
                align-items: center;
                flex-shrink: 0;

                .uni-icons {
                    color: #fff !important;
                }
            }

            .icon-wrapper[disabled] {
                background-color: rgba(228, 228, 228, 1);
                pointer-events: none;
                touch-action: none;
            }
        }
    }

    .tabs {
        width: 100%;
        display: flex;
        border-bottom: 1px solid #ddd;
        margin: 20rpx 0;

        view {
            width: 25%;
            font-size: 30rpx;
            color: #555;
            text-align: center;
            padding: 16rpx 0;
        }

        .on {
            color: #3a78ff;
            font-weight: bold;
            border-bottom: 3px solid #3a78ff;
        }
    }

    .bottom-btn {
        width: 100%;
        box-sizing: border-box;
        // height: 120rpx;
        position: fixed;
        bottom: 0;
        left: 0;
        background-color: #fff;
        box-shadow: 0 2rpx 10rpx 2rpx rgba(0, 0, 0, 0.4);
        padding: 30rpx 40rpx 40rpx 40rpx;
        display: flex;
        flex-direction: row;
        gap: 10rpx;

        button {
            border-radius: 50rpx;
            width: 180rpx;
            height: 66rpx;
            line-height: 66rpx;
            font-size: 28rpx;
        }

        .btn-a {
            background-color: #3A78FF;
            color: #fff;
        }

        .btn-b {
            background-color: #41a863;
            color: #fff;
        }

        .btn-c {
            background-color: #acacac;
            color: #fff;
            // position: absolute;
            // right: 120rpx;
        }

        .btn-d {
            background-color: #ff8901;
            color: #fff;
        }
    }

    .right-icon.disabled {
        background-color: #ccc !important;
        color: #666 !important;
        cursor: not-allowed;
    }
</style>

 pages/sanmaheyi/table.vue

New file
@@ -0,0 +1,487 @@
<template>
    <view class="content">
        <view class="tabs">
            <view :class="tabs == 0 ? 'on':''" @tap="changeTab(0)">缓存列表</view>
        </view>

        <view style="width: 100%;height: 16rpx;background-color: #e5e5e5;"></view>

        <view class="form" v-if="tabs == 0">
            <view class="buttons" @tap="add">
                <uni-icons type="plus" style="margin-right: 10rpx;" size="22"></uni-icons>新增
            </view>
        </view>

        <view style="width: 100%;height: 16rpx;background-color: #e5e5e5;"></view>

        <view class="list" v-for="(item,index) in showList" :key="index" v-if="tabs==0">
            <uni-card :title="item.制单日期.substr(0,10)" :extra="item.单据号" style="margin: 10px;"
                @tap="showDetail = showDetail==index?-1:index">
                <view class="card-detail">
                    <view class="detail" v-if="item.托条码">
                        <text>托条码：</text>{{item.托条码}}
                    </view>
                    <view class="detail" v-if="item.HSourceBillNo">
                        <text>源单号：</text>{{item.HSourceBillNo}}
                    </view>
                    <view class="detail" v-if="item.制单人">
                        <text>制单人：</text>{{item.制单人}}
                    </view>
                    <view class="detail" v-if="item.制单日期">
                        <text>制单日期：</text>{{ item.制单日期.split('T')[0] }}
                    </view>
                    <view class="detail" v-if="item.组织">
                        <text>组织：</text>{{item.组织}}
                    </view>
                </view>

                <view class="more">
                    <view class="part" style="border-right: 1px solid #eee;color: #3a78ff;" @tap.stop="edit(item)">
                        <uni-icons type="compose" style="color: #3a78ff;margin-right: 10rpx;" size="18"></uni-icons>编辑
                    </view>
                    <view class="part" style="color: #da0000;" @tap.stop="del(item)">
                        <uni-icons type="trash" style="color: #da0000;margin-right: 10rpx;" size="18"></uni-icons>删除
                    </view>
                </view>
            </uni-card>
        </view>
        <view class="list" v-for="(item,index) in showList" :key="index" v-if="tabs==1">
            <uni-card :title="item.日期" :extra="item.单据号" style="margin: 10px;"
                @tap="showDetail = showDetail==index?-1:index">
                <view class="card-detail">
                    <view class="detail" v-if="item.状态">
                        <text>状态：</text>{{item.状态}}
                    </view>
                    <view class="detail" v-if="item.制单人">
                        <text>制单人：</text>{{item.制单人}}
                    </view>
                    <view class="detail" v-if="item.数量">
                        <text>数量：</text>{{item.数量}}
                    </view>
                    <view class="detail" v-if="item.源单单号">
                        <text>源单单号：</text>{{item.源单单号}}
                    </view>
                    <view class="detail" v-if="item.物料代码">
                        <text>物料代码：</text>{{item.物料代码}}
                    </view>
                    <view class="detail" v-if="item.物料名称">
                        <text>物料名称：</text>{{item.物料名称}}
                    </view>
                    <view class="detail" v-if="item.规格型号">
                        <text>规格型号：</text>{{item.规格型号}}
                    </view>
                    <view class="detail" v-if="item.组织">
                        <text>组织：</text>{{item.组织}}
                    </view>
                </view>

                <view class="more">
                    <view class="part" style="color: #3a78ff;width: 100%;" @tap.stop="qrCodeDisplay(item)">
                        <uni-icons type="scan" style="color: #3a78ff;margin-right: 10rpx;" size="18"></uni-icons>显示二维码
                    </view>
                    <view class="part" style="color: #d98d00;width: 100%;" @tap.stop="revoke(item)">
                        <uni-icons type="undo" style="color: #d98d00;margin-right: 10rpx;" size="18"></uni-icons>撤销
                    </view>
                </view>
            </uni-card>
        </view>

        <view class="over" v-if="!listData || listData.length == 0">暂无数据</view>
        <view class="over" v-if="listData.length != 0 && listData.length != showList.length">加载中...</view>
        <view class="over" v-if="listData.length != 0 && listData.length == showList.length">已到底</view>
        <BarCodePopupVue ref="barcodePopup"></BarCodePopupVue>
    </view>
</template>

<script>
    import dayjs from "dayjs";
    import {
        getUserInfo
    } from "@/utils/auth.js";
    import BarCodePopupVue from "../../components/BarCodePopup/BarCodePopup.vue";
    export default {
        data() {
            return {
                userInfo: getUserInfo(),
                serverUrl: uni.getStorageSync('serverUrl') || 'http://47.96.97.237/API',
                tabs: 0,
                urls: '/WEBSController/GetSc_PackUnionBill_TempList_Json',
                MvarReportTitle: '装箱单缓存列表',
                hform: {
                    // HBillNo: '',
                    // HSourceBillNo: '',
                    HBillType: 3783,
                    HMaker: uni.getStorageSync('HUserName'),
                    HStockOrgID: uni.getStorageSync('OrganizationID'),
                },
                sWhere: '',
                listData: [],
                showList: [],
                showDetail: -1,

                page: 1,
            }
        },
        components: {
            BarCodePopupVue
        },
        onShow() {
            //用户模块权限判断
            this.CheckModRight()
            this.changeTab(0)
            console.log(this.userInfo, uni.getStorageSync('HUserName'))
        },
        onReachBottom: function() {
            this.page++
            setTimeout(() => {
                this.showList = this.showList.concat(this.getPage(this.page, this.listData))
            }, 100)
        },
        onPullDownRefresh: function() {
            this.clear()
            setTimeout(() => {
                uni.stopPullDownRefresh();
            }, 1000);
        },
        methods: {
            async qrCodeDisplay(item) {
                this.$refs.barcodePopup.setCodeInfo(item.HBillNo)
                await this.$nextTick()
                this.$refs.barcodePopup.open()
            },
            CheckModRight() {
                uni.request({
                    url: this.serverUrl + '/WEBSController/CheckModRight_Json',
                    data: {
                        ModRightName: 'CE_PackUnion',
                        HUserName: uni.getStorageSync('HUserName')
                    },
                    success: (res) => {
                        if (res.data.count == 1) {} else {
                            uni.showToast({
                                title: res.data.Message,
                                icon: 'none'
                            })
                        }
                    },
                    fail: (res) => {
                        console.log(res);
                        uni.showToast({
                            title: '接口请求失败',
                            icon: 'none'
                        })
                    },
                });
            },
            getPage(page, list) {
                let sindex = (parseInt(page) - 1) * 20
                let eindex = parseInt(page) * 20
                let newList = list.slice(sindex, eindex)
                return newList
            },
            changeTab(e) {
                this.tabs = e
                this.page = 1
                this.showList = []

                if (this.tabs == 0) {
                    this.urls = '/WEBSController/GetSc_PackUnionBill_TempList_Json'
                }
                // if(this.tabs == 1){
                //     this.urls = '/WEBSController/GetKf_ICStockBillQueryList_User_Json'
                // }
                this.getList()
            },
            getList() {
                uni.showLoading({
                    title: '加载中...'
                })
                uni.request({
                    url: this.serverUrl + this.urls,
                    data: this.hform,
                    success: (res) => {
                        console.log(1, res);
                        if (res.data.count == 1) {
                            this.listData = res.data.data
                            this.showList = this.getPage(this.page, this.listData)
                            setTimeout(() => {
                                uni.hideLoading()
                            }, 1000)
                        } else {
                            uni.hideLoading()
                            this.listData = []
                            uni.showToast({
                                title: res.data.Message,
                                icon: 'none'
                            })
                        }
                    },
                    fail: (res) => {
                        console.log(res);
                        uni.hideLoading()
                        uni.showToast({
                            title: '接口请求失败',
                            icon: 'none'
                        })
                    },
                });
            },
            search() {
                this.sWhere = ''
                this.listData = []
                this.page = 1
                this.showList = []

                console.log(this.hform)
                this.getList()
            },
            clear() {
                this.listData = []
                this.page = 1
                this.showList = []

                this.sWhere = ''
                this.hform = {
                    HBillNo: '',
                    HSourceBillNo: '',
                    HBillType: 3783,
                    HMaker: uni.getStorageSync('HUserName'),
                    HStockOrgID: uni.getStorageSync('OrganizationID'),
                }
                this.getList()
            },
            add() {
                uni.navigateTo({
                    url: './form?OperationType=1'
                })
            },
            //编辑
            edit(item) {
                console.log(item)
                uni.navigateTo({
                    url: './form?OperationType=2&HBarCode_Pack_Temp=' + item["HBarCode_Pack"] + '&HSourceBillNo=' +item["HSourceBillNo"],
                })
            },
            //删除
            del(item) {
                // console.log(item.hmainid,uni.getStorageSync('HUserName'))
                uni.showModal({
                    title: '提示',
                    content: '确认要删除记录？删除后不能恢复',
                    success: (res) => {
                        if (res.confirm) {
                            console.log('用户点击确定');
                            uni.request({
                                url: this.serverUrl +
                                    '/WEBSController/DeleteTemp_PackUnionBill_Json',
                                data: {
                                    HInterID: item.HInterID,
                                },
                                success: (res) => {
                                    console.log(1, res);
                                    if (res.data.count == 1) {
                                        this.clear()
                                    }
                                    uni.showToast({
                                        title: res.data.Message,
                                        icon: 'none'
                                    })
                                },
                                fail: (res) => {
                                    console.log(res);
                                    uni.hideLoading()
                                    uni.showToast({
                                        title: '接口请求失败',
                                        icon: 'none'
                                    })
                                },
                            });
                        } else if (res.cancel) {
                            console.log('用户点击取消');
                        }
                    }
                });
            },
            //撤销
            revoke(item) {
                // console.log(item.hmainid,uni.getStorageSync('HUserName'))
                uni.showModal({
                    title: '提示',
                    content: '是否确认撤销',
                    success: (res) => {
                        if (res.confirm) {
                            console.log('用户点击确定');
                            uni.request({
                                url: this.serverUrl +
                                    '/WEBSController/set_DeleteICStockBillAndWMS_Json',
                                data: {
                                    HInterID: item.HInterID,
                                    HBillNo: item.单据号,
                                    HBillType: this.hform.HBillType,
                                    HMaker: uni.getStorageSync('HUserName'),
                                    MvarReportTitle: this.MvarReportTitle,
                                },
                                success: (res) => {
                                    console.log(1, res);
                                    if (res.data.count == 1) {
                                        this.clear()
                                    }
                                    uni.showToast({
                                        title: res.data.Message,
                                        icon: 'none'
                                    })
                                },
                                fail: (res) => {
                                    console.log(res);
                                    uni.hideLoading()
                                    uni.showToast({
                                        title: '接口请求失败',
                                        icon: 'none'
                                    })
                                },
                            });
                        } else if (res.cancel) {
                            console.log('用户点击取消');
                        }
                    }
                });
            },
        }
    }
</script>

<style lang="scss" scoped>
    .form {
        width: 640rpx;
        margin: 20rpx auto;
        margin-top: 90rpx;
    }

    .tabs {
        width: 100%;
        position: fixed;
        left: 0;
        z-index: 9;
        display: flex;
        background-color: #e5e5e5;

        view {
            width: 50%;
            font-size: 30rpx;
            color: #333;
            text-align: center;
            padding: 16rpx 0;
        }

        .on {
            color: #3a78ff;
            font-weight: bold;
            border-bottom: 3px solid #3a78ff;
        }
    }

    .buttons {
        width: 100%;
        display: flex;
        justify-content: center;
        margin-top: 20rpx;

        button {
            border-radius: 50rpx;
            width: 180rpx;
            height: 66rpx;
            line-height: 66rpx;
            font-size: 28rpx;
        }

        .btn-a {
            background-color: #acacac;
            color: #fff;
        }

        .btn-b {
            background-color: #41a863;
            color: #fff;
        }

        .btn-c {
            background-color: #3a78ff;
            color: #fff;
        }
    }

    .form-item {
        display: flex;
        align-items: center;
        font-size: 28rpx;
        padding: 6rpx 0;

        .title {
            width: 180rpx;

            text {
                color: red;
                font-weight: bold;
            }
        }

        .right {
            width: 450rpx;
            border-radius: 22rpx;
            border: 1px solid #acacac;
        }

        .righton {
            width: 450rpx;
            border-radius: 22rpx;
            border: 1px solid #e4e4e4;
            background-color: #e4e4e4;
        }

        input {
            width: 100%;
            padding: 8rpx 20rpx;
            font-size: 30rpx;
        }
    }

    .list {
        width: 100%;

        .card-detail {
            width: 100%;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            line-height: 120%;

            .detail {
                // width: 50%;
                font-size: 26rpx;
                margin-bottom: 12rpx;
                color: #555;
                margin-right: 20rpx;

                text {
                    color: #999;
                    font-size: 26rpx;
                }
            }
        }

        .more {
            color: #888;
            font-size: 26rpx;
            display: flex;
            border-top: 1px solid #eee;
            padding-top: 20rpx;

            .part {
                width: 50%;
                display: flex;
                align-items: center;
                justify-content: center;
            }
        }
    }
</style>

			@@ -1246,7 +1246,19 @@
			"style": {
			"navigationBarTitleText": "巡检单"
			}
			}
			},
			{
			"path": "pages/chaituosaoma-xiaowei/UnpackPallet",
			"style": {
			"navigationBarTitleText": "拆托扫码（小卫）"
			}
			},
			{
			"path": "pages/sanmaheyi/BarCodeCheck",
			"style": {
			"navigationBarTitleText": "三码合一"
			}
			}
			],
			"tabBar": {
			"color": "#888888", //tab 上的文字默认颜色，仅支持十六进制颜色
			@@ -1286,5 +1298,15 @@
			"backgroundColor": "#F8F8F8",
			"pageOrientation": "default"
			},
			"uniIdRouter": {}
			"uniIdRouter": {},
			"condition" : { //模式配置，仅开发期间生效
			"current": 0, //当前激活的模式(list 的索引项)
			"list": [
			{
			"name": "", //模式名称
			"path": "", //启动页面，必选
			"query": "" //启动参数，在页面的onLoad函数里面得到
			}
			]
			}
			}

New file
			@@ -0,0 +1,667 @@
			<template>
			<view class="form">
			<view class="form-base-info">
			<view class="form-item">
			<view class="title">托条码</view>
			<view class="right">
			<input type="text" :focus="HBarCodePackFocus" v-model="HBarCode_Pack" @confirm="GetMeesageByBarCode_Pack(HBarCode_Pack)" />
			</view>
			<view class="right-icon">
			<uni-icons class="right-icon" type="scan"
			style="background-color: #3A78FF;padding: 6rpx;color: #fff;border-radius: 100%;" size="20"
			@click="toScanCode"></uni-icons>
			</view>
			</view>
			</view>
			<view class="tabs">
			<view :class="tabs == 0 ? 'on':''" @tap="tabs = 0">装箱信息</view>
			<view :class="tabs == 1 ? 'on':''" @tap="tabs = 1">单据信息</view>
			</view>
			<!-- 拆箱信息 -->
			<view v-if="tabs == 0">
			<zb-table id="list-table" :fit="true" :style="{height: `${listTableHeight}px`}" :columns="columns" :data="listData"
			:show-header="true" :border="true" :row-key="row => row.index" @toggleRowSelection="handleSelect"
			@toggleAllSelection="handleSelectAll" />
			</view>
			<!-- 单据信息 -->
			<view v-if="tabs == 1">
			<view class="bill-info">
			<view class="form-item">
			<view class="title">单据日期</view>
			<view class="right">
			<uni-datetime-picker type="date" v-model="hform.HDate">
			<input type="text" v-model="hform.HDate" />
			</uni-datetime-picker>
			</view>
			</view>
			</view>
			<view class="bill-info">
			<view class="form-item">
			<view class="title">制单人</view>
			<view class="right disabled">
			<input type="text" disabled :value="hform.HMaker" />
			</view>
			</view>
			</view>
			<view class="bill-info">
			<view class="form-item">
			<view class="title">单据号</view>
			<view class="right disabled">
			<input type="text" disabled :value="hform.HBillNo" />
			</view>
			</view>
			</view>
			<view class="bill-info">
			<view class="form-item">
			<view class="title">单据ID</view>
			<view class="right disabled">
			<input type="text" disabled :value="hform.HInterID" />
			</view>
			</view>
			</view>
			<view class="bill-info">
			<view class="form-item">
			<view class="title">组织</view>
			<view class="right disabled">
			<input type="text" disabled :value="hform.HStockOrgName" />
			</view>
			</view>
			</view>
			</view>
			<view class="bottom-btn" id="bottom-btn">
			<button :class="EnableSubmit?'btn-a':'btn-c'" :disabled="!EnableSubmit" size="mini" @tap="cmdSubmit">拆托</button>
			<view style="flex: 1;"></view>
			<!-- <button class="btn-d" size="mini" @tap="cmdDelete">删除</button> -->
			<button class="btn-c" size="mini" @tap="cmdExit">退出</button>
			</view>
			</view>
			</template>

			<script>
			import dayjs from 'dayjs'
			import {
			getUserInfo
			} from "../../utils/auth";
			import {
			CommonUtils
			} from "@/utils/common.js"
			import {
			MpaasScan
			} from "@/utils/mpaasScan.js"
			export default {
			data() {
			return {
			EnableSubmit: true,
			// 计算列表高度
			bottomBtnTop: 0,
			listTableTop: 0,
			// 公共变量
			HBarCodePackFocus: false,
			HBarCodeFocus: false,
			HBarCode_Pack: '', //箱条码
			HBarCode: '', // 包条码
			tabs: 0,
			HBillType: '3783',
			HBillSubType: '1', //子类型（1拆箱、2拆托）
			OperationType: 1, //操作类型（1新增、2从缓存列表中返回）
			HMaterNumber_Pack: "", //托条码对应物料代码
			listOption: [],
			listData: [],
			columns: [
			{
			name: 'index',
			label: '序号',
			width: 60,
			hidden: true,
			},
			{
			name: '条码编号',
			label: '条码编号',
			width: 100,
			},
			{
			name: '数量',
			label: '数量',
			width: 100,
			},
			{
			name: '物料代码',
			label: '物料代码',
			width: 100,
			},
			{
			name: '物料名称',
			label: '物料名称',
			width: 100,
			},
			{
			name: '条码个数',
			label: '条码个数',
			width: 100,
			}
			],
			selectedRows: [], // 存储选中的数据
			HModName: "Sc_PackUnionBill_Packing_PDA",
			ModRightName: "CE_PackUnionBill_Packing", //模块权限参数
			titleData: [], //不需要显示的字段
			OperationType: 1, //从缓存列表中返回数据类型（1新增、2从缓存列表中返回）
			HBarCode_Pack_Temp: "", //从缓存列表中返回箱条码

			// 表单提交值
			hform: {
			HDate: dayjs(new Date()).format('YYYY-MM-DD'),
			HMaker: getUserInfo()['Czymc'],
			HBillNo: '',
			HInterID: '',
			HStockOrgName: uni.getStorageSync("Organization"),
			HStockOrgID: uni.getStorageSync("OrganizationID"),
			},
			// 分页模块元数据
			paginationMeta: {

			}
			}
			},
			methods: {
			async HBarCodeFocusRefresh(){
			this.HBarCode = ''
			this.HBarCodeFocus = false
			await this.$nextTick()
			this.HBarCodeFocus = true
			},
			async HBarCodePackFocusRefresh(){
			this.HBarCode_Pack = ''
			this.HBarCodePackFocus = false
			await this.$nextTick()
			this.HBarCodePackFocus = true
			},
			toScanCode() {
			MpaasScan.scanCode((scanCode) => {
			this.HBarCode_Pack = scanCode
			this.GetMeesageByBarCode_Pack(HBarCode_Pack)
			})
			},
			GetMeesageByBarCode_Pack(HBarCode_Pack) {
			// 获取托条码对应的数据
			CommonUtils.doRequest2({
			url: '/WEBSController/Get_PackBarCode_DeletePackUnionBill_Json',
			data: {
			HMaker: this.hform.HMaker,
			HStockOrgID: this.hform.HStockOrgID,
			HBarCode_Pack: HBarCode_Pack
			},
			resFunction: (res) => {
			let {
			data,
			count,
			Message,
			list
			} = res.data
			if (count == 1) {
			CommonUtils.playSound(1)
			this.hform.HBillNo = data[0].HBillNo
			this.hform.HInterID = data[0].HInterID
			this.HMaterNumber_Pack = data[0].HMaterNumber
			this.DisBillEntryList();
			uni.showToast({
			icon: 'none',
			title: Message
			})
			} else {
			CommonUtils.playSound(0)
			this.HBarCodePackFocusRefresh()
			uni.showToast({
			icon: 'none',
			title: Message
			})
			}
			}
			})
			},
			toScanCode2() {
			MpaasScan.scanCode((scanCode) => {
			this.HBarCode = scanCode
			GetMeesageByBarCode(scanCode)
			})
			},
			GetMeesageByBarCode(HBarCode) {
			// 获取包条码对应的数据
			let HBarCode_Pack = this.HBarCode_Pack
			let sOldBarCode = this.HBarCode
			let HDeleteFlag = sOldBarCode.substring(0, 1)
			let sBarCode = sOldBarCode.slice(1)
			if (!HBarCode_Pack) {
			return uni.showToast({
			icon: 'none',
			title: '托条码为空，请先扫描托条码',
			})
			}

			if (HDeleteFlag == '*') {
			if (!sBarCode) {
			return uni.showToast({
			icon: 'none',
			title: '请扫描要删除的箱条码',
			})
			} else {
			this.HBarCodeFocusRefresh()
			}
			CommonUtils.doRequest2({
			url: '/WEBSController/set_DelPackUnionBill_Temp_Pack_Json',
			data: {
			"HInterID": this.hform.HInterID,
			"HBarCode": sBarCode,
			"HBillType": this.HBillType
			},
			resFunction: (res) => {
			let {
			data,
			count,
			Message
			} = res.data
			if (count == 1) {
			CommonUtils.playSound(1)
			this.DisBillEntryList()
			} else {
			CommonUtils.playSound(0)
			uni.showToast({
			icon: 'none',
			title: Message
			})
			}
			}
			})
			} else {
			let sBarCode = this.HBarCode
			if (!sBarCode) {
			return uni.showToast({
			icon: 'none',
			title: '箱条码不能为空，请扫描箱条码',
			})
			}
			CommonUtils.doRequest2({
			url: '/WEBSController/Get_BarCode_PackUnionBill_New_Json',
			data: {
			"HInterID": this.hform.HInterID,
			"HBarCode": sBarCode,
			"HBillType": this.HBillType,
			"HBillNo": this.hform.HBillNo,
			"HBillSubType": this.HBillSubType,
			"HBarCode_Pack": HBarCode_Pack,
			"HMaterNumber_Pack": this.HMaterNumber_Pack,
			"HMaker": this.hform.HMaker,
			"HStockOrgID": this.hform.HStockOrgID
			},
			resFunction: (res) => {
			let {
			data,
			count,
			Message
			} = res.data
			if (count == 1) {
			CommonUtils.playSound(1)
			this.HBarCodeFocusRefresh()
			this.DisBillEntryList()
			} else {
			CommonUtils.playSound(0)
			this.HBarCodeFocusRefresh()
			uni.showToast({
			icon: 'none',
			title: Message
			})
			}
			}
			})
			}
			},
			DisBillEntryList() {
			CommonUtils.doRequest2({
			url: '/WEBSController/GetBillEntry_Tmp_Pack_Json',
			data: {
			"HInterID": this.hform.HInterID,
			"HBillNo": this.hform.HBillNo,
			"HBillType": this.HBillType
			},
			resFunction: (res) => {
			let {
			count,
			data,
			Message
			} = res.data
			if (count == 1) {
			this.listData = []
			for (let i = 0; i < data.length; i++) {
			this.listData.push(Object.assign(data[i], {
			index: i
			}))
			}
			} else {
			// 没有任何记录视为从0开始新增
			this.listData = []
			}
			}
			})
			},
			handleSelect(selected, array) {
			this.selectedRows = array
			},
			handleSelectAll(selected, array) {
			this.selectedRows = array
			},
			getMaxNo() {
			CommonUtils.doRequest2({
			url: "/WEBSController/GetMaxBillNoAndID_Json",
			data: {
			"HBillType": this.HBillType
			},
			resFunction: (d) => {
			console.log('d: ', d);
			let {
			count,
			data,
			Message
			} = d.data
			if (count == 1) {
			this.hform.HInterID = data[0].HInterID;
			this.hform.HBillNo = data[0].HBillNo
			} else {

			uni.showModal({
			title: "温馨提示",
			showCancel: false,
			content: Message

			})

			}
			}
			})
			},
			submitPreCheck() {
			if (CommonUtils.isEmpty(this.hform.HInterID)) {
			uni.showToast({
			icon: 'none',
			title: '单据内码获取失败，错误的单据内码！'
			})
			return false
			}
			if (CommonUtils.isEmpty(this.hform.HBillNo)) {
			uni.showToast({
			icon: 'none',
			title: '单据号获取失败，错误的单据号！'
			})
			return false
			}
			if (this.listData.length < 1) {
			uni.showToast({
			icon: 'none',
			title: '没有扫码信息，请先扫描条码，确认无误后再提交！'
			})
			return false
			}
			return true
			},
			cmdDelete() {
			console.log('this.selectedRows: ', this.selectedRows);
			if (this.selectedRows.length != 1) {
			return uni.showToast({
			icon: 'none',
			title: '请选择一行记录，进行删除！'
			})
			}
			uni.showModal({
			title: '删除确认',
			content: '确认要删除选中行所有扫码记录？删除后将不可恢复!',
			success: () => {
			if (confirm) {
			CommonUtils.doRequest2({
			url: '/WEBSController/set_DelPackUnionBill_Temp_Pack_Json',
			data: {
			HInterID: this.hform.HInterID,
			HBillType: this.HBillType,
			HBarCode: this.selectedRows[0].HBarCode
			},
			resFunction: (res) => {
			let {
			data,
			count,
			Message
			} = res.data
			if (count == 1) {
			CommonUtils.playSound(1)
			uni.showToast({
			icon: 'none',
			title: Message
			})
			this.DisBillEntryList()
			} else {
			CommonUtils.playSound(0)
			uni.showToast({
			icon: 'none',
			title: Message
			})
			}
			}
			})
			}
			}
			})
			},
			cmdSubmit() {
			let checkRes = this.submitPreCheck()
			if (!checkRes) {
			return
			}
			this.EnableSubmit = false
			CommonUtils.doRequest2({
			url: '/WEBSController/GetDeletePackUnionBill_Json',
			data: {
			"HInterID": this.hform.HInterID,
			"HBillNo": this.hform.HBillNo,
			"HBarCode_Pack": this.HBarCode_Pack,
			"HMaker": this.hform.HMaker,
			},
			resFunction: (res) => {
			let {data, count, Message} = res.data
			if(count == 1){
			uni.showModal({
			title: '温馨提示',
			content: Message,
			confirmText: "新增",
			cancelText: '关闭',
			success: ({confirm,cancel}) => {
			if(confirm) {
			uni.redirectTo({
			url: "/pages/zutuosaoma/form"
			})
			}

			if(cancel) {
			uni.navigateBack()
			}
			}
			})
			}else {
			uni.showToast({
			icon:'none',
			title: Message
			})
			}
			}
			})
			},
			cmdExit() {
			uni.navigateBack()
			}
			},
			computed: {
			listTableHeight: {
			get() {
			return this.bottomBtnTop - this.listTableTop - 10
			}
			}
			},
			async onReady() {
			// #ifndef MP-WEIXIN
			let query = uni.createSelectorQuery().in(this)
			query.select("#bottom-btn")
			.boundingClientRect((data) => {
			if (data) {
			this.bottomBtnTop = data.top
			} else {
			console.log("未找到#bottom-btn节点");
			}
			})
			.exec();
			query.select("#list-table")
			.boundingClientRect((data) => {
			if (data) {
			this.listTableTop = data.top
			} else {
			console.log("未找到#list-table节点");
			}
			})
			.exec();
			// #endif
			},
			onLoad(e) {
			this.OperationType = e.OperationType \|\| 1
			this.HBarCode_Pack_Temp = e.CommonUtils \|\| ""

			if (this.OperationType == 1) {
			this.getMaxNo()
			} else if (this.OperationType == 2) {

			}

			this.HBarCodePackFocusRefresh()
			}
			}
			</script>

			<style lang="scss">
			input {
			width: inherit;
			padding: 8rpx 20rpx;
			font-size: 30rpx;
			}

			.form {
			display: flex;
			flex-direction: column;
			gap: 20rpx;

			.form-base-info {
			display: flex;
			flex-direction: column;
			gap: 10rpx;
			box-sizing: border-box;
			padding: 30rpx;
			}

			.bill-info {
			display: flex;
			flex-direction: column;
			gap: 10rpx;
			box-sizing: border-box;
			padding: 16rpx 30rpx;
			}

			.form-item {
			display: flex;
			flex-direction: row;
			gap: 10rpx;

			.title {
			width: 5rem;
			flex-shrink: 0;
			}

			.right {
			flex: 1;
			border-radius: 22rpx;
			border: 1px solid #acacac;
			}

			.disabled {
			border: 1px solid #e4e4e4;
			background-color: #e4e4e4;
			}

			.right-icon {
			flex-shrink: 0;
			display: flex;
			justify-content: center;
			align-items: center;
			}

			}
			}

			.tabs {
			width: 100%;
			display: flex;
			border-bottom: 1px solid #ddd;
			margin: 20rpx 0;

			view {
			width: 25%;
			font-size: 30rpx;
			color: #555;
			text-align: center;
			padding: 16rpx 0;
			}

			.on {
			color: #3a78ff;
			font-weight: bold;
			border-bottom: 3px solid #3a78ff;
			}
			}

			.bottom-btn {
			width: 100%;
			box-sizing: border-box;
			// height: 120rpx;
			position: fixed;
			bottom: 0;
			left: 0;
			background-color: #fff;
			box-shadow: 0 2rpx 10rpx 2rpx rgba(0, 0, 0, 0.4);
			padding: 30rpx 40rpx 40rpx 40rpx;
			display: flex;
			flex-direction: row;
			gap: 10rpx;

			button {
			border-radius: 50rpx;
			width: 180rpx;
			height: 66rpx;
			line-height: 66rpx;
			font-size: 28rpx;
			}

			.btn-a {
			background-color: #3A78FF;
			color: #fff;
			}

			.btn-b {
			background-color: #41a863;
			color: #fff;
			}

			.btn-c {
			background-color: #acacac;
			color: #fff;
			// position: absolute;
			// right: 120rpx;
			}

			.btn-d {
			background-color: #ff8901;
			color: #fff;
			}
			}

			</style>

			@@ -274,7 +274,20 @@
			id: 30,
			hidden: false,
			},

			{
			img: '../../static/icon/icon8.png',
			text: '拆托扫码（小卫）',
			url: `/pages/chaituosaoma-xiaowei/UnpackPallet`,
			id: 31,
			hidden: false,
			},
			{
			img: '../../static/icon/icon8.png',
			text: '三码合一',
			url: `/pages/sanmaheyi/BarCodeCheck`,
			id: 32,
			hidden: false,
			},
			],
			// itemData: [{
			// img: '../../static/icon/icon1.png',

			@@ -92,6 +92,7 @@
			"翁涛涛本地测试": 'http://localhost:81/API/',
			"陈镐哲本地测试": 'http://localhost:81/API/',
			"张瑞广本地测试": 'http://localhost:8082/API/',
			"余思杰本地测试": 'http://localhost:8082/LuBaoAPI/',
			},
			serverUrlName: '浙江智云迈思',

New file
			@@ -0,0 +1,872 @@
			<template>
			<view class="form">
			<view class="form-base-info">
			<view class="form-item">
			<view class="title">栈板码</view>
			<!-- 按照源单物料样式添加disabled类和禁用属性 -->
			<view class="right" :class="disableBarCodePallet ? 'disabled' : ''">
			<input type="text" :focus="HBarCodePalletFocus" v-model="HBarCode_Pallet"
			@confirm="CheckBarcode(HBarCode_Pallet,1)" :disabled="disableBarCodePallet" />
			</view>
			<view class="right-icon">
			<uni-icons class="right-icon" :class="disableBarCodePallet ? 'disabled':''" type="scan"
			style="background-color: #3A78FF;padding: 6rpx;color: #fff;border-radius: 100%;" size="20"
			@click="toScanCode" :disabled="disableBarCodePallet"></uni-icons>
			</view>
			</view>
			<view class="form-item">
			<view class="title">目的仓码</view>
			<!-- 按照源单物料样式添加disabled类和禁用属性 -->
			<view class="right" :class="disableBarCodeDest ? 'disabled' : ''">
			<input type="text" :focus="HBarCodeDestFocus" v-model="HBarCode_Destination"
			@confirm="CheckBarcode(HBarCode_Destination,2)" :disabled="disableBarCodeDest" />
			</view>
			<view class="right-icon">
			<uni-icons class="right-icon" :class="disableBarCodeDest ? 'disabled':''" type="scan"
			style="background-color: #3A78FF;padding: 6rpx;color: #fff;border-radius: 100%;" size="20"
			@click="toScanCode" :disabled="disableBarCodeDest"></uni-icons>
			</view>
			</view>
			<view class="form-item">
			<view class="title">中箱码</view>
			<!-- 按照源单物料样式添加disabled类和禁用属性 -->
			<view class="right" :class="disableBarCodeMiddle ? 'disabled' : ''">
			<input type="text" :focus="HBarCodeMiddleFocus" v-model="HBarCode_MiddleBox "
			@confirm="CheckBarcode(HBarCode_MiddleBox,3)" :disabled="disableBarCodeMiddle" />
			</view>
			<view class="right-icon">
			<uni-icons class="right-icon" :class="disableBarCodeMiddle ? 'disabled':''" type="scan"
			style="background-color: #3A78FF;padding: 6rpx;color: #fff;border-radius: 100%;" size="20"
			@click="toScanCode" :disabled="disableBarCodeMiddle"></uni-icons>
			</view>
			</view>
			<view class="form-item">
			<view class="title">产品码</view>
			<!-- 按照源单物料样式添加disabled类和禁用属性 -->
			<view class="right" :class="disableBarCode ? 'disabled' : ''">
			<input type="text" :focus="HBarCodeFocus" v-model="HBarCode"
			@confirm="GetMeesageByBarCode(HBarCode)" :disabled="disableBarCode" />
			</view>
			<view class="right-icon">
			<uni-icons class="right-icon" :class="[disableBarCode ? 'disabled':'']" type="scan"
			style="background-color: #3A78FF;padding: 6rpx;color: #fff;border-radius: 100%;" size="20"
			@click="toScanCode" :disabled="disableBarCode"></uni-icons>
			</view>
			</view>
			</view>
			<view class="tabs">
			<view :class="tabs == 0 ? 'on':''" @tap="tabs = 0">复核信息</view>
			<view :class="tabs == 1 ? 'on':''" @tap="tabs = 1">单据信息</view>
			</view>
			<!-- 复核信息 -->
			<view v-if="tabs == 0">
			<zb-table id="list-table" :checked-highlight="true" :fit="true" :style="{height: `${listTableHeight}px`}"
			:columns="columns" :data="listData" :show-header="true" :border="true" :row-key="row => row.index"
			@toggleRowSelection="handleSelect" @toggleAllSelection="handleSelectAll"
			@rowClick="onTableRowClickHandler" />
			</view>
			<!-- 单据信息 -->
			<view v-if="tabs == 1">

			<view class="bill-info">
			<view class="form-item">
			<view class="title">单据日期</view>
			<view class="right">
			<uni-datetime-picker type="date" v-model="hform.HDate">
			<input type="text" v-model="hform.HDate" />
			</uni-datetime-picker>
			</view>
			</view>
			</view>
			<view class="bill-info">
			<view class="form-item">
			<view class="title">制单人</view>
			<view class="right disabled">
			<input type="text" disabled :value="hform.HMaker" />
			</view>
			</view>
			</view>
			<view class="bill-info">
			<view class="form-item">
			<view class="title">单据号</view>
			<view class="right disabled">
			<input type="text" disabled :value="hform.HBillNo" />
			</view>
			</view>
			</view>
			<view class="bill-info">
			<view class="form-item">
			<view class="title">单据ID</view>
			<view class="right disabled">
			<input type="text" disabled :value="hform.HInterID" />
			</view>
			</view>
			</view>
			<view class="bill-info">
			<view class="form-item">
			<view class="title">组织</view>
			<view class="right disabled">
			<input type="text" disabled :value="hform.HStockOrgName" />
			</view>
			</view>
			</view>
			</view>
			<view class="bottom-btn" id="bottom-btn">
			<button :class="EnableSubmit?'btn-a':'btn-c'" :disabled="!EnableSubmit" size="mini"
			@tap="cmdSubmit">提交</button>
			<view style="flex: 1;"></view>
			<button class="btn-d" size="mini" @tap="cmdDelete">删除</button>
			<button class="btn-c" size="mini" @tap="cmdExit">退出</button>
			</view>
			</view>
			</template>
			<script>
			import dayjs from 'dayjs'
			import {
			getUserInfo
			} from "../../utils/auth";
			import {
			CommonUtils
			} from "@/utils/common.js"
			import {
			MpaasScan
			} from "@/utils/mpaasScan.js"

			export default {
			data() {
			return {
			// ==================== 布局计算相关 ====================
			// 计算列表高度
			bottomBtnTop: 0,
			listTableTop: 0,

			// ==================== 界面状态控制 ====================
			EnableSubmit: true, // 是否允许提交
			disableBarCodePallet: false, // 栈板码禁用状态
			disableBarCodeDest: false, // 目的仓码禁用状态
			disableBarCodeMiddle: false, // 中箱码禁用状态
			disableBarCode: true, // 产品码禁用状态
			HBarCodePalletFocus: false, // 栈板码输入框聚焦状态
			HBarCodeDestFocus: false, // 目的仓码输入框聚焦状态
			HBarCodeMiddleFocus: false, // 中箱码输入框聚焦状态
			HBarCodeFocus: false, // 产品码输入框聚焦状态
			tabs: 0, // 当前选项卡(0:单据信息,1:装箱信息)


			// ==================== 业务数据 ====================
			HBarCode_Pallet: '', // 栈板码
			HBarCode_Destination: '', //目的仓码
			HBarCode_MiddleBox: '', //中箱码
			HBarCode: '', // 产品码
			HBillType: '1283', // 单据类型
			HBillSubType: '1', // 子类型（1装箱、2组托）
			OperationType: 1, // 操作类型（1新增、2从缓存列表中返回）
			HMaterNumber_Pack: "", // 托条码对应物料代码
			HBarCode_Pallet_Temp: "", // 从缓存列表中返回栈板码
			BarCodeType: 1, // 条码类型(1:装箱,2:组托)


			// ==================== 列表数据 ====================
			listOption: [], // 列表选项
			listData: [], // 表格数据
			selectedRows: [], // 表格选中的数据
			columns: [ // 表格列配置
			{
			type: 'selection',
			fixed: true,
			width: 50
			},
			{
			name: 'index',
			label: '序号',
			width: 60,
			hidden: true
			},
			{
			name: '栈板码',
			label: '栈板码',
			width: 200
			},
			{
			name: '目的仓码',
			label: '目的仓码',
			width: 200
			},
			{
			name: '中箱码',
			label: '中箱码',
			width: 200
			},
			{
			name: 'SN码',
			label: 'SN码',
			width: 200
			}
			],

			// ==================== 主表单数据 ====================
			hform: {
			HDate: dayjs(new Date()).format('YYYY-MM-DD'), // 单据日期
			HMaker: getUserInfo()['Czymc'], // 制单人
			HBillNo: '', // 单据号
			HInterID: '', // 单据ID
			HStockOrgName: uni.getStorageSync("Organization"), // 组织名称
			HStockOrgID: uni.getStorageSync("OrganizationID"), // 组织ID
			},

			// ==================== 系统配置 ====================
			HModName: "Sc_PackUnionBill_Packing_PDA", // 模块名称
			ModRightName: "CE_PackUnionBill_Packing", // 模块权限参数
			titleData: [] // 不需要显示的字段
			}
			},
			components: {

			},
			// ==================== 计算属性 ====================
			computed: {
			// 计算表格高度
			listTableHeight: {
			get() {
			return this.bottomBtnTop - this.listTableTop - 10
			}
			}
			},

			// ==================== 方法 ====================
			methods: {
			// 复选框变化处理
			checkboxGroupChangeHandler(e) {
			let checkBoxValues = Array.from(e.detail.value)
			this.hform.HQualityApproval = checkBoxValues.includes('qualityApproval')
			},

			// 表格行点击处理
			onTableRowClickHandler(row, index) {
			if (!this.listData[index].checked) {
			this.$set(this.listData[index], 'checked', true)
			} else {
			this.listData[index].checked = !this.listData[index].checked
			}
			},

			// 刷新SN码输入框焦点
			async HBarCodeFocusRefresh() {
			this.HBarCode = ''
			this.HBarCodeFocus = false
			await this.$nextTick()
			this.HBarCodeFocus = true
			},

			// 刷新栈板码输入框焦点
			async HBarCodePalletFocusRefresh() {
			this.HBarCode_Pallet = ''
			this.HBarCodePalletFocus = false
			await this.$nextTick()
			this.HBarCodePalletFocus = true
			},

			// 刷新目的仓码输入框焦点
			async HBarCodeDestFocusRefresh() {
			this.HBarCode_Destination = ''
			this.HBarCodeDestFocus = false
			await this.$nextTick()
			this.HBarCodeDestFocus = true
			},

			// 刷新中箱码输入框焦点
			async HBarCodeMiddleFocusRefresh() {
			this.HBarCode_MiddleBox = ''
			this.HBarCodeMiddleFocus = false
			await this.$nextTick()
			this.HBarCodeMiddleFocus = true
			},

			// 扫描栈板码
			toScanCode() {
			MpaasScan.scanCode((scanCode) => {
			this.HBarCode_Pallet = scanCode
			this.CheckBarcode(this.HBarCode_Pallet, 1)
			})
			},

			// 扫描目的仓码
			toScanCode() {
			MpaasScan.scanCode((scanCode) => {
			this.HBarCode_Destination = scanCode
			this.CheckBarcode(this.HBarCode_Destination, 2)
			})
			},

			// 扫描中箱码
			toScanCode() {
			MpaasScan.scanCode((scanCode) => {
			this.HBarCode_MiddleBox = scanCode
			this.CheckBarcode(this.HBarCode_MiddleBox, 3)
			})
			},

			// 扫条码核对校验信息
			CheckBarcode(HBarCode, HBarCodeType) {
			CommonUtils.doRequest2({
			url: '/CheckBarcodeController/Get_BarCode_BarcodeCheck',
			data: {
			HBarCode_Pallet: this.HBarCode_Pallet,
			HBarCode_Destination: this.HBarCode_Destination,
			HBarCode_MiddleBox: this.HBarCode_MiddleBox,
			HBarCode_SN: this.HBarCode_SN,
			HBarCodeType: HBarCodeType,
			HInterID: this.hform.HInterID,
			HBillNo: this.hform.HBillNo,
			HMaker: this.hform.HMaker
			},
			resFunction: (res) => {
			let {
			data,
			count,
			Message,
			list
			} = res.data
			if (count == 1) {
			CommonUtils.playSound(1)

			if(HBarCodeType == 1){
			//处理成功后聚焦到目的仓码输入框
			this.HBarCodeDestFocusRefresh()
			}else if(HBarCodeType == 2){
			//处理成功后聚焦到中箱码输入框
			this.HBarCodeMiddleFocusRefresh()
			}else if(HBarCodeType == 3){
			//处理成功后聚焦到SN码输入框
			this.HBarCodeFocusRefresh()
			}


			//this.DisBillEntryList();
			uni.showToast({
			icon: 'none',
			title: Message
			})

			this.listData = [];
			for (let i = 0; i < data.length; i++) {
			this.listData.push(Object.assign(data[i], {
			index: i
			}))
			}
			} else {
			CommonUtils.playSound(0)
			this.HBarCodePalletFocusRefresh()
			uni.showToast({
			icon: 'none',
			title: Message
			})
			}
			}
			})
			},

			// 扫描产品码
			toScanCode2() {
			MpaasScan.scanCode((scanCode) => {
			this.HBarCode = scanCode
			this.GetMeesageByBarCode(scanCode)
			})
			},

			// 根据产品码获取信息
			GetMeesageByBarCode(HBarCode) {
			let HBarCode_Pallet = this.HBarCode_Pallet
			let sOldBarCode = this.HBarCode
			let HDeleteFlag = sOldBarCode.substring(0, 1)
			let sBarCode = sOldBarCode.slice(1)

			if (!HBarCode_Pallet) {
			return uni.showToast({
			icon: 'none',
			title: '栈板码不能为空，请先扫描托条码！'
			})
			}
			if (HDeleteFlag == '*') {
			// 删除条码逻辑
			if (!sBarCode) {
			return uni.showToast({
			icon: 'none',
			title: '请扫描要删除的条码'
			})
			} else {
			this.HBarCodeFocusRefresh()
			}
			CommonUtils.doRequest2({
			url: '/WEBSController/set_DelPackUnionBill_Temp_Pack_Json',
			data: {
			"HInterID": this.hform.HInterID,
			"HBarCode": sBarCode,
			"HBillType": this.HBillType
			},
			resFunction: (res) => {
			let {
			data,
			count,
			Message
			} = res.data
			if (count == 1) {
			CommonUtils.playSound(1)
			this.tabs = 1
			this.DisBillEntryList()
			} else {
			CommonUtils.playSound(0)
			uni.showToast({
			icon: 'none',
			title: Message
			})
			}
			}
			})
			} else {
			// 新增条码逻辑
			let sBarCode = this.HBarCode
			if (!sBarCode) {
			return uni.showToast({
			icon: 'none',
			title: '条码不能为空，请扫描条码！'
			})
			}
			CommonUtils.doRequest2({
			url: '/WEBSController/Get_BarCode_PackUnionBill_New_Json_Cus',
			data: {
			"HBarCode": sBarCode,
			"HInterID": this.hform.HInterID,
			"HBillNo": this.hform.HBillNo,
			"HBillType": this.HBillType,
			"HBillSubType": this.HBillSubType,
			"HBarCode_Pallet": this.HBarCode_Pallet,
			"HMaterNumber_Pack": this.HMaterNumber_Pack,
			"HMaker": this.hform.HMaker,
			"HStockOrgID": this.hform.HStockOrgID
			},
			resFunction: (res) => {
			let {
			data,
			count,
			Message
			} = res.data
			if (count == 1) {
			CommonUtils.playSound(1)
			this.tabs = 1
			this.HBarCodeFocusRefresh()
			this.DisBillEntryList()
			} else {
			CommonUtils.playSound(0)
			this.HBarCodeFocusRefresh()
			uni.showToast({
			icon: 'none',
			title: Message
			})
			}
			}
			})
			}
			},
			// 显示单据明细列表
			DisBillEntryList() {
			CommonUtils.doRequest2({
			url: '/WEBSController/GetBillEntry_Tmp_Pack_Json',
			data: {
			"HInterID": this.hform.HInterID,
			"HBillNo": this.hform.HBillNo,
			"HBillType": this.HBillType
			},
			resFunction: (res) => {
			let {
			count,
			data,
			Message
			} = res.data
			this.listData = []
			if (count == 1) {
			for (let i = 0; i < data.length; i++) {
			this.listData.push(Object.assign(data[i], {
			index: i
			}))
			}


			} else {

			}
			}
			})
			},

			// 表格选择处理
			handleSelect(selected, array) {
			this.selectedRows = array
			},

			// 表格全选处理
			handleSelectAll(selected, array) {
			this.selectedRows = array
			},
			// 播放提示音
			playSound(type) {
			const innerAudioContext = uni.createInnerAudioContext();
			innerAudioContext.src = type == 1 ? '/static/success.wav' : '/static/jingbao.wav';
			innerAudioContext.play();
			},


			// 获取最大单据号
			getMaxNo() {
			CommonUtils.doRequest2({
			url: "/WEBSController/GetMaxBillNoAndID_Json",
			data: {
			"HBillType": this.HBillType
			},
			resFunction: (d) => {
			let {
			count,
			data,
			Message
			} = d.data
			if (count == 1) {
			this.hform.HInterID = data[0].HInterID;
			this.hform.HBillNo = data[0].HBillNo
			} else {
			uni.showModal({
			title: "温馨提示",
			showCancel: false,
			content: Message
			})
			}
			}
			})
			},

			// 提交前检查
			submitPreCheck() {
			if (CommonUtils.isEmpty(this.hform.HInterID)) {
			uni.showToast({
			icon: 'none',
			title: '单据内码获取失败，错误的单据内码！'
			})
			return false
			}
			if (CommonUtils.isEmpty(this.hform.HBillNo)) {
			uni.showToast({
			icon: 'none',
			title: '单据号获取失败，错误的单据号！'
			})
			return false
			}
			if (this.listData.length < 1) {
			uni.showToast({
			icon: 'none',
			title: '没有扫码信息，请先扫描条码，确认无误后再提交！'
			})
			return false
			}
			return true
			},

			// 删除选中行
			cmdDelete() {
			if (this.selectedRows.length != 1) {
			return uni.showToast({
			icon: 'none',
			title: '请选择一行记录，进行删除！'
			})
			}
			uni.showModal({
			title: '删除确认',
			content: '确认要删除选中行所有扫码记录？删除后将不可恢复!',
			success: ({
			confirm
			}) => {
			if (confirm) {
			CommonUtils.doRequest2({
			url: '/WEBSController/set_DelPackUnionBill_Temp_Pack_Json',
			data: {
			HInterID: this.hform.HInterID,
			HBillType: this.HBillType,
			HBarCode: this.selectedRows[0].HBarCode
			},
			resFunction: (res) => {
			let {
			data,
			count,
			Message
			} = res.data
			if (count == 1) {
			CommonUtils.playSound(1)
			uni.showToast({
			icon: 'none',
			title: Message
			})
			this.DisBillEntryList()
			} else {
			CommonUtils.playSound(0)
			uni.showToast({
			icon: 'none',
			title: Message
			})
			}
			}
			})
			}
			}
			})
			},

			// 提交单据
			cmdSubmit() {
			let checkRes = this.submitPreCheck()
			if (!checkRes) return

			this.EnableSubmit = false
			CommonUtils.doRequest2({
			url: '/CheckBarcodeController/Save_BarCode_BarcodeCheck',
			data: {
			"HInterID": this.hform.HInterID,
			"HBillNo": this.hform.HBillNo
			},
			resFunction: (res) => {
			let {
			data,
			count,
			Message
			} = res.data
			if (count == 1) {
			uni.showModal({
			title: '温馨提示',
			content: Message,
			confirmText: "新增",
			cancelText: '关闭',
			success: ({
			confirm,
			cancel
			}) => {
			if (confirm) {
			uni.redirectTo({
			url: "/pages/sanmaheyi/BarCodeCheck"
			})
			}
			if (cancel) {
			uni.navigateBack()
			}
			}
			})
			} else {
			uni.showToast({
			icon: 'none',
			title: Message
			})
			}
			}
			})
			},

			// 退出页面
			cmdExit() {
			uni.navigateBack()
			}
			},

			// ==================== 生命周期 ====================
			async onReady() {
			// 计算表格高度
			// #ifndef MP-WEIXIN
			let query = uni.createSelectorQuery().in(this)
			query.select("#bottom-btn").boundingClientRect((data) => {
			if (data) this.bottomBtnTop = data.top
			}).exec();
			query.select("#list-table").boundingClientRect((data) => {
			if (data) this.listTableTop = data.top
			}).exec();
			// #endif
			},

			onLoad(e) {
			// 初始化参数
			this.BarCodeType = e.BarCodeType \|\| 1
			this.OperationType = e.OperationType \|\| 1
			this.HBarCode_Pallet = e.HBarCode_Pallet_Temp \|\| ""
			this.hform.HSourceBillNo = e.HSourceBillNo \|\| ""
			this.HBarCode_Destination = e.HBarCode_Destination \|\| ""
			this.HBarCode_MiddleBox = e.HBarCode_MiddleBox \|\| ""

			// 根据操作类型初始化数据
			if (this.OperationType == 1) {
			this.getMaxNo() // 新增模式：获取新单据号
			// 初始化时聚焦到源单单号
			this.HSourcebillNoFocus = true
			} else if (this.OperationType == 2) {
			this.disableBarCodePallet = false
			this.disableBarCodeDest = false
			this.disableBarCodeMiddle = false
			this.disableBarCode = false
			this.CheckBarcode(this.HBarCode_Pallet, 1) // 缓存模式：加载已有数据
			this.DisBillEntryList()
			this.tabs = 0
			}

			// 默认聚焦到栈板码输入框
			this.HBarCodePalletFocusRefresh()
			},
			onUnload() {
			uni.$off('BillSelectComplete')
			}
			}
			</script>

			<style lang="scss">
			input {
			width: inherit;
			padding: 8rpx 20rpx;
			font-size: 30rpx;
			}

			.form {
			display: flex;
			flex-direction: column;
			gap: 20rpx;

			.form-base-info {
			display: flex;
			flex-direction: column;
			gap: 10rpx;
			box-sizing: border-box;
			padding: 30rpx;
			}

			.bill-info {
			display: flex;
			flex-direction: column;
			gap: 10rpx;
			box-sizing: border-box;
			padding: 16rpx 30rpx;
			}

			.form-item {
			display: flex;
			flex-direction: row;
			gap: 10rpx;

			.title {
			width: 5rem;
			flex-shrink: 0;
			}

			.right {
			flex: 1;
			border-radius: 22rpx;
			border: 1px solid #acacac;
			}

			.disabled {
			border: 1px solid #e4e4e4;
			background-color: #e4e4e4;
			}

			.right-icon {
			flex-shrink: 0;
			display: flex;
			justify-content: center;
			align-items: center;
			}

			.icon-wrapper {
			background-color: #3A78FF;
			border-radius: 100%;
			width: 52rpx;
			height: 52rpx;
			display: flex;
			justify-content: center;
			align-items: center;
			flex-shrink: 0;

			.uni-icons {
			color: #fff !important;
			}
			}

			.icon-wrapper[disabled] {
			background-color: rgba(228, 228, 228, 1);
			pointer-events: none;
			touch-action: none;
			}
			}
			}

			.tabs {
			width: 100%;
			display: flex;
			border-bottom: 1px solid #ddd;
			margin: 20rpx 0;

			view {
			width: 25%;
			font-size: 30rpx;
			color: #555;
			text-align: center;
			padding: 16rpx 0;
			}

			.on {
			color: #3a78ff;
			font-weight: bold;
			border-bottom: 3px solid #3a78ff;
			}
			}

			.bottom-btn {
			width: 100%;
			box-sizing: border-box;
			// height: 120rpx;
			position: fixed;
			bottom: 0;
			left: 0;
			background-color: #fff;
			box-shadow: 0 2rpx 10rpx 2rpx rgba(0, 0, 0, 0.4);
			padding: 30rpx 40rpx 40rpx 40rpx;
			display: flex;
			flex-direction: row;
			gap: 10rpx;

			button {
			border-radius: 50rpx;
			width: 180rpx;
			height: 66rpx;
			line-height: 66rpx;
			font-size: 28rpx;
			}

			.btn-a {
			background-color: #3A78FF;
			color: #fff;
			}

			.btn-b {
			background-color: #41a863;
			color: #fff;
			}

			.btn-c {
			background-color: #acacac;
			color: #fff;
			// position: absolute;
			// right: 120rpx;
			}

			.btn-d {
			background-color: #ff8901;
			color: #fff;
			}
			}

			.right-icon.disabled {
			background-color: #ccc !important;
			color: #666 !important;
			cursor: not-allowed;
			}
			</style>

New file
			@@ -0,0 +1,487 @@
			<template>
			<view class="content">
			<view class="tabs">
			<view :class="tabs == 0 ? 'on':''" @tap="changeTab(0)">缓存列表</view>
			</view>

			<view style="width: 100%;height: 16rpx;background-color: #e5e5e5;"></view>

			<view class="form" v-if="tabs == 0">
			<view class="buttons" @tap="add">
			<uni-icons type="plus" style="margin-right: 10rpx;" size="22"></uni-icons>新增
			</view>
			</view>

			<view style="width: 100%;height: 16rpx;background-color: #e5e5e5;"></view>

			<view class="list" v-for="(item,index) in showList" :key="index" v-if="tabs==0">
			<uni-card :title="item.制单日期.substr(0,10)" :extra="item.单据号" style="margin: 10px;"
			@tap="showDetail = showDetail==index?-1:index">
			<view class="card-detail">
			<view class="detail" v-if="item.托条码">
			<text>托条码：</text>{{item.托条码}}
			</view>
			<view class="detail" v-if="item.HSourceBillNo">
			<text>源单号：</text>{{item.HSourceBillNo}}
			</view>
			<view class="detail" v-if="item.制单人">
			<text>制单人：</text>{{item.制单人}}
			</view>
			<view class="detail" v-if="item.制单日期">
			<text>制单日期：</text>{{ item.制单日期.split('T')[0] }}
			</view>
			<view class="detail" v-if="item.组织">
			<text>组织：</text>{{item.组织}}
			</view>
			</view>

			<view class="more">
			<view class="part" style="border-right: 1px solid #eee;color: #3a78ff;" @tap.stop="edit(item)">
			<uni-icons type="compose" style="color: #3a78ff;margin-right: 10rpx;" size="18"></uni-icons>编辑
			</view>
			<view class="part" style="color: #da0000;" @tap.stop="del(item)">
			<uni-icons type="trash" style="color: #da0000;margin-right: 10rpx;" size="18"></uni-icons>删除
			</view>
			</view>
			</uni-card>
			</view>
			<view class="list" v-for="(item,index) in showList" :key="index" v-if="tabs==1">
			<uni-card :title="item.日期" :extra="item.单据号" style="margin: 10px;"
			@tap="showDetail = showDetail==index?-1:index">
			<view class="card-detail">
			<view class="detail" v-if="item.状态">
			<text>状态：</text>{{item.状态}}
			</view>
			<view class="detail" v-if="item.制单人">
			<text>制单人：</text>{{item.制单人}}
			</view>
			<view class="detail" v-if="item.数量">
			<text>数量：</text>{{item.数量}}
			</view>
			<view class="detail" v-if="item.源单单号">
			<text>源单单号：</text>{{item.源单单号}}
			</view>
			<view class="detail" v-if="item.物料代码">
			<text>物料代码：</text>{{item.物料代码}}
			</view>
			<view class="detail" v-if="item.物料名称">
			<text>物料名称：</text>{{item.物料名称}}
			</view>
			<view class="detail" v-if="item.规格型号">
			<text>规格型号：</text>{{item.规格型号}}
			</view>
			<view class="detail" v-if="item.组织">
			<text>组织：</text>{{item.组织}}
			</view>
			</view>

			<view class="more">
			<view class="part" style="color: #3a78ff;width: 100%;" @tap.stop="qrCodeDisplay(item)">
			<uni-icons type="scan" style="color: #3a78ff;margin-right: 10rpx;" size="18"></uni-icons>显示二维码
			</view>
			<view class="part" style="color: #d98d00;width: 100%;" @tap.stop="revoke(item)">
			<uni-icons type="undo" style="color: #d98d00;margin-right: 10rpx;" size="18"></uni-icons>撤销
			</view>
			</view>
			</uni-card>
			</view>

			<view class="over" v-if="!listData \|\| listData.length == 0">暂无数据</view>
			<view class="over" v-if="listData.length != 0 && listData.length != showList.length">加载中...</view>
			<view class="over" v-if="listData.length != 0 && listData.length == showList.length">已到底</view>
			<BarCodePopupVue ref="barcodePopup"></BarCodePopupVue>
			</view>
			</template>

			<script>
			import dayjs from "dayjs";
			import {
			getUserInfo
			} from "@/utils/auth.js";
			import BarCodePopupVue from "../../components/BarCodePopup/BarCodePopup.vue";
			export default {
			data() {
			return {
			userInfo: getUserInfo(),
			serverUrl: uni.getStorageSync('serverUrl') \|\| 'http://47.96.97.237/API',
			tabs: 0,
			urls: '/WEBSController/GetSc_PackUnionBill_TempList_Json',
			MvarReportTitle: '装箱单缓存列表',
			hform: {
			// HBillNo: '',
			// HSourceBillNo: '',
			HBillType: 3783,
			HMaker: uni.getStorageSync('HUserName'),
			HStockOrgID: uni.getStorageSync('OrganizationID'),
			},
			sWhere: '',
			listData: [],
			showList: [],
			showDetail: -1,

			page: 1,
			}
			},
			components: {
			BarCodePopupVue
			},
			onShow() {
			//用户模块权限判断
			this.CheckModRight()
			this.changeTab(0)
			console.log(this.userInfo, uni.getStorageSync('HUserName'))
			},
			onReachBottom: function() {
			this.page++
			setTimeout(() => {
			this.showList = this.showList.concat(this.getPage(this.page, this.listData))
			}, 100)
			},
			onPullDownRefresh: function() {
			this.clear()
			setTimeout(() => {
			uni.stopPullDownRefresh();
			}, 1000);
			},
			methods: {
			async qrCodeDisplay(item) {
			this.$refs.barcodePopup.setCodeInfo(item.HBillNo)
			await this.$nextTick()
			this.$refs.barcodePopup.open()
			},
			CheckModRight() {
			uni.request({
			url: this.serverUrl + '/WEBSController/CheckModRight_Json',
			data: {
			ModRightName: 'CE_PackUnion',
			HUserName: uni.getStorageSync('HUserName')
			},
			success: (res) => {
			if (res.data.count == 1) {} else {
			uni.showToast({
			title: res.data.Message,
			icon: 'none'
			})
			}
			},
			fail: (res) => {
			console.log(res);
			uni.showToast({
			title: '接口请求失败',
			icon: 'none'
			})
			},
			});
			},
			getPage(page, list) {
			let sindex = (parseInt(page) - 1) * 20
			let eindex = parseInt(page) * 20
			let newList = list.slice(sindex, eindex)
			return newList
			},
			changeTab(e) {
			this.tabs = e
			this.page = 1
			this.showList = []

			if (this.tabs == 0) {
			this.urls = '/WEBSController/GetSc_PackUnionBill_TempList_Json'
			}
			// if(this.tabs == 1){
			// this.urls = '/WEBSController/GetKf_ICStockBillQueryList_User_Json'
			// }
			this.getList()
			},
			getList() {
			uni.showLoading({
			title: '加载中...'
			})
			uni.request({
			url: this.serverUrl + this.urls,
			data: this.hform,
			success: (res) => {
			console.log(1, res);
			if (res.data.count == 1) {
			this.listData = res.data.data
			this.showList = this.getPage(this.page, this.listData)
			setTimeout(() => {
			uni.hideLoading()
			}, 1000)
			} else {
			uni.hideLoading()
			this.listData = []
			uni.showToast({
			title: res.data.Message,
			icon: 'none'
			})
			}
			},
			fail: (res) => {
			console.log(res);
			uni.hideLoading()
			uni.showToast({
			title: '接口请求失败',
			icon: 'none'
			})
			},
			});
			},
			search() {
			this.sWhere = ''
			this.listData = []
			this.page = 1
			this.showList = []

			console.log(this.hform)
			this.getList()
			},
			clear() {
			this.listData = []
			this.page = 1
			this.showList = []

			this.sWhere = ''
			this.hform = {
			HBillNo: '',
			HSourceBillNo: '',
			HBillType: 3783,
			HMaker: uni.getStorageSync('HUserName'),
			HStockOrgID: uni.getStorageSync('OrganizationID'),
			}
			this.getList()
			},
			add() {
			uni.navigateTo({
			url: './form?OperationType=1'
			})
			},
			//编辑
			edit(item) {
			console.log(item)
			uni.navigateTo({
			url: './form?OperationType=2&HBarCode_Pack_Temp=' + item["HBarCode_Pack"] + '&HSourceBillNo=' +item["HSourceBillNo"],
			})
			},
			//删除
			del(item) {
			// console.log(item.hmainid,uni.getStorageSync('HUserName'))
			uni.showModal({
			title: '提示',
			content: '确认要删除记录？删除后不能恢复',
			success: (res) => {
			if (res.confirm) {
			console.log('用户点击确定');
			uni.request({
			url: this.serverUrl +
			'/WEBSController/DeleteTemp_PackUnionBill_Json',
			data: {
			HInterID: item.HInterID,
			},
			success: (res) => {
			console.log(1, res);
			if (res.data.count == 1) {
			this.clear()
			}
			uni.showToast({
			title: res.data.Message,
			icon: 'none'
			})
			},
			fail: (res) => {
			console.log(res);
			uni.hideLoading()
			uni.showToast({
			title: '接口请求失败',
			icon: 'none'
			})
			},
			});
			} else if (res.cancel) {
			console.log('用户点击取消');
			}
			}
			});
			},
			//撤销
			revoke(item) {
			// console.log(item.hmainid,uni.getStorageSync('HUserName'))
			uni.showModal({
			title: '提示',
			content: '是否确认撤销',
			success: (res) => {
			if (res.confirm) {
			console.log('用户点击确定');
			uni.request({
			url: this.serverUrl +
			'/WEBSController/set_DeleteICStockBillAndWMS_Json',
			data: {
			HInterID: item.HInterID,
			HBillNo: item.单据号,
			HBillType: this.hform.HBillType,
			HMaker: uni.getStorageSync('HUserName'),
			MvarReportTitle: this.MvarReportTitle,
			},
			success: (res) => {
			console.log(1, res);
			if (res.data.count == 1) {
			this.clear()
			}
			uni.showToast({
			title: res.data.Message,
			icon: 'none'
			})
			},
			fail: (res) => {
			console.log(res);
			uni.hideLoading()
			uni.showToast({
			title: '接口请求失败',
			icon: 'none'
			})
			},
			});
			} else if (res.cancel) {
			console.log('用户点击取消');
			}
			}
			});
			},
			}
			}
			</script>

			<style lang="scss" scoped>
			.form {
			width: 640rpx;
			margin: 20rpx auto;
			margin-top: 90rpx;
			}

			.tabs {
			width: 100%;
			position: fixed;
			left: 0;
			z-index: 9;
			display: flex;
			background-color: #e5e5e5;

			view {
			width: 50%;
			font-size: 30rpx;
			color: #333;
			text-align: center;
			padding: 16rpx 0;
			}

			.on {
			color: #3a78ff;
			font-weight: bold;
			border-bottom: 3px solid #3a78ff;
			}
			}

			.buttons {
			width: 100%;
			display: flex;
			justify-content: center;
			margin-top: 20rpx;

			button {
			border-radius: 50rpx;
			width: 180rpx;
			height: 66rpx;
			line-height: 66rpx;
			font-size: 28rpx;
			}

			.btn-a {
			background-color: #acacac;
			color: #fff;
			}

			.btn-b {
			background-color: #41a863;
			color: #fff;
			}

			.btn-c {
			background-color: #3a78ff;
			color: #fff;
			}
			}

			.form-item {
			display: flex;
			align-items: center;
			font-size: 28rpx;
			padding: 6rpx 0;

			.title {
			width: 180rpx;

			text {
			color: red;
			font-weight: bold;
			}
			}

			.right {
			width: 450rpx;
			border-radius: 22rpx;
			border: 1px solid #acacac;
			}

			.righton {
			width: 450rpx;
			border-radius: 22rpx;
			border: 1px solid #e4e4e4;
			background-color: #e4e4e4;
			}

			input {
			width: 100%;
			padding: 8rpx 20rpx;
			font-size: 30rpx;
			}
			}

			.list {
			width: 100%;

			.card-detail {
			width: 100%;
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			line-height: 120%;

			.detail {
			// width: 50%;
			font-size: 26rpx;
			margin-bottom: 12rpx;
			color: #555;
			margin-right: 20rpx;

			text {
			color: #999;
			font-size: 26rpx;
			}
			}
			}

			.more {
			color: #888;
			font-size: 26rpx;
			display: flex;
			border-top: 1px solid #eee;
			padding-top: 20rpx;

			.part {
			width: 50%;
			display: flex;
			align-items: center;
			justify-content: center;
			}
			}
			}
			</style>