{template '_header'}
<style>
.loadtis{padding-top:5px;margin-top:5px;}
</style>
<div class="page bg-zmpag">
	<div class="{$_W['css']['bg']} weui-header">
		<div class="weui-header-left"><a class="zmui-icon zmui-icon-slider-left f-white" onclick='javascript:history.go(-1);'></a></div>
		<h1 class="weui-header-title">团队申请</h1>
		<div class="weui-header-right"><a class="f-white" href="" ></a></div>
	</div>
	<form id="qyzl" action="" method="post" enctype="multipart/form-data">
		<input type="hidden" name="tjd" id="tjd" value="0" />
		<div class="weui-cells__title">基础信息</div>
		<div class="weui-cells">
			<div class="weui-cell">
				<div class="weui-cell__hd"><label class="weui-label">团队名称：</label></div>
				<div class="weui-cell__bd "> 
					<input type="text" class="weui-input"  name="data[title]" placeholder="" value="{$team['title']}">
				</div>
			</div>
			<div class="weui-cell">
				<div class="weui-cell__hd"><label class="weui-label">联系人：</label></div>
				<div class="weui-cell__bd "> 
					<input type="text" class="weui-input"  name="data[username]" placeholder="" value="{$team['username']}">
				</div>
			</div>
            <div class="weui-cell">
                <div class="weui-cell__hd"><label class="weui-label">电话：</label></div>
                <div class="weui-cell__bd ">
                    <input class="weui-input" type="tel" name="data[tel]" pattern="[0-9]*" value="{$team['tel']}"  placeholder=""/>
                </div>
            </div>
            <div class="weui-cell">
                <div class="weui-cell__hd"><label class="weui-label">地址：</label></div>
                <div class="weui-cell__bd ">
                    <input class="weui-input" type="text" name="data[address]" id="address" placeholder="" value="{$team['address']}" />
                </div>
            </div>
		</div>
		<div class="weui-cells__title">团队简介</div>
		<div class="weui-cells weui-cells_form">
		  <div class="weui-cell">
			<div class="weui-cell__bd">
			  <textarea class="weui-textarea" placeholder="请输团队简介" name="data[description]" rows="8">{$team['description']}</textarea>
			</div>
		  </div>
		</div>
		<div class="weui-cells__title">服务项目</div>
		<div class="weui-cells weui-cells_form">
		  <div class="weui-cell">
			<div class="weui-cell__bd">
			  <textarea class="weui-textarea" placeholder="请输服务项目" name="data[service]" rows="8">{$team['service']}</textarea>
			</div>
		  </div>
		</div>
		<div class="weui-cells__title">个人简介</div>
		<div class="weui-cells weui-cells_form">
		  <div class="weui-cell">
			<div class="weui-cell__bd">
			  <textarea class="weui-textarea" placeholder="请输团队创始人个人简介" name="data[userdescription]" rows="8">{$teamuser['description']}</textarea>
			</div>
		  </div>
		</div>
		<div class="weui-cells__title">图片设置</div>
		<div class="weui-cells">
			<div class="weui-cell js-picclip"   data-size="[200,200]" data-outputSize="[200,200]" data-name="tdlogo">
                <div class="weui-cell__hd"><label class="weui-label">队徽：</label></div>
				<div class="weui-cell__bd" style="height:60px;">
					<p>
						<input type="hidden" name="data[logo]" value="{$team['logo']}" />
						<img src="{php echo tomedia($team['logo']);}" style="height:60px;" onerror="this.src='{MODULE_URL}site/image/icon.jpg';this.onerror=null;">
					</p>
				</div>
			</div>
			<div class="weui-cell js-picclip"   data-size="[225,108]" data-outputSize="[750,360]" data-name="tdthumb">
                <div class="weui-cell__hd"><label class="weui-label">主图：</label></div>
				<div class="weui-cell__bd" style="height:60px;">
					<p>
						<input type="hidden" name="data[thumb]" value="{$team['thumb']}" />
						<img src="{php echo tomedia($team['thumb']);}" style="height:60px;" onerror="this.src='{MODULE_URL}site/image/thumb.jpg';this.onerror=null;">
					</p>
				</div>
			</div>
		</div>
		<div class="weui-btn-area">
			<a href="javascript:xdupform('#qyzl');" class="weui-btn bg-fw0">保 存 资 料</a>
			<a href="javascript:$('#tjd').val(1);xdupform('#qyzl');" class="weui-btn {$_W['css']['bg']}">保存并提交申请</a>
		</div>
	</form>
