zjrs
/
yctb-SpringBoot


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184
							<!DOCTYPE HTML>
<%@ page language="java" pageEncoding="UTF-8" import="java.util.*" contentType="text/html; charset=UTF-8"%>
<%@include file="/jsp/framework/head.jsp"%>
<%@ taglib uri="/WEB-INF/hnisi.tld" prefix="hnisi"%>

<%
	String sllsh = (DTOUtil.getValue("sllsh") == ""? "" : DTOUtil.getValue("sllsh"));
	String isview = (DTOUtil.getValue("isview") == ""? "0" : DTOUtil.getValue("isview"));
%>

<html>
<link rel="stylesheet" href="/web/jsp/shoudan/web/mainview/css/viewer.min.css">
<style>
	html,body{
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 0;
	}
	#dowebok { width: 98%; margin: 0 auto; font-size: 0;}
	#dowebok li { display: inline-block; width: 23%;height: 240px; margin-left: 1%; padding-top: 1%;}
	#dowebok li img { width: 100%; height: 100%;}
	#dowebok li div { text-align: center; }
</style>

<head lang="zh-cn">
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width,initial-scale=1">
  <title>照片采集</title>
</head>

<body>
<div id="root" style="width: 100%;height: 100%;padding:0 5px 10px 5px;">
	<div class="row" style="height:100%;margin:10px 0">
		<div class="section" style="width: 100%;height: 100%;">
			<div class="section-title">
				<img class="title-icon" src="${ctx}/themes/zjrs/images/title-icon.png" />
				<span class="section-title-text">缩略图</span>
				<%
				//查看方式不显示
				if("0".equals(isview)){
				%>
		      	<span class="section-title-extra-btn">
					<a class="btn btn-primary" style="margin-right:50px" onclick="takePhoto()">高拍仪</a>
					<a class="btn btn-ghost" style="margin-right:20px" onclick="setAllChecked()">全选</a>
					<a class="btn btn-ghost" style="margin-right:20px" onclick="setAllUnchecked()">全不选</a>
			      	<a class="btn btn-ghost" onclick="doDelete()">删除</a>
		      	</span>
		      	<%
				}
				%>
		    </div>
		    <div id=image_list_div class="bg_set" style="overflow:auto;">
				<ul id="dowebok">
				
				</ul>
		    </div>
		</div>
	</div>
</div>

</body>
<script src="/web/jsp/shoudan/web/mainview/js/viewer.min.js"></script>
<script type="text/javascript">
var GVAR_RXCJ_VIEW= {
	"sllsh":"<%=sllsh%>",
	"isview":"<%=isview%>"
};
//如果GVAR已经定义了则追加
if(GVAR){
    GVAR = $.extend(GVAR, GVAR_RXCJ_VIEW);
}else{
    var GVAR = GVAR_RXCJ_VIEW;
}

//初始化界面
$(function(){
	//计算高度
	var distance = document.documentElement.clientHeight;
	var divHeight = distance-62;
	document.getElementById("image_list_div").style.height= divHeight + "px";
	
	var sllsh = "<%=sllsh%>";
	if(sllsh.length > 0){
		//默认打开照片预览图
		getPhotos(sllsh);
	}
});

//获取照片
function getPhotos(sllsh){
	var mParams={
			sllsh:sllsh
	};
	CFW.oAJax.doService("mainviewService.getPhotos", mParams, '获取照片信息...',
		function(mData) {
			var images = mData[0].photoList;
			var url = mData[0].URL;
			//alert("images="+JSON.stringify(images));
			var strImageList = "";
			for(var i = 0; i < images.length; i++){
				//界面显示
				strImageList += "<li id=\"li"+images[i].LSH+"\"><img src=\"" + url+images[i].ML + "\" alt=\"img"+(i+1)+"\" onclick=\"viewPic()\">";
				if(GVAR.isview == "0"){
					strImageList += "<div><input type=\"checkbox\" name=\"zpimgs\" value=\""+images[i].LSH+"\"/>勾选删除</div>";
				}
				strImageList += "</li>";
			}
			document.getElementById("dowebok").innerHTML = strImageList;
		}
	);
}

//全选
function setAllChecked(){
	var zpimgs = document.getElementsByName("zpimgs");
	for (var i = 0; i < zpimgs.length; i++) {
		if (zpimgs[i].checked == false){
			zpimgs[i].checked = true;
		}
	}
}

//全不选
function setAllUnchecked(){
	var zpimgs = document.getElementsByName("zpimgs");
	for (var i = 0; i < zpimgs.length; i++) {
		if (zpimgs[i].checked == true){
			zpimgs[i].checked = false;
		}
	}
}

//删除图片
function doDelete(){
	var zpimgs = document.getElementsByName("zpimgs");
	var delStr = "";//删除图片ID
	for (var i = 0; i < zpimgs.length; i++) {
		if (zpimgs[i].checked == true){
			//校验是否隐藏，若隐藏则为已删除图片，不再处理
			var liDisplay = document.getElementById("li"+zpimgs[i].value).style.display;
			if(liDisplay != "none"){
				delStr += zpimgs[i].value + ",";
			}
		}
	}
	if(delStr.length > 0){
		var mParams={
				sllsh:GVAR.sllsh,
				zpids:delStr
		};
		CFW.oAJax.doService("mainviewService.delPhoto", mParams, '删除照片信息...',
			function(mData) {
				if(mData[0].FLAG=="1"){
					alert("删除成功！");
					//刷新缩略图片
					var zpids = delStr.split(",");
					for(var i=0;i<zpids.length-1;i++){
						document.getElementById("li"+zpids[i]).style.display = "none";
					}
				}else{
				    alert("删除失败！");
				}
			}
	    );
	}else{
		alert("请勾选需要删除的图片");
	}
}

//显示图片
function viewPic(){
	var viewer = new Viewer(document.getElementById('dowebok'), {});
	viewer.show();
}

//跳转方正高拍仪人像采集
function takePhoto(){
	var title=encodeURIComponent('人像采集');
	window.location.href = "${ctx}/shoudan/web/mainview/mainview!takephoto.do?title="+title+"&sllsh="+ GVAR.sllsh;
}
</script>
</html>