static/pages/equipmentDevice/material/materialApplications1.html

<!-- <div class="easyui-tabs" id="my-tabs" data-options="fit:true"> -->
        <div title="" style="padding-bottom:30px;overflow:auto;" class="div-wrap-table">
                <div class="application-tool" style="margin-top: 0;">
                    <div class="dt-nav">
                        申请时间:
                        <select class="easyui-combobox yearTime2" name="yearTime" editable="false" data-options="width:120">
                          <option value="">年</option>
                          <option value="2012">2012</option>
                          <option value="2013">2013</option>
                          <option value="2014">2014</option>
                          <option value="2015">2015</option>
                          <option value="2016">2016</option>
                          <option value="2017">2017</option>
                          <option value="2018">2018</option>
                          <option value="2019">2019</option>
                          <option value="2020">2020</option>
                          <option value="2021">2021</option>
                          <option value="2022">2022</option>
                          <option value="2023">2023</option>
                          <option value="2024">2024</option>
                          <option value="2025">2025</option>
                          <option value="2026">2026</option>
                          <option value="2027">2027</option>
                          <option value="2028">2028</option>
                          <option value="2029">2029</option>
                          <option value="2030">2030</option>
                      </select>
        
                        <select class="easyui-combobox monthTime2" name="monthTime" editable="false" data-options="width:120">
                          <option value="">月</option>
                          <option value="1">1</option>
                          <option value="2">2</option>
                          <option value="3">3</option>
                          <option value="4">4</option>
                          <option value="5">5</option>
                          <option value="6">6</option>
                          <option value="7">7</option>
                          <option value="8">8</option>
                          <option value="9">9</option>
                          <option value="10">10</option>
                          <option value="11">11</option>
                          <option value="12">12</option>
                      </select>
        
        
                        <a href="#" class="easyui-linkbutton bd-add-s" style="height: 25px;" id="device-select-search">查询</a>
                        <a href="#" class="easyui-linkbutton bd-add-s clear-btn2" plain="true">清空</a>

                        <a href="#" class="easyui-linkbutton bd-add-s save-add-btn" id="addnewbtn">新增</a>
        
                        <a href="#" class="easyui-linkbutton bd-add-s export-select-btn" plain="true">导出</a>
        
                        <a href="#" class="easyui-linkbutton bd-add-s save-select-btn" plain="true">制定计划</a>
        
        
                    </div>
                </div>
        
                <table id="device-select-info">
                </table>
        
            </div>
<!-- </div> -->
<div class="main">
<div id="purchasePlan-edit-info" style="padding: 20px">
    <form class="purchasePlan-detail-form-view">
        <input type="hidden" name="id">
        <div class="infr-pitem">
            <span class="basic-device-w-t">
                <span class="infr-pitem-lit infr-left-span">建议采购数量:</span>
            <span class="infr-pitem-lic"><input class="easyui-textbox easyui-validatebox planNumber" data-options="validType:'decimal[5]',required:true" name="planNumber"></span>
            </span><br/>
            <a href="#" class="easyui-linkbutton bd-add-s basic-device-edit-purchasePlan" plain="true" style=" margin-left: 160px;margin-top: 20px;">保存</a>
        </div>
    </form>

</div>

<!--待审批物资申请明细-->
<div id="application-detail-info-view" style="padding: 20px">
    <form class="application-detail-form-view">
        <input id="id" type="hidden" name="id">
        <div class="infr-pitem">

            <span class="basic-device-w-t">
                    <span class="infr-pitem-lit infr-left-span">仓号:</span>
            <span class="infr-pitem-lic"><input class="easyui-combobox houseName"  data-options="required:true" name="houseName" editable="false" disabled="true"></span>
            </span>

            <span class="basic-device-w-t">
                    <span class="infr-pitem-lit infr-left-span">申请时间:</span>
            <span class="infr-pitem-lic"><input class="easyui-datebox checkDate"  data-options="required:true" name="checkDate" editable="false" disabled="true"></span>
            </span><br/>

            <span class="basic-device-w-t">
                    <span class="infr-pitem-lit infr-left-span">申请物资:</span>
            <span class="infr-pitem-lic"><input class="easyui-combobox deviceNameView" data-options="required:true" name="deviceName" disabled="true"></span>
            </span>

            <span class="basic-device-w-t">
                    <span class="infr-pitem-lit infr-left-span">申请数量:</span>
            <span class="infr-pitem-lic"><input class="easyui-textbox easyui-validatebox applicationNumber" data-options="validType:'decimal[5]',required:true" name="applicationNumber" disabled="true"></span>
            </span><br/>

            <a href="#" class="easyui-linkbutton bd-add-s application-pass" plain="true" style=" margin-left: 80px;margin-top: 20px;">通过</a>
            <a href="#" class="easyui-linkbutton bd-add-s application-turn" plain="true" style=" margin-left: 130px;margin-top: 20px;">驳回</a>

        </div>
    </form>
