{extend name="$base" /}
{block name="resources"}
<script src="ADMIN_JS/art_dialog.source.js"></script>
<script src="ADMIN_JS/iframe_tools.source.js"></script>
<script src="ADMIN_JS/material_managedialog.js"></script>
<link rel="stylesheet" type="text/css" href="ADMIN_CSS/defau.css">
{/block}
{block name="main"}
<div class="span1"></div>
<div class="set-style">
	<dl>
		<dt><span style="color:red;margin-right:10px;">*</span>导航名称：</dt>
		<dd><input id="nav_title" type="text" value="{$data.nav_title}" name="title" class="input-common"/></dd>
	</dl>
	<dl>
		<dt>排序号：</dt>
		<dd><input id="sort" type="number" value="{$data.sort}" name="" min="0" class="input-common harf"/></dd>
	</dl>
<!-- 	<dl> -->
<!-- 		<dt>所属类型：</dt> -->
<!-- 		<dd> -->
<!-- 			<div id="position_type"> -->
<!-- 				<label for="navigationtype1" class="radio inline normal"> -->
<!-- 				<i class="radio-common {if condition="$data['type'] eq 1"}selected{/if}"><input type="radio" value="1" name="navigationtype" id="navigationtype1" {if condition="$data['type'] eq 1"}checked="checked"{/if}/></i> -->
<!-- 				<span>PC端</span> -->
<!-- 				</label> -->
<!-- 				<label for="navigationtype2" class="radio inline normal"> -->
<!-- 				<i class="radio-common {if condition="$data['type'] eq 2"}selected{/if}"><input type="radio" value="2" name="navigationtype" id="navigationtype2" {if condition="$data['type'] eq 2"}checked="checked"{/if}/></i> -->
<!-- 				<span>手机端</span> -->
<!-- 				</label> -->
<!-- 			</div> -->
<!-- 		</dd> -->
<!-- 	</dl> -->
	<dl>
		<dt><span style="color:red;margin-right:10px;">*</span>链接地址：</dt>
		<dd>
			<label for="url_type1" class="radio inline normal">
			<i class="radio-common {if condition="$data['nav_type'] eq 0"}selected{/if}"><input type="radio" value="0" name="url_type" id="url_type1" {if condition="$data['nav_type'] eq 0"}checked="checked"{/if}/></i>
			<span>商城模块</span>
			</label>
			<label for="url_type2" class="radio inline normal">
			<i class="radio-common {if condition="$data['nav_type'] eq 1"}selected{/if}"><input type="radio" value="1" name="url_type" id="url_type2" {if condition="$data['nav_type'] eq 1"}checked="checked"{/if}/></i>
			<span>自定义链接</span>
			</label>
		</dd>
	</dl>
	{if $nav_type eq 3}
	<dl class="{if condition="$data['nav_type'] neq 1"}hide{/if}" id="applet_url_type">
		<dt>链接类型：</dt>
		<dd >
			<label for="applet_url_type1" class="radio inline normal">
				<i class="radio-common {if condition="$data['applet_nav'] eq 1"}selected{/if}"><input type="radio" value="1" name="applet_url_type" id="applet_url_type1" {if condition="$data['applet_nav'] eq 1"}checked="checked"{/if}/></i>
				<span>普通页面</span>
			</label>
			<label for="applet_url_type2" class="radio inline normal">
				<i class="radio-common {if condition="$data['applet_nav'] eq 2"}selected{/if}"><input type="radio" value="2" name="applet_url_type" id="applet_url_type2" {if condition="$data['applet_nav'] eq 2"}checked="checked"{/if}/></i>
				<span>tab页面</span>
			</label>
			<label for="applet_url_type3" class="radio inline normal">
				<i class="radio-common {if condition="$data['applet_nav'] eq 3"}selected{/if}"><input type="radio" value="3" name="applet_url_type" id="applet_url_type3" {if condition="$data['applet_nav'] eq 3"}checked="checked"{/if}/></i>
				<span>web页面</span>
			</label>
		</dd>
	</dl>
	{/if}
	<dl>
		<dt></dt>
		<dd>
			<select id="shopNavModel" class="select-common" style="{if condition="$data['nav_type'] neq 0"}display: none;{/if}">
				<option value="">请选择</option>
				{notempty name="shopNavTemplate"}
				{foreach name="shopNavTemplate" item="vo"}
				{if $vo.use_type eq $data['type']}
				<option value="{$vo.template_url}" {if condition="$data['nav_url'] eq $vo['template_url']"}selected{/if} data-uniapp="{$vo.uniapp_template}">{$vo.template_name}</option>
				{/if}
				{/foreach}
				{/notempty}
			</select>
			<span style="{if condition="$data['nav_type'] neq 1"}display: none;{/if}" id="nav_url">
				<input type="text" value="{$data.nav_url}" name="nav_url" class="input-common"/>
				{if $nav_type eq 3}
				<span class="url-type-hint-1 {if condition="$data['applet_nav'] neq 1"}hide{/if}" style="line-height: 28px;color: #999;">如：/pages/goods/goodsdetail/goodsdetail?goods_id=1</span>
				<span class="url-type-hint-2 {if condition="$data['applet_nav'] neq 2"}hide{/if}" style="line-height: 28px;color: #999;">如：/pages/index/index   注：默认tab 页面有 首页、分类、购物车、会员中心</span>
				<span class="url-type-hint-3 {if condition="$data['applet_nav'] neq 3"}hide{/if}" style="line-height: 28px;color: #999;">如：https://www.niushop.com.cn/   注：指向网页的链接。可打开关联的公众号的文章，其它网页需登录小程序管理后台配置业务域名。</span>
				{else/}
				<span style="line-height: 28px;color: #999;">如：http://www.niushop.com.cn/</span>
				{/if}
			</span>
			
		</dd>
	</dl>
	{if $nav_type neq 3}
	<dl>
		<dt>是否新窗口打开：</dt>
		<dd>
			<p>
				<input id="is_blank" type="checkbox"  class="checkbox"  {if condition="$data['is_blank'] eq 1"}checked{/if}/>
			</p>
		</dd>
	</dl>
	{/if}
	<dl>
		<dt>是否显示：</dt>
		<dd>
			<p>
				<input id="is_show" type="checkbox"  class="checkbox"  {if condition="$data['is_show'] eq 1"}checked{/if}/>
			</p>
		</dd>
	</dl>
	<dl>
		<dt>导航图标：</dt>
		<dd>
			<div class="upload-btn-common">
				<div>
					<input class="input-file" name="file_upload" id="uploadImg" type="file" onchange="imgUpload(this);">
					<input type="hidden" id="logo" value="{$data.nav_icon}" />
				</div>
				<input type="text" id="text_logo" class="input-common" readonly="readonly" value="{if condition="$data.nav_icon"}{$data.nav_icon}{/if}" />
				<em>上传</em>
				
				<img id="preview_logo" src="__STATIC__/blue/img/upload-common-select.png" {if condition="$data.nav_icon"}data-src="{:__IMG($data.nav_icon)}"{/if} data-html="true" data-container="body" data-placement="top" data-trigger="manual"/>
			</div>

			<p class="hint">
				<span>建议使用<i class="important-note">宽86</i>像素-<i class="important-note">高86</i>像素内的<i class="important-note">JPG</i>或<i class="important-note">PNG</i>正方形图片</span>
			</p>
		</dd>
	</dl>
	<dl>
		<dt></dt>
		<dd>
			<button class="btn-common btn-big" onclick="save()">保存</button>
			<button class="btn-common-cancle btn-big" onclick="javascript:history.back(-1);" >返回</button>
		</dd>
	</dl>
