不良评审申请单,对不良数量增加保存前验证,异常反馈单,生产质量汇报单,设备故障登记单 增加字段

zrg

2024-07-24 8e9cd08b9b022ef1adba208aedcd9ed6e1aff005

 WebTM/views/»ù´¡×ÊÁÏ/¹«Óûù´¡×ÊÁÏ/Add_Edit_Gy_Material.html

@@ -8,6 +8,11 @@
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="stylesheet" href="../../../layuiadmin/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
    <script src="../../../layuiadmin/zgqCustom/zgqCustom.js"></script>
    <script src="../../../layuiadmin/layui/layui.js"></script>
    <script src="../../../layuiadmin/Scripts/json2.js"></script>
    <script src="../../../layuiadmin/Scripts/jquery-1.4.1.js"></script>
    <script src="../../../layuiadmin/Scripts/webConfig.js"></script>
    <style type="text/css">
        .layui-form-label {
            width: 85px;
@@ -46,10 +51,13 @@
                            <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
                                <ul class="layui-tab-title">
                                    <li class="layui-this">基本信息</li>
                                    <li >其他信息</li>
                                    <li>羊毛信息</li>
                                    <li>其他信息</li>
                                    <li>附件信息</li>
                                </ul>
                                <h1 style="text-align:center;"><b>物料设置</b></h1>
                                <div class="layui-tab-content">
                                    <!--基本信息-->
                                    <div class="layui-tab-item layui-show">
                                        <div class="layui-form-item">
                                            <div class="layui-row">
@@ -93,15 +101,15 @@
                                                        </div>
                                                    </div>
                                                    <!--<div class="layui-inline">
                <label class="layui-form-label">主计量单位：</label>
                <div class="layui-input-inline">
                    <input class="layui-input" type="text" name="HUnitName" id="HUnitName" value="0" readonly>
                    <input class="layui-input" type="hidden" name="HUnitID" id="HUnitID" value="0" readonly>
                    <button type="button" lay-submit="" class="layui-btn" lay-filter="Department" style="width:40px;">
                        <i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>
                    </button>
                </div>
            </div>-->
                        <label class="layui-form-label">主计量单位：</label>
                        <div class="layui-input-inline">
                            <input class="layui-input" type="text" name="HUnitName" id="HUnitName" value="0" readonly>
                            <input class="layui-input" type="hidden" name="HUnitID" id="HUnitID" value="0" readonly>
                            <button type="button" lay-submit="" class="layui-btn" lay-filter="Department" style="width:40px;">
                                <i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>
                            </button>
                        </div>
                    </div>-->
                                                </div>
                                                <div class="layui-inline">
                                                    <label class="layui-form-label">克重</label>
@@ -221,6 +229,12 @@
                                                    </div>
                                                </div>
                                                <div class="layui-inline">
                                                    <label class="layui-form-label">一次合格<br/>率标准值</label>
                                                    <div class="layui-input-inline">
                                                        <input class="layui-input" name="HOnceRightRate" id="HOnceRightRate" autocomplete="off" onfocus="this.select();" value="0" style="margin-top:10px;">
                                                    </div>
                                                </div>
                                                <div class="layui-inline">
                                                    <label class="layui-form-label"> ç™½å¯è¦æ±‚：</label>
                                                    <div class="layui-input-inline ">
                                                        <textarea placeholder="请输入维备注" class="layui-textarea" name="HRemark" id="HRemark"></textarea>
@@ -238,6 +252,60 @@
                                            </div>
                                        </div>
                                    </div>
                                    <!--羊毛信息-->
                                    <div class="layui-tab-item">
                                        <div class="layui-form-item">
                                            <div class="layui-row">
                                                <div class="layui-inline">
                                                    <label class="layui-form-label" style="width: 85px;">毛高</label>
                                                    <div class="layui-input-block" style="margin-left: 120px;">
                                                        <input type="text" class="layui-input" name="HHeight_M" id="HHeight_M">
                                                    </div>
                                                </div>
                                                <div class="layui-inline">
                                                    <label class="layui-form-label" style="width: 85px;">寸数组织</label>
                                                    <div class="layui-input-block" style="margin-left: 120px;">
                                                        <input type="text" class="layui-input" name="HInches_M" id="HInches_M">
                                                    </div>
                                                </div>
                                                <div class="layui-inline">
                                                    <label class="layui-form-label" style="width: 85px;">全毛长</label>
                                                    <div class="layui-input-block" style="margin-left: 120px;">
                                                        <input type="text" class="layui-input" name="HAl1Long_M" id="HAl1Long_M">
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="layui-row">
                                                <div class="layui-inline">
                                                    <label class="layui-form-label" style="width: 85px;">坯布密度</label>
                                                    <div class="layui-input-block" style="margin-left: 120px;">
                                                        <input type="text" class="layui-input" name="HDensity_M" id="HDensity_M">
                                                    </div>
                                                </div>
                                                <div class="layui-inline">
                                                    <label class="layui-form-label" style="width: 85px;">毛纱名称及规格</label>
                                                    <div class="layui-input-block" style="margin-left: 120px;">
                                                        <input type="text" class="layui-input" name="HTela_M" id="HTela_M">
                                                    </div>
                                                </div>
                                                <div class="layui-inline">
                                                    <label class="layui-form-label" style="width: 85px;">底丝</label>
                                                    <div class="layui-input-block" style="margin-left: 120px;">
                                                        <input type="text" class="layui-input" name="HUnderTela_M" id="HUnderTela_M">
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="layui-row">
                                                <div class="layui-inline">
                                                    <label class="layui-form-label" style="width: 85px;">定型浆料</label>
                                                    <div class="layui-input-block" style="margin-left: 120px;">
                                                        <input type="text" class="layui-input" name="HSizing_M" id="HSizing_M">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!--其他信息-->
                                    <div class="layui-tab-item">
                                        <div class="layui-form-item">
                                            <div class="layui-row">
@@ -264,8 +332,8 @@
                                                    <div class="layui-input-inline">
                                                        <input class="layui-input" name="HSecUnitRate" lay-verify="HSecUnitRate" id="HSecUnitRate" autocomplete="off" value="0">
                                                        <!--<button type="button" lay-submit="" class="layui-btn" lay-filter="HDormID-BT">
                    <i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>
                </button>-->
                            <i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>
                        </button>-->
                                                        <!--<input id="HDormID" name="HDormID" type="hidden" />-->
                                                    </div>
                                                </div>
@@ -324,7 +392,7 @@
                                                    </div>
                                                </div>
                                                <div class="layui-inline">
                                                    <label class="layui-form-label" > å•ä»¶æœ€å¤§ä¸Šé™ï¼š</label>
                                                    <label class="layui-form-label"> å•ä»¶æœ€å¤§ä¸Šé™ï¼š</label>
                                                    <div class="layui-input-inline">
                                                        <input class="layui-input" name="HPieceMaxQty" lay-verify="HPieceMaxQty" id="HPieceMaxQty" autocomplete="off" value="0">
                                                    </div>
@@ -346,9 +414,9 @@
                                            </div>
                                            <div class="layui-inline">
                                                <!--<label class="layui-form-label"> è®¡é‡å•ä½ç»„：</label>
        <div class="layui-input-inline">
            <input class="layui-input" name="HUnitGroupID" lay-verify="HUnitGroupID" id="HUnitGroupID">
        </div>-->
                <div class="layui-input-inline">
                    <input class="layui-input" name="HUnitGroupID" lay-verify="HUnitGroupID" id="HUnitGroupID">
                </div>-->
                                                <div class="layui-inline">
                                                    <label class="layui-form-label">计量单位组</label>
                                                    <div class="layui-input-inline">
@@ -411,9 +479,9 @@

                                                <div class="layui-inline">
                                                    <!--<label class="layui-form-label"> è¾…助计量单位：</label>
            <div class="layui-input-inline">
                <input class="layui-input" name="HSecUnitID" lay-verify="HSecUnitID" id="HSecUnitID" autocomplete="off" value="0">
            </div>-->
                    <div class="layui-input-inline">
                        <input class="layui-input" name="HSecUnitID" lay-verify="HSecUnitID" id="HSecUnitID" autocomplete="off" value="0">
                    </div>-->
                                                    <div class="layui-inline">
                                                        <label class="layui-form-label">辅助计量单位</label>
                                                        <div class="layui-input-inline">
@@ -513,8 +581,63 @@
                                                        <input class="layui-input" name="HSTDMACHINEPREPARETIME" lay-verify="HSTDMACHINEPREPARETIME" id="HSTDMACHINEPREPARETIME" autocomplete="off" value="0">
                                                    </div>
                                                </div>
                                                <div class="layui-inline">
                                                    <label class="layui-form-label">常用材料：</label>
                                                    <div class="layui-input-inline">
                                                        <input type="checkbox" name="HCommonUseFlag" id="HCommonUseFlag" lay-skin="primary" lay-filter="checkbox" value="true" title="是否常用材料">
                                                    </div>
                                                </div>

                                            </div>
                                            <div class="layui-row">
                                                <div class="layui-inline">
                                                    <label class="layui-form-label"> åŠ æƒå¹³å‡ä»·ï¼š</label>
                                                    <div class="layui-input-inline">
                                                        <input class="layui-input" name="HAvgStockPrice" lay-verify="HAvgStockPrice" id="HAvgStockPrice" autocomplete="off" value="0">
                                                    </div>
                                                </div>
                                                <div class="layui-inline">
                                                    <label class="layui-form-label"> ç»“ç®—ä»·</label>
                                                    <div class="layui-input-inline" style="margin-top:10px">
                                                        <input class="layui-input" name="HFootPrice" lay-verify="HFootPrice" id="HFootPrice" autocomplete="off" value="0">
                                                    </div>
                                                </div>

                                                <div class="layui-inline">
                                                    <label class="layui-form-label"> å«ç¨Žæˆæœ¬ä»·</label>
                                                    <div class="layui-input-inline" style="margin-top:10px">
                                                        <input class="layui-input" name="HTaxCost" lay-verify="HTaxCost" id="HTaxCost" autocomplete="off" value="0">
                                                    </div>
                                                </div>
                                                <div class="layui-inline">
                                                    <label class="layui-form-label"> ä¸å«ç¨Žæˆæœ¬ä»·</label>
                                                    <div class="layui-input-inline" style="margin-top:10px">
                                                        <input class="layui-input" name="HNoTaxCost" lay-verify="HNoTaxCost" id="HNoTaxCost" autocomplete="off" value="0">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!--附件信息-->
                                    <div class="layui-tab-item">
                                        <div class="layui-form-item" style="padding-top: 10px;">
                                            <div class="layui-upload">
                                                <button type="button" class="layui-btn" id="testList">选择文件</button><input class="layui-upload-file" type="file" accept="" name="file" multiple="">
                                                <div class="layui-upload-list">
                                                    <table class="layui-table" lay-filter="mainTable">
                                                        <thead>
                                                            <tr>
                                                                <th>文件名</th>
                                                                <th>图片</th>
                                                                <th>大小</th>
                                                                <th>状态</th>
                                                                <th>操作</th>
                                                            </tr>
                                                        </thead>
                                                        <tbody id="ProImgByList" class="ProImgByList">
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
@@ -559,7 +682,7 @@
            base: '../../../layuiadmin/' //静态资源所在路径
        }).extend({
            index: 'lib/index', //主入口模块
        }).use(['index', 'form', 'table', 'element', 'laypage', 'laydate','colorpicker'], function () {
        }).use(['index', 'form', 'table', 'element', 'laypage', 'laydate', 'colorpicker', 'upload'], function () {
            var $ = layui.$
                , admin = layui.admin
                , layer = layui.layer
@@ -568,7 +691,11 @@
                , element = layui.element
                , laypage = layui.laypage
                , laydate = layui.laydate
                , upload = layui.upload
                , colorpicker = layui.colorpicker

            //公用字段
            var ref = /^[0-9]+\.?[0-9]*$/;

            //初始化界面

@@ -578,16 +705,46 @@
                //id new
                $("#HItemID").val(0);
                get_ReadConfigFile();

                // ç›‘听按钮点击事件，触发文件输入框的点击事件
                document.getElementById('testList').addEventListener('click', function () {
                    // è§¦å‘文件输入框的点击事件
                    document.getElementById('HNumber').click();
                    if ($("#HNumber").val() == "" || $("#HNumber").val() == null || $("#HNumber").val() == undefined) {
                        layer.msg('请先输入物料代码等信息后在上传图片！', { time: 3 * 1000, icon: 3 });
                    }
                });

                // ç›‘听文件输入框的change事件
                document.getElementById('HNumber').addEventListener('change', function () {
                    var inputHNumber = document.getElementById('HNumber');
                    var hNumberValue = inputHNumber.value.trim(); // èŽ·å–文本框的物料代码值并去除前后空格

                    if (hNumberValue == '') {
                        // ç‰©æ–™ä»£ç ä¸ºç©ºï¼Œç»™å‡ºæç¤ºå¹¶æ¸…除已选择的文件
                        layer.msg("物料代码为空,无法进行图片上传");
                        this.value = '';
                    } else {
                        // ç‰©æ–™ä»£ç ä¸ä¸ºç©ºï¼Œè°ƒç”¨æ–‡ä»¶ä¸Šä¼ æ–¹æ³•å¹¶ä¼ å…¥æ–‡ä»¶åˆ—表和物料代码
                        PicUpload();
                    }
                });

            }
            else if (OperationType==2){
            else if (OperationType == 2) {
                //修改时主表ID
                RoadBillMain(hID);
                $("#HItemID").val(0);
                //文件选择初始化
                PicUpload();
            }
            else if (OperationType == 3) {//如果编辑修改则走下面
                $("#HItemID").val(hID);
                //修改时主表ID
                RoadBillMain(hID);
                //文件选择初始化
                PicUpload();
                getFile();
            }


@@ -683,6 +840,16 @@
            //选择巡检检验方案按钮
            form.on('submit(HQCSchemeID_Patrol-BT)', function () {
                get_checkHQCSchemeID_Patrol();
            });

            //监听一次合格率标准值
            $("#HOnceRightRate").blur(function (data) {
                // èŽ·å–输入框的值
                var value = $("#HOnceRightRate").val();
                if (!ref.test(value)) {
                    layer.msg("一次合格率标准值，请输入0-9正确数值", { time: 3000, });
                    $("#HOnceRightRate").val("0");
                }
            });

            //选择颜色
@@ -811,6 +978,23 @@
                                , "HQCSchemeName_Patrol": data.巡检检验方案
                                , "HMaterRuleType": data.物料公式
                                , "HColorNo": data.颜色色号
                                , "HCommonUseFlag": data.是否不常用材料
                                , "HAvgStockPrice": data.加权平均价
                                , "HFootPrice": data.结算价
                                , "HTaxCost": data.含税成本价
                                , "HNoTaxCost": data.不含税成本价
                                , "HOnceRightRate": data.一次合格率标准值


                                , "HHeight_M": data.毛高
                                , "HInches_M": data.寸数组织
                                , "HAl1Long_M": data.全毛长
                                , "HDensity_M": data.坏布密度
                                , "HTela_M": data.毛纱名称及规格
                                , "HUnderTela_M": data.底丝
                                , "HSizing_M": data.定型浆料


                            });

                            colorpicker.render({
@@ -841,6 +1025,11 @@
                    data.field.HCHECKPRODUCT = 1
                } else {
                    data.field.HCHECKPRODUCT = 0
                }
                if (data.field.HCommonUseFlag) {
                    data.field.HCommonUseFlag = 1
                } else {
                    data.field.HCommonUseFlag = 0
                }
                var sMainStr = JSON.stringify(data.field);
                //var sSubStr = JSON.stringify(table.cache['mainTable']);
@@ -1069,6 +1258,11 @@
                    }
                }

                if (!ref.test($("#HOnceRightRate").val())) {
                    layer.msg("一次合格率标准值，请输入0-9正确数字", { time: 3000, });
                    return;
                }

                //if ($("#HUnitGroupName").val() == 0) {
                //    layer.msg("请选择计量单位组！", { icon: 5, btn: ['确认'], time: 100000, offset: 't', skin: 'layui-layer-lan', title: "温馨提示" });
                //    return;
