SIPAIIS_WMS_JSSW/WebRoot/jsp/command/equipmentDeployDetailView.jsp

<%@page import="com.sipai.entity.business.BusinessUnit"%>
<%@ page language="java" pageEncoding="UTF-8"%>
<%@page import="com.sipai.entity.maintenance.Maintenance"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<%request.setAttribute("Status_Finish",Maintenance.Status_Finish);%>
<!-- 补录状态 -->
<%request.setAttribute("TYPE_SUPPLEMENT",Maintenance.TYPE_SUPPLEMENT);%>
<!-- 运维主流程状态 -->
<%request.setAttribute("TYPE_MAINTENANCE",Maintenance.TYPE_MAINTENANCE);%>
<%request.setAttribute("UNIT_HANDLE",BusinessUnit.UNIT_HANDLE);%>
<!-- bootstrap-star-rating -->
<link rel="stylesheet" href="<%=request.getContextPath()%>/node_modules/bootstrap-star-rating/css/star-rating.min.css"/>
<script type="text/javascript" src="<%=request.getContextPath()%>/node_modules/bootstrap-star-rating/js/star-rating.min.js" charset="utf-8"></script>
<script type="text/javascript">
    //var masterId=$('#maintenanceId').val();
    var tbName_problem='tb_maintenance_problem_fille'; //数据表
    var tbName_maintenance='tb_maintenance_file'; //数据表
    var nameSpace='MaintenanceProblem';//保存文件夹
    var previews = new Array();
    var previewConfigs = new Array();
    /* var student = {
            "caption":"lilei",
            
        }
    previewConfigs[0]=student; */
    //初始化fileinput控件（第一次初始化）
    function showFileInput(ctrlName) {    
        var control = $('#' + ctrlName); 
        
        control.fileinput('destroy');
        control.fileinput({
            language: 'zh', //设置语言
            showUpload: false, //是否显示上传按钮
            showRemove:false,
            showCaption: false,//是否显示标题
            showBrowse:false,//选择按钮
            showClose:false,//右上角关闭按钮
            dropZoneEnabled: false,//是否显示拖拽区域
            resizeImage:true,
            fileActionSettings:{
                showDrag:false
            },
            browseClass: "btn btn-primary", //按钮样式             
            maxFileCount: 10, //表示允许同时上传的最大文件个数
            enctype: 'multipart/form-data',
            validateInitialCount:true,
            previewFileIcon: "<i class='glyphicon glyphicon-king'></i>", 
            initialPreviewAsData: true,  
            initialPreview: previews,  
            initialPreviewConfig:previewConfigs,
            layoutTemplates:{
                actionUpload:'',
                actionDelete:''
            }
        });
        $('#kvFileinputModal').on("hidden.bs.modal", function() {
            $(this).removeData("bs.modal"); 
            //modal重复打开会导致前面的滚动条失去作用
            $('.modal').css("overflow","auto");
        });
    }
    var viewHandleDetailFun = function(id) {
        $.post(ext.contextPath + '/maintenance/showHandleDetailView.do', {id:id} , function(data) {
            $("#handleDetailDiv").html(data);
            openModal('handleDetailModal');
        }); 
    };
   $(function() {
	   
       var result='${businessUnitRecords}';
	   result=result.replace(new RegExp("\r\n","gm"),"");
       var json =JSON.parse(result);
	   $.each(json, function(index, item) {
		   if(item.id!=null &&item.id!=""){
			   previews=new Array();
	           $('#'+item.id).show();
	           var data =item.files;
	           for(var i=0;i<data.length;i++){
	               var previewConfig = new Object();
	               var path = data[i].abspath;
	               path=path.substring(path.indexOf('webapps')+7,path.length);
	               path =ext.basePath.replace(ext.contextPath,'')+ path.replace(/\\/g,"\/");
	               previews.push(path);
	               previewConfig['width']= '30px';
	               previewConfig['caption']= data[i].filename;
	               previewConfig['key']= data[i].id;
	               previewConfigs.push(previewConfig);
	           }
	           showFileInput(item.id);
		   }
		});
   })
</script>
<div class="modal fade" id="equipmentDeployDetailModal">
  <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 " style="padding-left:0;padding-right:0;">
          <div class="row">
	        <div class="col-md-12">
	          <!-- The time line -->
	          <ul class="timeline">
	             <c:forEach items="${businessUnitRecords}" var="item" varStatus="status">
		            <li>
		              <c:choose>
		               <c:when test='${finishFlag && status.last}'> 
                          <i class="fa  fa-check bg-blue"></i>
                       </c:when>
                       <c:otherwise > 
                          <i class="fa fa-clock-o bg-grey"></i>
                       </c:otherwise>
                      </c:choose>
	                     <div class="timeline-item">
	                       <span class="time"><i class="fa fa-clock-o"></i> ${item.insdt.substring(0,16)}</span>
	                       <h3 class="timeline-header"><a href="#">${item.taskName}</a> ${item.user.caption}</h3> 
	                       <div class="timeline-body" style="padding-left:5px;padding-right:5px;margin-left: 0px;">
		                     <div>
		                       ${item.record}<c:if test ="${UNIT_HANDLE==item.type}"><a style="cursor:pointer " onclick="viewHandleDetailFun('${item.id}')">查看详情</a></c:if>
		                     </div>
		                     <c:if test ="${item.id!=''}">
			                     <div style="padding-top:5px;">
	                                  <input type="file" id='${item.id}' multiple class="file-loading" />
	                             </div>
                             </c:if>
		                     
	                         <%-- <c:forEach items="${item.files}" var="file" >
	                            <img src="${file.abspath.substring(file.abspath.indexOf('webapps')+7,file.abspath.length())}" height="200" width="200" class="margin">
	                         </c:forEach> --%>
	                       </div>
	                     </div>
                   </li>
		        </c:forEach>
	            
	          </ul>
	       </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>