</div>
<input type="hidden" id="nav_id" value="{$data.nav_id}">
<input type="hidden" id="nav_type" value="{$nav_type}">
{/block}
{block name="script"}
<script src="__STATIC__/js/ajax_file_upload.js" type="text/javascript"></script>
<script src="__STATIC__/js/file_upload.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
	var nav_type = "{$data.nav_type}";
	if(nav_type == "1") $(".selectric-select-common").hide();
	
	var navigationtype="{$data.type}";
	$('#navigationtype'+navigationtype).attr('checked','checked').parent().addClass('selected');

	$("input[type='radio'][name='navigationtype']").click(function(){
		var type = $(this).val();
		var url_type = $("[name='url_type']:checked").val();
		if(url_type == 0){
			switchUseType(type);
		}
	})

	$("input[type='radio'][name='applet_url_type']").click(function(){
		var type = $(this).val();
		if(type == 1){
			$('.url-type-hint-1').show();
			$('.url-type-hint-2, .url-type-hint-3').hide();
		} else if (type == 2) {
		    $('.url-type-hint-2').show();
			$('.url-type-hint-1, .url-type-hint-3').hide();
		} else {
		    $('.url-type-hint-3').show();
			$('.url-type-hint-1, .url-type-hint-2').hide();
		}
	})
});