@@ -1123,7 +1317,7 @@
                $("#HItemID").val(0);
                $('#HNumber').val('');
                $('#add-btn').removeClass("layui-btn-disabled").attr("disabled", false);
            }); 
            });

            function f_alert(sMsg) {
                layer.alert(sMsg, { icon: 5 });
@@ -1477,9 +1671,162 @@
            }


            //#region æ–‡ä»¶ä¸Šä¼ 
            function PicUpload() {
                //多图片上传
                //多文件列表示例
                var ProImgByList = $('#ProImgByList')
                    , uploadListIns = upload.render({
                        elem: '#testList'

                        , url: GetWEBURL() + "/Gy_Mater/UploadFile"
                        , accept: 'file'
                        , multiple: true
                        , auto: false
                        //, bindAction: '#testListAction' //按扭绑定
                        , data: { "HNumber": $("#HNumber").val(), "HRemark": $("#HRemark").val(), "HUserName": sessionStorage["HUserName"] }
                        , choose: function (obj) {
                            var files = this.files = obj.pushFile(); //将每次选择的文件追加到文件队列
                            //读取本地文件
                            obj.preview(function (index, file, result) {
                                var tr = $(['<tr id="upload-' + index + '">'
                                    , '<td>' + file.name + '</td>'
                                    , '<td>' + '<img onclick=\"previewImg(this)\" id="showImg" class="ImgClass" style="width: 150px; margin:10px;cursor:pointer;"src="' + result + '" alt="' + file.name + '">' + '</td>'
                                    , '<td>' + (file.size / 1014).toFixed(1) + 'kb</td>'
                                    , '<td>等待上传</td>'
                                    , '<td>'
                                    , '<button class="layui-btn layui-btn-xs demo-reload ">上传</button>'
                                    , '<button class="layui-btn layui-btn-xs layui-btn-danger demo-delete">删除</button>'
                                    , '</td>'
                                    , '</tr>'].join(''));


                                //单个重传
                                tr.find('.demo-reload').on('click', function () {
                                    obj.upload(index, file);
                                    return false;
                                });

                                //删除
                                tr.find('.demo-delete').on('click', function () {
                                    delete files[index]; //删除对应的文件
                                    tr.remove();
                                    uploadListIns.config.elem.next()[0].value = ''; //清空 input file å€¼ï¼Œä»¥å…åˆ é™¤åŽå‡ºçŽ°åŒåæ–‡ä»¶ä¸å¯é€‰
                                });

                                ProImgByList.append(tr);

                            });
                        }
                        , done: function (res, index, upload) {
                            if (res.code == 1) { //上传成功
                                var tr = ProImgByList.find('tr#upload-' + index)
                                    , tds = tr.children();
                                tds.eq(3).html('<span style="color: #5FB878;">上传成功</span>');
                                tds.eq(4).html(''); //清空操作

                                return delete this.files[index]; //删除文件队列已经上传成功的文件
                            }
                            this.error(index, upload);
                        }
                        , error: function (index, upload) {
                            var tr = ProImgByList.find('tr#upload-' + index)
                                , tds = tr.children();
                            tds.eq(2).html('<span style="color: #FF5722;">上传失败[检查文件名及文件格式]</span>');
                            tds.eq(3).find('.demo-reload').removeClass('layui-hide'); //显示上传
                        }
                    });
            }
            //#endregion

            //#region ç¼–辑时,获取已上传的文件列表
            function getFile() {
                var ProImgByList = $('#ProImgByList')
                $.ajax({
                    url: GetWEBURL() + '/Gy_Mater/Filelist',
                    type: "GET",
                    data: { "HNumber": $("#HNumber").val() },
                    success: function (data1) {
                        if (data1.count == 1) {
                            var index = 0;
                            for (var i = 0; i < data1.data.length; i++) {
                                var tr = $(['<tr id="upload-' + i + '">'
                                    , '<td style="display:none">' + data1.data[i].HItemID + '</td>'
                                    , '<td style="display:none">' + data1.data[i].HSourceBillNo + '</td>'
                                    , '<td>' + data1.data[i].HFileName + '</td>'
                                    , '<td>' + '<img onclick=\"previewImg(this)\" id="showImg' + i + '" class="ImgClass" style="width: 150px; margin:10px;cursor:pointer;"src="' + data1.data[i].HFilePath + '" alt="' + data1.data[i].HFileName + '">' + '</td>'
                                    , '<td>' + (data1.data[i].HFileSize / 1014).toFixed(1) + 'kb</td>'
                                    , '<td style="color: #5FB878;">上传成功</td>'
                                    , '<td style="display:none">' + data1.data[i].url + '</td>'
                                    , '<td>'
                                    , '<button class="layui-btn layui-btn-xs  demo-dowload" type="button" id="deltefile" onclick="javascript:dowload(this)"><i class="layui-icon layui-icon-download-circle layuiadmin-button-btn"></i>下载</button>'
                                    , '<button class="layui-btn layui-btn-xs layui-btn-danger demo-delete" type="button" id="deltefile" onclick="javascript:toManager(this)"><i class="layui-icon layui-icon-delete layuiadmin-button-btn"></i>删除</button>'
                                    , '</td>'
                                    , '</tr>'].join(''));

                                $('#ProImgByList').append(tr);
                            }

                        } else {
                            layer.alert(data1.code + data1.Message, { icon: 5 });
                        }
                    }, error: function () {
                        layer.alert("接口请求失败!", { icon: 5 });
                    }
                });
            }
            //#endregion



            //以上是layui模块
        });


        //#region ä¸‹è½½å·²ä¸Šä¼ çš„文件
        function dowload(r) {
            //得到当前所在行
            var rows = r.parentNode.parentNode.rowIndex;
            //得到所在行的第五列的内容:文件地址
            var url = $("#ProImgByList tr:eq(" + (rows - 1) + ") td:eq(6)").html();
            /*window.location.href = url;*/
            window.open(url)
        }
        //#endregion

        //#region åˆ é™¤å·²ä¸Šä¼ çš„文件
        function toManager(r) {
            //得到当前所在行
            var rows = r.parentNode.parentNode.rowIndex;
            //得到所在行的第一列的内容:主键ID
            var HItemID = $("#ProImgByList tr:eq(" + (rows - 1) + ") td:eq(0)").html();
            //得到所在行的第二列的内容:单据号
            var HSourceBillNo = $("#ProImgByList tr:eq(" + (rows - 1) + ") td:eq(1)").html();
            //得到所在行的第三列的内容:文件名称
            var HFileName = $("#ProImgByList tr:eq(" + (rows - 1) + ") td:eq(2)").html();
            layer.confirm("确认要删除吗，删除后不能恢复", { title: "删除确认" }, function (index) {

                //删除已上传文件
                $.ajax({
                    url: GetWEBURL() + '/Gy_Mater/DeleteFilelist',
                    type: "GET",
                    data: { "HItemID": HItemID, "HSourceBillNo": HSourceBillNo, "HFileName": HFileName },
                    success: function (data1) {
                        if (data1.count == 1) {
                            layer.alert(data1.Message, { icon: 1 });
                            $("#ProImgByList tr").eq((rows - 1)).remove();
                        }
                        else {
                            layer.alert(data1.code + data1.Message, { icon: 5 });
                        }
                    }, error: function () {
                        layer.alert("接口请求失败!", { icon: 5 });
                    }
                });
            })
        }
        //#endregion


        //返回仓库
        function GetHWHValue(obj) {
@@ -1502,6 +1849,29 @@
                $("#HSecUnitID").val(obj[0].HItemID);
            }
        }

        function previewImg(obj) {
            var img = new Image();
            img.src = obj.src;
            var height = img.height + 500; //获取图片高度
            var width = img.width + 500; //获取图片宽度
            var imgHtml = "<img src='" + obj.src + "' width='100%' height='100%'/>";
            //弹出层
            layer.open({
                type: 1,
                shade: 0.8,
                offset: 'auto',
                area: ['80%', '80%'],
                shadeClose: true,
                scrollbar: false,
                title: "图片预览", //不显示标题
                content: imgHtml, //捕获的元素，注意：最好该指定的元素要存放在body最外层，否则可能被其它的相对元素所影响
                cancel: function () {
                    //layer.msg('捕获就是从页面已经存在的元素上，包裹layer的结构', { time: 5000, icon: 6 });
                }
            });
        }

    </script>

</body>