</div>

<!-- //物资申请新增 -->
<div id="application-add-info-view" style="padding: 20px">
        <form class="application-add-form-view">
            <input id="id" type="hidden" name="id">
            <div class="infr-pitem">
                <span class="basic-device-w-t">
                        <span class="infr-pitem-lit infr-left-span">库名:</span>
                <span class="infr-pitem-lic"><input class="easyui-combobox libraryName grainId"  data-options="required:true" name="grainId" editable="false"></span>
                </span>
                <span class="basic-device-w-t">
                        <span class="infr-pitem-lit infr-left-span">申请时间:</span>
                <span class="infr-pitem-lic"><input class="easyui-datebox checkDate" id="checkDate"  data-options="required:true" name="checkDate" editable="false"></span>
                </span><br/>
                <span class="basic-device-w-t">
                        <span class="infr-pitem-lit infr-left-span">申请物资:</span>
                <span class="infr-pitem-lic"><input class="easyui-combobox deviceName" data-options="required:true" name="deviceName"></span>
                </span>
                <span class="basic-device-w-t">
                        <span class="infr-pitem-lit infr-left-span">需求总量:</span>
                <span class="infr-pitem-lic"><input class="easyui-textbox easyui-validatebox applicationNumber" data-options="validType:'decimal[5]',required:true" name="applicationNumber"></span>
                </span><br/>
                <span class="basic-device-w-t">
                        <span class="infr-pitem-lit infr-left-span">库存总量:</span>
                <span class="infr-pitem-lic"><input class="easyui-textbox easyui-validatebox storeNumber" readonly='true' data-options="required:true" name="storeNumber"></span>
                </span>
                <span class="basic-device-w-t">
                        <span class="infr-pitem-lit infr-left-span">建议采购数量:</span>
                <span class="infr-pitem-lic"><input class="easyui-textbox easyui-validatebox planNumber" data-options="validType:'decimal[5]',required:true" name="planNumber"></span>
                </span><br/>
                <a href="#" class="easyui-linkbutton bd-add-s application-addNewY" plain="true" style=" margin-left: 80px;margin-top: 20px;">确认</a>
                <a href="#" class="easyui-linkbutton bd-add-s application-addNewN" plain="true" style=" margin-left: 130px;margin-top: 20px;">取消</a>
    
            </div>
        </form>
    </div>

<!--通过和反驳物资申请明细-->
<div id="application-detail-passdeny-view" style="padding: 20px">
    <form class="application-detail-passdeny-form">
        <input id="idd" type="hidden" name="id">
        <div class="infr-pitem">

            <span class="basic-device-w-t">
                    <span class="infr-pitem-lit infr-left-span">仓号:</span>
            <span class="infr-pitem-lic"><input class="easyui-combobox houseName"  data-options="required:true" name="houseName" editable="false" disabled="true"></span>
            </span>

            <span class="basic-device-w-t">
                    <span class="infr-pitem-lit infr-left-span">申请时间:</span>
            <span class="infr-pitem-lic"><input class="easyui-datebox checkDate"  data-options="required:true" name="checkDate" editable="false" disabled="true"></span>
            </span><br/>

            <span class="basic-device-w-t">
                    <span class="infr-pitem-lit infr-left-span">申请物资:</span>
            <span class="infr-pitem-lic"><input class="easyui-combobox deviceNameView" data-options="required:true" name="deviceName" disabled="true"></span>
            </span>

            <span class="basic-device-w-t">
                    <span class="infr-pitem-lit infr-left-span">申请数量:</span>
            <span class="infr-pitem-lic"><input class="easyui-textbox easyui-validatebox applicationNumber" data-options="validType:'decimal[5]',required:true" name="applicationNumber" disabled="true"></span>
            </span><br/>
        </div>
    </form>
