<?php include_once(mvc::$cfg['PATH_TPL'].'seller/publicHead.php');?>
<link rel="stylesheet" type="text/css" href="<?php echo mvc::$cfg['SELF_URL'];?>static/css/jquery.autocomplete.css?ver=1.0.0">
<script type="text/javascript" src="<?php echo mvc::$cfg['SELF_URL'];?>static/js/jquery.autocomplete.xu.js?ver=<?php echo mvc::$cfg['VER']['js'];?>"></script>

<div id="rMenu">
	<ul>
		<li id="m_add">增加目录</li>
		<li id="m_rename">重命名</li>
		<li id="m_del">删除目录</li>
	</ul>
</div>
<div class="maintb">
	<!-- 中间 -->
	<div id="picZone-main" class="main_middle">
		<div class="leftTree">
			<div class="leftTree-top">
				<span id="pictreetitle">图片目录</span>
			</div>
			<div id="pictreetitleline"></div>
			<div class="leftTree-bottom">
				<div class="form-group has-feedback">
					<span class="glyphicon glyphicon-search form-control-feedback"></span>
					<input type="text" class="form-control" id="searchbyztreenodename" name="" placeholder="搜索文件夹">
				</div>
				<div style="border-bottom:1px solid #ccc;width: 100%;"></div> 
				<ul id="treelevel" class="ztree"></ul>
			</div>
		</div>
		<div class="rightZone">
			<div class="rightZone-top">
				<div class="rightZone-top-left">
					<ol class="breadcrumb">
						<?php if(empty($_COOKIE['autoClickTreeNodeId'])){ ?>
						<li class="active">图片空间</li>
						<?php } ?>
					</ol>
				</div>
				<div class="rightZone-top-right">
					<?php if($upLoadImg){?>
					<div id="piczoneuploader"></div>
					<?php }?>
					<!-- <button type="button" class="btn btn-default create-file"><span class="glyphicon glyphicon-folder-open"></span>新建文件夹</button> -->
					<!-- <button type="button" class="btn btn-default huishou"><span class="glyphicon glyphicon-trash"></span>回收站</button> -->
					<div id="searchimgname-div" class="form-group has-feedback">
						<input type="text" class="form-control"  id="searchallimgandfilebyname" name="" placeholder="按文件夹名称/图片名称搜索"><button class="btn btn-sx btn-info" id="searchallimgandfilebyname-btn" ><span class="glyphicon glyphicon-search"></span></button>
					</div>
				</div>
			</div>
			<div class="rightZone-bottom">
				<div class="rightZone-bottom-top">
					<p class="rightZone-bottom-top-p"> 
						<div class="rightZone-bottom-top-p-checkallpic">
							<input type="checkbox" onClick="checkallpic(this)" name="checkAll" id="checkallpic">
							<label id="checkAllTop-lable" for="checkAll">全选</label>
						</div>
						<button type="button" onclick="showBigImg()"  data-toggle="modal" data-target="#myModal" id="showBigImg" class="btn btn-default"><span class="glyphicon glyphicon-fullscreen"></span>查看大图</button>
						<?php if($editImg){?>
						<button type="button" onclick="moveImg()"  data-toggle="modal" data-target="#moveimgmodal" id="moveImg" class="btn btn-default"><span class="glyphicon glyphicon-transfer"></span>移动图片</button>
						<button type="button" onclick="renameImgOriname()" id="renameImgTitle" class="btn btn-default"><span class="glyphicon glyphicon-pencil"></span>重命名</button>
						<button type="button" onclick="MESSAGE.confirm('确定删除选中的图片吗？','delMyImg()')" id="delMyImg" class="btn btn-default"><span class="glyphicon glyphicon-remove"></span>删除</button>
						<i id="selMuchNotic">按 Ctrl + 鼠标点击”可进行多选</i>
						<?php }?>
					</p>
				</div>
				<div class="rightZone-bottom-middle">
					<?php if(empty($_COOKIE['autoClickTreeNodeId'])){ ?>
					<div onClick="openFileCategory(00)"  class="rightZone-bottom-folder">
						<div class="rightZone-bottom-folder-folder"></div>
						<div class="rightZone-bottom-folder-title">配件图片</div>
					</div>
					<div onClick="openFileCategory(01)"  class="rightZone-bottom-folder">
						<div class="rightZone-bottom-folder-folder"></div>
						<div class="rightZone-bottom-folder-title">店铺装修图片</div>
					</div>
					<?php } ?>
				</div>
				<div class="clear"></div>
			</div>
		</div>
	</div>
