DK-MES-2.0
/
HEGII.ss.mes.check


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927
							<!doctype html>
<!--李士越 首件检验签字端-->
<html lang="en">
<head>
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Expires" content="0" />
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="shortcut icon" href="/img/logo.png" />
    <link rel="bookmark" href="/img/logo.png" />
    <link rel="stylesheet" href="/plugins/bootstrap-4.3.1/css/bootstrap.min.css">
    <link rel="stylesheet" href="/plugins/font-awesome-4.7.0/css/font-awesome.min.css">
    <link href="/Plugins/bootstrap-select/css/bootstrap-select.min.css" rel="stylesheet" />
    <link rel="stylesheet" href="../common/StyleSheet.css" />
    <link href="/Plugins/bootstrap-4.3.1/css/bootstrap4-modal-fullscreen.css" rel="stylesheet" />
    <script src="/Plugins/jquery-3.4.1/jquery-3.4.1.min.js"></script>
    <script src="/Plugins/virtualkeyboard/xvirtualkeyboard.js"></script>
    <style type="text/css">
        .outlayer {
            box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
            border-radius: .25rem;
            background-color: #fff;
            box-sizing: border-box;
            padding: 1rem 1.5rem .5rem 1.5rem;
            margin: 1rem 1.5rem .5rem 1.5rem;
        }

        .layer {
            padding: 0;
            margin-left: 0;
            margin-right: 0;
        }

        .formrow {
            display: flex;
            flex-wrap: wrap;
            width: 100%; 
        }
       /* 切换栏*/
        .tab {
            width: 100%;
            position: relative;
            padding: 0;
        }

        .tab_list {
            width: 100%;
        }

            .tab_list ul {
                padding-left: 0;
                margin: 0;
            }

            .tab_list li {
                width: 16.66%;
                height: 45px;
                list-style: none;
                line-height: 45px;
                text-align: center;
                float: left;
            }

            .tab_list .current {
                background-color: #138496;
                color: #fff;
            }
        .tab_con {
            width: 100%;
        }
        /*展示区块*/
        .item {
            width: 100%;
            height: 450px;
            font-size: 20px; 
            text-align: center; 
            background: #efefef;
            top: 50px;
            position: absolute;
        }
        table {
            width: 100%;
            border-collapse: collapse;
        } 
        th, td {
            border: 1px solid #000; 
            text-align: center;
        } 
        th {
            background-color: #f2f2f2;
        }
        /*单选框*/
        input[type="radio"] {
            width: 20px;
            height: 20px;  
        }
        /*表格输入框*/
        .checkbox {
            text-align: center;
        } 
        /*表格输入框*/
        .hidden-style {
            width: 100%;
            /* 移除边框 */
            border: none;
            /* 设置背景透明 */
            background: transparent;
            /* 移除阴影 */
            box-shadow: none;
            /* 移除焦点时的轮廓线 */
            outline: none;
            /* 移除内边距 */
            padding: 0;
            /* 移除外边距 */
            margin: 0;
            /* 继承父元素的字体大小 */
            font-size: inherit;
        } 
        /*签字版*/
        .tablet {
            flex: 1;
            text-shadow: 0px 0px 0px #000000;
            color: black
        }
        .frame {
            width: 100%;
            height: 370px;
        }
        .flex {
            display: flex;
        }
        .clickable-item {
            cursor: pointer;
        }
         .barcode-list-item {
            display: flex;
            align-items: center; 
            border-bottom: 1px solid #ddd; 
        } 
        .barcode-text {
            flex: 1; 
            margin-right: 10px; 
        }
        .table-container {
            position: relative;
            max-height: 720px;
            /* 允许垂直滚动 */
            overflow-y: auto;
            /* 为容器添加边框 */
            border: 1px solid #ddd;
        }
        /* 通用的表头和表体单元格样式 */
        .table-cell {
            padding: 8px;
            border: 1px solid #ddd;
        }

        /* 固定表头的样式 */
        .sticky-table-header th {
            position: sticky;
            top: 0;
            background-color: #d6d8db;
            /* 确保表头位于其他内容之上 */
            z-index: 2;
            /* 为表头添加底部边框以区分 */
            border-bottom: 2px solid #ddd;
        } 
    </style>
    <title>东科软件</title>
