<extend name="Public/base" />

<block name="css">
	<!-- <link rel="stylesheet" type="text/css" href="__CSS__/admin_table.css" media="all"> -->
	<script type="text/javascript" src="__STATIC__/uploadify/jquery.uploadify.min.js"></script>
	<script type="text/javascript" src="__STATIC__/provincecityarea/area1.js"></script>
	<script type="text/javascript" src="__STATIC__/provincecityarea/AreaData_min.js"></script>
	<script type="text/javascript" src="__STATIC__/provincecityarea/jquery-1.7.min.js"></script>
	<script type="text/javascript" src="__JS__/jquery.mousewheel.js"></script>
	<style>
		#form .txt_area.download_url {width:400px;}
		.tabcon1711 .table_radio2 .table_btn {width:215px;}
	</style>
</block>

<block name="body">
	<link rel="stylesheet" type="text/css" href="__CSS__/admin_table.css" media="all">
	<script type="text/javascript" src="__STATIC__/layer/layer.js"></script>
	<script type="text/javascript" src="__STATIC__/uploadify/jquery.uploadify.min.js"></script>
	<link rel="stylesheet" href="__CSS__/select2.min.css" type="text/css" />
	<style>
		.select2-container--default .select2-selection--single .select2-selection__rendered {
			line-height:35px;
			line-height:28px;
		}
		.select2-container--default .select2-selection--single .select2-selection__arrow {
			height:26px;
		}
		.select2-container--default .select2-search--dropdown .select2-search__field {
			height:26px;line-height:26px;font-size:12px;
		}
		.select2-results__option[aria-selected] {font-size:12px;}
		.tabcon1711 .select2-container--default .select2-selection--single{
			font-size: 12px;
			color: #555;
			vertical-align: middle;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;
			background-color: #fff;
			border: 1px solid #ccc;
			-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
			-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
			box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
			-webkit-transition: border linear .2s, box-shadow linear .2s;
			-moz-transition: border linear .2s, box-shadow linear .2s;
			-o-transition: border linear .2s, box-shadow linear .2s;
			transition: border linear .2s, box-shadow linear .2s;height:30px;}
		.tabcon1711 .select2-container--default .select2-selection--single .select2-selection__rendered {line-height: 30px;}
		.tabcon1711 .select2-container--default .select2-selection--single .select2-selection__arrow {height:30px;}
		.tabcon1711 .select2-container--default .select2-search--dropdown .select2-search__field {
			height:26px;line-height:26px;font-size:12px;
		}
		.tabcon1711 .select2-results__option[aria-selected] {font-size:12px;}
	</style>

	<div class="cf main-place top_nav_list navtab_list">
		{:W('Index/navigation',array('value'=>'Site/channel'))}
		<h3 class="page_title">快捷菜单管理</h3>
		<p class="description_text"></p>
	</div>

	<!-- 标签页导航 -->
	<div class="tab-wrap">

		<div class="tab-content tabcon1711">
			<!-- 表单 -->
			<form id="form" action="{:U('shortCutMenuSave')}" method="post"  class="form-horizontal">
				<!-- 基础文档模型 -->
				<div id="tab1" class="tab-pane in tab1">
					<table  border="0" cellspacing="0" cellpadding="0">
						<tbody>
						<tr>
							<td class="l">菜单名称:</td>
							<td class="r">
								<input type="text" class="txt " name="name" value="{$data['name']}" placeholder="请输入菜单名称">
							</td>
						</tr>
						<tr>
							<td class="l">菜单跳转地址:</td>
							<td class="r">
								<input type="text" class="txt " name="url" value="{$data['url']}" disabled="disabled" placeholder="请输入菜单跳转地址">
							</td>
						</tr>
						<tr>
							<td class="l">角色名称:</td>
							<td class="r">
								<div style="float:left;width:215px;padding:10px 0;">
									<input type="hidden" name="id" value="{{$data['id']}}"/>
									<input type="file" id="upload_picture">
									<input type="hidden" name="cover_id" id="cover_id" value=""/>
									<input type="hidden" name="icon" id="icon" value="{$data['icon']}"/>
									<div class="upload-img-box">
										<notempty name="data">
											<div class="upload-pre-item">
												<span class="placeholder-graphic"><img style="width:50px" src="{$data['icon']}"/></span>
											</div>
										</notempty>
									</div>

									<script type="text/javascript">
										//上传图片
										/* 初始化上传插件 */
										$("#upload_picture").uploadify({
											"height"          : 30,
											"swf"             : "__STATIC__/uploadify/uploadify.swf",
											"fileObjName"     : "download",
											"buttonText"      : "上传图片",
											"uploader"        : "{:U('File/uploadPicture',array('session_id'=>session_id()))}",
											"width"           : 120,
											'removeTimeout'	  : 1,
											'fileTypeExts'	  : '*.jpg; *.jpeg; *.png; *.gif;',
											"onUploadSuccess" : uploadPicture,
										'onFallback' : function() {
											alert('未检测到兼容版本的Flash.');
										}
										});
										function uploadPicture(file, data){
											var data = $.parseJSON(data);
											var src = '';
											if(data.status){
												$("#cover_id").val(data.id);
												src = data.url || '__ROOT__' + data.path;
												$("#cover_id").parent().find('.upload-img-box').html(
													'<div class="upload-pre-item"><span class="placeholder-graphic"><img style="width:50px" src="' + src + '"/></span></div>'
											);
												// console.log(data);
												$("#icon").val(data.id);
											} else {
												updateAlert(data.info);
												setTimeout(function(){
													$('#top-alert').find('button').click();
													$(that).removeClass('disabled').prop('disabled',false);
												},1500);
											}
										}
									</script>
								</div>

							</td>
						</tr>
						</tbody>
					</table>
				</div>

				<input type="hidden" name="id" value="{$data['id']}">
				<input type="hidden" name="type" value="{$_GET['type']}">
				<div class="form-item cf">
					<button class="submit_btn ajax-post " id="submit" type="submit" target-form="form-horizontal" style="margin-left:210px;">
						保存
					</button>
					<a class="submit_btn " alt="返回上一页" title="返回上一页" href="javascript:window.history.back();" >
						返回
					</a>
				</div>
			</form>
		</div>
	</div>

	<div class="common_settings">
		<span class="plus_icon"><span><img src="__IMG__/zwmimages/icon_jia.png"></span></span>
		<form class="addShortcutIcon">
			<input type="hidden" name="title" value="{$m_title}">
			<input type="hidden" name="url" value="Giftbag/lists">
		</form>
		<a class="ajax-post add-butn <notempty name='commonset'>addSIsetted</notempty>" href="javascript:;" target-form="addShortcutIcon" url="{:U('Think/addShortcutIcon')}"><img src="__IMG__/zwmimages/icon_jia.png"><span><notempty name='commonset'>已添加<else />添加至常用设置</notempty></span></a>
	</div>

</block>

<block name="script">
	<link href="__STATIC__/datetimepicker/css/datetimepicker.css" rel="stylesheet" type="text/css">
	<php>if(C('COLOR_STYLE')=='blue_color') echo '<link href="__STATIC__/datetimepicker/css/datetimepicker_blue.css" rel="stylesheet" type="text/css">';</php>
	<link href="__STATIC__/datetimepicker/css/dropdown.css" rel="stylesheet" type="text/css">
	<script type="text/javascript" src="__STATIC__/datetimepicker/js/bootstrap-datetimepicker.min.js"></script>
	<script type="text/javascript" src="__STATIC__/datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js" charset="UTF-8"></script>

	<script type="text/javascript" src="__JS__/select2.min.js"></script>
	<script type="text/javascript">
		//导航高亮
		// $('.side-sub-menu').eq(0).show();
		highlight_subnav('{:U('Site/channel')}');
	</script>
</block>