<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>KGCMS企业应用管理平台 - Powered by KGCMS</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="renderer" content="webkit">
<!-- <meta http-equiv="cache-control" content="no-siteapp" /> -->
<link rel="stylesheet" type="text/css" href="{{kg['tpl_url']}}style/set_picture.css">
<script src="{{kg['tpl_url']}}script/jquery.min.js"></script>
<script src="{{kg['tpl_url']}}script/colorpicker.js"></script>
<script src="{{kg['server']['HTTP_HOST']}}/tools/amazeui/js/amazeui.min.js"></script>
<script src="{{kg['tpl_url']}}script/cropper.min.js"></script>
<script src="{{kg['tpl_url']}}script/common.js"></script>
<script src="{{kg['tpl_url']}}script/set_picture.js"></script>
</head>
<body data-type="generalComponents">
	{% include 'component_header.tpl' %}
	<div class="tpl-page-container tpl-page-header-fixed">
		<div class="scrollbar-wrap">
		{% include 'component_left.tpl' %}
		<div class="tpl-content-wrapper">
			<div class="tpl-content-page-title">
				系统全局参数设置
			</div>
			<ol class="am-breadcrumb">
				<li><a href="./" class="am-icon-home">首页</a></li>
				<li class="am-active">系统全局参数设置</li>
			</ol>
			<div class="tpl-portlet-components">
				<div class="portlet-title">
					<div class="caption font-green bold">
						<span class="am-icon-code"></span>&nbsp;系统全局参数设置
					</div>
					<div class="portlet-input input-small input-inline ngar-xiugai-width">
						<div class="input-icon right am-fr top-1">
							<div class="am-btn-group am-btn-group-xs">
								<button class="am-btn am-btn-secondary ng-add-hightB" id="picture_crop"><span class="am-icon-search"></span>&nbsp;图片裁切</button>
								<button class="am-btn am-btn-default am-btn-warning" id="picture_watermark"><span class="am-icon-plus"></span>&nbsp;图片水印</button>
							</div>
						</div>
						<div class="am-cf"></div>
					</div>
				</div>
				<div class="tpl-block">
					<!-- <from class="am-g"> -->
					<div class="tpl-form-body tpl-form-line" style="padding-bottom: 0px;">
						<form class="am-form tpl-form-line-form" method="post" action="#" enctype="application/x-www-form-urlencoded">
							<div class="am-tabs" data-am-tabs="{noSwipe:1}">
								<div class="am-tabs-bd">
									<div class="am-tab-panel am-fade am-active am-in" id="tab1">
										<div class="am-form-group am-set-margim module-margin">
											<label for="wid" class="am-u-sm-3 am-form-label">图片裁切条件&nbsp;/&nbsp;<span class="tpl-form-line-small-title">Condition</span></label>
											<div class="am-u-sm-6 am-u-sm-pull-3">
												<label for="wid" class="am-form-label">宽:</label>
												<input type="text" id="wid" class="tpl-form-input num_input ngse-Ojs-width" name="condition[]" value="{{data['cut']['condition'][0]}}" placeholder="单位px" />
												<label for="hei" class="am-form-label">高:</label>
												<input type="text" id="hei" class="tpl-form-input num_input ngse-Ojs-height" name="condition[]" value="{{data['cut']['condition'][1]}}" placeholder="单位px" />
												<div class="input-description">上传图片小于该规格将不进行裁切(压缩)处理</div>
											</div>
										</div>
										<div class="am-form-group am-set-margim ty-module module-margin">
											<label class="am-u-sm-3 am-form-label">保存质量&nbsp;/&nbsp;<span class="tpl-form-line-small-title">Quality</span></label>
											<div class="am-u-sm-6 am-u-sm-pull-3 posi_box3">
												<select data-am-selected="{btnSize: 'sm'}" name="quality" style="display: none;">
													<option {% if data['cut']['quality'] == 100 %} selected="selected" {% endif %} value="100">最佳</option>
													<option {% if data['cut']['quality'] == 80 %} selected="selected" {% endif %} value="80">高</option>
													<option {% if data['cut']['quality'] == 60 %} selected="selected" {% endif %} value="60">中</option>
													<option {% if data['cut']['quality'] == 40 %} selected="selected" {% endif %} value="40">低</option>
													<option {% if data['cut']['quality'] == 20 %} selected="selected" {% endif %} value="20">差</option>
												</select>
												<div class="input-description">保存质量越高,文件越大。只对JPG格式有效</div>
											</div>
										</div>
										<div class="module-margin">
											<div class="am-form-group am-set-margim">
												<label class="am-u-sm-3 am-form-label">文章缩略图&nbsp;/&nbsp;<span class="tpl-form-line-small-title">Thumbnail</span></label>
												<div class="am-u-sm-6 am-u-sm-pull-3">
													<label for="shui" class="am-form-label">水印:</label>
													<div class="tpl-switch ty-button">
														<input type="hidden" name="article_thumbnail" {% if data['cut']['article_thumbnail'][0] %} value="1"{% else %}value="0"{% endif %} />
														<input type="checkbox" id="shui" {% if data['cut']['article_thumbnail'][0] %} checked="checked" {% endif %} class="ios-switch bigswitch tpl-switch-btn" />
														<div class="tpl-switch-btn-view">
															<div></div>
														</div>
													</div>
													<label for="caiqie" class="am-form-label">裁切:</label>
													<div class="tpl-switch ty-button">
														<input type="hidden" name="article_thumbnail" {% if data['cut']['article_thumbnail'][1] %} value="1"{% else %} value="0" {% endif %} />
														<input type="checkbox" id="caiqie" {% if data['cut']['article_thumbnail'][1] %} checked="checked" {% endif %} class="ios-switch bigswitch tpl-switch-btn">
														<div class="tpl-switch-btn-view">
															<div></div>
														</div>
													</div>
													<label for="wido" class="am-form-label">宽:</label>
													<input type="text" id="wido" class="tpl-form-input num_input ngse-Ojs-width" name="article_thumbnail" value="{{data['cut']['article_thumbnail'][2]}}" placeholder="单位px">
													<label for="heio" class="am-form-label">高:</label>
													<input type="text" id="heio" class="tpl-form-input num_input ngse-Ojs-height" name="article_thumbnail" value="{{data['cut']['article_thumbnail'][3]}}" placeholder="单位px">
													<div class="input-description">该设置只是对图片处理默认值进行设置,具体裁切及水印参数也可在内容发布时重新设置</div>
												</div>
											</div>
											<div class="am-form-group am-set-margim">
												<label class="am-u-sm-3 am-form-label">文章内容&nbsp;/&nbsp;<span class="tpl-form-line-small-title">Content</span></label>
												<div class="am-u-sm-6 am-u-sm-pull-3">
													<label for="neirongp" class="am-form-label">水印:</label>
													<div class="tpl-switch ty-button">
														<input type="hidden" name="article" {% if data['cut']['article'][0] %} value="1" {% else %} value="0" {% endif %} />
														<input type="checkbox" id="neirongp" {% if data['cut']['article'][0] %} checked="checked" {% endif %} class="ios-switch bigswitch tpl-switch-btn" />
														<div class="tpl-switch-btn-view">
															<div></div>
														</div>
													</div>
													<label for="caiqie2" class="am-form-label">裁切:</label>
													<div class="tpl-switch ty-button">
														<input type="hidden" name="article" {% if data['cut']['article'][1] %} value="1" {% else %} value="0" {% endif %} />
														<input type="checkbox" id="caiqie2" {% if data['cut']['article'][1] %} checked="checked" {% endif %} class="ios-switch bigswitch tpl-switch-btn" />
														<div class="tpl-switch-btn-view">
															<div></div>
														</div>
													</div>
													<label for="wid2" class="am-form-label">宽:</label>
													<input type="text" id="wid2" class="tpl-form-input num_input ngse-Ojs-width" name="article" value="{{data['cut']['article'][2]}}" placeholder="单位px" />
													<label for="hei2" class="am-form-label">高:</label>
													<input type="text" id="hei2" class="tpl-form-input num_input ngse-Ojs-height" name="article" value="{{data['cut']['article'][3]}}" placeholder="单位px" />
													<div class="input-description"></div>
												</div>
											</div>
										</div>
										<div class="module-margin ty-module">
											<div class="am-form-group am-set-margim">
												<label class="am-u-sm-3 am-form-label">商品缩略图&nbsp;/&nbsp;<span class="tpl-form-line-small-title">Thumbnail</span></label>
												<div class="am-u-sm-6 am-u-sm-pull-3">
													<label for="suiying2" class="am-form-label">水印:</label>
													<div class="tpl-switch ty-button">
														<input type="hidden" name="product_thumbnail" {% if data['cut']['product_thumbnail'][0] %} value="1" {% else %} value="0" {% endif %} />
														<input type="checkbox" id="suiying2" {% if data['cut']['product_thumbnail'][0] %} checked="checked" {% endif %} class="ios-switch bigswitch tpl-switch-btn" />
														<div class="tpl-switch-btn-view">
															<div></div>
														</div>
													</div>
													<label for="caiqie3" class="am-form-label">裁切:</label>
													<div class="tpl-switch ty-button">
														<input type="hidden" name="product_thumbnail" {% if data['cut']['product_thumbnail'][1] %}value="1"{% else %}value="0"{% endif %} />
														<input type="checkbox" id="caiqie3" {% if data['cut']['product_thumbnail'][1] %} checked="checked" {% endif %} class="ios-switch bigswitch tpl-switch-btn" />
														<div class="tpl-switch-btn-view">
															<div></div>
														</div>
													</div>
													<label for="wid3" class="am-form-label">宽:</label>
													<input type="text" id="wid3" class="tpl-form-input num_input ngse-Ojs-width" name="product_thumbnail" value="{{data['cut']['product_thumbnail'][2]}}" placeholder="单位px">
													<label for="hei3" class="am-form-label">高:</label>
													<input type="text" id="hei3" class="tpl-form-input num_input ngse-Ojs-height" name="product_thumbnail" value="{{data['cut']['product_thumbnail'][3]}}" placeholder="单位px">
													<div class="input-description">该设置只是对图片处理默认值进行设置,具体裁切及水印参数也可在内容发布时重新设置</div>
												</div>
											</div>
											<div class="am-form-group am-set-margim">
												<label class="am-u-sm-3 am-form-label">商品内容&nbsp;/&nbsp;<span class="tpl-form-line-small-title">Content</span></label>
												<div class="am-u-sm-6 am-u-sm-pull-3">
													<label for="suiying3" class="am-form-label">水印:</label>
													<div class="tpl-switch ty-button">
														<input type="hidden" name="product" {% if data['cut']['product'][0] %} value="1" {% else %} value="0" {% endif %} />
														<input type="checkbox" id="suiying3" {% if data['cut']['product'][0] %} checked="checked" {% endif %} class="ios-switch bigswitch tpl-switch-btn" />
														<div class="tpl-switch-btn-view">
															<div></div>
														</div>
													</div>
													<label for="caiqie4" class="am-form-label">裁切:</label>
													<div class="tpl-switch ty-button">
														<input type="hidden" name="product" {% if data['cut']['product'][1] %} value="1"{% else %} value="0" {% endif %} />
														<input type="checkbox" id="caiqie4" {% if data['cut']['product'][1] %} checked="checked" {% endif %} class="ios-switch bigswitch tpl-switch-btn" />
														<div class="tpl-switch-btn-view">
															<div></div>
														</div>
													</div>
													<label for="wid4" class="am-form-label">宽:</label>
													<input type="text" id="wid4" class="tpl-form-input num_input ngse-Ojs-width" name="product" value="{{data['cut']['product'][2]}}" placeholder="单位px" />
													<label for="hei4" class="am-form-label">高:</label>
													<input type="text" id="hei4" class="tpl-form-input num_input ngse-Ojs-height" name="product" value="{{data['cut']['product'][3]}}" placeholder="单位px" />
													<div class="input-description"></div>
												</div>
											</div>
										</div>
										<div class="module-margin">
											<div class="am-form-group am-set-margim">
												<label class="am-u-sm-3 am-form-label">图集缩略图&nbsp;/&nbsp;<span class="tpl-form-line-small-title">Thumbnail</span></label>
												<div class="am-u-sm-6 am-u-sm-pull-3">
													<label for="suiying4" class="am-form-label">水印:</label>
													<div class="tpl-switch ty-button">
														<input type="hidden" name="picture_thumbnail" {% if data['cut']['picture_thumbnail'][0] %} value="1" {% else %} value="0" {% endif %} />
														<input type="checkbox" id="suiying4" {% if data['cut']['picture_thumbnail'][0] %} checked="checked" {% endif %} class="ios-switch bigswitch tpl-switch-btn" />
														<div class="tpl-switch-btn-view">
															<div></div>
														</div>
													</div>
													<label for="caiqie5" class="am-form-label">裁切:</label>
													<div class="tpl-switch ty-button">
														<input type="hidden" name="picture_thumbnail" {% if data['cut']['picture_thumbnail'][1] %} value="1" {% else %} value="0" {% endif %} />
														<input type="checkbox" id="caiqie5" {% if data['cut']['picture_thumbnail'][0] %} checked="checked" {% endif %} class="ios-switch bigswitch tpl-switch-btn" />
														<div class="tpl-switch-btn-view">
															<div></div>
														</div>
													</div>
													<label for="wid5" class="am-form-label">宽:</label>
													<input type="text" id="wid5" class="tpl-form-input num_input ngse-Ojs-width" name="picture_thumbnail" value="{{data['cut']['picture_thumbnail'][2]}}" placeholder="单位px">
													<label for="hei5" class="am-form-label">高:</label>
													<input type="text" id="hei5" class="tpl-form-input num_input ngse-Ojs-height" name="picture_thumbnail" value="{{data['cut']['picture_thumbnail'][3]}}" placeholder="单位px">
													<div class="input-description">该设置只是对图片处理默认值进行设置,具体裁切及水印参数也可在内容发布时重新设置</div>
												</div>
											</div>
											<div class="am-form-group am-set-margim">
												<label class="am-u-sm-3 am-form-label">图集内容&nbsp;/&nbsp;<span class="tpl-form-line-small-title">Content</span></label>
												<div class="am-u-sm-6 am-u-sm-pull-3">
													<label for="suiying5" class="am-form-label">水印:</label>
													<div class="tpl-switch ty-button">
														<input type="hidden" name="picture" {% if data['cut']['picture'][0] %} value="1" {% else %} value="0" {% endif %} />
														<input type="checkbox" id="suiying5" {% if data['cut']['picture'][0] %} checked="checked" {% endif %} class="ios-switch bigswitch tpl-switch-btn"  >
														<div class="tpl-switch-btn-view">
															<div></div>
														</div>
													</div>
													<label for="caiqie6" class="am-form-label">裁切:</label>
													<div class="tpl-switch ty-button">
														<input type="hidden" name="picture" {% if data['cut']['picture'][1] %} value="1" {% else %} value="0" {% endif %} />
														<input type="checkbox" id="caiqie6" {% if data['cut']['picture'][1] %} checked="checked" {% endif %} class="ios-switch bigswitch tpl-switch-btn"  >
														<div class="tpl-switch-btn-view">
															<div></div>
														</div>
													</div>
													<label for="wid6" class="am-form-label">宽:</label>
													<input type="text" id="wid6" class="tpl-form-input num_input ngse-Ojs-width" name="picture" value="{{data['cut']['picture'][2]}}" placeholder="单位px">
													<label for="hei6" class="am-form-label">高:</label>
													<input type="text" id="hei6" class="tpl-form-input num_input ngse-Ojs-height" name="picture" value="{{data['cut']['picture'][3]}}" placeholder="单位px">
													<div class="input-description"></div>
												</div>
											</div>
										</div>
										<div class="module-margin ty-module">
											<div class="am-form-group am-set-margim">
												<label class="am-u-sm-3 am-form-label">下载缩略图&nbsp;/&nbsp;<span class="tpl-form-line-small-title">Thumbnail</span></label>
												<div class="am-u-sm-6 am-u-sm-pull-3">
													<label for="suiying6" class="am-form-label">水印:</label>
													<div class="tpl-switch ty-button">
														<input type="hidden" name="download_thumbnail" {% if data['cut']['download_thumbnail'][0] %} value="1" {% else %} value="0" {% endif %} />
														<input type="checkbox" id="suiying6" {% if data['cut']['download_thumbnail'][0] %} checked="checked" {% endif %} class="ios-switch bigswitch tpl-switch-btn" />
														<div class="tpl-switch-btn-view">
															<div></div>
														</div>
													</div>
													<label for="caiqie7" class="am-form-label">裁切:</label>
													<div class="tpl-switch ty-button">
														<input type="hidden" name="download_thumbnail" {% if data['cut']['download_thumbnail'][1] %}value="1"{% else %} value="0" {% endif %} />
														<input type="checkbox" id="caiqie7" {% if data['cut']['download_thumbnail'][1] %} checked="checked" {% endif %} class="ios-switch bigswitch tpl-switch-btn" />
														<div class="tpl-switch-btn-view">
															<div></div>
														</div>
													</div>
													<label for="wid7" class="am-form-label">宽:</label>
													<input type="text" id="wid7" class="tpl-form-input num_input ngse-Ojs-width" name="download_thumbnail" value="{{data['cut']['download_thumbnail'][2]}}" placeholder="单位px" />
													<label for="hei7" class="am-form-label">高:</label>
													<input type="text" id="hei7" class="tpl-form-input num_input ngse-Ojs-height" name="download_thumbnail" value="{{data['cut']['download_thumbnail'][3]}}" placeholder="单位px" />
													<div class="input-description">该设置只是对图片处理默认值进行设置,具体裁切及水印参数也可在内容发布时重新设置</div>
												</div>
											</div>
											<div class="am-form-group am-set-margim">
												<label class="am-u-sm-3 am-form-label">下载内容&nbsp;/&nbsp;<span class="tpl-form-line-small-title">Content</span></label>
												<div class="am-u-sm-6 am-u-sm-pull-3">
													<label for="suiying7" class="am-form-label">水印:</label>
													<div class="tpl-switch ty-button">
														<input type="hidden" name="download" {% if data['cut']['download'][0] %} value="1" {% else %} value="0" {% endif %} />
														<input type="checkbox" id="suiying7" {% if data['cut']['download'][0] %} checked="checked" {% endif %} class="ios-switch bigswitch tpl-switch-btn" />
														<div class="tpl-switch-btn-view">
															<div></div>
														</div>
													</div>
													<label for="caiqie8" class="am-form-label">裁切:</label>
													<div class="tpl-switch ty-button">
														<input type="hidden" name="download" {% if data['cut']['download'][1] %} value="1" {% else %} value="0" {% endif %} />
														<input type="checkbox" id="caiqie8" {% if data['cut']['download'][0] %} checked="checked" {% endif %} class="ios-switch bigswitch tpl-switch-btn" />
														<div class="tpl-switch-btn-view">
															<div></div>
														</div>
													</div>
													<label for="wid8" class="am-form-label">宽:</label>
													<input type="text" id="wid8" class="tpl-form-input num_input ngse-Ojs-width" name="download" value="{{data['cut']['download'][2]}}" placeholder="单位px" />
													<label for="hei8" class="am-form-label">高:</label>
													<input type="text" id="hei8" class="tpl-form-input num_input ngse-Ojs-height" name="download" value="{{data['cut']['download'][3]}}" placeholder="单位px" />
													<div class="input-description"></div>
												</div>
											</div>
										</div>
									</div>
									<div class="am-tab-panel am-fade" id="tab2" style="">
										<div class='am-form tpl-form-line-form'>
											<div class="am-form-group am-set-margim module-margin">
											<label class="am-u-sm-3 am-form-label">水印添加条件&nbsp;/&nbsp;<span class="tpl-form-line-small-title">Condition</span></label>
											<div class="am-u-sm-6 am-u-sm-pull-3">
												<label for="wid9" class="am-form-label">宽:</label>
												<input type="text" id="wid9" class="tpl-form-input num_input ngse-Ojs-width" name="mark[]" value="{{data['watermark']['condition'][0]}}" placeholder="单位px" />
												<label for="hei9" class="am-form-label">高:</label>
												<input type="text" id="hei9" class="tpl-form-input num_input ngse-Ojs-height" name="mark[]" value="{{data['watermark']['condition'][1]}}" placeholder="单位px" />
												<div class="input-description">上传图片小于该规格将不添加水印</div>
											</div>
										</div>
										<div class="am-form-group">
											<label class="am-u-sm-3 am-form-label">水印类型&nbsp;/&nbsp;<span class="tpl-form-line-small-title">Type</span></label>
											<div class="am-u-sm-6 am-u-sm-pull-3">
												<label class="am-radio-inline">
													<input type="radio" {% if data['watermark']['type'] == 'picture' %} checked="checked" {% endif %} name="type" value="picture" /> 图片水印
												</label>
												<label class="am-radio-inline">
													<input type="radio" {% if data['watermark']['type'] == 'word' %} checked="checked" {% endif %} name="type" value="word" /> 文字水印
												</label>