</div>
<div id="photoclip" class='weui-popup__container'>
	<div class="weui-popup__modal">
		<div class="toolbar">
			<div class="toolbar-inner">
				<a href="javascript:;" class="picker-button close-popup f-{$settings['set']['css']}">关闭</a>
				<h1 class="title">图像编辑</h1>
			</div>
		</div>
		<div class="modal-content">
			<input id="file" type="file" name="lofile" onchange="javascript:setImagePreview();" accept="image/*" multiple style="display:none;" />
			<div id="clipArea" style="height: 85%;"></div>
			<div class="weui-row weui-no-gutter" style="margin:20px 0px 0px 0px;">
				<div class="weui-col-50">
					<input type="button" name="file" class="weui-btn weui-btn_warn" style="width:92%;" value="选择照片" onClick="$('#file').click()">
				</div>
				<div class="weui-col-50">
					<input type="button" id="clipBtn" class="weui-btn {$_W['css']['bg']} close-popup" style="width:92%;" value="截取图像">
				</div>
			</div>
			<div id="view"></div>
		</div>
	</div>
</div>
{template '_footer'}


<script src="{$_W['siteroot']}addons/{$_W['current_module']['fname']}/zmui/js/clip/hammer.min.js"></script>
<script src="{$_W['siteroot']}addons/{$_W['current_module']['fname']}/zmui/js/clip/iscroll-zoom-min.js?a=2312312312312"></script>
<script src="{$_W['siteroot']}addons/{$_W['current_module']['fname']}/zmui/js/lrz/lrz.all.bundle.js"></script>
<script src="{$_W['siteroot']}addons/{$_W['current_module']['fname']}/zmui/js/clip/PhotoClip.js?a=2312312312312"></script>
<script>
	$(".js-picclip").click(function(){
		var vimg=$(this).find('img');
		var size=$(this).data('size');
		var outputSize=$(this).data('outputSize');
		var bdname=$(this).data('name');
		var imgid=$(this).data('imgid');
		var input=$(this).find('input');
		var cid={php echo (int)$cccid}; //上传图片分类
		$('#clipArea').html('');
		var pc = new PhotoClip('#clipArea', {
			size: size,
			outputSize: outputSize,
			file: '#file',
			view: '#view',
			ok: '#clipBtn',
			img: '',
			loadStart: function() {
				$.toast('开始读取照片','text');
			},
			loadComplete: function() {
				//$.toast('照片读取完成','text');
			},
			done: function(dataURL) {
				$.showLoading();
				$.post('index.php?i={$_W['uniacid']}&c=entry&do=zmcnimgup&m={$_W['current_module']['fname']}',{base64:dataURL,'name':bdname,cid:cid}, function(s){
					$.hideLoading();
					if(s.message.zt==1) {
						$.alert(s.message.ts, "操作失败");
					}else{
						vimg.attr('src','{$_W['attachurl_local']}'+s.message.src);
						if(imgid != ''){$(imgid).attr('src','{$_W['attachurl_local']}'+s.message.src);}
						input.val(s.message.src);
					}
				}, 'json');
				pc.destroy();
				$.closePopup();
			},
			fail: function(msg) {
				$.alert(msg,'操作失败');
			}
		});
		$('#photoclip').popup();
	})
	
	$(".js-delimg").click(function(){
		$(this).parent().find('img').attr('src','');
		$(this).parent().find('input').val('');
	})
</script>
<script>
    function xdupform(formid) {
		$.showLoading();
		var formParam = $(formid).serialize();
		$.post(window.location.href, formParam , function(s){
			$.hideLoading();
			if (s.message.zt==0) {
				if(s.message.ts!='OK'){
					$.alert(s.message.ts, "操作成功");
				}else{
					$.toast("提交成功", function() {
						if($('#tjd').val() == 1){
							window.location='{php echo $this->createMobileUrl('team');}';
						}
					});
				}
			}else{
				$.alert(s.message.ts, "操作失败");
			}
		}, 'json');
	}
</script>