2023-01-29 10:26:52 +08:00

224 lines
7.5 KiB
HTML

{extend name="public/base"/}
{block name="style"}
<link rel="stylesheet" href="__PUBLIC__/plugs/tagsinput/bootstrap-tagsinput.css">
<script src="__PUBLIC__/plugs/tagsinput/bootstrap-tagsinput.js"></script>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/plugs/webuploader/webuploader.css">
<!-- 配置文件 -->
<script type="text/javascript" src="__PUBLIC__/plugs/ueditor/ueditor.config.js"></script>
<!-- 编辑器源码文件 -->
<script type="text/javascript" src="__PUBLIC__/plugs/ueditor/ueditor.all.min.js"></script>
<!-- datepicker statr -->
<link href="__PUBLIC__/plugs/datepicker/css/foundation-datepicker.min.css" rel="stylesheet" type="text/css">
<script src="__PUBLIC__/plugs/datepicker/js/foundation-datepicker.js"></script>
<script src="__PUBLIC__/plugs/datepicker/js/foundation-datepicker.zh-CN.js"></script>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/plugs/board/board.min.css">
<!-- datepicker end -->
{/block}
{block name="body"}
<div class="main-box clearfix">
<header class="main-box-header clearfix">
<div class="pull-left">
<h2>{$meta_title}</h2>
</div>
</header>
<div class="main-box-body clearfix">
<form method="post" class="form form-horizontal">
{if !isset($info)}
{assign name="info" value="" /}
{/if}
{if !empty($fieldGroup)}
<div class="tabs-wrapper">
<ul class="nav nav-tabs">
{volist name="fieldGroup" id="vGroup"}
<li {if $i eq 1}class="active"{/if}><a href="#tab{$key}" data-toggle="tab">{$key}</a></li>
{/volist}
</ul>
<div class="tab-content">
{volist name="fieldGroup" id="vGroup"}
<div class="tab-pane fade {if condition="$i eq 1"}in active{/if}" id="tab{$key}">
{volist name="vGroup" id="field" key="k"}
{if $field['type'] eq 'hidden'}
<input type="hidden" name="{$field['name']}" value="{$info[$field['name']]|default=''}"/>
{else/}
<div class="form-group col-md-12">
<label class="{if condition="$field['name'] eq 'content'"}col-lg-2 {else}col-lg-2{/if} control-label">{$field['title']|htmlspecialchars}</label>
<div class="{if condition="$field['name'] eq 'content'"}col-lg-10{else}col-lg-10{/if} col-sm-10">
{:widget('common/Form/show',array($field,$info))}
<div class="help-block">{$field['help']|default=''}</div>
</div>
</div>
{/if}
{/volist}
</div>
{/volist}
<div id="news">
<div class="form-group col-md-12">
<label class="col-lg-2 control-label">小说ID</label>
<div class="col-lg-10 col-sm-10">
<select class="form-control" name="news_id" id="news_id" style="width:auto;">
<option value="" >未选择</option>
{volist name="novel" id="vo"}
{if condition=" $vo['id'] == $info['news_id']"}
<option value="{$vo.id}" selected>{$vo.title}</option>
{else}
<option value="{$vo.id}" >{$vo.title}</option>
{/if}
{/volist}
</select>
</div>
</div>
<div class="form-group col-md-12">
<label class="col-lg-2 control-label">章节ID</label>
<div class="col-lg-10 col-sm-10">
<select class="form-control" name="volumeid" id="volumeid" style="width:auto;">
{empty name="info.volumeid"}
<option value="" >未选择</option>
{else /}
{volist name="volume" id="vo"}
{if condition="$vo['id'] == $info['volumeid']"}
<option value="{$vo.id}" selected>{$vo.volumename}</option>
{else}
<option value="{$vo.id}" >{$vo.volumename}</option>
{/if}
{/volist}
{/empty}
</select>
</div>
</div>
<div class="form-group col-md-12">
<label class="col-lg-2 control-label">封面</label>
<div class="col-lg-10 col-sm-10">
<input type="hidden" name="cover" id="cover" value="{$info.cover|default=''}">
<p><img src="{$info.cover|default=''}" id="imgcover" width="280px" border="0" alt=""></p>
<button type="button" style="margin-left:5px" class="btn btn-primary" id="selectcover">选择</button>
</div>
</div>
</div>
<div class="form-group col-md-12" id="text">
<label class="col-lg-2 control-label">文本内容</label>
<div class="col-lg-10 col-sm-10">
<textarea class="form-control" name="content" id="content">{$vo.content|default=''}</textarea>
</div>
</div>
{/if}
<div class="form-group">
<div class="col-lg-offset-2 col-lg-10">
<input type="hidden" name="id" value="{$info['id']|default=''}">
<button class="btn btn-success submit-btn ajax-post" type="submit" target-form="form-horizontal">确 定</button>
<button class="btn btn-danger btn-return" onclick="javascript:history.back(-1);return false;">返 回</button>
</div>
</div>
</form>
</div>
</div>
<div class="modal fade" id="choose-pic-modal" tabindex="-1">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" id="close"><span aria-hidden="true">&times;</span></button>
<h4 class="modal-title">选择封面</h4>
</div>
<div class="modal-body">
<div class="container-fluid">
<div class="row">
{volist name="covers" id="vo"}
<div class="col-sm-3">
<a href="javascript:;" onclick="selectPic('{$vo.cover_url|get_cover=###,'url'}')">
<img src="{$vo.cover_url|get_cover=###,'url'}" style="max-width:100%" />
</a>
</div>
{/volist}
</div>
</div>
</div>
</div>
</div>
</div>
{/block}
{block name="script"}
<script type="text/javascript" src="__PUBLIC__/plugs/webuploader/webuploader.min.js"></script>
<script type="text/javascript" src="__PUBLIC__/plugs/webuploader/webuploader.custom.js"></script>
<script type="text/javascript" src="__PUBLIC__/js/droppable.js"></script>
<script type="text/javascript" src="__PUBLIC__/plugs/board/board.min.js"></script>
<script type="text/javascript">
var id = '{$info['id']|default=''}';
var type = '{$info['type']|default="news"}';
$(function(){
$('#news').show();
$('#text').hide();
/*! 默认类型事件 */
$('body').off('change', 'input[name=type]').on('change', 'select[name=type]', function () {
var value = $(this).val();
console.log(value);
if(value == 'news'){
$('#news').show();
$('#text').hide();
}else{
$('#news').hide();
$('#text').show();
}
});
$("#news_id").change(function () {
var novel_id = $(this).val();
var url = "{:url('admin/keys/ajaxvolume',array('model_id'=>20))}";
var html="";
$.ajax({
url: url,
cache: true,
delay: 500,
dataType: 'json',
data: {novel_id: novel_id,page:20},
success:function(json){
if(json.code == 200){
html += "<option value='' >未选择</option>";
$.each(json.content,function(index,v){
html += "<option value='"+v.id+"'>"+v.volumename+"</option>";
})
$('#volumeid').empty();
$('#volumeid').append(html);
}else{
$('#volumeid').empty();
}
},
error:function(){
}
});
});
$("#selectcover").click(function () {
$modal = $('#choose-pic-modal');
$modal.modal('show');
});
$("#close").click(function () {
$modal = $('#choose-pic-modal');
$modal.modal('hide');
});
})
function selectPic(imgurl){
$('#cover').val(imgurl);
$('#imgcover').attr('src',imgurl);
$modal = $('#choose-pic-modal');
$modal.modal('hide');
}
</script>
{/block}