</div>

<!--申请被驳回-->
<div id="application-turn-info" style="padding: 20px">
    <form class="application-turn-form">
        <div class="infr-pitem">
            <span class="basic-device-w-t">
                    <span class="infr-pitem-lit infr-left-span">驳回时间:</span>
            <span class="infr-pitem-lic"><input class="easyui-datebox denyDate"  data-options="required:true" name="denyDate" editable="false"></span>
            </span><br/>

            <span class="basic-device-w-t">
                    <span class="infr-pitem-lit infr-left-span">驳回原因:</span>
            <span class="infr-pitem-lic"><input class="easyui-textbox  denyReason" style="width:300px;height:90px;" data-options="required:true,multiline:true" name="denyReason"></span>
            </span><br/>
            <a href="#" class="easyui-linkbutton bd-add-s basic-deviceturn-add-new" plain="true" style=" margin-left: 80px;margin-top: 20px;">确定</a>
            <a href="#" class="easyui-linkbutton bd-add-s basic-deviceturn-cancel" plain="true" style=" margin-left: 130px;margin-top: 20px;">取消</a>

        </div>
    </form>
</div>

<!--物资采购汇总表-->
<div id="device-application-collection-view" style="padding: 20px">
    <div class="pf-pitem-li application-view-year" style="width: 100%;">
        <span class="pf-pitem-lit">年份:</span>
        <span class="pf-pitem-lic">
                <select class="easyui-combobox application-view-year-v" name="year" style="width: 80px;">
                            <option value="2012">2012</option>
                            <option value="2013">2013</option>
                            <option value="2014">2014</option>
                            <option value="2015">2015</option>
                            <option value="2016">2016</option>
                            <option value="2017">2017</option>
                            <option value="2018">2018</option>
                            <option value="2019">2019</option>
                            <option value="2020">2020</option>
                            <option value="2021">2021</option>
                            <option value="2022">2022</option>
                            <option value="2023">2023</option>
                            <option value="2024">2024</option>
                            <option value="2025">2025</option>
                            <option value="2026">2026</option>
                            <option value="2027">2027</option>
                            <option value="2028">2028</option>
                            <option value="2029">2029</option>
                            <option value="2030">2030</option>

                </select>
           </span>
    </div>

    <table id="device-application-collection">

    </table>

</div>

<!--物资审批申请增加-->
<div id="deviceApprove-device-add" class="deviceApprove-device-add " style="padding: 20px;overflow:auto;overflow-y: auto;overflow-x:hidden;">
    <form class="deviceApprove-form-add">
        <div class="keeper-info">
            <div class="keeper-info-left">
                <span class="pf-ptitle">物资信息</span><span class="add-row-li degree-add-span"></span>
                <ul class="pf-degree">
                    <li class="pf-degree-li" id="add0">
                        <input type="hidden" class="textbox-text Id">
                        <span class="pf-degree-item">
                                  <span class="keeper-info-subtitle"  >物资类型:</span>
                        <input class="easyui-combobox degree-kind val" style="width: 120px" data-options="required:true" name="goodsKind" editable=true>
                        </span>
                        <span class="pf-degree-item">
                                  <span class="keeper-info-subtitle">物资名称:</span>
                        <input class="easyui-combobox degree-name val" style="width: 120px" data-options="required:true" name="goodsName" editable=true>
                        </span>
                        <br>
                        <span class="pf-degree-item">
                                  <span class="keeper-info-subtitle"  >物资型号:</span>
                        <input class="easyui-combobox degree-model" style="width: 120px" name="goodsModel" editable=true>
                        </span>
                        <span class="pf-degree-item">
                                  <span class="keeper-info-subtitle"  >物资数量:</span>
                        <input class="easyui-textbox degree-count val" style="width: 120px" data-options="required:true" name="goodsCount" editable=true>
                        </select>
                        </span>
                        <input type="hidden" class="textbox-text dataId">
                    </li>
                </ul>
                <span class="pf-pitem-lit">备注:</span>
                <span class="pf-pitem-lic">
                 &nbsp;&nbsp;&nbsp;&nbsp;<input class="easyui-textbox easyui-validatebox remark" data-options="validType:'length[0,200]',width:'300px',height:'80px',multiline:true" name="remark">
             </span>
            </div>
        </div>
        <div style="text-align: center">
            <a href="javascript:;" class="easyui-linkbutton bd-add-s deviceApprove-add-btn" plain="true" style="margin-top: 20px;">保存</a>&nbsp;&nbsp;&nbsp;&nbsp;
            <a href="javascript:;" class="easyui-linkbutton bd-add-s deviceApprove-submit-btn" plain="true" style="margin-top: 20px;">提交</a><br/>
        </div>
    </form>
