Files
orico-official-website-old/app/admin/view/download/add.html
2024-10-29 14:04:59 +08:00

367 lines
23 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/download/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/download/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="#navthird" data-toggle="tab">文件信息</a></li>
<li><a href="#navfourth" data-toggle="tab">SEO设置</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 value="">
</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">所属分类<em style="color:red;">*</em></label>
<div class="col-sm-5">
<select class="form-control" name="cid" id="cid">
<option value="0" selected="">默认值</option>
<?php echo $categoryOptions;?>
</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="downloadcount" class="col-sm-2 control-label">下载数量<em style="color:red;">*</em></label>
<div class="col-sm-2">
<input type="text" class="form-control" name="downloadcount" id="downloadcount">
<input type="hidden" name="viewcount" value="10">
</div>
<div class="col-sm-5 col-sm-offset-3">
<span class="help-block">(下载数量)</span>
</div>
</div>
<div class="form-group">
<label for="headline" class="col-sm-2 control-label">首页推荐</label>
<div class="col-sm-5">
<label class="radio-inline">
<input type="radio" name="headline" value="1">
</label>
<label class="radio-inline">
<input type="radio" name="headline" value="0" checked>
</label>
</div>
<div class="col-sm-5">
<span class="help-block">(首页推荐)</span>
</div>
</div>
<div class="form-group">
<label for="ishot" class="col-sm-2 control-label">热门推荐</label>
<div class="col-sm-5">
<label class="radio-inline">
<input type="radio" name="ishot" value="1">
</label>
<label class="radio-inline">
<input type="radio" name="ishot" value="0" checked>
</label>
</div>
<div class="col-sm-5">
<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="tags" class="col-sm-2 control-label">下载标签</label>
<div class="col-sm-5">
<input type="text" class="form-control" name="tags">
</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-10">
<textarea class="form-control" id="description" name="description"></textarea>
</div>
<div class="col-sm-10 col-sm-offset-2">
<span class="help-block">(下载描述)</span>
</div>
</div>
<!--
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<div class="checkbox">
<label><input type="checkbox" name="agree"> 确认</label>
</div>
</div>
</div>-->
</div>
<!-- /.tab-pane -->
<div class="tab-pane" id="navsecond">
<div class="box box-info">
<div class="box-header">
<h3 class="box-title">内容详情
<small>放置主要内容</small>
</h3>
<!-- tools box -->
<div class="pull-right box-tools">
<button type="button" class="btn btn-info" data-widget="collapse" data-toggle="tooltip" title="Collapse">
<i class="fa fa-minus"></i></button>
<button type="button" class="btn btn-info" data-widget="remove" data-toggle="tooltip" title="Remove">
<i class="fa fa-times"></i></button>
</div>
<!-- /.tools -->
</div>
<!-- /.box-header -->
<div class="box-body">
<textarea id="content" style="width: 100%;height:500px;" name="content" rows="10" cols="80" placeholder="请输入内容..."></textarea>
</div>
</div>
<!-- /.box -->
</div>
<!-- /.tab-pane -->
<div class="tab-pane" id="navthird">
<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="download-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-input-image" />
</td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- <div class="col-sm-5">
<span class="help-block">(主要图片)</span>
</div>-->
</div>
<div class="form-group">
<label for="app_model" class="col-sm-2 control-label">适合型号</label>
<div class="col-sm-5">
<input type="text" class="form-control" name="app_model">
</div>
<div class="col-sm-5">
<span class="help-block">(适合型号)</span>
</div>
</div>
<div class="form-group">
<label for="support_os" class="col-sm-2 control-label">支持系统</label>
<div class="col-sm-5">
<input type="text" class="form-control" name="support_os">
</div>
<div class="col-sm-5">
<span class="help-block">(支持系统)</span>
</div>
</div>
<div class="form-group">
<label for="format" class="col-sm-2 control-label">文件格式</label>
<div class="col-sm-5">
<input type="text" class="form-control" name="format">
</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 id="dls" class="table table-bordered">
<thead>
<tr>
<td class="text-left" width="50%">文件</td>
<td class="text-left" width="40%">按钮名称</td>
<td class="text-left" width="10%">操作</td>
</tr>
</thead>
<tbody>
<tr id="dl-row0">
<td class="text-left"><div class="input-group"><input class="form-control" name="downloadpath[0]" value="" id="input-dl0" type="text"><span class="input-group-btn"><button class="btn btn-primary" type="button" onclick="webuploader_modal('input-dl0', '', 'download', 'file', 'file_call_back')"><i class="fa fa-fw fa-download"></i></button></span></div></td>
<td class="text-left"><input name="downloadpath64[0]" value="" placeholder="按钮名称" class="form-control" size="2" type="text"></td>
<td class="text-left"><button type="button" onclick="$('#dl-row0').remove();" title="删除" class="btn btn-danger"><i class="fa fa-minus-circle"></i></button></td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="2">&nbsp;</td>
<td class="text-left"><button type="button" onclick="addDl();" title="添加下载" class="btn btn-primary"><i class="fa fa-plus-circle"></i></button></td>
</tr>
</tfoot>
</table>
</div>
</div>
</div>
</div>
<!-- /.tab-pane -->
<div class="tab-pane" id="navfourth">
<div class="form-group">
<label for="seo_title" class="col-sm-2 control-label">SEO标题</label>
<div class="col-sm-5">
<input type="text" class="form-control" name="seo_title">
</div>
<div class="col-sm-5">
<span class="help-block">(SEO标题)</span>
</div>
</div>
<div class="form-group">
<label for="seo_keyword" class="col-sm-2 control-label">SEO关键词</label>
<div class="col-sm-5">
<input type="text" class="form-control" name="seo_keyword">
</div>
<div class="col-sm-5">
<span class="help-block">(SEO关键词)</span>
</div>
</div>
<div class="form-group">
<label for="seo_description" class="col-sm-2 control-label">SEO描述</label>
<div class="col-sm-10">
<textarea class="form-control" id="seo_description" name="seo_description"></textarea>
</div>
<div class="col-sm-10 col-sm-offset-2">
<span class="help-block">(SEO描述)</span>
</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/download/lists');?>" class="btn btn-block btn-primary">下载列表</a>
<a href="<?php echo url('/admin/download_category/lists');?>" class="btn btn-block btn-primary">下载分类</a>
<a href="<?php echo url('/admin/download/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 -->
<?php echo editor('#content');?>
<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 cidObj = document.getElementById('cid');
if (isNaN(cidObj.value) || !parseInt(cidObj.value)) {
alert('所属分类值无效');
cidObj.focus();
return false;
}
var sortObj = document.getElementById('sort');
if (isNaN(sortObj.value)) {
alert('排序值必须是数字');
sortObj.focus();
return false;
}
var downloadcountObj = document.getElementById('downloadcount');
if (isNaN(downloadcountObj.value)) {
alert('下载数量值必须是数字');
downloadcountObj.focus();
return false;
}
// var agree = $("input[name='agree']", this).prop('checked');
// if (agree) {
// alert("Submitted");
// e.preventDefault();
// } else {
// e.preventDefault();
// alert("请勾选确认");
// }
});
});
</script>
<script type="text/javascript">
var dl_row = "<?php echo '1';?>";
function addDl() {
var html = '<tr id="dl-row' + dl_row + '">';
html += ' <td class="text-left"><div class="input-group"><input type="text" class="form-control" name="downloadpath[' + dl_row + ']" value="" id="input-dl' + dl_row + '"><span class="input-group-btn"><button class="btn btn-primary" type="button" onclick="webuploader_modal(\'input-dl' + dl_row + '\', \'\', \'download\', \'file\', \'file_call_back\')"><i class="fa fa-fw fa-download"></i></button></span></div></td>';
html += ' <td class="text-right"><input type="text" name="downloadpath64[' + dl_row + ']" value="" placeholder="按钮名称" class="form-control" size="2"/></td>';
html += ' <td class="text-left"><button type="button" onclick="$(\'#dl-row' + dl_row + '\').remove();" title="删除" class="btn btn-danger"><i class="fa fa-minus-circle"></i></button></td>';
html += '</tr>';
$('#dls tbody').append(html);
dl_row++;
}
</script>