static/pages/grainWorkbook/warehouseSituation.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>
    <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 houseWall" 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>
            <div class="wsf-li-1">
                <span class="wsf-li-title-1">房顶:</span>
                <input class="easyui-textbox" name="roof"></div>
            <div class="wsf-li-1">
                <span class="wsf-li-title-1">房架:</span>
                <input class="easyui-textbox" name="frame"></div>
            <div class="wsf-li-1">
                <span class="wsf-li-title-1">核定容量:</span>
                <input class="easyui-textbox" name="houseCapacity"></div>
            <div class="wsf-li-1">
                <span class="wsf-li-title-1">保管方式:</span>
                <input class="easyui-textbox" name="keepMethod"></div>
            <div class="wsf-li-1">
                <span class="wsf-li-title-1">装粮高度:</span>
                <input class="easyui-textbox" name="lineHeight"></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>
            <div class="wsf-li-1">
                <span class="wsf-li-title-1">檐高:</span>
                <input class="easyui-textbox" name="innerEaves"></div>
            <div class="wsf-li-1">
                <span class="wsf-li-title-1">粮堆体积:</span>
                <input class="easyui-textbox" name="innerFoods"></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="outerLength"></div>
            <div class="wsf-li-1">
                <span class="wsf-li-title-1">宽(m):</span>
                <input class="easyui-textbox" name="outerWidth"></div>
            <div class="wsf-li-1">
                <span class="wsf-li-title-1">檐高:</span>
                <input class="easyui-textbox" name="outerEaves"></div>
            <div class="wsf-li-1">
                <span class="wsf-li-title-1">顶高:</span>
                <input class="easyui-textbox" name="outerTop"></div>
            <div class="wsf-li-1">
                <span class="wsf-li-title-1">筒仓外径:</span>
                <input class="easyui-textbox" name="outerCircle"></div>
            <div class="wsf-li-1">
                <span class="wsf-li-title-1">外墙面积:</span>
                <input class="easyui-textbox" name="outerWall"></div>
            <div class="wsf-li-1">
                <span class="wsf-li-title-1">扣除体积:</span>
                <input class="easyui-textbox" name="outerDeduction"></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-textbox" name="doorAddress"></div>
            <div class="wsf-li-1">
                <span class="wsf-li-title-1">仓顶隔热措施:</span>
                <input class="easyui-textbox" name="methodTop"></div>
            <div class="wsf-li-1">
                <span class="wsf-li-title-1">仓窗隔热措施:</span>
                <input class="easyui-textbox" name="methodWindow"></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>