static/pages/equipmentDevice/material/materialApplications.html

    <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 yearTime" 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 monthTime" 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> 申请物资:
                <input class="easyui-combobox newdeviceName" style="width:120px" name="receiveInfo-newdeviceName" editable=true>&emsp; 仓号:
                <input class="easyui-combobox houseName" style="width:120px" name="receiveInfo-houseName" editable=true>&emsp;

                <a href="#" class="easyui-linkbutton bd-add-s" style="height: 25px;" id="materialApplications-search">查询</a>
                <a href="#" class="easyui-linkbutton bd-add-s clear-btn1" plain="true">清空</a>

                <a href="#" class="easyui-linkbutton bd-add-s statistics-btn" plain="true">统计表</a>

                <a href="#" class="easyui-linkbutton bd-add-s batchPass-btn" plain="true">批量通过</a>
            </div>
        </div>

        <table id="materialApplications-info">
        </table>

    </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-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>