<!DOCTYPE html>
<html lang="en">
<include file="Public:header" />
<include file="Public:page_css" />
<script>
$(function(){
$('#goodbook_add').ajaxForm({
beforeSubmit: checkForm, // 此方法主要是提交前执行的方法，根据需要设置
success: complete, // 这是提交后的方法
dataType: 'json'
});
function checkForm(){
}
function complete(data){
if(data.status==1){
layer.msg(data.info, {icon: 6,time:1000}, function(index){
layer.close(index);
window.location.href=data.url;
});
}else{
layer.msg(data.info, {icon: 5,time:1000}, function(index){
layer.close(index);
});
return false;
}
}
});
</script>
<body class="fixed-sidebar full-height-layout gray-bg" style="overflow:hidden">
<include file="Public:nav" />
<div class="row wrapper border-bottom white-bg page-heading">
<div class="col-lg-12">
<h2>图书管理</h2>
<ol class="breadcrumb">
<li>
<a href="{:U('Index/index')}"><i class="fa fa-home"></i> 主页</a>
</li>
<li>
<a>图书管理</a>
</li>
<li>
<strong>添加图书</strong>
</li>
</ol>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<div class="ibox float-e-margins">
<div class="ibox-title">
<h5>添加图书</h5>
<div class="ibox-tools">
<a class="collapse-link">
<i class="fa fa-chevron-up"></i>
</a>
</div>
</div>
<div class="ibox-content">
<form class="form-horizontal" name="goodbook_add" id="goodbook_add" method="post" action="__URL__/goodbook_add">
<div class="hr-line-dashed"></div>
<div class="form-group">
<label class="col-sm-2 control-label">好图推荐图片 </label>
<div class="col-sm-6">
<div style="width: 200px; height: 90px; float: left;">
<input type="hidden" name="goodbookimg" value="" id="xiao_photo" />
<input id="photo_xiao" name="photo_xiao" type="file" multiple="true" value="" />
</div>
<div style="width: 200px; height: 90px; float: left;">
<img id="upload_xiaoimg" class="img-circle" src="" onerror="this.src='__PUBLIC__/Admin/img/touxiang_default.gif'" style="width: 80px;height: 80px" />
</div>
</div>
</div>
<div class="hr-line-dashed"></div>
<div class="form-group">
<label class="col-sm-2 control-label"> 状 态</label>
<div class="col-sm-5" style="padding-top:5px;">
<input name="books_status" id="books_status" value="1" class="js-switch" type="checkbox" checked />
<span class="lbl"> 默认开启</span>
</div>
</div>
<div class="hr-line-dashed"></div>
<div class="form-group">
<div class="col-sm-4 col-sm-offset-2">
<button class="btn btn-primary" type="submit">保存信息</button>
<a class="btn btn-danger" href="javascript:history.go(-1);">返回</a>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<include file="Public:footer" />
<js file='__PUBLIC__/Admin/uploadify/jquery.uploadify.min.js' />
<link rel="stylesheet" href="__PUBLIC__/Admin/uploadify/uploadify.css">
</body>
</html>
<script type="text/javascript">
$("#photo_xiao").uploadify({
'swf': '__PUBLIC__/Admin/uploadify/uploadify.swf?t={$nowtime}',
'uploader': '{:U("Upload/goodsbooks")}',
'cancelImg': '__PUBLIC__/Admin/uploadify/uploadify-cancel.png',
'buttonText': '上传图片',
'height': 35,
'fileTypeExts': '*.gif;*.jpg;*.png',
'queueSizeLimit': 1,
'onUploadSuccess': function(file, data, response) {
$("#xiao_photo").val(data);
$("#upload_xiaoimg").attr('src', '__ROOT__/Uploads' + data).show();
}
});
</script>
<!-- 下拉CSS样式 -->
<script>
var config = {
'.chosen-select': {},
}
for (var selector in config) {
$(selector).chosen(config[selector]);
}
</script>
<!-- IOS开关样式配置 -->
<script>
var elem = document.querySelector('.js-switch');
var switchery = new Switchery(elem, {
color: '#1AB394'
});
var config = {
'.chosen-select': {},
}
for (var selector in config) {
$(selector).chosen(config[selector]);
}
</script>
</body>
</html>