SIPAIIS_WMS_JSSW/WebRoot/jsp/maintenance/libraryOverhaulProjectBizQuotaList.jsp

<%@ page language="java" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<% request.setAttribute("Maintain_Week", com.sipai.entity.maintenance.MaintainCommStr.Maintain_Week); %>
<% request.setAttribute("Maintain_TenDays", com.sipai.entity.maintenance.MaintainCommStr.Maintain_TenDays); %>
<% request.setAttribute("Maintain_Month", com.sipai.entity.maintenance.MaintainCommStr.Maintain_Month); %>
<% request.setAttribute("Maintain_Quarter", com.sipai.entity.maintenance.MaintainCommStr.Maintain_Quarter); %>
<% request.setAttribute("Maintain_HalfYear", com.sipai.entity.maintenance.MaintainCommStr.Maintain_HalfYear); %>
<% request.setAttribute("Maintain_Year", com.sipai.entity.maintenance.MaintainCommStr.Maintain_Year); %>

<% request.setAttribute("Maintain_IN", com.sipai.entity.maintenance.MaintainCommStr.Maintain_IN); %>
<% request.setAttribute("Maintain_OUT", com.sipai.entity.maintenance.MaintainCommStr.Maintain_OUT); %>

<!--  bootstrap switch -->
<link rel="stylesheet"
  href="<%=request.getContextPath()%>/node_modules/bootstrap-switch/dist/css/bootstrap3/bootstrap-switch.min.css" />
<script type="text/javascript"
  src="<%=request.getContextPath()%>/node_modules/bootstrap-switch/dist/js/bootstrap-switch.min.js"
  charset="utf-8"></script>

<style type="text/css">
	  .colStyle {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        width: '13%';
    }
</style>