<!--												<div class="input-description">注释信息</div>-->
											</div>
										</div>
										<div class='am-form tpl-form-line-form'>
											<div class="am-form-group am-set-margim module-margin">
											<label class="am-u-sm-3 am-form-label">水印文件&nbsp;/&nbsp;<span class="tpl-form-line-small-title">File</span></label>
											<div class="inline-block">
												<ul data-am-widget="gallery" class="am-gallery sm-block-grid-2 md-block-grid-3 lg-block-grid-4 am-gallery-bordered ngsty-Iul am-no-layout" data-am-gallery="{ pureview: true }" id="picture_view">
													{% if data['watermark']['image'] %}
													<li style="position: relative">
														<div class="tpl-table-images-content-i-info absolute-middle">
															<button type="button" class="btn1 btnsty am-btn-circle am-btn am-btn-success am-margin-horizontal btn-update ty-button btn-picture" data-btn='update'><i class="am-icon-pencil-square-o"></i>&nbsp;修改</button>
															<button type="button" class="btnsty am-btn-circle am-btn am-btn-secondary am-margin-horizontal btn-search ty-button btn-picture" data-btn='search'><span class="search1"><i class="am-icon-search ngsty-rem"></i>&nbsp;查看</span></button>
														</div>
														<img src="{{data['watermark']['path']}}" width="300" alt="">
														<input type="hidden" name="watermark" value="{{data['watermark']['path']}}" />
													</li>
													{% endif %}
												</ul>
											</div>
											
											{% if not data['watermark']['image'] %}
											<div class="ewm-upload  btn-add ngco-D3" id="thumbnail" data-btn="add2" style="height: 75px; width: 75px;" />
												<input type="text" class="input-file" id="qrcodeInput">
												<div class="shuline"></div>
												<div class="hengline"></div>
											</div>
											{% endif %}
										</div>
										<div class="am-form-group">
											<label class="am-u-sm-3 am-form-label">水印添加位置&nbsp;/&nbsp;<span class="tpl-form-line-small-title">Position</span></label>
											<div class="am-u-sm-6 am-u-sm-pull-3 input-position">
												<label class="am-radio-inline label-margin">
													<input type="radio" {% if data['watermark']['position'] == 0 %} checked="checked" {% endif %} name="position" value="0" /> 顶部居左
												</label>
												<label class="am-radio-inline">
													<input type="radio" {% if data['watermark']['position'] == 1 %} checked="checked" {% endif %} name="position" value="1" /> 顶部居中
												</label>
												<label class="am-radio-inline">
													<input type="radio" {% if data['watermark']['position'] == 2 %} checked="checked" {% endif %} name="position" value="2" /> 顶部居右
												</label>
												<label class="am-radio-inline">
													<input type="radio" {% if data['watermark']['position'] == 3 %} checked="checked" {% endif %} name="position" value="3" /> 左边居中
												</label>
												<label class="am-radio-inline">
													<input type="radio" {% if data['watermark']['position'] == 4 %} checked="checked" {% endif %} name="position" value="4" /> 图片中心
												</label>
												<label class="am-radio-inline">
													<input type="radio" {% if data['watermark']['position'] == 5 %} checked="checked" {% endif %} name="position" value="5" /> 右边居中
												</label>
												<label class="am-radio-inline">
													<input type="radio" {% if data['watermark']['position'] == 6 %} checked="checked" {% endif %} name="position" value="6" /> 底部居左
												</label>
												<label class="am-radio-inline">
													<input type="radio" {% if data['watermark']['position'] == 7 %} checked="checked" {% endif %} name="position" value="7" /> 底部居中
												</label>
												<label class="am-radio-inline">
													<input type="radio" {% if data['watermark']['position'] == 8 %} checked="checked" {% endif %} name="position" value="8" /> 底部居右
												</label>
												<div class="input-description">水印位于图片上的位置（3x3，共9个位置可选）</div>
											</div>
										</div>
										<div class="am-form-group am-set-margim module-margin">
											<label class="am-u-sm-3 am-form-label">水印偏移调整&nbsp;/&nbsp;<span class="tpl-form-line-small-title">Deviation</span></label>
											<div class="am-u-sm-6 am-u-sm-pull-3">
												<label for="hen" class="am-form-label">横向:</label>
												<input type="text" id="hen" class="tpl-form-input num_input ngse-Ojs-width" name="offset[]" value="{{data['watermark']['offset'][0]}}" placeholder="单位px" />
												<label for="zong" class="am-form-label">纵向:</label>
												<input type="text" id="zong" class="tpl-form-input num_input ngse-Ojs-height" name="offset[]" value="{{data['watermark']['offset'][1]}}" placeholder="单位px" />
												<div class="input-description">调节水印偏移位置，可以填写负数</div>
											</div>
										</div>
										<div class="am-form-group am-set-margim module-margin">
											<label class="am-u-sm-3 am-form-label">水印文字字体&nbsp;/&nbsp;<span class="tpl-form-line-small-title">Typeface</span></label>
											<div class="am-u-sm-6 am-u-sm-pull-3 posi_box3">
												<select data-am-selected="{btnSize: 'sm'}" name="font" style="display: none;">
													{% for font in fonts %}
													<option {% if data['watermark']['font'] == font %} selected="selected" {% endif %} value="{{font}}">{{font}}</option>
													{% endfor %}
												</select>
												<div class="input-description">位于 fonts 目录下的字体文件</div>
											</div>
										</div>
										<div class="am-form-group am-set-margim module-margin">
											<label for="color" class="am-u-sm-3 am-form-label">水印文字颜色&nbsp;/&nbsp;<span class="tpl-form-line-small-title">colour</span></label>
											<div id="color-picker" class="color-picker">
												<input type="text" class="tpl-form-input num_input1 ngse-Ojs-width" id="color" name="color" value="{{data['watermark']['color']}}">
											</div>
										</div>
										<div class="am-form-group">
											<label for="insure" class="am-u-sm-3 am-form-label">水印文字&nbsp;/&nbsp;<span class="tpl-form-line-small-title">Characters</span></label>
											<div class="am-u-sm-6 am-u-sm-pull-3">
												<input type="text" class="tpl-form-input" id="insure" name="word" value="{{data['watermark']['word']}}">
												<div class="input-description">如果含有中文请选择支持中文的字体文件</div>
											</div>
										</div>
										<div class="am-form-group">
											<label for="zise2" class="am-u-sm-3 am-form-label">字体大小&nbsp;/&nbsp;<span class="tpl-form-line-small-title">Size</span></label>
											<div class="am-u-sm-6 am-u-sm-pull-3">
												<input type="text" id="zise2" class="tpl-form-input num_input ngse-upText"  name="size" value="{{data['watermark']['size']}}">
												<div class="input-description">设置文字水印字体大小</div>
											</div>
										</div>
										<div class="am-form-group">
											<label for="jiaodu" class="am-u-sm-3 am-form-label">文字旋转角度&nbsp;/&nbsp;<span class="tpl-form-line-small-title">Angle</span></label>
											<div class="am-u-sm-6 am-u-sm-pull-3">
												<input type="text" id="jiaodu" class="tpl-form-input num_input ngse-upText" name="angle" value="{{data['watermark']['angle']}}">
												<div class="input-description">设置水印旋转角度</div>
											</div>
										</div>
									</div>
								</div>
							</div>
							<input type="hidden" name="action" value="submit">
							<div class="am-g">
								<div class="tpl-form-body tpl-form-line">
									<div class="am-form-group">
										<div class="am-u-md-9 am-u-md-push-5">
											<input type="hidden" name="tab" value="{{tab}}" id="tab">
											<button type="submit" class="am-btn am-btn-primary tpl-btn-bg-color-success distances" id="ngse-Dshezhi">立即设置</button>
										</div>
									</div>
								</div>
							</div>
							</div>
						</form>
					</div>
				</div>
				<div class="am-alert am-alert-success success-info ngco-No-marginT">
					<ul class="margin-bottom-none padding-left-lg">
						<li class="am-state-info">裁切与水印说明：</li>
						<li class="am-verify">
							<!-- <span class="am-icon-clock-o am-icon-sm am-past"></span> -->
							&nbsp;&nbsp;1、图片水印：建议使用png格式的图片作为水印文件，以达到最佳效果，将文字或Logo做成png格式的半透明图片上传。<br />
							<!-- <span class="am-icon-clock-o am-icon-sm am-normal"></span> -->
							&nbsp;&nbsp;2、文字水印：由于中文字体库比较大(如微软雅黑 20M 以上)，系统自带的字体库只支持英文字符，如果您的水印文字含有中文或者需要更换字体，请将字体库文件上传至 {{kg['server']['ROOT_PATH']}}fonts 目录下。<br />
							<!-- 只限于开发阶段调试用，它决不能使用于网站正常环境下。 -->
							<!-- <span class="am-icon-check-circle am-icon-sm am-normal-forever"></span> -->
							&nbsp;&nbsp;3、图片裁切与水印需要PIL支持，当前服务器环境：<em style="color: #f00">{% if PIL %}支持{% else %}不支持{% endif %}</em><br />
							&nbsp;&nbsp;4、该功能不对编辑器内部上传的图片进行处理。<br />
							<!-- <span class="am-icon-ban am-icon-sm am-forbid"></span>&nbsp;&nbsp;帐号已被禁用，用户无法登录-->
						</li>
					</ul>
				</div>
				<img src="/upload/other/watermark_preview.jpg?{{kg["run_start_time"][1]}}" style="margin-top: 20px" />
			</div>
		</div>
	{% include 'component_footer.tpl' %}
	</div>
