SIPAIIS_WMS_JSSW/WebRoot/jsp/maintenance/maintenanceDetailList4SubList.jsp

<%@ page language="java" pageEncoding="UTF-8"%>
<%@page import="com.sipai.entity.maintenance.Maintenance"%>
<%@page import="com.sipai.entity.maintenance.MaintenanceDetail"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<!-- 补录状态 -->
<%request.setAttribute("TYPE_SUPPLEMENT",Maintenance.TYPE_SUPPLEMENT);%>
<!-- 运维主流程状态 -->
<%request.setAttribute("TYPE_MAINTENANCE",Maintenance.TYPE_MAINTENANCE);%>

<%request.setAttribute("Status_Start",MaintenanceDetail.Status_Start);%>
<%request.setAttribute("Status_Finish",MaintenanceDetail.Status_Finish);%>

<%request.setAttribute("TYPE_MAINTENANCE",Maintenance.TYPE_MAINTENANCE);%>
<%request.setAttribute("TYPE_SUPPLEMENT",Maintenance.TYPE_SUPPLEMENT);%>
<script type="text/javascript">
	var viewDetailFun = function(id) {
	    $.post(ext.contextPath + '/maintenance/showMaintenanceDetailView.do', {id:id} , function(data) {
	        $("#maintenanceDetailDiv").html(data);
	        openModal('maintenanceDetailModal');
	    }); 
	};
   $(function() {
       
       $("#table_detail").bootstrapTable({ // 对应table标签的id
             url: ext.contextPath + '/maintenance/getMaintenanceDetailList.do', // 获取表格数据的url
             cache: false, // 设置为 false 禁用 AJAX 数据缓存， 默认为true
             striped: true,  //表格显示条纹，默认为false
             pagination: true, // 在表格底部显示分页组件，默认false
             pageList: [10, 20,50], // 设置页面可以显示的数据条数
             pageSize: 50, // 页面数据条数
             pageNumber: 1, // 首页页码
             sidePagination: 'server', // 设置为服务器端分页
             queryParams: function (params) { // 请求服务器数据时发送的参数，可以在这里添加额外的查询参数，返回false则终止请求
                 return {
                     rows: params.limit, // 每页要显示的数据条数
                     page: params.offset/params.limit+1, // 每页显示数据的开始页码
                     sort: params.sort, // 要排序的字段
                     order: params.order,
                     search_pid: '${param.maintenanceId}'
                 }
             },
             sortName: 'id', // 要排序的字段
             sortOrder: 'desc', // 排序规则
             columns: [
                {
                     field: 'problemcontent', // 返回json数据中的name
                     title: '厂区', // 表格表头显示文字
                     align: 'center', // 左右居中
                     valign: 'middle' ,
                     formatter:function(value,row,index){
                         if(row.maintenance!=""){
                             return  row.maintenance.company.name;
                         }else{
                             return "--";
                         }
                        
                     }
                 }, {
                     field: 'problemcontent', // 返回json数据中的name
                     title: '问题描述', // 表格表头显示文字
                     align: 'center', // 左右居中
                     valign: 'middle' // 上下居中
                 }, {
                     field: 'insdt', // 返回json数据中的name
                     title: '发起时间', // 表格表头显示文字
                     align: 'center', // 左右居中
                     valign: 'middle',
                     formatter:function(value,row,index){
                         return  value.substring(0,19);
                     }
                 },{
                     field: 'type', // 返回json数据中的name
                     title: '类型', // 表格表头显示文字
                     align: 'center', // 左右居中
                     valign: 'middle', // 上下居中
                     formatter:function(value,row,index){
                         switch (value) {
                             case '${TYPE_MAINTENANCE}':
                                 return '运维';
                             case '${TYPE_SUPPLEMENT}':
                                 return '补录';
                             default:
                                 return '';
                         }
                     }
                 },{
                     field: 'status', // 返回json数据中的name
                     title: '问题状态', // 表格表头显示文字
                     align: 'center', // 左右居中
                     valign: 'middle', // 上下居中
                     formatter:function(value,row,index){
                         switch (value) {
                             case '${Status_Start}':
                                 return '已下发';
                             case '${Status_Finish}':
                                 return '已完成';
                             default:
                                 return value;
                         }
                     }
                 },{
                     title: "操作",
                     align: 'center',
                     valign: 'middle',
                     width: 60, // 定义列的宽度，单位为像素px
                     formatter: function (value, row, index) {
                         var str="";
                         str+='<button class="btn btn-default btn-sm" onclick="viewDetailFun(\'' + row.id + '\')" data-toggle="tooltip" title="编辑"><i class="fa fa-eye "></i><span class="hidden-md hidden-lg"> 查看详情</span></button>'
                         str='<div class="btn-group" >'+str+'</div>';
                         return str;
                     }
                 }
             ],
             onLoadSuccess: function(){  //加载成功时执行
                 adjustBootstrapTableView("table_detail");
             },
             onLoadError: function(){  //加载失败时执行
                   console.info("加载数据失败");
             }
       
       })
   })
</script>
<div class="modal fade" id="subDetailModal">
  <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">
           <table id="table_detail"></table>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
      </div>
    </div>
    <!-- /.modal-content -->
  </div>
  <!-- /.modal-dialog -->
</div>