static/pages/grainWorkbook/warehouseMaintenance.html

<style>
        .upload-divBtn {
            text-decoration: none;
            width: 80px;
            height: 35px;
            line-height: 35px;
            border-radius: 5px;
            text-align: center;
            font-size: 14px;
            color: #fff;
            background: #1A9856;
            margin: 10px;
            cursor: pointer;
        }
    </style>
    <div class="easyui-tabs" data-options="fit:true">
        <div title="仓房维修记录查询" id="record_check" style="width: 100%;height: 100%;">
            <div class="dt-item" id="" style="margin-top: 0;border: none;">
                <div class="dt-nav">
                    检查日期:
                    <input class="easyui-datebox" type="text" id="start_time_record" value="" editable="false">-<input class="easyui-datebox" id="end_time_record" value="" editable="false">&emsp;
                    <a href="#" class="easyui-linkbutton bd-add-s" style="height: 25px;" id="warehouse_equip_record_search">查询</a>
                    <a href="#" class="easyui-linkbutton bd-add-s" style="height: 25px;" id="warehouse_add_record">添加</a>
                    <a href="#" class="easyui-linkbutton bd-add-s clear-btn" plain="true">清空</a>
                </div>
            </div>
            <table id="record_equip" style="width: 800px">
    
            </table>
        </div>
    </div>
    <div id="warehouse_basic_record_add_win" style="padding:20px;">
        <form method="post" action="#" id="warehouse_basic_record_add_form">
            <input name="id" type="hidden">
            <ul class="warehouse_basic_record_add_win_ul">
                <li>
                    <div>检查日期:</div>
                    <input name="checkDate" id="checkDates" class="easyui-datebox" required="true" editable="false" >
                    <!-- <div>检查类型:</div>
                    <input name="type" class="easyui-textbox easyui-validatebox" data-options="validType:'length[0,10]',required: true"> -->
                    <div>检查项目:</div>
                    <input name="project" class="easyui-textbox easyui-validatebox" data-options="validType:'length[0,10]',required: true"></li>
                <!-- <li>
                    <div>检查人员:</div>
                    <input name="checkPerson" class="easyui-textbox easyui-validatebox" data-options="validType:'length[0,10]',required: true"></li> -->
                <!-- <li>
                    <div class="text_title_public_style">是否存在问题:</div>
                    <input type="radio" class="yesOrNo-wareHouse yesOrNo-wareHouse-first" name="problemRadio" value="0" style="width:25px;cursor:pointer;">是
                    <input type="radio" class="yesOrNo-wareHouse yesOrNo-wareHouse-two" name="problemRadio" value="1" style="width:25px;cursor:pointer;">否
                </li> -->
                <li>
                    <div class="text_title_public_style " >检查维修情况摘要:</div>
                    <input class="easyui-textbox easyui-validatebox stm-t-remark house-problems" name="problem" data-options="validType:'length[0,50]',multiline:true" style="width:625px;height: 60px;"></li>
                <!-- <li>
                    <div class="text_title_public_style">处理意见:</div>
                    <input class="easyui-textbox easyui-validatebox stm-t-remark house-opinion" name="opinion" data-options="validType:'length[0,50]',multiline:true" style="width:625px;height: 60px;"></li> -->
                <!-- <li>
                    <div>维修责任人:</div>
                    <input type="text" name="bosshead" class="easyui-textbox easyui-validatebox house-personLiable" data-options="validType:'length[0,10]'">
                    <div>开始日期:</div>
                    <input type="text"  class="easyui-datebox house-startTime" name="maintainStartDate"  editable="false" >
                    <div>结束日期:</div>
                    <input type="text"  class="easyui-datebox house-endTime" name="maintainEndDate"  editable="false" ></li>
                <li>
                    <div>实际完成日期:</div>
                    <input type="text"  class="easyui-datebox house-actualDate" name="finishDate"  editable="false" ></li> -->
                <li>
                    <div  class="text_title_public_style">效果:</div>
                    <input class="easyui-textbox easyui-validatebox stm-t-remark house-result" name="result" data-options="validType:'length[0,50]',multiline:true" style="width:625px;height: 60px;"></li>
                <li>
                    <div class="text_title_public_style">记事:</div>
                    <input class="easyui-textbox easyui-validatebox stm-t-remark house-remark" name="remark" data-options="validType:'length[0,50]',multiline:true" style="width:625px;height: 60px;"></li>
                <li>
                    <a href="#" class="easyui-linkbutton" icon="icon-ok" data-control='edit' id="comfirm_add_record" style="margin:auto 20px auto 250px;">确认</a>
    
                    <a href="#" class="easyui-linkbutton" onclick="$('#warehouse_basic_record_add_win').window('close');" icon="icon-cancel" style="margin-left:40px;">取消</a>
                </li>
            </ul>
        </form>
    </div>
    <div class="wsf-wrap">
        <form class="wsf-wrap-from" style="padding:20px;">
            <span style="font-weight: bold">仓房基本信息</span>
            <br />
            <div class="wsf-li">
                <span class="wsf-li-title">所属粮库:</span>
                <input class="easyui-textbox grainId-span" name="grainId" style="width: 150px;" editable="false">
            </div>
            <div class="wsf-li">
                <span class="wsf-li-title">仓房类型:</span>
                <input class="easyui-textbox" name="type" style="width: 150px;" editable="false">
            </div>
            <div class="wsf-li">
                <span class="wsf-li-title">仓号:</span>
                <input class="easyui-textbox" name="houseName"></div>
            <div class="wsf-li">
                <span class="wsf-li-title">交付使用日期:</span>
                <input class="easyui-datebox startUsingDate" style="width: 150px;" name="startUsingDate" editable="false"></div>
            <div class="wsf-li">
                <span class="wsf-li-title">仓房编码 :</span>
                <input class="easyui-textbox" style="width: 150px;" name="houseNumber" editable="false"></div>
            <br />
            <span class="wsf-big">结构</span>
            <br />
            <div class="wsf-li-1">
                <span class="wsf-li-title-1">墙体(m):</span>
                <input class="easyui-textbox" name="areaWall"></div>
            <div class="wsf-li-1">
                <span class="wsf-li-title-1">屋面:</span>
                <input class="easyui-textbox" name="areaHouse"></div>
            <div class="wsf-li-1">
                <span class="wsf-li-title-1">地面:</span>
                <input class="easyui-textbox" name="areaFloor"></div>
            <div class="wsf-li-1">
                <span class="wsf-li-title-1">设计仓容(m³):</span>
                <input class="easyui-textbox" name="areaVolume"></div>
            <div class="wsf-li-1">
                <span class="wsf-li-title-1">檐高(m):</span>
                <input class="easyui-textbox" name="alongHigh"></div>
            <div class="wsf-li-1">
                <span class="wsf-li-title-1">房屋跨度:</span>
                <input class="easyui-textbox" name="houseCross"></div>
            <br />
            <span class="wsf-big">仓内</span>
            <br />
            <div class="wsf-li-1">
                <span class="wsf-li-title-1">长(m):</span>
                <input class="easyui-textbox" name="innerWidth"></div>
            <div class="wsf-li-1">
                <span class="wsf-li-title-1">宽(m):</span>
                <input class="easyui-textbox" name="innerHeight"></div>
            <div class="wsf-li-1">
                <span class="wsf-li-title-1">装粮线高度(m):</span>
                <input class="easyui-textbox" name="innerLineHeight"></div>
            <div class="wsf-li-1">
                <span class="wsf-li-title-1">筒仓内径:</span>
                <input class="easyui-textbox" name="innerDiameter"></div>
            <div class="wsf-li-1">
                <span class="wsf-li-title-1">仓内体积:</span>
                <input class="easyui-textbox" name="innerVolume"></div>
            <br />
            <span class="wsf-big">其他</span>
            <br />
            <div class="wsf-li-1">
                <span class="wsf-li-title-1">库门数量:</span>
                <input class="easyui-textbox" name="doorNumber"></div>
            <div class="wsf-li-1">
                <span class="wsf-li-title-1">库门高度:</span>
                <input class="easyui-textbox" name="doorHeight"></div>
            <div class="wsf-li-1">
                <span class="wsf-li-title-1">库门宽度:</span>
                <input class="easyui-textbox" name="doorWidth"></div>
            <div class="wsf-li-1">
                <span class="wsf-li-title-1">通风方式:</span>
                <input class="easyui-textbox" name="airFormat"></div>
            <div class="wsf-li-1">
                <span class="wsf-li-title-1">隔热方式:</span>
                <input class="easyui-textbox" name="hotFormat"></div>
            <div class="wsf-li-1">
                <span class="wsf-li-title-1">控温措施:</span>
                <input class="easyui-textbox" name="tempControl"></div>
            <div class="wsf-li-1">
                <span class="wsf-li-title-1">门窗更换时间:</span>
                <input class="easyui-datebox" style="width: 135px;" name="doorChangeDate" editable="false"></div>
            <div class="wsf-li-1">
                <span class="wsf-li-title-1">外墙粉刷时间:</span>
                <input class="easyui-datebox" style="width: 135px;" name="wallWashDate" editable="false"></div>
            <br />
            <span class="wsf-big">货位列表</span>
            <br />
            <div class="wsf-li-1">
                <span class="wsf-li-title-1">货位号:</span>
                <input class="easyui-textbox" name="positionNumber"></div>
        </form>
    </div>
    <!--二维码页面-->
    <div class="erweimap  easyui-window" style="padding-left: 10px" data-options="closed:true">
        <!--startprint-->
        <div id="codeHtml">
            <div id="code"></div>
        </div>
        <a id="download" download="qrcode.jpg"></a>
        <a href="#" class="easyui-linkbutton dayin" plain="true" style="margin-top: 20px;">打印</a>
        <a id="saveQrCode" class="easyui-linkbutton" plain="true" style="margin-top: 20px;cursor: pointer;">下载二维码</a>
    
        <!--endprint onclick="$('.erweimap').window('close');"-->
    </div>
    <img id="image" src=""/>
    <script type="text/javascript">
        var wid = localStorage.warehouseID;
        base.ajaxFunc('get', config.warehouseBaseInfo.show, {
            houseId: wid
        }, function(e) {
            $("#linePic").attr("src", e.house.linePic);
        });
        $('.QRcode').on('click',function(){
            //window.open('../house/info/qrcode' + '?houseId=' + wid );
            // base.ajaxFunc('get', config.baseUrl + '/house/info/qrcode', {houseId: wid}, function(e) {
            // });
    
            $("#code").empty();
            base.renderwindow('.erweimap',
                    {
                        title: '二维码',
                        width: 440,
                        height: 500,
                    });
    
            var id=$(this).data('id');
            var erwei="checkpoint_"+id;
            erwei=toUtf8(erwei);
            $("#code").qrcode({
                width: 400, //宽度
                height:400, //高度
                render	: "canvas",
                text	: "house_"+wid
            });
            $('.erweimap').window('open').window('center');
            dayinerweima();
            xiazai();
        })
        function xiazai() {
            $('#saveQrCode').click(function () {
                var canvas = $('#code').find("canvas").get(0);
                try {//解决IE转base64时缓存不足，canvas转blob下载
                    var blob = canvas.msToBlob();
                    navigator.msSaveBlob(blob, 'qrcode.jpg');
                } catch (e) {//如果为其他浏览器，使用base64转码下载
                    var url = canvas.toDataURL('image/jpeg');
                    $("#download").attr('href', url).get(0).click();
                }
                return false;
            });
        }
        function dayinerweima(){
            $(".dayin").off().on("click",function(){
                var img = document.getElementById("image"); /// get image element
    
                var canvas  = document.getElementsByTagName("canvas")[0];  /// get canvas element
                img.src = canvas.toDataURL();                     /// update image
    
                $("#image").jqprint({
                    debug:false,
                    importCSS:true,
                    printContainer:true,
                    operaSupport:false
                });
    
            });
        }
        function toUtf8(str) {
            var out, i, len, c;
            out = "";
            len = str.length;
            for(i = 0; i < len; i++) {
                c = str.charCodeAt(i);
                if ((c >= 0x0001) && (c <= 0x007F)) {
                    out += str.charAt(i);
                } else if (c > 0x07FF) {
                    out += String.fromCharCode(0xE0 | ((c >> 12) & 0x0F));
                    out += String.fromCharCode(0x80 | ((c >>  6) & 0x3F));
                    out += String.fromCharCode(0x80 | ((c >>  0) & 0x3F));
                } else {
                    out += String.fromCharCode(0xC0 | ((c >>  6) & 0x1F));
                    out += String.fromCharCode(0x80 | ((c >>  0) & 0x3F));
                }
            }
            return out;
        }
        $(function(){
            $('.upload-divBtn').on('click', function(e){
                $("#replace-pic").trigger('click');
            })
        })
    
        var selector = $("#replace-pic");
        $(selector).AjaxFileUpload({
            action: "/sys/upload/doupload?type=linepic",
            dataType: 'json', //返回值类型 一般设置为json
            onChange: function(filename) {
                // Create a span element to notify the user of an upload in progress
                // var $span = $("<span id=\"uploading\"/>")
                //     .attr("class", $(this).attr("id"))
                //     .text("Uploading")
                //     .appendTo($("#uploading-bar"));
                // // $("#uploading-bar").remove();
                // keeper_intervels = window.setInterval(function() {
                //     var text = $span.text();
                //     if (text.length < 13) {
                //         $span.text(text + ".");
                //     } else {
                //         $span.text("Uploading");
                //     }
                // }, 200);
            },
            onSubmit: function(data) {
                return true;
            },
            onComplete: function(data, response) {
                if (response.code == 0) {
                    $("#linePic").attr("src", response.url);
                    base.ajaxFunc('get', "/house/info/updateLinePic", {
                        houseId: wid,
                        linePic: response.url
                    }, function(e) {});
                    // $(formSelector+" #avator").val(response.url);
                    // $(formSelector+ " #uploading-bar").html("");
                    // $(formSelector + " #pic").html(
                    //     $("<img />").attr("src", response.url).attr("width", '100%')
                    // );
                    // $(formSelector+ " #upload-info").html("上传成功").fadeIn();
                } else {
                    // $(formSelector+" #upload-info").html("上传失败").fadeIn();
                    return;
                }
    
            }
        });
    </script>