static/pages/supervisecheck/checkRecords.html

<div class="checkProblems-tool" style="margin-top: 0;">
    <div class="dt-nav">
        库名:
        <input class="easyui-combobox search-grainId" name="grainId-search" editable=true data-options="width:120">&emsp;
        巡检时间:
        <input class="easyui-datebox checkRecords-start-time" name="checkRecords-start-time" editable="false" data-options="width:120">-<input class="easyui-datebox checkRecords-end-time" name="checkRecords-end-time" editable="false" data-options="width:120">&emsp;
        <a href="#" class="easyui-linkbutton bd-add-s" style="height: 25px;"  id="Supervise-search">查询</a>

        <a href="#" class="easyui-linkbutton bd-add-s clear-btn" plain="true">清空</a>
    </div>
</div>

<!--主页面list-->
<div id="checkRecords-info">

</div>

<!--详细-->
<div id="checkRecords-view" style="padding: 20px">

   <!-- <div class="checkRecords-bh">
        <h3>驳回信息</h3>
        <div style="width:100%;display:inline-block;height:240px">
            <table id="checkRecords-view-bh">

            </table>
        </div>
    </div>

    <br/>-->

    <div class="checkRecords-jg">
        <h3>巡检结果</h3>

        <span class="pf-pitem-li">
            <span class="pf-pitem-lit">库名:</span>
            <span class="pf-pitem-lic input-pestType-span">
                <input class="easyui-textbox checkRecords-jg-grainName" name="grainName" editable=false>
            </span>
	    </span>

        <span class="pf-pitem-li">
	        <span class="pf-pitem-lit">检查时间:</span>
	        <span class="pf-pitem-lic">
	        	<input class="easyui-textbox checkRecords-jg-checkDate"  name="checkDate" editable=false>
	        </span>
        </span>

        <div style="width:100%;display:inline-block;height:240px">
            <table id="checkRecords-view-jg">

            </table>
        </div>
    </div>

    <div class="checkRecords-zg">
        <h3>整改信息</h3>
        <div style="width:100%;display:inline-block;height:240px">
            <table id="checkRecords-view-zg">

            </table>
        </div>
    </div>

    <div class="checkRecords-jg">
        <h3>签到详细</h3>
        <span class="pf-pitem-li">
	        <span class="pf-pitem-lit">检查人员:</span>
	        <span class="pf-pitem-lic">
	        	<input class="easyui-textbox checkRecords-jg-checker"  name="checker" editable=false>
	        </span>
        </span>
        <div style="width:100%;display:inline-block;height:240px">
            <table id="checkRecords-view-qd">

            </table>
        </div>

    </div>
</div>


<div id="checkRecords-zg-wrap" style="padding: 20px;">
    <img class="checkRecords-zg-img" src="" alt="" style="width: 100%;height: 98%;">
</div>


<style type="text/css">
    .imgBox {
        width: 100%;
        height: 100%;
        overflow: hidden;
        position: relative;
    }
    .imgBox-a {
        position: absolute;
        content: "";
        top: 50%;
        width: 30px;
        height: 30px;
        background-color: transparent;
        -webkit-transform: translateY(-50%) rotate(-45deg);
        -moz-transform: translateY(-50%) rotate(-45deg);
        -ms-transform: translateY(-50%) rotate(-45deg);
        -o-transform: translateY(-50%) rotate(-45deg);
        transform: translateY(-50%) rotate(-45deg);
        cursor: pointer;
    }
    .first-a {
        left: 15px;
        border-top: 5px solid green;
        border-left: 5px solid green;
    }
    .last-a {
        right: 15px;
        border-right: 5px solid green;
        border-bottom: 5px solid green;
    }
    .imgBox-list {
        width: 1000%;
        height: 100%;
        transition: all 0.3s;
    }
    .imgBox img {
        width: 10%;
        height: 100%
    }

    .info-no{
        background: #f53939;
        color: #FFF
    }
    .info-yes{
        background: green;
        color: #FFf
    }
    #Supervise-massage {
        text-align: center;
        line-height: 110px;
        font-size:16px;
        font-weight: bold;
    }
</style>