SIPAIIS_WMS_JSSW/WebRoot/jsp/administration/indexView.jsp

<%@ page language="java" pageEncoding="UTF-8"%>
<style type="text/css">
.select2-container .select2-selection--single{  
      height:34px;  
      line-height: 34px;  
    }
    .select2-selection__arrow{
    margin-top:3px;
    } 
</style>    
<script type="text/javascript">

//表格查询参数
function queryParamsFun (params) { // 请求服务器数据时发送的参数，可以在这里添加额外的查询参数，返回false则终止请求
  return {
      rows: params.limit, // 每页要显示的数据条数
      page: params.offset/params.limit+1, // 每页显示数据的开始页码
      sort: params.sort, // 要排序的字段
      order: params.order,
      pid: '${index.id}',
  };
}
$(function(){
$("#table_indexCycle").bootstrapTable({ // 对应table标签的id
      url: ext.contextPath + '/administration/indexCycle/getList.do', // 获取表格数据的url
      cache: false, // 设置为 false 禁用 AJAX 数据缓存， 默认为true
      striped: true,  //表格显示条纹，默认为false
      pagination: true, // 在表格底部显示分页组件，默认false
      pageList: [15], // 设置页面可以显示的数据条数
      pageSize: 15, // 页面数据条数
      pageNumber: 1, // 首页页码
      sidePagination: 'server', // 设置为服务器端分页
      queryParams: queryParamsFun,
      sortName: 'id', // 要排序的字段
      sortOrder: 'desc', // 排序规则
      columns: [
    	  {
              field: 'name', // 返回json数据中的name
              title: '月份', // 表格表头显示文字
              align: 'center', // 左右居中
              valign: 'middle', // 上下居中
          },{
                field: 'money', // 返回json数据中的name
                title: '分解定额', // 表格表头显示文字
                align: 'center', // 左右居中
                valign: 'middle', // 上下居中
                editable: {       //编辑列元素
                    type: 'text',
                    title: '分解定额',
                }
          }
      ],
      onLoadSuccess: function(){  //加载成功时执行
        adjustBootstrapTableView("table_indexCycle");
      },
      onLoadError: function(){  //加载失败时执行
            console.info("加载数据失败");
      }
      });
});
</script>
<div class="modal fade" id="subModal">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span></button>
      <h4 class="modal-title">查看物品信息</h4>
      </div>
      <div class="modal-body">
           <!-- 新增界面formid强制为subForm -->
           <form class="form-horizontal" id="subForm">
                <!-- 界面提醒div强制id为alertDiv -->
                <div id="alertDiv"></div>
                      <input type="hidden" class="form-control" name ="id" value="${index.id}">
                      <input id="unitId"  name="unitId" type="hidden" value="${index.unitId}">
                <div class="form-group">
                  <label class="col-sm-2 control-label">*指标编号</label>
                  <div class="col-sm-6">
                      <input type="text" class="form-control" id="code" name ="code" placeholder="编号" autocomplete="off" value="${index.code}" readonly>
                  </div>
                </div>
                <div class="form-group">
                  <label class="col-sm-2 control-label">*指标名称</label>
                  <div class="col-sm-6">
                      <input type="text" class="form-control" id="name" name ="name" placeholder="名称" value="${index.name}"readonly>
                  </div>
                </div>
                <div class="form-group">
                 <label class="col-sm-2 control-label">*指标类型</label>
                  <div class="col-sm-6">
                      <input type="text" class="form-control" id="pname"  placeholder="请选择" value="${index.indexClass.name}" readonly>
                      <input id="pid" name="classid" type="hidden" value="${index.classid}"/>
                  </div>
                </div>
                
                <div class="form-group">
                  <label class="col-md-2 col-sm-2 control-label">*责任部门</label>
                  <div class="col-sm-6">
                      <input id="deptid"  name="deptid" type="text" class="form-control" value="${index.dept.name}" readonly>
                  </div>
                </div>
                <div class="form-group">
                  <label class="col-md-2 col-sm-2 control-label">*责任人</label>
                  <div class="col-sm-6">
                      <input type="text" class="form-control" id="userName" name ="userName" value="${index.userName}" readonly>
                      <input type="hidden" class="form-control" id="userid" name ="userid" value="${index.userid}">
                  </div>
                </div>
                <div class="form-group">
                  <label class="col-sm-2 control-label">*年度预算总额（元）</label>
                  <div class="col-sm-6">
                      <input type="text" class="form-control" id="budget" name ="budget" placeholder="年度预算总额" value="${index.budget}"readonly>
                  </div>
                </div>
                <div class="form-group">
                  <label class="col-sm-2 control-label">备注</label>
                  <div class="col-sm-10">
                      <textarea class="form-control" rows="2" id ="remarks" name ="remarks" readonly>${index.remarks}</textarea>
                  </div>
                </div>
           </form>
           <div class="box box-primary" >
                <div class="box-body ">
                    <table id="table_indexCycle"></table>
                </div>
            </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
      </div>
    </div>
    <!-- /.modal-content -->
  </div>
  <!-- /.modal-dialog -->
</div>