function save(){
	var nav_title=$("#nav_title").val();
	var nav_id=$("#nav_id").val();
	var sort=$("#sort").val();
	var type=$("#nav_type").val();
	var applet_nav = '';
	var uniapp_data = '';

	if(nav_title == ''){
		showTip("导航名称不能为空","warning");
		$("#nav_title").focus();
		return false;
	}
	if(sort==''){
		$("#sort").val(0);
	}
	if(nav_url == ''){
		showTip("链接地址不能为空","warning");
		$("#nav_url").focus();
		return false;
	}
	var url_type = $("input[name=url_type]:checked").val();
	if(url_type == 0){
		var nav_url=$("#shopNavModel").val();
		var template_name = $("#shopNavModel option:selected").text();
		uniapp_data = $("#shopNavModel option:selected").attr('data-uniapp');
	}else if(url_type == 1){
		var nav_url=$("input[name=nav_url]").val();
		var template_name = '';
		// 小程序链接类型选择
		if (type == 3) {
		    applet_nav =  $("input[name=applet_url_type]:checked").val();
		}
	}
	if(nav_url == ''){
		showTip("链接地址不能为空","warning");
		return false; 
	}
	var is_blank = $("#is_blank").prop('checked') ? 1 : 0 ;
	var is_show = $("#is_show").prop('checked') ? 1 : 0 ;
	var nav_icon = $("#logo").val();
	$.ajax({
		type:"post",
		url:"{:__URL('ADMIN_MAIN/config/updateshopnavigation')}",
		data:{
			'nav_id':nav_id,
			'nav_title':nav_title,
			'sort':sort,
			'nav_url':nav_url,
			'type':type,
			'nav_type' : url_type,
			'is_blank' : is_blank,
			'template_name' : template_name,
			'nav_icon' : nav_icon,
			'is_show' : is_show,
			'applet_nav': applet_nav,
			'uniapp_data': uniapp_data
		},
		success:function(data){
			if (data["code"] > 0) {
				showTip(data["message"],'success');
				location.href=__URL("ADMIN_MAIN/config/shopnavigationlist?nav_type={$nav_type}");
			}else{
				showTip(data["message"],'error');
			}
		}
	});
}

$("#url_type1").click(function(){
	$(".selectric-select-common").show();
	$("#nav_url").hide();
	if ($('#nav_type').val() == 3) $("#applet_url_type").hide();
});

$("#url_type2").click(function(){
	$(".selectric-select-common").hide();
	$("#nav_url").show();
	if ($('#nav_type').val() == 3) $("#applet_url_type").show();
});

function imgUpload(event) {
	var fileid = $(event).attr("id");
	var id = $(event).next().attr("id");
	var data = { 'file_path' : "config" };
	uploadFile({
		url: __URL(ADMINMAIN + '/config/uploadimage'),
		fileId: fileid,
		data : data,
		callBack: function (res) {
			if(res.code){
				$("#"+id).val(res.data.path);
				$("#text_" + id).val(res.data.path);
				$("#preview_" + id).attr("data-src",__IMG(res.data.path));
				showTip(res.message,"success");
			}else{
				showTip(res.message,"error");
			}
		}
	});
}

// 切换
function switchUseType(use_type){
	var shopNavTemplateJson = '{$shopNavTemplateJson}';
	var shopNavTemplateArr = JSON.parse(shopNavTemplateJson);
	var html = '<option value="">请选择</option>';
	for (var i = 0; i < shopNavTemplateArr.length; i++) {
		var item = shopNavTemplateArr[i];
		if(item['use_type'] == use_type){
			html += '<option value="'+item['template_url']+'">'+item['template_name']+'</option>';
		}
	}
	$("#shopNavModel").html(html).selectric({
		maxHeight: 500
	});
}
</script>
{/block}