<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <?php $shoname_name = D('Home/Front')->get_config_by_name('shoname'); ?>
  <title><?php echo $shoname; ?></title>
  <link rel="shortcut icon" href="" />
        
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">

  <link rel="stylesheet" href="/layuiadmin/style/admin.css" media="all">
 
<!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
<!--[if lt IE 9]>
  <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
  <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->  

<link href="./resource/css/bootstrap.min.css?v=201903260001" rel="stylesheet">
<link href="./resource/css/common.css?v=201903260001" rel="stylesheet">
<script type="text/javascript">
            window.sysinfo = {
            <?php if (!empty($_W['uniacid']) ){ ?>'uniacid': '{$_W['uniacid']}',<?php } ?>
			
            <?php if( !empty($_W['acid'])  ){ ?>'acid': '{$_W['acid']}',<?php } ?>
			
            <?php if (!empty($_W['openid']) ) { ?>'openid': '{$_W['openid']}',<?php } ?>
			
            <?php if( !empty($_W['uid']) ) {  ?>'uid': '{$_W['uid']}',<?php } ?>
			
            'isfounder': <?php if (!empty($_W['isfounder']) ) { ?>1<?php  }else{  ?>0<?php } ?>,
			
            'siteroot': '{$_W['siteroot']}',
                    'siteurl': '{$_W['siteurl']}',
                    'attachurl': '{$_W['attachurl']}',
                    'attachurl_local': '{$_W['attachurl_local']}',
                    'attachurl_remote': '{$_W['attachurl_remote']}',
                    'module' : {'url' : '<?php if( defined('MODULE_URL') ) { ?>{MODULE_URL}<?php } ?>', 'name' : '<?php if (defined('IN_MODULE') ) { ?>{IN_MODULE}<?php } ?>'},
            'cookie' : {'pre': ''},
            'account' : {:json_encode($_W['account'])},
            };
        </script>
		