</div><!-- /.scrollbar-wrap -->
</div>
	<!-- 模态框 -->
	<div class="am-modal am-modal-confirm modal" tabindex="-1">
		<div class="am-modal-dialog">
			<div class="am-modal-hd modal-header ngdo-D2">
			</div>
			<div class="am-modal-bd am-padding-bottom-0">
				<form class="am-form" id="imgInFo">
					<div data-am-widget="list_news" class="am-list-news am-list-news-default">
						<div class="am-list-news-bd">
							<ul class="am-list">
								<li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-right border-none bg-transparent am-padding-bottom-0 ngdo-Li1">
									<div class="am-col am-u-md-8 am-list-main ngdo-D1">
										<div class="am-input-group am-input-group-primary am-margin-bottom-sm" style="    margin: 0px;">
											<div class="am-form-group am-form-file" style="margin-left: 4rem; margin-bottom: 0rem;">
												<button type="button" title="未选择任何图片" class="am-btn am-btn-danger am-btn-sm title2div ngdo-Bu1" id="originalImg">
													<i class="am-icon-cloud-upload"></i>&nbsp;原始上传
												</button>
												<input type="file" id="originalChoose" class="ngco-No-widht image" />
												<input type="hidden" name="image" id="originalUpdate" value='' />
												<button type="button" title="未选择任何图片" class="am-btn am-btn-danger am-btn-sm title2div" id="replaceImg">
													<i class="am-icon-cloud-upload"></i>&nbsp;裁切上传
												</button>
												<!--图片裁剪框 -->
												<div style="display: none" class="tailoring-container">
													<div class="black-cloth ngad-Jsj-click"></div>
													<div class="tailoring-content">
														<div class="tailoring-content-one">
															<label title="上传图片" for="chooseImg" class="l-btn choose-btn">
																<input type="file" name="filename" accept="image/*" id="chooseImg" class="hidden ngad-Ksj-change">
																选择图片
																<input type="hidden" name="image" id="imgUpdate" value='' />
															</label>
															<div class="close-tailoring ngad-Usj-click">×</div>
														</div>
														<div class="tailoring-content-two">
															<!-- 大裁剪图片 -->
															<div class="tailoring-box-parcel">
																<img id="tailoringImg" src="/" alt=""/>
															</div>
															<div class="preview-box-parcel">
																<p>图片预览：</p>
																<div class="square previewImg">
																</div>
																<div class="circular previewImg">
																</div>
															</div>
														</div>
														<div class="tailoring-content-three">
															<button class="l-btn cropper-reset-btn" type="button">复位</button>
															<button class="l-btn cropper-rotate-btn" type="button">旋转</button>
															<button class="l-btn cropper-scaleX-btn" type="button">换向</button>
															<button class="l-btn sureCut" id="sureCut" type="button">确定</button>
														</div>
													</div>
												</div>
												<!--图片裁剪框 -->
												<input id="doc-form-file" type="file" multiple="" class="ngco-No-widht">
											</div>
											<!-- 图片区域结束 -->
										</div>
										<div class="am-form-group am-form-file am-hide">
											<input type="file" multiple>
										</div>
									</div>
									<div class="am-col am-u-md-4 am-list-thumb fubox_img">
										<img src="{{kg['tpl_url']}}images/a1.png" id="finalImg"  alt="" />
									</div>
								</li>
							</ul>
						</div>
					</div>
				</form>
			</div>
			<div class="am-modal-footer">
				<span class="am-modal-btn" id="false" data-am-modal-cancel>取消</span>
				<span class="am-modal-btn" id="true" data-am-modal-confirm>确定</span>
			</div>
		</div>
	</div>
<script>
	$(function () {
		Colorpicker.create({
			el: "color-picker",
			color: "#fff",
			change: function(elem, hex) {
				$("#color").css('background', hex);
				$("#color").attr('value', hex);
			}
		})
	})

</script>
</body>

</html>