</div>
<!-- 查看大图模态框（Modal） -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog" id="modal-dialog-div">
		<div id="myModal-img-wrapper">
			<img  id="myModal-img" src=""> 
		</div>
		<div id="myModal-msg-des">
			<div id="myModal-msg-des-SPI-ORINAME"><span id="spi_oriname"></span></div>
			<div class="myModal-msg-des-detail-bold">图片属性</div>
			<div  class="diandian">..................................................</div>
			<div class="myModal-msg-des-detail">上传时间：<span id="spi_atime"></span></div>
			<div class="myModal-msg-des-detail">原图大小：<span id="spi_size"></span></div>
			<div class="myModal-msg-des-detail">原图尺寸：<span id="spi_width_HEIGHT"></span></div>
			<div class="myModal-msg-des-detail">原图位置：<span  id="spi_cateGORY"></span></div>
			<div class="myModal-msg-des-detail-bold">图片尺寸</div>
			<div  class="diandian">..................................................</div>
			<div class="myModal-msg-des-detail" >100*100<span class="myModal-msg-des-detail-span-one"><a target="_blank" id="one_zero_zero_pic_path" href="javascript:;" class="a_blue">查看</a></span></div>
			<div class="myModal-msg-des-detail">240*240<span class="myModal-msg-des-detail-span-one"><a target="_blank" id="two_four_zero_pic_path" href="javascript:;" class="a_blue">查看</a></span></div>
		</div>
	</div>
</div>
<!-- 移动模态框（Modal） -->
<div class="modal fade" id="moveimgmodal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog">
		<div class="moveimgmodal-top">
			<span class="moveimgmodal-top-left-text">移动到</span>
			<span onclick="cancelthisMoveAction()" class="glyphicon glyphicon-remove"></span>
		</div>
		<div  class="modal-dialog-ztree">
			<input type="hidden" name="" id="thismoveActionCatId" value="">
			<input type="hidden" name="" id="thismoveImgId" value="">
			<ul id="newtreelevel" class="ztree"></ul>
		</div>
		<div  class="moveimgmodal-bottom">
			<button id="commithisMoveActionsubmit" disabled="disabled" onclick='commithisMoveAction()' class="btn btn-info">确定</button>
			<button onclick='cancelthisMoveAction()' class="btn btn-danger">取消</button>
		</div>
	</div>
</div>
<?php include_once(mvc::$cfg['PATH_TPL'].'public/footBase.php');?>
<script type="text/javascript">
	var zNodes = <?php echo $allCategoryJson;?>;
	$(document).ready(function(){
		PICZONEPRODUCT.init();
	});

/**
  * @method 文件上传
  * @author soul 2017/6/16
  * @example var params = {
				pickId: 'btnid',//按钮
				tarImg: 'imgid',//图片
				tarVal: 'valid',//接收返回值
				postData: {site:'yp|b2c',cate: "product"....},site可以缺省，默认为b2c;
				okFun: uploadOk,
				errFun: uploadErr,
			};
			UPLOAD.img(params);
  */
var UPLOAD = {
	//params {}
	img: function(params){
		if(typeof(WebUploader) == "undefined") return false;
		params.postData = params.hasOwnProperty("postData")? params.postData: {};
		uploader = WebUploader.create({
			auto: true,
			compress: false,
			duplicate: true,
			resize: false,
			swf: HOMEURL+'static/webuploader/Uploader.swf',
			server: HOMEURL+'upload/uploadImg?isAjax=1',
			pick: '#'+params.pickId,
			formData: params.postData,
			accept: {
				title: '图片上传',
				extensions: 'gif,jpg,jpeg,bmp,png',
				mimeTypes: 'image/jpg,image/jpeg,image/png'
			},
			fileVal : "file",
			fileSingleSizeLimit: 3145728
		});
		//上传前loading
		uploader.on( 'fileQueued', function( file) {
			if(params.hasOwnProperty("beforeFun")){
				params.beforeFun(file, params);
			}else if(params.hasOwnProperty("tarImg")){
				$('#'+params.tarImg).attr('src', HOMEURL+'static/images/loading.gif');
			}
		});
		// 文件上传成功，给item添加成功class, 用样式标记上传成功。
		uploader.on( 'uploadSuccess', function( file , data) {
			if(params.hasOwnProperty("okFun")){
				params.okFun(file, data, params);
			}else if(data.status){
				if(params.hasOwnProperty("tarImg")){
					$('#'+params.tarImg).attr('src', data.data.url);
				}
				if(params.hasOwnProperty("tarVal")){
					$('#'+params.tarVal).val(MYJSON.toSting(data.data));
				}
			}else{
				layer.msg('图片上传失败，请稍后重试！'+data.data);
			}
		});
		//上传前出错
		uploader.on('error', function( type ){
			if (type=="Q_TYPE_DENIED"){
				layer.msg("请选择 gif,jpg,jpeg,bmp,png 格式的图片");
			}else if(type=="Q_EXCEED_SIZE_LIMIT"){
				layer.msg("图片大小不能超过3M");
			}else if(type=='F_EXCEED_SIZE'){
				layer.msg("图片大小不能超过3M");
			}
		});
		//上传出错
		uploader.on( 'uploadError', function( file, reason) {
			if(params.hasOwnProperty("errFun")){
				params.errFun(file, reason, params);
			}else{
				layer.msg('图片上传失败，请稍后重试！'+reason);
			}
		});
	}
};
</script>