<script type="text/javascript" src="./resource/js/lib/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="./resource/js/lib/bootstrap.min.js"></script>
<script type="text/javascript" src="./resource/js/app/util.js?v=201903260001"></script>
<script type="text/javascript" src="./resource/js/app/common.min.js?v=201903260001"></script>
<script type="text/javascript" src="./resource/js/require.js?v=201903260001"></script>
<script type="text/javascript" src="./resource/js/lib/jquery.nice-select.js?v=201903260001"></script>
	<script type="text/javascript" src="./resource/components/colpick/colpick.js"></script>
  <link rel="stylesheet" href="/layuiadmin/layui/css/layui.css" media="all">
   <link href="/static/css/snailfish.css" rel="stylesheet">
	<link href="./resource/components/colpick/colpick.css" rel="stylesheet">
	<style>
		.layadmin-name {background-color: #009688;color: #fff;width: 90px;text-align: center;height: 22px;margin-bottom:2px;}
		a {color: #333;text-decoration: none;cursor: pointer;}
		a:hover{color: #333;text-decoration: none;}
		a:active{color: #333;text-decoration: none;}
		a:focus {color:#999;text-decoration: none;}
		.half {width: 50%;float: left;font-size: 15px;}
		.back_pimu{width: 300px;text-align: center;margin: 0 auto;}
		.back_pimu img{width: 100%;}
		.resetBtn{color: #3276b1;}
		a.resetBtn:hover{color: #3276b1;}
	</style>
</head>
<body layadmin-themealias="default">

<div class="layui-fluid" style="min-width: 1000px;">
	<div class="layui-card">
		<div class="layui-card-header layui-elem-quote">当前位置：<span class="line-text">邀新海报</span></div>
		<div class="layui-card-body" style="padding:15px;">
			<div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
				<ul class="layui-tab-title">
					<li><a href="{:U('invitegift/poster_background')}">背景</a></li>
					<li class="layui-this">二维码</li>
				</ul>
				<div class="layui-tba-content" style="height: 100%;">
					<form action="" method="post" class="layui-form" lay-filter="component-layui-form-item" enctype="multipart/form-data">
						<input type="hidden" name="invite_poster_qrcode_img" value="{$data['invite_poster_qrcode_img_yuan']}"/>
						<div class="layui-form-item" style="height: 750px;">
							<div class="half" style="background: #f1f1f1;padding: 5px;height: auto;min-height: 100%;">
								<div class="back_pimu" style="position: relative;background: #fff;width: 375px;height: auto;min-height: 100%;">
									<div class="phone_top" style="position: relative;width: 375px;height: 64px;">
										<img class="img" src="/static/images/diy/poster_1.png" style="width: 375px;height: 20px;position: absolute;top: 0px;left: 0px;z-index: 100;">
										<img class="img" src="/static/images/diy/poster_2.png" style="position: absolute;right: 7px;width: 87px;height: 32px;bottom: 6px;">
									</div>
									<div class="back_body" style="width:375px;height: 667px;<?php if($data['invite_poster_back_type'] == 0){?>background: <?php echo $data['invite_poster_back_color'];?>;<?php }else{ ?>background: url('<?php echo tomedia($data['invite_poster_back_img']);?>') no-repeat;background-size:100% 100%;<?php } ?>">
										<div class="qrcode" style="width: <?php echo $data['qrcode_width'];?>px;height: <?php echo $data['qrcode_width'];?>px;display: inline-block;
                                			<?php if( isset($data['invite_poster_qrcode_corner_type']) && $data['invite_poster_qrcode_corner_type'] == 1){ ?>border-radius: 0px;<?php }else{ ?>border-radius: 10px;<?php } ?>
                                			<?php if(isset($data['invite_poster_qrcode_border_status']) && $data['invite_poster_qrcode_border_status'] == 1){?>border: 1px solid <?php echo $data['invite_poster_qrcode_bordercolor']; ?>;<?php } ?>
                                            ">
											<img src="{$data['invite_poster_qrcode_img']}" style="width: 100%;height: 100%;
                                            <?php if( isset($data['invite_poster_qrcode_corner_type']) && $data['invite_poster_qrcode_corner_type'] == 1){ ?>border-radius: 0px;<?php }else{ ?>border-radius: 10px;<?php } ?>
                                            "></div>
									</div>
								</div>
							</div>
							<div class="half">
								<div class="layui-form-item">
									<label class="layui-form-label">二维码背景色</label>
									<div class="layui-input-block">
										<div class="layui-input-inline" style="width: 120px;">
											<input type="text" name="invite_poster_qrcode_backcolor" value="{$data['invite_poster_qrcode_backcolor']}" placeholder="请选择颜色" class="layui-input" id="invite_poster_qrcode_backcolor-input">
										</div>
										<div class="layui-inline" style="left: -11px;margin-right: 0px;">
											<div id="invitePosterQrcodeBackColors" class="layui-inline">
												<div class="layui-unselect layui-colorpicker"><span><span class="layui-colorpicker-trigger-span" lay-type="" style="background: {$data['invite_poster_qrcode_backcolor']}"><i class="layui-icon layui-colorpicker-trigger-i layui-icon-down"></i></span></span></div>
											</div>
										</div>
										<div class="layui-inline" style="vertical-align:top;line-height: 35px;">
											<a class="resetBtn resetQrcodeBackColor">重置</a>
										</div>
									</div>
								</div>
								<div class="layui-form-item">
									<label class="layui-form-label">二维码线条颜色</label>
									<div class="layui-input-block">
										<div class="layui-input-inline" style="width: 120px;">
											<input type="text" name="invite_poster_qrcode_linecolor" value="{$data['invite_poster_qrcode_linecolor']}" placeholder="请选择颜色" class="layui-input" id="invite_poster_qrcode_linecolor-input">
										</div>
										<div class="layui-inline" style="left: -11px;margin-right: 0px;">
											<div id="invitePosterQrcodeLineColors" class="layui-inline">
												<div class="layui-unselect layui-colorpicker"><span><span class="layui-colorpicker-trigger-span" lay-type="" style="background: {$data['invite_poster_qrcode_linecolor']}"><i class="layui-icon layui-colorpicker-trigger-i layui-icon-down"></i></span></span></div>
											</div>
										</div>
										<div class="layui-inline" style="vertical-align:top;line-height: 35px;">
											<a class="resetBtn resetQrcodeLineColor">重置</a>
										</div>
									</div>
								</div>
								<div class="layui-form-item">
									<label class="layui-form-label">二维码边角</label>
									<div class="layui-input-block">
										<label class='radio-inline'>
											<input type='radio' name='invite_poster_qrcode_corner_type'  lay-filter="invite_poster_qrcode_corner_type" value='0' <?php if( !isset($data['invite_poster_qrcode_corner_type']) || $data['invite_poster_qrcode_corner_type'] == 0){ ?>checked<?php } ?> title="圆角" />
										</label>
										<label class='radio-inline'>
											<input type='radio' name='invite_poster_qrcode_corner_type'  lay-filter="invite_poster_qrcode_corner_type" value='1' <?php if( isset($data['invite_poster_qrcode_corner_type']) && $data['invite_poster_qrcode_corner_type'] == 1){ ?>checked<?php } ?> title="直角" />
										</label>
									</div>
								</div>
								<div class="layui-form-item">
									<label class="layui-form-label">二维码大小</label>
									<div class="layui-input-block">
										<div class="input-group" style="width: 200px;">
											<input class="form-control" name="invite_poster_qrcode_size" type="text" placeholder="" value="{$data['invite_poster_qrcode_size']}" maxlength="10">
											<div class="input-group-addon">PX</div>
										</div>
									</div>
								</div>
								<div class="layui-form-item">
									<label class="layui-form-label">二维码边框</label>
									<div class="layui-input-block">
										<label class='radio-inline'>
											<input type='radio' name='invite_poster_qrcode_border_status'  lay-filter="invite_poster_qrcode_border_status" value='1' <?php if( isset($data['invite_poster_qrcode_border_status']) && $data['invite_poster_qrcode_border_status'] == 1){ ?>checked<?php } ?> title="开启" />
										</label>
										<label class='radio-inline'>
											<input type='radio' name='invite_poster_qrcode_border_status'  lay-filter="invite_poster_qrcode_border_status" value='0' <?php if( !isset($data['invite_poster_qrcode_border_status']) || $data['invite_poster_qrcode_border_status'] == 0){ ?>checked<?php } ?> title="关闭" />
										</label>
									</div>
								</div>
								<div class="layui-form-item">
									<label class="layui-form-label">二维码边框颜色</label>
									<div class="layui-input-block">
										<div class="layui-input-inline" style="width: 120px;">
											<input type="text" name="invite_poster_qrcode_bordercolor" value="{$data['invite_poster_qrcode_bordercolor']}" placeholder="请选择颜色" class="layui-input" id="invite_poster_qrcode_bordercolor-input">
										</div>
										<div class="layui-inline" style="left: -11px;margin-right: 0px;">
											<div id="invitePosterQrcodeBorderColors" class="layui-inline">
												<div class="layui-unselect layui-colorpicker"><span><span class="layui-colorpicker-trigger-span" lay-type="" style="background: {$data['invite_poster_qrcode_bordercolor']}"><i class="layui-icon layui-colorpicker-trigger-i layui-icon-down"></i></span></span></div>
											</div>
										</div>
										<div class="layui-inline" style="vertical-align:top;line-height: 35px;">
											<a class="resetBtn resetQrcodeBorderColor">重置</a>
										</div>
									</div>
								</div>
								<div class="layui-form-item">
									<label class="layui-form-label">距画布顶部</label>
									<div class="layui-input-block">
										<div class="input-group" style="width: 200px;">
											<input class="form-control" name="invite_poster_qrcode_top" type="text" placeholder="" value="{$data['invite_poster_qrcode_top']}" maxlength="10">
											<div class="input-group-addon">PX</div>
										</div>
									</div>
								</div>
								<div class="layui-form-item">
									<label class="layui-form-label">距画布左侧</label>
									<div class="layui-input-block">
										<div class="input-group" style="width: 200px;">
											<input class="form-control" name="invite_poster_qrcode_left" type="text" placeholder="" value="{$data['invite_poster_qrcode_left']}" maxlength="10">
											<div class="input-group-addon">PX</div>
										</div>
									</div>
								</div>
								<div class="layui-form-item">
									<label class="layui-form-label"> </label>
									<div class="layui-input-block">
										<input type="submit" value="提交" lay-submit lay-filter="formDemo" class="btn btn-primary"  />
									</div>
								</div>
							</div>
						</div>
					</form>
				</div>
			</div>
	   </div>
    </div>
</div>

<script src="/layuiadmin/layui/layui.js"></script>
<script src="/static/js/drag.js"></script>
<script>
	var invite_poster_qrcode_backcolor = "{$data['invite_poster_qrcode_backcolor']}";
	var invite_poster_qrcode_linecolor = "{$data['invite_poster_qrcode_linecolor']}";
	var invite_poster_qrcode_bordercolor = "{$data['invite_poster_qrcode_bordercolor']}";
	var qrcode_top = "{$data['qrcode_top']}";
	var qrcode_left = "{$data['qrcode_left']}";
	var change_url = "{:U('invitegift/changeQrcodeBackground')}";
</script>
<script src="/static/js/postcode/posterqrcode.js"></script>
</body>
