326 lines
20 KiB
HTML
Executable File
326 lines
20 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/banner/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/banner/create');?>" method="post">
|
|
<div class="nav-tabs-custom">
|
|
<ul class="nav nav-tabs">
|
|
<li class="active"><a href="#navfirst" data-toggle="tab"><i class="fa fa-edit text-green"></i> 基本信息</a></li>
|
|
<li><a href="#navsecond" data-toggle="tab">图片信息</a></li>
|
|
<li><a href="#navthree" data-toggle="tab">视频信息</a></li>
|
|
<li class="pull-right"><a href="#" class="text-muted"><i class="fa fa-refresh"></i></a></li>
|
|
<li class="pull-right"><a href="#" class="text-muted"><i class="fa fa-gear"></i></a></li>
|
|
</ul>
|
|
<div class="tab-content">
|
|
<div class="active tab-pane" id="navfirst">
|
|
<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>
|
|
</div>
|
|
<div class="col-sm-5">
|
|
<span class="help-block">(横幅名称)</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="alt" class="col-sm-2 control-label">文字颜色</label>
|
|
<div class="col-sm-5">
|
|
<input type="text" class="form-control" name="alt">
|
|
</div>
|
|
<div class="col-sm-5">
|
|
<span class="help-block">(横幅文字颜色)</span>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="form-group">
|
|
<label for="typeid" class="col-sm-2 control-label">所属类别<em style="color:red;">*</em></label>
|
|
<div class="col-sm-5">
|
|
<select class="form-control" name="typeid" id="typeid">
|
|
<option value="0" selected="">默认值</option>
|
|
<?php echo $typeOption;?>
|
|
</select>
|
|
</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-5">
|
|
<div class="input-group">
|
|
<input type="text" class="form-control" id="related-cat-title" readonly value="">
|
|
<input type="hidden" class="form-control" name="categoryid" id="related-cat-in" value="">
|
|
<span class="input-group-btn">
|
|
<button class="btn btn-primary" type="button" id="related-cat-btn">选择相关分类</button>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-5">
|
|
<span class="help-block">(相关分类)</span>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="style" class="col-sm-2 control-label">展现形式</label>
|
|
<div class="col-sm-5">
|
|
<select class="form-control" name="style" id="style">
|
|
<option value="" selected="">请选择</option>
|
|
<option value="1">居中显示</option>
|
|
<option value="2" >居左显示</option>
|
|
<option value="3" >居右显示</option>
|
|
|
|
</select>
|
|
</div>
|
|
<div class="col-sm-5">
|
|
<span class="help-block">(展现形式)</span>
|
|
</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="recommend" class="col-sm-2 control-label">是否推荐</label>
|
|
<div class="col-sm-5">
|
|
<label class="radio-inline">
|
|
<input type="radio" name="recommend" value="1"> 是
|
|
</label>
|
|
<label class="radio-inline">
|
|
<input type="radio" name="recommend" value="0" checked> 否
|
|
</label>
|
|
</div>
|
|
<div class="col-sm-5">
|
|
<span class="help-block">(是否推荐)</span>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="url" class="col-sm-2 control-label">链接地址</label>
|
|
<div class="col-sm-5 has-feedback">
|
|
<input type="text" class="form-control" name="url">
|
|
<span class="fa fa-globe form-control-feedback"></span>
|
|
</div>
|
|
<div class="col-sm-5">
|
|
<span class="help-block">(链接地址)</span>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="description" class="col-sm-2 control-label">横幅描述</label>
|
|
<div class="col-sm-5">
|
|
<textarea class="form-control" name="description"></textarea>
|
|
</div>
|
|
<div class="col-sm-5">
|
|
<span class="help-block">(横幅描述)</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="descolor" class="col-sm-2 control-label">描述颜色</label>
|
|
<div class="col-sm-5">
|
|
<input type="text" class="form-control" name="descolor">
|
|
</div>
|
|
<div class="col-sm-5">
|
|
<span class="help-block">(横幅描述颜色)</span>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<!-- /.tab-pane -->
|
|
<div class="tab-pane" id="navsecond">
|
|
<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="banner-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 class="col-sm-5">
|
|
<span class="help-block">(主要图片)</span>
|
|
</div>-->
|
|
|
|
<div class="form-group">
|
|
<label for="btncolor" class="col-sm-2 control-label">按钮颜色</label>
|
|
<div class="col-sm-5">
|
|
<input type="text" class="form-control" name="btncolor">
|
|
</div>
|
|
<div class="col-sm-5">
|
|
<span class="help-block">(按钮颜色)</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="videourl" class="col-sm-2 control-label">视频外链</label>
|
|
<div class="col-sm-5">
|
|
<div class="input-group">
|
|
<input type="text" class="form-control" name="videourl" id="url-input">
|
|
<span class="input-group-btn">
|
|
<button class="btn btn-primary" type="button" id="url-btn"><i class="fa fa-globe"></i></button>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-5">
|
|
<span class="help-block">(外链地址)</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group" style="display:none;">
|
|
<label for="video" class="col-sm-2 control-label">文件</label>
|
|
<div class="col-sm-5">
|
|
<div class="input-group">
|
|
<span class="input-group-addon"><a href="javascript:void(0);"><i class="fa fa-fw fa-file"></i></a></span>
|
|
<input type="text" class="form-control" name="fileicon" id="fileicon">
|
|
<span class="input-group-btn">
|
|
<button class="btn btn-primary" type="button" onclick="webuploader_modal('fileicon', '', 'default', 'file', 'file_call_back')">选择文件</button>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-5">
|
|
<span class="help-block">(文件)</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- /.tab-pane -->
|
|
<div class="tab-pane" id="navthree">
|
|
<div class="form-group">
|
|
<div class="form-group" style="display:block;">
|
|
<label for="video" class="col-sm-2 control-label">视频文件/外链</label>
|
|
<div class="col-sm-5">
|
|
<div class="input-group">
|
|
<input type="text" class="form-control" name="videourl" id="videourl">
|
|
<span class="input-group-btn">
|
|
<button class="btn btn-primary" type="button"
|
|
onclick="webuploader_modal('videourl', '', 'media', 'video', 'file_call_back')"><i
|
|
class="fa fa-fw fa-folder-open-o"></i></button>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-5">
|
|
<span class="help-block">(视频文件)</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- /.tab-pane -->
|
|
</div>
|
|
<!-- /.tab-content -->
|
|
<div class="nav-footer row">
|
|
<div class="col-sm-2 col-sm-offset-2">
|
|
<p><button id="reset-btn" type="button" class="btn btn-warning btn-block">重置</button></p>
|
|
</div>
|
|
<div class="col-sm-2">
|
|
<p><button id="submit-btn" type="submit" class="btn btn-danger btn-block">提交</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/banner/lists');?>" class="btn btn-block btn-primary">横幅列表</a>
|
|
<a href="<?php echo url('/admin/banner/typelists');?>" class="btn btn-block btn-primary">横幅类别</a>
|
|
<a href="<?php echo url('/admin/banner/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 nameObj = document.getElementById('name');
|
|
if (isNull(nameObj.value)) {
|
|
alert('名称必须填写');
|
|
nameObj.focus();
|
|
return false;
|
|
}
|
|
var sortObj = document.getElementById('sort');
|
|
if (isNaN(sortObj.value)) {
|
|
alert('排序值必须是数字');
|
|
sortObj.focus();
|
|
return false;
|
|
}
|
|
var typeidObj = document.getElementById('typeid');
|
|
if (isNaN(typeidObj.value)) {
|
|
alert('所属分类值无效');
|
|
typeidObj.focus();
|
|
return false;
|
|
}
|
|
// var agree = $("input[name='agree']", this).prop('checked');
|
|
// if (agree) {
|
|
// alert("Submitted");
|
|
// e.preventDefault();
|
|
// } else {
|
|
// e.preventDefault();
|
|
// alert("请勾选确认");
|
|
// }
|
|
});
|
|
$("#related-cat-btn").click(function(e) {
|
|
var param = {}, $element = $(this).parent().parent();
|
|
if ($("#related-cat-in").val()) {
|
|
param.catcolumn = encodeURIComponent($("#related-cat-in").val());
|
|
}
|
|
param.callback = encodeURIComponent($(this).data('callback'));
|
|
param.inputid = encodeURIComponent($element.find('input[type=hidden]').attr('id'));
|
|
param.titleid = encodeURIComponent($element.find('input[type=text]').attr('id'));
|
|
$('#modal-catcolumn').remove();
|
|
$.ajax({
|
|
url: "<?php echo url('/admin/product_category/catcolumn');?>",
|
|
data: param,
|
|
dataType: 'html',
|
|
success: function(html) {
|
|
$('body').append('<div id="modal-catcolumn" class="modal fade">' + html + '</div>');
|
|
$('#modal-catcolumn').modal({show: true, backdrop: 'static'});
|
|
}
|
|
});
|
|
});
|
|
});
|
|
</script> |