static/pages/warehouseinfo.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="仓房基本信息" class="wb-base">
        <div class="wb-img">
            <!--<div class="wb-img-sun">

                <img src="" alt="仓房阳面">
            </div>-->
            <from class="wb-img-sun" style="height: 400px">
                <input type="hidden" name="id">
                <div class="pic house_pic"  id="userpic"></div>
                <div class="upload-btn" >
                    <input  id="upload-file" class="upload house-d-btn" name="file" type="file" >
                    <input  name="pic" id="avator" type="hidden" />
                    <span class="uploading-bar" id="uploading-bar" ></span>
                </div>
                <div class="upload-userinfo " id="upload-userinfo" style="min-height:0px;">
                </div>
                <div class="btn-box">
                    <button type="button" href="#" style="width: 70px" class="easyui-linkbutton bd-add-s orz-y" plain="true" >保存图片</button>
                </div>
            </from>

            <!-- <dib class="wb-img-moon">
                <img src="/img/warehouse-moon.png" alt="仓房阴面">
            </dib> -->
            <div style="margin: 10px 0 0 10px">
                <span class="QRcode">点击扫描二维码</span>
                <span style="font-size:15px;">
                    <!-- style="display:inline-block;width:110px;text-align:right;" -->
                    <span>仓号：</span>
                    <span class="wb-span-houseId" name="houseId" style="color:green;"></span>
                </span>
            </div>
            <div style="margin: 20px 0 0 10px">
                <span style="font-size:15px;">
                    <span style="display:inline-block;">粮食作业状态：</span>
                    <select class="easyui-combobox status-select-combobox" style="width: 100px;" data-options="panelHeight:120" editable="false">
                        <option value="正常">正常</option>
                        <option value="出入库">出入库</option>
                        <option value="通风">通风</option>
                        <option value="内环流">内环流</option>
                        <option value="熏蒸">熏蒸</option>
                    </select>
                </span>
                <a class="easyui-linkbutton status-select">确定</a>
            </div>
        </div>
        <div class="wb-item">
            <div class="wb-item-li">
                <div class="wb-item-title">仓房基本信息</div>
                <span class="wb-item-c">
					<span class="wb-item-c-left">仓房类型：</span>
					<span class="wb-item-c-right" name="type"></span>
				</span>
                <span class="wb-item-c">
					<span class="wb-item-c-left">设计仓容(m³)：</span>
					<span class="wb-item-c-right" name="areaVolume"></span>
				</span>
                <span class="wb-item-c">
					<span class="wb-item-c-left">隔热方式：</span>
					<span class="wb-item-c-right" name="hotFormat"></span>
				</span>
                <span class="wb-item-c">
					<span class="wb-item-c-left">通风方式：</span>
					<span class="wb-item-c-right" name="airFormat"></span>
				</span>
                <span class="wb-item-c">
					<span class="wb-item-c-left">装粮线高度(m)：</span>
					<span class="wb-item-c-right" name="innerLineHeight"></span>
				</span>
                <span class="wb-item-c">
					<span class="wb-item-c-left">控温措施：</span>
					<span class="wb-item-c-right" name="tempControl"></span>
				</span>
                <span class="wb-item-c">
					<span class="wb-item-c-left">屋面：</span>
					<span class="wb-item-c-right" name="areaHouse"></span>
				</span>
                <span class="wb-item-c">
					<span class="wb-item-c-left">墙体(m)：</span>
					<span class="wb-item-c-right" name="areaWall"></span>
				</span>
                <span class="wb-item-c">
                    <span class="wb-item-c-left">长(m)：</span>
                    <span class="wb-item-c-right" name="innerWidth"></span>
                </span>
                <span class="wb-item-c">
                    <span class="wb-item-c-left">宽(m)：</span>
                    <span class="wb-item-c-right" name="innerHeight"></span>
                </span>
                <span class="wb-item-c">
                    <span class="wb-item-c-left">檐高(m)：</span>
                    <span class="wb-item-c-right" name="alongHigh"></span>
                </span>
                <span class="wb-item-c">
                    <span class="wb-item-c-left">仓门数量(个)：</span>
                    <span class="wb-item-c-right" name="doorNumber"></span>
                </span>
            </div>
            <div class="wb-item-li" style="text-align: right;margin-right: 80px;margin-top: 10px;">
                <button>详情>></button>
            </div>
        </div>
    </div>
    <div title="测温电缆、地上通风笼布置图">
        <div>
            <div class="upload-divBtn">上传图片</div>
            <input id="replace-pic" style="display: none;" class="upload" name="file" type="file">
        </div>
        <div>
            <img id = "linePic" src="/themes/picture/layout_show.jpg" style="width: 95%;" >
        </div>
    </div>
    <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" 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>