</div>
<!--物资审批物资修改-->
<div id="goodsApprove-device-update" class="goodsApprove-device-update" style="padding: 20px;overflow:auto;overflow-y: auto;">
    <form class="goodsApprove-form-update">
        <input type="hidden" name="id">
        <span class="deviceIn-device-w-t deviceApprove-device-first">
                <span class="deviceIn-pitem-lit">物资类型:</span>
        <span class="deviceIn-pitem-lic"><input class="easyui-combobox ugoodsKind"  data-options="required:true" name="goodsKind" editable=true></span>
        </span>
        <span class="deviceIn-device-w-t deviceApprove-device-first">
                <span class="deviceIn-pitem-lit">物资名称:</span>
        <span class="deviceIn-pitem-lic"><input class="easyui-combobox ugoodsName"  data-options="required:true" name="goodsName" editable=true></span>
        </span>
        <span class="deviceIn-device-w-t deviceApprove-device-first">
                <span class="deviceIn-pitem-lit">物资型号:</span>
        <span class="deviceIn-pitem-lic"><input class="easyui-combobox ugoodsModel" name="goodsModel" editable=true></span>
        </span>
        <span class="deviceIn-device-w-t deviceApprove-device-first">
                <span class="deviceIn-pitem-lit">物资数量:</span>
        <span class="deviceIn-pitem-lic"><input class="easyui-textbox ugoodsCount"  data-options="required:true" name="goodsCount" editable=true></span>
        </span>
        <div style="text-align: center">
            <a href="javascript:;" class="easyui-linkbutton bd-add-s goodsApprove-update-btn" plain="true" style="margin-top: 20px;">保存</a>&nbsp;&nbsp;&nbsp;&nbsp;
            <a href="javascript:;" class="easyui-linkbutton bd-add-s goodsApprove-chance-btn" plain="true" style="margin-top: 20px;">取消</a><br/>
        </div>
    </form>
</div>
<!--物资申请被驳回-->
<div id="deviceApprove-device-back" class="deviceApprove-device-back " style="padding: 20px">
    <form class="application-back-form">
        <div class="infr-pitem">
            <span class="basic-device-w-t">
                    <span class="infr-pitem-lit infr-left-span">驳回原因:</span>
            <span class="infr-pitem-lic"><input class="easyui-textbox  backContent" style="width:300px;height:90px;" data-options="required:true,multiline:true" name="backContent"></span>
            </span><br/>
            <a href="#" class="easyui-linkbutton bd-add-s deviceApprove-device-back-new" plain="true" style=" margin-left: 80px;margin-top: 20px;">确定</a>
            <a href="#" class="easyui-linkbutton bd-add-s deviceApprove-device-back-cancel" plain="true" style=" margin-left: 130px;margin-top: 20px;">取消</a>

        </div>
    </form>
