322 lines
15 KiB
HTML
Executable File
322 lines
15 KiB
HTML
Executable File
<!-- Content Wrapper. Contains page content -->
|
|
<div class="content-wrapper">
|
|
<!-- Content Header (Page header) -->
|
|
<section class="content-header">
|
|
<h1>
|
|
添加导航
|
|
</h1>
|
|
<ol class="breadcrumb">
|
|
<li><a href="<?php echo url('/admin/index/index');?>"><i class="fa fa-dashboard"></i> 首页</a></li>
|
|
<li><a href="<?php echo url('/admin/navigation/lists');?>"> 导航列表</a></li>
|
|
<li class="active"> 导航</li>
|
|
</ol>
|
|
</section>
|
|
|
|
<!-- Main content -->
|
|
<section class="content">
|
|
<div class="row">
|
|
<div class="col-md-10">
|
|
<form class="form-horizontal" action="<?php echo url('/admin/navigation/create');?>" method="post">
|
|
<div class="nav-tabs-custom">
|
|
|
|
<div class="tab-content">
|
|
|
|
<div class="active tab-pane" id="navfirst">
|
|
<div class="form-group">
|
|
<label for="cid" class="col-sm-2 control-label">导航类型<em style="color:red;">*</em></label>
|
|
<div class="col-sm-5">
|
|
<select class="form-control c-p chosen-select" id="change_data" name="nav_type" data-placeholder="导航类型..." data-validation-message="导航类型选择错误">
|
|
<option value="0">导航类型...</option>
|
|
|
|
<?php foreach($dataType as $ks=>$value):?>
|
|
<option value="<?php echo $ks;?>" ><?php echo $value;?></option>
|
|
<?php endforeach;?>
|
|
|
|
</select>
|
|
</div>
|
|
<div class="col-sm-5">
|
|
<span class="help-block"></span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group" >
|
|
<label for="cid" class="col-sm-2 control-label">导航级别</label>
|
|
<div class="col-sm-5">
|
|
<select class="form-control c-p chosen-select" name="pid" data-placeholder="一级栏目..." data-validation-message="导航级别选择错误" id="category_level" >
|
|
|
|
</select>
|
|
</div>
|
|
<div class="col-sm-5">
|
|
<span class="help-block"></span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="data_type" class="col-sm-2 control-label">数据类型<em style="color:red;">*</em></label>
|
|
<div class="col-sm-5">
|
|
<select class="form-control c-p chosen-select" id="change_type" name="data_type" data-placeholder="数据类型..." data-validation-message="数据类型选择错误">
|
|
<option value="">数据类型...</option>
|
|
<?php foreach($typeOption as $kt=> $type):?>
|
|
<option value="<?php echo $kt;?>" ><?php echo $type;?></option>
|
|
<?php endforeach;?>
|
|
</select>
|
|
</div>
|
|
<div class="col-sm-5">
|
|
<span class="help-block"></span>
|
|
</div>
|
|
</div>
|
|
<div class="form-group chosed-select" id="nav-data">
|
|
|
|
</div>
|
|
|
|
|
|
<div class="form-group">
|
|
<label for="name" class="col-sm-2 control-label">导航名称<em style="color:red;">*</em></label>
|
|
<div class="col-sm-5">
|
|
<input type="text" class="form-control" name="name" id="name" required value="">
|
|
</div>
|
|
<div class="col-sm-5">
|
|
<span class="help-block"></span>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="form-group chosed-select" id="nav-custom" style="display:none;">
|
|
<label for="cid" class="col-sm-2 control-label">Url地址</label>
|
|
<div class="col-sm-5">
|
|
<input type="text" class="form-control" name="url" id="url" placeholder="url地址" value="" required >
|
|
</div>
|
|
<div class="col-sm-5">
|
|
<span class="help-block"></span>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-sm-2 control-label">分类图片</label>
|
|
<div class="col-sm-10">
|
|
<div class="table-responsive">
|
|
<table class="table">
|
|
<tbody>
|
|
<tr>
|
|
<td class="text-left">
|
|
<a href="javascript:void(0);" id="article-image" data-toggle="image" class="img-thumbnail"><img class="img-responsive" src="/uploads/nopic.jpg"/></a>
|
|
<input type="hidden" name="picture" value="/uploads/nopic.jpg" id="input-image" />
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="sort" class="col-sm-2 control-label">导航排序<em style="color:red;">*</em></label>
|
|
<div class="col-sm-2">
|
|
<input type="text" class="form-control" name="sort" id="sort" value="9999">
|
|
</div>
|
|
<div class="col-sm-5 col-sm-offset-3">
|
|
<span class="help-block"></span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="stat" class="col-sm-2 control-label">是否显示</label>
|
|
<div class="col-sm-5">
|
|
<label class="radio-inline">
|
|
<input name="stat" type="radio" value="0" /> 是
|
|
</label>
|
|
<label class="radio-inline">
|
|
<input name="stat" type="radio" value="1" /> 否
|
|
</label>
|
|
</div>
|
|
<div class="col-sm-5">
|
|
<span class="help-block"></span>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="is_new_window_open" class="col-sm-2 control-label">是否新窗口打开</label>
|
|
<div class="col-sm-5">
|
|
<label class="radio-inline">
|
|
<input name="is_new_window_open" type="radio" value="1" /> 是
|
|
</label>
|
|
<label class="radio-inline">
|
|
<input name="is_new_window_open" type="radio" value="0" /> 否
|
|
</label>
|
|
</div>
|
|
<div class="col-sm-5">
|
|
<span class="help-block"></span>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
<!-- /.tab-pane -->
|
|
|
|
</div>
|
|
<!-- /.tab-content -->
|
|
<div class="nav-footer row">
|
|
<input name="id" value="" type="hidden">
|
|
<div class="col-sm-2 col-sm-offset-2">
|
|
<p><button id="reset-btn" type="reset" class="btn btn-warning">重置</button></p>
|
|
</div>
|
|
<div class="col-sm-2">
|
|
<p><button id="submit-btn" type="submit" class="btn btn-danger">提交</button></p>
|
|
</div>
|
|
<!-- /. row -->
|
|
|
|
|
|
|
|
</div>
|
|
</div>
|
|
<!-- /.nav-tabs-custom -->
|
|
</form>
|
|
</div>
|
|
<div class="col-md-2">
|
|
<div class="box box-primary">
|
|
<div class="box-header">
|
|
<h3 class="box-title">快捷入口</h3>
|
|
</div>
|
|
<div class="box-body">
|
|
<a href="<?php echo url('/admin/navigation/lists');?>" class="btn btn-block btn-primary">导航列表</a>
|
|
<a href="<?php echo url('/admin/navigation/add');?>" class="btn btn-block btn-primary">添加导航</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- /.content -->
|
|
</div>
|
|
<style>
|
|
.table thead > tr > td, .table tbody > tr > td {
|
|
vertical-align: middle;
|
|
}
|
|
</style>
|
|
<!-- /.content-wrapper -->
|
|
|
|
<script type="text/javascript">
|
|
$(function() {
|
|
|
|
|
|
$("#reset-btn").click(function(e) {
|
|
if (confirm('确认重置所有表单项吗?')) {
|
|
this.form.reset();
|
|
}
|
|
});
|
|
$("form.form-horizontal").submit(function(e) {
|
|
var navData = document.getElementById('change_data');
|
|
if (isNull(navData.value)) {
|
|
alert('导航类型必须勾选' + navData.value);
|
|
navData.focus();
|
|
return false;
|
|
}
|
|
|
|
|
|
var nameObj = document.getElementById('name');
|
|
if (isNull(nameObj.value)) {
|
|
alert('导航名称必须填写' + nameObj.value);
|
|
nameObj.focus();
|
|
return false;
|
|
}
|
|
var cType = document.getElementById('change_type');
|
|
if (isNull(cType.value) ) {
|
|
alert('数据类型必须勾选' + cType.value);
|
|
cType.focus();
|
|
return false;
|
|
}
|
|
else{
|
|
|
|
if(cType.value!= 'custom') {
|
|
|
|
var typeValue = $('#nav-data option:selected').val();
|
|
if (isNaN(typeValue)|| !parseInt(typeValue)) {
|
|
alert('文章、博客、分类必须选择具体内容');
|
|
$('#nav-data option').focus();
|
|
return false;
|
|
|
|
}
|
|
}
|
|
}
|
|
|
|
var sortObj = document.getElementById('sort');
|
|
if (isNaN(sortObj.value)|| !parseInt(sortObj.value)) {
|
|
alert('排序值必须是数字' + sortObj.value);
|
|
sortObj.focus();
|
|
return false;
|
|
}
|
|
|
|
});
|
|
$("#submit-btn").click(function(event) {
|
|
event.preventDefault();
|
|
$('.form-horizontal').submit();
|
|
});
|
|
|
|
//导航数据分类
|
|
$("#change_type").change(function () {
|
|
var navType = $(this).val();
|
|
//$(".chosed-select").hide();
|
|
//$("#nav-" + v).show();
|
|
checkData(navType);
|
|
|
|
});
|
|
|
|
//导航级别
|
|
$("#change_data").change(function () {
|
|
var navType = $(this).val();
|
|
|
|
if(navType){
|
|
$.ajax({
|
|
url: '/admin/navigation/fetchLevelOneNav',
|
|
type: "post",
|
|
data: {nav_type: navType},
|
|
dataType: "json",
|
|
success: function(res) {
|
|
|
|
var levelFeed = '', list = res.data.data,len=list.length;
|
|
if(res.code==200){
|
|
|
|
levelFeed += '<option value="">一级栏目...</option>';
|
|
for (i = 0; i < len; i++) {
|
|
levelFeed += '<option value="'+list[i].id+'">'+ list[i].name+'</option>';
|
|
}
|
|
$("#category_level").html(levelFeed);
|
|
}
|
|
|
|
//$('body').append('<div id="modal-adjs" class="modal fade">' + html + '</div>');
|
|
//$('#modal-adjs').modal({show: true, backdrop: false, keyboard: false});
|
|
|
|
}
|
|
});
|
|
|
|
}
|
|
|
|
});
|
|
|
|
function checkData(navType){
|
|
if(navType){
|
|
if(navType == 'custom'){
|
|
$("#nav-custom").show();
|
|
$('#nav-data').hide();
|
|
}
|
|
else{
|
|
$.ajax({
|
|
url: '/admin/navigation/checkType',
|
|
type: "post",
|
|
data: {nav_type: navType},
|
|
dataType: "html",
|
|
success: function(html) {
|
|
$("#nav-custom").hide();
|
|
$("#nav-data").show();
|
|
|
|
$('#nav-data').html(html);
|
|
},
|
|
error: function(xhr, ajaxOptions, thrownError) {
|
|
alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText);
|
|
}
|
|
});
|
|
}
|
|
|
|
}
|
|
}
|
|
});
|
|
</script>
|