table.html

@layout("/common/_container.html"){
<div class="row" style="background-color:#fff!important">
    <div class="col-sm-12" style="background-color:#fff!important">
        <div class="ibox float-e-margins">
    <!--         <div class="ibox-title">
                <h5>添加材料</h5>
            </div> -->
            <form class="form-horizontal" id="infoForm">
                <div class="ibox-content"style="background-color:#fff!important;border-width: 0px 0px!important;">
                    <div class="row row-lg"style="background-color:#fff!important">
                        <div class="row" style="background-color:#fff!important">
                        <div class="col-sm-12" id="box-cc">
                        <div class="input-group"> 
                            <div class="input-group-btn" >
                                        <button data-toggle="dropdown"
                                             class="btn btn-white dropdown-toggle" type="button">名称
                                        </button>
                            </div>
                                <!-- <label class="col-sm-1 control-label">名称</label> -->
                                <div class="col-sm-5">
                                    <input id="name" name="name" class="form-control" type="text"
                                    style="width: 373px; margin-left: -15px;"    value=""   />
                                </div>
                                <div class="input-group-btn" >
                                            <div  >
                                        <button data-toggle="dropdown"
                                            class="btn btn-white dropdown-toggle" type="button" style=" margin-left: -16px;" >排序
                                        </button>
                                            </div>
                                    
                            </div>
                            
                                <div >
                                    <input id="rank" name="rank" class="form-control" type="text"
                                        value="${ranks}" />
                                </div> 
                            </div>
                            </div> 
                        </div>
                        <div class="row" style="background-color:#fff!important">
                            <div class="col-sm-12">
                                <div class="input-group">
                                    <div class="input-group-btn">
                                        <button data-toggle="dropdown"
                                            class="btn btn-white dropdown-toggle" type="button">类型
                                        </button>
                                    </div>
                                    <div>
                                        <select class="form-control" id="supids" name="supids"
                                            onchange="select()"> @if(isNotEmpty(results)){
                                            @for(item in results){
                                            <option value='${item.id}'>${item.name}</option> 
                                            @} 
                                            @}
                                        </select>
                                    </div>
                                    <div class="input-group-btn">
                                        <button data-toggle="dropdown"
                                            class="btn btn-white dropdown-toggle" type="button">分类
                                        </button>
                                    </div>
                                    <div>
                                        <select class="form-control" id="supid" name="supid"
                                            onchange="selects()">
                                        </select>
                                    </div>
                                    <div class="input-group-btn">
                                        <button data-toggle="dropdown"
                                            class="btn btn-white dropdown-toggle" type="button">品牌
                                        </button>
                                    </div>
                                    <div>
                                        <select class="form-control" id="supi" name="supi"
                                            >
                                        </select>

                                    </div>
                                </div>
                            </div>
                        </div>
                        <#button class="col-sm-3 control-label" name="添加"
                                        icon="fa-plus" clickFun="addm()" />
                        <div id="div4">
                            <table border="1px" id="table1">
                            <tr class="trs">
                                    <th style="width: 5%">序号</th>
                                    <th style='width: 20%'>规格型号</th>
                                    <th style='width: 5%'>单位</th>
                                    <th style='width: 5%'>供货价</th>
                                    <th style='width: 12%'>市场价(C类业主)</th>
                                    <th style='width: 12%'>市场价(B类月结)</th>
                                    <th style='width: 12%'>市场价(A类现结)</th>
                                    <th style='width: 15%'>备注</th>
                                    <th style='width: 5%'>状态</th>
                                    <th style='width: 5%'>操作</th>
                                    <th style='width: 5%'>排序</th>
                                    </tr>
                                    <tbody id="tbody">

                                </tbody>
                            </table>
                        </div>
                        <!-- <div id="div4">
                            <table border="1px" id="table2">
                                <tbody id="tbody">

                                </tbody>
                            </table>
                        </div> -->
                        <div class="form-group" style="background-color:#fff!important">
                            <div class="row btn-group-m-t" style="background-color:#fff!important">
                                <label class="col-sm-4 control-label">&nbsp;</label>
                                <div class="col-sm-18" style="background-color:#fff!important;margin-left: 40%">
                                    <#button class="col-sm-3 control-label" name="保存"
                                        icon="fa-check-circle" clickFun="search()" />
                                    <#button class="col-sm-3 control-label"  name="取消"
                                    icon="fa-times-circle" clickFun="quxiao()" />
                                </div>
                            </div>
                        </div>
            </form>
        </div>
    </div>
</div>
<style type="text/css">
 #table1 {
    width: 99%;
    min-height: 35Px;
    line-height: 40Px;
       border-radius: 3px;
    border: 1px solid #f1f1f1;
    background: #f9f9f9;
text-align: center; 
    
} 
 #table2 {
    width: 99%;
    min-height: 35Px;
    line-height: 40Px;
     border-radius: 3px;
} 
#box-cc .input-group-btn{
    width:0%;
}
.trs{
    background-color: #ceced9; 
    border-radius: 3px;
    border: 1px solid #f1f1f1;
}
/*  table tr:nth-child(odd){
background: #ccc;
}    */
  table tr:nth-child(even){
background: #eee;
}   
   input.text{ background:#eee;border:none;} 
input.text1{ background:#f9f9f9;border:none;} 
    </style>
<script src="${ctxPath}/static/modular/material/fitmaterials/add.js"></script>
@}