</div>
<!--查看驳回信息-->
<div id="deviceApprove-device-backShow" class="deviceApprove-device-backShow " style="padding: 20px">
    <div class="infr-pitem">
        <span class="basic-device-w-t-first">
                    <span class="infr-pitem-lit infr-left-span">审批人:</span>
        <span class="infr-pitem-lic"><input class="easyui-textbox backShowName" style="width: 120px" name="backName" editable=false></span>
        </span>
        <span class="basic-device-w-t">
                    <span class="infr-pitem-lit infr-left-span">审批时间:</span>
        <span class="infr-pitem-lic"><input class="easyui-textbox backShowTime" style="width: 120px" name="backTime" editable=false></span>
        </span>
        <br/>
        <span class="basic-device-w-t">
                    <span class="infr-pitem-lit infr-left-span">驳回原因:</span>
        <span class="infr-pitem-lic"><input class="easyui-textbox  backShowContent" style="width:300px;height:90px;" data-options="multiline:true" name="backContent" editable=false></span>
        </span><br/>
        <!--
            <a href="#" class="easyui-linkbutton bd-add-s deviceApprove-device-back-new" plain="true" style=" margin-left: 80px;margin-top: 20px;">确定</a>
-->
        <a href="#" class="easyui-linkbutton bd-add-s deviceApprove-device-backShow-cancel" plain="true" style=" margin-left: 130px;margin-top: 20px;">关闭</a>

    </div>
</div>
<!--申请物资的明细->
<!-- 器材详细 -->
<div id="deviceApprove-device-view" class="deviceApprove-device-view" style="padding: 20px">
    <table id="deviceApprove-view" class="device-view-info">

    </table>
</div>
</div>
<style type="text/css">
    /*  .collection{
        margin-bottom: 100px;
    }*/
    
    .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;
    }
    
    .chkdate {
        margin-left: 130px;
    }
    /*动态添加样式*/
    
    .pf-degree,
    .pf-no {
        margin-left: 80px;
    }
    
    .pf-degree {
        max-height: 300px;
        overflow: auto;
    }
    
    .add-row-li {
        transform: translateY(25%);
        display: inline-block;
        position: relative;
        width: 18px;
        height: 18px;
        margin-left: 10px;
        background-color: #1A9856;
        border-radius: 50%;
        border: 1px solid #999;
        cursor: pointer;
    }
    
    .add-row-li:before {
        content: "";
        position: absolute;
        width: 14px;
        height: 2px;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background-color: #999;
        cursor: pointer;
    }
    
    .add-row-li:after {
        content: "";
        position: absolute;
        width: 2px;
        height: 14px;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        background-color: #999;
        cursor: pointer;
    }
    
    .delete-data {
        display: inline-block;
        position: relative;
        width: 20px;
        height: 20px;
        background-color: #e82525;
        border-radius: 50%;
        vertical-align: middle;
        cursor: pointer;
    }
    
    .delete-data-icon {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 16px;
        height: 4px;
        background-color: #fff;
        cursor: pointer;
    }
    
    .pf-ptitle {
        font-size: 14px;
        font-weight: 600;
        line-height: 25px;
    }
    
    .pf-pitem,
    .pf-degree,
    .pf-major,
    .pf-ab,
    .pf-no {
        margin-bottom: 10px;
    }
    
    .keeper-info {
        width: 100%;
        float: left;
    }
    
    .keeper-info-left {
        width: 76%;
        float: left;
    }
    
    .keeper-info-left input,
    .keeper-info-left select {
        width: 80px;
    }
    
    #my-tabs .tabs-header {
        display: none !important;
    }
    
    .hide {
        display: none !important;
    }
    
    .show {
        display: block !important;
    }
</style>
<script>
    // $(function() {
    //     var num = localStorage.getItem('num') || 5
    //     if (num == 4) {
    //         $('#my-tabs').find('.panel').eq(0).addClass('show').siblings().removeClass('show')
    //     } else if (num == 5) {
    //         setTimeout(function() {
    //             $('#my-tabs .tabs-panels').children().eq(1).css('display', 'block').siblings().css('display', 'none')
    //         }, 1000)
    //     } else if (num == 6) {
    //         setTimeout(function() {
    //             $('#my-tabs .tabs-panels').children().eq(2).css('display', 'block').siblings().css('display', 'none')
    //         }, 1000)
    //     }
    // })
</script>