<script type="text/javascript">
 	
  $(function () {
  	$("#table_biz").bootstrapTable({ // 对应table标签的id
        url: ext.contextPath + '/maintenance/libraryOverhaulProjectBloc/getListBizQuota.do', // 获取表格数据的url
        cache: false, // 设置为 false 禁用 AJAX 数据缓存， 默认为true
        striped: true,  //表格显示条纹，默认为false
        pagination: true, // 在表格底部显示分页组件，默认false
        pageList: [10, 20, 50], // 设置页面可以显示的数据条数
        pageSize: 50, // 页面数据条数
        pageNumber: 1, // 首页页码
        // search: true,// 是否显示搜索框
        sidePagination: 'server', // 设置为服务器端分页
        queryParams: function (params) { // 请求服务器数据时发送的参数，可以在这里添加额外的查询参数，返回false则终止请求
          return {
            rows: params.limit, // 每页要显示的数据条数
            page: params.offset / params.limit + 1, // 每页显示数据的开始页码
            sort: params.sort, // 要排序的字段
            order: params.order,
            unitId: '${param.unitId}',
            pid: '${param.pid}'
          }
        },
        sortName: 'id', // 要排序的字段
        sortOrder: 'desc', // 排序规则
        /*responseHandler: function(res){
          return res.result
        },*/
        columns: [
          {
            field: 'bizid', // 返回json数据中的name
            title: '厂区', // 表格表头显示文字
            align: 'center', // 左右居中
            valign: 'middle',
            width: '12%',
            formatter: function (value, row, index) {
            	if(row.company!=null){
            		return row.company.sname;
            	}
            }
          }, 
          {
            field: 'equname', // 返回json数据中的name
            title: '设备名称', // 表格表头显示文字
            align: 'center', // 左右居中
            valign: 'middle',
            width: '14%',
            formatter: function (value, row, index) {
              if(row.equipmentCard!=null){
              	 return "<span style='display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;' title='" + row.equipmentCard.equipmentname + "'>" + row.equipmentCard.equipmentname + "</span>";
        	  }
            }
          },
          {
            field: 'equmodel', // 返回json数据中的name
            title: '设备型号', // 表格表头显示文字
            align: 'center', // 左右居中
            valign: 'middle',
            width: '12%',
            formatter: function (value, row, index) {
               if(row.equipmentCard!=null){
        		  if(row.equipmentCard.equipmentTypeNumber!=null){
        		  	return "<span style='display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;' title='" + row.equipmentCard.equipmentTypeNumber.name + "'>" + row.equipmentCard.equipmentTypeNumber.name + "</span>";
        	  	  }
        	  }
        	},
        	class: 'colStyle'
          },
          {
            field: 'year', // 返回json数据中的name
            title: '设备年限', // 表格表头显示文字
            align: 'center', // 左右居中
            valign: 'middle',
            width: '9%',
            formatter: function (value, row, index) {
               if(row.equipmentCard!=null){
        		  return row.equipmentCard.usedate;
        	   }
            }
          },
          {
            field: 'insideRepairTime', // 返回json数据中的name
            title: '自修工时(时)', // 表格表头显示文字
            align: 'center', // 左右居中
            valign: 'middle',
            width: '13%',
            formatter: function (value, row, index) {
              return row.insideRepairTime;
            }
          },
          {
            field: 'outsideRepairCost', // 返回json数据中的name
            title: '委外工时费(元)', // 表格表头显示文字
            align: 'center', // 左右居中
            valign: 'middle',
            width: '14%',
            formatter: function (value, row, index) {
              return row.outsideRepairCost;
            }
          },
          {
            field: 'materialCost', // 返回json数据中的name
            title: '材料费(元)', // 表格表头显示文字
            align: 'center', // 左右居中
            valign: 'middle',
            width: '10%',
            formatter: function (value, row, index) {
              return row.materialCost;
            }
          },
          {
            field: 'totalCost', // 返回json数据中的name
            title: '总费用(元)', // 表格表头显示文字
            align: 'center', // 左右居中
            valign: 'middle',
            width: '10%',
            formatter: function (value, row, index) {
              return row.totalCost;
            }
          },
          {
                 title: "操作",
                 align: 'center',
                 valign: 'middle',
                 width: '6%', // 定义列的宽度，单位为像素px
                 formatter: function (value, row, index) {
                   var buts = '';
                   if(row.equipmentCard!=null && row.equipmentCard.equipmentTypeNumber!=null){
                  	   buts += '<button type="button" class="btn btn-default btn-sm" onclick="doChoiceProjectQuota(\'' + row.id + '\',\'' + row.equipmentCard.equipmentTypeNumber.id + '\',\'' + row.equipmentCard.id + '\')" data-toggle="tooltip" title="选择"><i class="glyphicon glyphicon-ok"></i><span class="hidden-md hidden-lg"> 选择</span></button>';
                   }else{
                  	  buts += '<button type="button" class="btn btn-default btn-sm" onclick="doChoiceProjectQuota(\'' + row.id + '\',\'' + '无' + '\',\'' + '无' + '\')" data-toggle="tooltip" title="选择"><i class="glyphicon glyphicon-ok"></i><span class="hidden-md hidden-lg"> 选择</span></button>';
                   }
                   buts = '<div class = "btn-group">' + buts + '</div>';
                   return buts;
                 }
            }
        ],
        onLoadSuccess: function () {  //加载成功时执行
          adjustBootstrapTableView("table_biz");
        },
        onLoadError: function () {  //加载失败时执行
          console.info("加载数据失败");
        }
      })

  })


</script>
<div class="modal fade" id="subModal">
  <div class="modal-dialog modal-lg">
    <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" style="color:red;">注："自修工时" 为大修项目下内容工时的合计，在项目中无法修改</h4>
      </div>
      <div class="modal-body">
        <!-- 新增界面formid强制为subForm -->
        <form class="form-horizontal" id="subForm">
          <!-- 界面提醒div强制id为alertDiv -->
          <div id="alertDiv"></div>

          <input name="id" type="hidden" value="${anticorrosiveLibrary.id}" />
          <input name="unitId" id="unitId" type="hidden" value="${anticorrosiveLibrary.unitId}" />
          
          <!-- 材料列表 -->
	      <div class="box box-primary">
	        <div class="box-header with-border">
	          <h3 class="box-title">各厂设备定额详情</h3>
	          <div class="box-tools pull-right">
	            <!-- <a onclick="getEquipments()" class="btn btn-box-tool" data-toggle="tooltip" title="编辑"><i
                  class="glyphicon glyphicon-edit"></i></a> -->
	          </div>
	        </div>
	        <div class="box-body ">
	          <table id="table_biz" style="table-layout:fixed;"></table>
	        </div>
	      </div>

      </div>

      <div class="modal-footer">
        <button type="button" class="btn btn-default pull-left" data-dismiss="modal">关闭</button>
        <!-- <button type="button" class="btn btn-primary" onclick="dosave()" id="btn_save">保存</button> -->
      </div>
    </div>
    <!-- /.modal-content -->
  </div>
  <!-- /.modal-dialog -->
</div>