</head>
<body class="bg-light">
    <!--导航菜单-->
    <script src="../common/navbar.js"></script>
    <div class="flex">
        <!--左侧待签名-->
        <div class="outlayer" style="width:250px;">
            <ul id="REGISTERNOLIST" class="list-group">
            </ul>
        </div>
        <!--内容-->
        <div class="outlayer">
            <div class="flex" style="width:100%">
                <!--展示信息-->
                <div class="form-group col-2 mb-1">
                    <label>首件登记单号</label>
                    <input id="REGISTERNO" readonly type="text" class="form-control border-secondary">
                </div>
                <div class="form-group col-2 mb-1">
                    <label>生产车间</label>
                    <input id="WORKSHOP" readonly type="text" class="form-control border-secondary">
                </div>
                <div class="form-group col-3 mb-1">
                    <label>产品名称</label>
                    <input id="GOODSNAME" readonly type="text" class="form-control border-secondary">
                </div>
                <div class="form-group col-3 mb-1">
                    <label>产品型号</label>
                    <input id="GOODSCODE" readonly type="text" class="form-control border-secondary">
                </div>
                <div class="form-group col-2  mb-1">
                    <label>日期</label>
                    <input id="DATA" readonly type="text" class="form-control border-secondary">
                </div>
            </div>
            <div class="flex" style="width:100%">
                <div class="form-group col-2 mb-1">
                    <label>产品类型</label>
                    <input id="产品类型" readonly type="text" class="form-control border-secondary">
                </div>
                <div class="form-group col-2 mb-1">
                    <label>物料编码</label>
                    <input id="MATERIALCODE" readonly type="text" class="form-control border-secondary">
                </div>
                <div class="form-group col-2 mb-1">
                    <label>首件数量</label>
                    <input id="FIRQUANTITY" readonly type="text" class="form-control border-secondary">
                </div>
                <div class="form-group col-3 mb-1">
                    <label>检验依据</label>
                    <input id="检验依据" readonly type="text" class="form-control border-secondary">
                </div>
            </div>
            <div class="flex">
                <div class="list-group-item" style="flex: 1; text-align: center">研发部意见</div>
                <div class="list-group-item" style="flex: 5; text-align: center">
                    <form>
                        <div class="form-check form-check-inline">
                            <input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio1" value="1">
                            <label class="form-check-label" for="inlineRadio1">合格</label>
                        </div>
                        <div class="form-check form-check-inline">
                            <input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio2" value="0">
                            <label class="form-check-label" for="inlineRadio2">不合格</label>
                        </div>
                        <div class="input-group input-group-lg">
                            <div class="input-group-prepend">
                                <span class="input-group-text" id="inputGroup-sizing-lg">意见</span>
                            </div>
                            <input type="text" id="opinion" class="form-control" aria-label="Sizing example input" aria-describedby="inputGroup-sizing-lg">
                        </div>
                    </form>
                </div>
            </div>
            <div class="flex">
                <div class="list-group-item" style="flex: 1; text-align: center">部门签名</div>
                <div class="list-group-item" style="flex: 5; text-align: center;  align-items: center;">
                    <div style="display: flex; flex-direction: column;">
                        <div style="display: flex; justify-content: space-between">
                            <button type="button" data-target="#tablet" data-toggle="modal" class="btn btn-primary btn-lg" style="margin: 0 30px" onclick="openiframe(1)">品管签字</button>
                            <button type="button" data-target="#tablet" data-toggle="modal" class="btn btn-primary btn-lg" style="margin:0 30px" onclick="openiframe(2)">成检签字</button>
                            <button type="button" data-target="#tablet" data-toggle="modal" class="btn btn-primary btn-lg" style="margin:0 30px" onclick="openiframe(3)">生控签字</button>
                        </div>
                        <div style="display: flex; justify-content: space-between;padding-top:20px">
                            <button type="button" data-target="#tablet" data-toggle="modal" class="btn btn-primary btn-lg" style="margin:0 30px" onclick="openiframe(4)">研发签字</button>
                            <button type="button" data-target="#tablet" data-toggle="modal" class="btn btn-primary btn-lg" style="margin:0 30px" onclick="openiframe(5)">工艺签字</button>
                            <button type="button" data-target="#tablet" data-toggle="modal" class="btn btn-primary btn-lg" style="margin:0 20px" onclick="openiframe(6)">项目组签字</button>

                        </div>
                    </div>
                </div>
            </div>
            <div class="flex">
                <div class="form-group col-12 align-self-end mb-1" style="margin-top: 20px;">
                    <button onclick="save()" type="button" class="btn btn-info btn-block">保存</button>
                </div>
            </div>
        </div>
        <!--右侧产品条码-->
        <div class="outlayer" style="width:250px;">
            <ul id="getbarcodelist" class="list-group">
            </ul>
        </div>
        <!--产品条码弹窗-->
        <div class="modal" id="barcode" role="dialog" aria-labelledby="myModalLabel">
            <div class="modal-dialog modal-xl" role="document">
                <div class="modal-content" style="outline: 0; height: 600px; width: 1500px;">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">×</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div class='tab'>
                            <div class='tab_list'>
                                <ul id="myList">
                                </ul>
                            </div>
                            <div id="container" class='tab_con'>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--签字板-->
        <div class="modal" id="tablet" role="dialog" aria-labelledby="myModalLabel">
            <div class="modal-dialog modal-xl" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">×</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <iframe id="myIframe" style="width:100%;height:370px;"></iframe>
                    </div>
                </div>
            </div>
        </div>
        <!--型式检验弹窗-->
        <div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
            <div class="modal-dialog" style="max-width:90%">
                <div class="modal-content">
                    <div class="modal-header" style=" display: block;">
                        <h5 style="text-align: center; font-weight: bold;">检验报告</h5>
                    </div>
                    <div class="modal-body">
                        <div class="table-container">
                            <table id="showtestTable" class="table">
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
   
    <script>
        /**首件数量(从总单获取)*/
        let maxnum = 1;
        /**产品id(记录第一次)*/
        let GOODSID = 0;
        /**总单id */
        let REGISTERID = 0;
        /**形式检验数据 */
        let TestDataMap = {};
        /**加载前调用*/
        $(document).ready(function () {
            loadData(); 
            first();
        });
        //加载 生产工号
        function loadData() {
            //检查登录状态
            $.get('api/LogInCheck_WCF.ashx', function (data) {
                var json = JSON.parse(data);
                if (json["success"] == true) {
                    first();
                }
                else {
                    swal({
                        title: '登录异常！',
                        text: '请您先登录系统！',
                        icon: 'error',
                        button: '确定'
                    }).then(function () {
                        window.location = '/main/login/login.html';
                    });
                }
            });
        }
        /**获取总单数据 */
        const first = async () => {
            let REGISTERNO = ['待检验/待签名']
            const data = await $.ajax({
                url: 'api/GetCheckBarcode.ashx?m=assemble',
                dataType: "json",
                type: "GET"
            })
            for (var i = 0; i < data.length; i++) {
                REGISTERNO.push(data[i].REGISTERNO)
            }
            //调用函数来填充列表
            await populateList(REGISTERNO, 'REGISTERNOLIST')
        }
        /**
        * barcode校验
        * @param REGISTERNO 产品条码
        */
        const check = async (REGISTERNO) => {
            const data = await $.ajax({
                url: 'api/GetCheckBarcode.ashx?m=getoneassemble',
                data: { "REGISTERNO": REGISTERNO },
                dataType: "json",
                type: "post"
            });
            //顶部信息展示区块赋值
            $('#REGISTERNO').val(data[0].REGISTERNO);
            //生产车间
            $('#WORKSHOP').val(data[0].WORKSHOP);
            $('#GOODSNAME').val(data[0].GOODSNAME);
            $('#GOODSCODE').val(data[0].GOODSCODE);
            $('#DATA').val(data[0].DATA);
            $('#产品类型').val(data[0].产品类型);
            $('#MATERIALCODE').val(data[0].MATERIALCODE);
            $('#FIRQUANTITY').val(data[0].FIRQUANTITY);
            $('#检验依据').val(data[0].检验依据);
            $('#opinion').val(data[0].ADVICEREMARKS);
            const radios = document.getElementsByName('inlineRadioOptions');
            radios[0].checked = false;
            radios[1].checked = false;
            if (data[0].ADVICE != null) {
                data[0].ADVICE == 1 ? radios[0].checked = true : radios[1].checked = true
            }
            REGISTERID = data[0].REGISTERID
            /**右侧产品条码与型式检验 */
            let barcodeList = [{ barcode: '产品条码', inspection: '型式检验' }];
            /**获取产品条码 */
            const data2 = await $.ajax({
                url: 'api/GetCheckBarcode.ashx?m=getabrcode',
                data: { "REGISTERID": data[0].REGISTERID },
                dataType: "json",
                type: "post"
            });
            for (var i = 0; i < data2.length; i++) {
                /**查询型式检验 */
                const resultTest = await $.ajax({
                    url: 'api/GetCheckBarcode.ashx?m=showtest',
                    data: { "BARCODE": data2[i].BARCODE },
                    dataType: "json",
                    type: "post"
                });
                /**创建对象 */
                let newBarcode = {
                    barcode: data2[i].BARCODE,
                    inspection: '查看'
                };
                
                //添加型式检验数据
                TestDataMap[data2[i].BARCODE] = resultTest;
                //添加tab栏数据
                barcodeList.push(newBarcode); 
            }
            // 调用函数来填充列表
            await RightpopulateList(barcodeList);
        }
        /**
        * 监视各个tab栏内数据
        * @param tableId 表格id
        */
        const getItem = (tableId) => {
            /**根据id获取表格 */
            const table = document.getElementById(tableId);
            /**根据表格获取所有行 */
            const rows = table.getElementsByTagName('tr');
            /**返回值集合 */
            const data = [];
            /**跳过表头*/
            for (let i = 1; i < rows.length; i++) {
                /**获取当前行 */
                const cells = rows[i].getElementsByTagName('td');
                /**查找包含单选按钮的单元格*/
                const radioCell = Array.from(cells).find(cell => cell.classList.contains('radio'));
                /**单选值 */
                let judgmentResult = null;
                //单选时
                if (radioCell) {
                    /**获取单选集合 */
                    const radioButtons = radioCell.getElementsByTagName('input');
                    //遍历
                    for (let j = 0; j < radioButtons.length; j++) {
                        //被选中
                        if (radioButtons[j].checked) {
                            //赋值
                            judgmentResult = radioButtons[j].value;
                            break;
                        }
                    }
                }
                // 查找包含文本输入框的单元格
                const checkboxCell = Array.from(cells).find(cell => cell.classList.contains('checkbox'));
                /**输入框值 */
                let textInputValue = '';
                //赋值
                if (checkboxCell) {
                    const textInput = checkboxCell.getElementsByTagName('input')[0];
                    textInputValue = textInput.value.trim();
                }
                /**获取当前行的单选值以及输入框的值 */
                const item = {
                    judgmentResult: judgmentResult,
                    textInputValue: textInputValue,
                };
                //添加返回值
                data.push(item);
            }
            //返回对象
            return { tableData: data };
        };
        /**
        * 左侧待检验/待签名列表
        * @param items 总单号
        * @param divid 区块id
        */
        const populateList = async (items, divid) => {
            /**获取 ul*/
            const ul = document.getElementById(divid);
            // 清空现有的 <li> 元素
            ul.innerHTML = '';
            //遍历所有li
            await items.forEach((item, index) => {

                /**获取当前li */
                const liElement = document.createElement('li');
                //添加class
                liElement.classList.add('list-group-item');
                //添加名称
                liElement.textContent = item;
                if (index != 0) {
                    //添加鼠标互动
                    liElement.classList.add('clickable-item');
                    //添加点击事件
                    liElement.addEventListener('click', function () {
                        //添加方法 查询总单信息
                        check(item);
                    });
                }
                //将li放入ul中
                ul.appendChild(liElement);
            });
        }
        /**
        * 根据barcode查找填写过数据
        * @param barcode 产品条码
        */
        const addinputvalue = async (barcode) => {
            //绘制页面
            await gettableli();
            const data = await $.ajax({
                url: 'api/GetCheckBarcode.ashx?m=getregister',
                dataType: "json",
                type: "post",
                data: { 'BARCODE': barcode }
            })
            // 处理数据
            for (var i = 0; i < data.Result.length; i++) {
                //将数据回显
                await setval(data.Result[i]);
            }
        }
        /**
        * 将数据放置table中
        * @param data 数据
        */
        const setval = async (data) => {
            /**根据表格指定行 */
            const specificRow = await document.getElementById(data.ITEMSID);
            /**获取当前行 */
            const cells = await specificRow.getElementsByTagName('td');
            if (data.ITEMSID == 20) {
                // 查找包含文本输入框的单元格
                const checkboxCell = Array.from(cells).find(cell => cell.classList.contains('text')).getElementsByTagName('input')[0];
                //赋值
                checkboxCell.value = data.ITEMSREMARKS.trim();
                //将表格数据放置在对象中
                await getItem(data.ITEMSYTPE);
                return;
            }
            /**查找包含单选按钮的单元格*/
            const radioCell = Array.from(cells).find(cell => cell.classList.contains('radio'));
            /**获取单选输入框 */
            const radioInputs = radioCell.getElementsByTagName('input');
            //赋值
            if (data.ITEMSVALUE == '1') {
                radioInputs[0].checked = true;
            } else if (data.ITEMSVALUE == '0') {
                radioInputs[1].checked = true;
            }
            // 查找包含文本输入框的单元格
            const checkboxCell = Array.from(cells).find(cell => cell.classList.contains('text')).getElementsByTagName('input')[0];
            //赋值
            checkboxCell.value = data.ITEMSREMARKS.trim();
            //将表格数据放置在对象中
            await getItem(data.ITEMSYTPE);
        }
        /**获取切换栏 */
        const gettableli = async () => {
            let li = [];
            //获取tab栏数据
            await $.ajax({
                url: 'api/GetCheckBarcode.ashx?m=getli',
                dataType: "json",
                type: "get",
                success: function (data) {
                    for (var i = 0; i < data.length; i++) {
                        //创建item和表格
                        createtable(data[i]);
                        //添加tab栏数据
                        li.push(data[i])
                    }
                }
            })
            // 调用函数来填充列表
            await gettablepopulateList(li);
        }
        /**
        * 填充li
        * @param items li集合
        */
        const gettablepopulateList = async (items) => {
            /**获取 ul*/
            const ul = document.getElementById('myList');
            // 清空现有的 <li> 元素
            ul.innerHTML = '';
            //遍历所有li
            for (var i = 0; i < items.length; i++) {
                var item = items[i];
                /**获取当前li */
                const liElement = document.createElement('li');
                //第一个li
                if (i === 0) {
                    //添加class
                    liElement.classList.add('current');
                }
                //添加名称
                liElement.textContent = item;
                //将li放入ul中
                ul.appendChild(liElement);
                //生成该li对应的内容
                await gettxt(item);
            }
            //li初始化和点击事件
            lionclick();
        }
        /**li与div联动(tabs) */
        const lionclick = () => {
            var lis = document.querySelectorAll('.tab_list li');
            var items = document.querySelectorAll('.item');
            // 设置所有 li 的 data-index 属性
            lis.forEach(function (li, index) {
                li.setAttribute('data-index', index);
            });
            // 函数：根据 current li 显示对应的 item
            function showCorrectItem() {
                var currentIndex = null;
                // 查找带有 class="current" 的 li 的索引
                lis.forEach(function (li, index) {
                    if (li.classList.contains('current')) {
                        currentIndex = index;
                    }
                });
                // 隐藏所有 item
                items.forEach(function (item) {
                    item.style.display = 'none';
                });
                // 显示对应的 item
                items[currentIndex].style.display = 'block';
            }
            // 页面加载完成后调用
            showCorrectItem();
            // 设置 li 的点击事件
            lis.forEach(function (li) {
                li.addEventListener('click', function () {
                    // 重置所有 li 的类名
                    lis.forEach(function (otherLi) {
                        otherLi.classList.remove('current');
                    });
                    // 设置当前 li 的类名为 'current'
                    this.classList.add('current');
                    // 显示对应的 item
                    showCorrectItem(); // 调用函数来更新显示
                });
            });

        };
        /**
        * 创建表格
        * @param tableid 表格id
        */
        const createtable = (tableid) => {
            /**找到要创建的位置*/
            const container = document.getElementById('container');
            /**创建div结构 */
            const div = document.createElement('div');
            //赋值class
            div.className = 'item';
            /**创建表格 */
            const table = document.createElement('table');
            //设置属性
            table.style.width = '100%';
            table.id = tableid
            /**创建表头 */
            const thead = document.createElement('thead');
            const headerRow = document.createElement('tr');
            /**创建表头数据 */
            headerRow.className = 'table-secondary';
            ['检验项目', '要求', '判定结果', '异常情况'].forEach(headerText => {
                const th = document.createElement('th');
                th.scope = 'col';
                th.textContent = headerText;
                headerRow.appendChild(th);
            });
            thead.appendChild(headerRow);
            /**创建表体 */
            const tbody = document.createElement('tbody');
            //依次填充结构
            table.appendChild(thead);
            table.appendChild(tbody);
            div.appendChild(table);
            container.appendChild(div);
        }
        /**
        * 获取表格内容
        * @param ITEMSYTPE 类型
        */
        const gettxt = (ITEMSYTPE) => {
            //获取表格内容
            $.ajax({
                url: 'api/GetCheckBarcode.ashx?m=gettable',
                data: { 'ITEMSYTPE': ITEMSYTPE },
                dataType: "json",
                type: "post",
                success: function (data) {
                    //填充表格数据
                    fillTable(data, ITEMSYTPE);
                }
            })
        }
        /**
        * 表格填充数据
        * @param data 数据
        * @param tableid 表格id
        */
        const fillTable = (data, tableid) => {
            const tbodySelector = '#' + tableid + ' tbody';
            const tbody = document.querySelector(tbodySelector);
            // 清空容器
            while (tbody.firstChild) {
                tbody.removeChild(tbody.firstChild);
            }
            // 遍历数据数组，并为每个项目创建一个新的表格行
            for (const item of data) {
                // 创建一个新的表格行
                const tr = document.createElement('tr');
                tr.id = item.ITEMSID;
                // 创建并填充第一个 <td> 元素（检验项目）
                const tdItemsName = document.createElement('td');
                tdItemsName.textContent = item.ITEMSNAME;
                tr.appendChild(tdItemsName);
                if (item.ITEMSID == 20) {
                    const tdAbnormality = document.createElement('td');
                    tdAbnormality.className = 'text';
                    tdAbnormality.colSpan = 3;
                    tdAbnormality.innerHTML = '<input type="text" readonly class="hidden-style">';
                    tr.appendChild(tdAbnormality);
                    tbody.appendChild(tr);
                    continue;
                }
                // 创建并填充第二个 <td> 元素（要求）
                const tdItemsInfo = document.createElement('td');
                tdItemsInfo.textContent = item.ITEMSINFO;
                tr.appendChild(tdItemsInfo);
                //创建了空的 <td> 元素
                const tdResult = document.createElement('td');
                tdResult.className = 'radio';
                // 创建第一个单选按钮
                const radioOk = document.createElement('input');
                radioOk.type = 'radio';
                radioOk.name = item.ITEMSID;
                radioOk.value = '1';
                radioOk.disabled = true;
                // 创建与单选按钮相邻的文本节点 "OK"
                const textOk = document.createTextNode('OK');
                // 创建第二个单选按钮
                const radioNg = document.createElement('input');
                radioNg.type = 'radio';
                radioNg.name = item.ITEMSID;
                radioNg.value = '0';
                radioNg.disabled = true;
                // 创建与单选按钮相邻的文本节点 "NG"
                const textNg = document.createTextNode('NG');
                // 将元素添加到 tdResult 中
                tdResult.appendChild(radioOk);
                tdResult.appendChild(textOk);
                tdResult.appendChild(radioNg);
                tdResult.appendChild(textNg);
                // 添加 radio buttons
                tr.appendChild(tdResult);
                const tdAbnormality = document.createElement('td');
                tdAbnormality.className = 'text';
                tdAbnormality.innerHTML = '<input type="text" readonly class="hidden-style">';
                tr.appendChild(tdAbnormality);
                // 将新的表格行添加到 tbody 中
                tbody.appendChild(tr);
            };
        }
        /**
        * 打开签字板
        * @param index 判断签字版类型
        */
        const openiframe = (index) => {
            document.getElementById('myIframe').src = 'Tablet.html?id=' + index + '&REGISTERID=' + REGISTERID;
        }
        /**保存按钮 */
        const save = async () => {
            // 获取选中的单选按钮的值
            const radios = await document.getElementsByName('inlineRadioOptions');
            let ADVICE;
            for (const radio of radios) {
                if (radio.checked) {
                    ADVICE = radio.value;
                    break;
                }
            }
            // 获取文本输入字段的值
            const opinionInput = document.getElementById('opinion');
            const ADVICEREMARKS = opinionInput.value;
            if (!ADVICE || !ADVICEREMARKS) {
                return swal({
                    text: '请完善表单',
                    button: true,
                    icon: 'error',
                    closeOnClickOutside: false
                });
            }
            const data = await $.ajax({
                url: 'api/GetCheckBarcode.ashx?m=save',
                data: { 'ADVICE': ADVICE, "ADVICEREMARKS": ADVICEREMARKS, "REGISTERID": REGISTERID },
                dataType: "json",
                type: "post"
            })
            await swal({
                text: data.result ? '保存成功！' : '保存失败',
                button: true,
                icon: data.result ? 'success' : 'error',
                closeOnClickOutside: false
            });
        }
        /**右侧产品条码区块*/
        const RightpopulateList = async (items) => {
            const ul = document.getElementById('getbarcodelist');
            ul.innerHTML = '';

            items.forEach((item, index) => {
                const liElement = document.createElement('li');
                liElement.classList.add('list-group-item', 'barcode-list-item', 'list-group-item');
                // 创建产品条码文本元素
                const barcodeElement = document.createElement('span');
                barcodeElement.classList.add('barcode-text');
                barcodeElement.textContent = item.barcode;

                // 创建型式检验文本元素
                const viewElement = document.createElement('span');
                viewElement.classList.add('view-button');
                viewElement.textContent = item.inspection;
                if (index != 0) {
                    //添加鼠标互动
                    liElement.classList.add('clickable-item');
                    //添加产品条码点击事件
                    barcodeElement.addEventListener('click', function () {
                        //添加方法 查找barcode的数据
                        addinputvalue(item.barcode);
                        //开启产品条码弹窗
                        $('#barcode').modal('show');
                    });
                    //添加型式检验点击事件
                    viewElement.addEventListener('click', function () { 
                        if (TestDataMap[item.barcode].length==0) {
                            return swal({
                                text: '未查询到型式检验数据！',
                                button: true,
                                icon: 'error',
                                closeOnClickOutside: false
                            })
                        }
                        showtest(TestDataMap[item.barcode]);
                    });
                }
                // 将条码和“查看”元素添加到li中
                liElement.appendChild(barcodeElement);
                liElement.appendChild(viewElement);

                // 将li添加到ul中
                ul.appendChild(liElement);
            });
        };
        /**查看型式检验按钮 */
        const showtest = async (showtestData) => {
            const table = document.getElementById('showtestTable');
            // 清空表格内容
            while (table.firstChild) {
                table.removeChild(table.firstChild);
            }
            /**创建表头 */
            const thead = document.createElement('thead');
            thead.className = 'sticky-table-header';
            const headerRow = document.createElement('tr');
            /**创建表头数据 */
            headerRow.className = 'table-secondary';
            ['序号', '产品型号', '产品名称', '检验时间', '检验项目', '检验标准', '单位', '数值', '结果'].forEach(headerText => {
                const th = document.createElement('th');
                th.scope = 'col';
                th.textContent = headerText;
                th.className = 'table-cell';
                headerRow.appendChild(th);
            });
            thead.appendChild(headerRow);
            /**创建表体 */
            const tbody = document.createElement('tbody');
            for (var i = 0; i < showtestData.length; i++) {
                const tr = document.createElement('tr');
                var keys = Object.keys(showtestData[i]);
                for (var k = 0; k < keys.length; k++) {
                    const td = document.createElement('td');
                    td.textContent = showtestData[i][keys[k]];
                    td.className = 'table-cell';
                    tr.appendChild(td);
                }
                tbody.appendChild(tr);
            }
            //依次填充结构
            table.appendChild(thead);
            table.appendChild(tbody);
            $('#exampleModal').modal('show')
        }
    </script>
    <!--版权信息-->
    <script src="../common/footer.js"></script>
    <script src="/Plugins/bootstrap-4.3.1/js/bootstrap.bundle.min.js"></script>
    <script src="/Plugins/bootstrap-select/js/bootstrap-select.min.js"></script>
    <script src="/Plugins/sweetalert/sweetalert.min.js"></script>
    <script src="/Plugins/xrequest/xrequest.min.js"></script>
    <script src="../Common/xuwell.js"></script>
</body> 

</html>