123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222 |
- {include file="public/layout" /}
- <body class="bodystyle" style="overflow-y: scroll;min-width:auto;">
- <div id="toolTipLayer" style="position: absolute; z-index: 9999; display: none; visibility: visible; left: 95px; top: 573px;"></div>
- <style>
- .span_1 {
- float: left;
- margin-left: 0px;
- height: 130px;
- line-height: 130px;
- }
-
- .span_1 ul {
- list-style: none;
- padding: 0px;
- }
-
- .span_1 ul li {
- border: 1px solid #CCC;
- height: 40px;
- padding: 0px 10px;
- margin-left: -1px;
- margin-top: -1px;
- line-height: 40px;
- }
- #thumb_color {
- /*margin:0;*/
- /*padding:0;*/
- border:solid 1px #ccc;
- width:70px;
- height:20px;
- border-right:40px solid green;
- /*line-height:20px;*/
- }
- </style>
- <script type="text/javascript" src="__PUBLIC__/plugins/colpick/js/colpick.js"></script>
- <link href="__PUBLIC__/plugins/colpick/css/colpick.css" rel="stylesheet" type="text/css"/>
- <div id="append_parent"></div>
- <div id="ajaxwaitid"></div>
- <div class="page min-hg-c-10">
- <div class="fixed-bar">
- <div class="item-title">
- {eq name='$Request.param.source' value='archives'}
- <a class="back_xin" href="javascript:history.back();" title="返回"><i class="iconfont e-fanhui"></i></a>
- {else /}
- <a class="back_xin" href="{:url('Index/switch_map')}" title="返回"><i class="iconfont e-fanhui"></i></a>
- {/eq}
- <div class="subject">
- <h3>缩略图设置</h3>
- <h5></h5>
- </div>
- </div>
- </div>
- <div class="flexigrid">
- <form class="" method="post" id="handlepost" action="{:url('System/thumb')}">
- <div class="ncap-form-default">
- <dl class="row">
- <dt class="tit">缩略图功能</dt>
- <dd class="opt" style="width: auto;">
- <label class="curpoin"><input id="thumb_open1" name="thumb_open" onclick="setthumb(this);" value="1" {if condition="isset($config.thumb_open) && $config.thumb_open eq 1"}checked{/if} type="radio">开启</label>
-
- <label class="curpoin"><input id="thumb_open0" name="thumb_open" onclick="setthumb(this);" value="0" {if condition="!isset($config.thumb_open) || $config.thumb_open eq 0"}checked{/if} type="radio">关闭</label>
- <p class="notic">全站图片进行缩略图处理</p>
- </dd>
- </dl>
- <dl class="row">
- <dt class="tit">
- <label>生成方式</label>
- </dt>
- <dd class="opt" style="width: auto;">
- <label><input type="radio" name="thumb_mode" value="1" {if condition="isset($config.thumb_mode) AND $config.thumb_mode eq 1"}checked="checked"{/if}>拉伸</label>
- <br/>
- <label><input type="radio" name="thumb_mode" value="2" {if condition="!isset($config.thumb_mode) OR $config.thumb_mode eq 2"}checked="checked"{/if}>留白</label>
- <br/>
- <label><input type="radio" name="thumb_mode" value="3" {if condition="isset($config.thumb_mode) AND $config.thumb_mode eq 3"}checked="checked"{/if}>截减</label>
- <span class="err"></span>
- <p class="notic"></p>
- </dd>
- </dl>
- <dl class="row thumb_mode_2" style="display:none;">
- <dt class="tit">
- <label for="thumb_color">填充颜色</label>
- </dt>
- <dd class="opt" style="width: auto;">
- <input type="text" name="thumb_color" value="{$config.thumb_color|default='#FFFFFF'}" id="thumb_color" style="border-color: {$config.thumb_color|default='#FFFFFF'};" />
- <p class="notic"></p>
- </dd>
- </dl>
- <dl class="row">
- <dt class="tit">
- <label for="title">缩略图大小</label>
- </dt>
- <dd class="opt" style="width: auto;">
- <input name="thumb_width" id="thumb_width" value="{$config.thumb_width}" type="text" style="width: 50px;" /> X <input name="thumb_height" id="thumb_height" value="{$config.thumb_height}" type="text" style="width: 50px;" /> (宽 X 高) (像素)
- <p class="notic"></p>
- </dd>
- </dl>
- <div class="bot">
- <input type="hidden" name="tabase" value="{$Request.param.tabase}">
- <a href="JavaScript:void(0);" class="ncap-btn-big ncap-btn-green" onclick="adsubmit();">确认提交</a>
- <a href="javascript:void(0);" onclick="tag_call('thumb_open');">缩略图标签高级调用?</a>
- </div>
- </div>
- </form>
- </div>
- </div>
-
- <script type="text/javascript">
- $(document).ready(function(){
- // 点击刷新数据
- $('.fa-refresh').click(function(){
- location.href = location.href;
- });
-
- setthumb('auto'); // 关闭状态下禁用表单录入
-
- // 颜色选择
- $('#thumb_color').colpick({
- flat:false,
- layout:'rgbhex',
- submit:0,
- colorScheme:'light',
- color:$('#thumb_color').val(),
- onChange:function(hsb,hex,rgb,el,bySetColor) {
- $(el).css('border-color','#'+hex);
- // Fill the text box just if the color was set using the picker, and not the colpickSetColor function.
- if(!bySetColor) $(el).val('#'+hex);
- }
- }).keyup(function(){
- $(this).colpickSetColor('#'+this.value);
- });
- });
-
- var parentObj = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
- function adsubmit(){
- layer_loading('正在处理');
- $.ajax({
- type : 'post',
- url : "{:url('System/thumb', ['_ajax'=>1])}",
- data : $('#handlepost').serialize(),
- dataType : 'json',
- success : function(res){
- layer.closeAll();
- if(res.code == 1){
- var _parent = parent;
- _parent.layer.close(parentObj);
- _parent.layer.msg(res.msg, {shade: 0.1, time: 1000}, function(){
- // _parent.window.location.reload();
- });
- }else{
- showErrorMsg(res.msg);
- }
- },
- error: function(e){
- layer.closeAll();
- layer.alert(e.responseText, {icon: 5, title:false});
- }
- });
- }
-
- function setthumb(obj){
- if ('auto' == obj) {
- $('input[name="thumb_mode"]').attr('disabled', true);
- $('input[name="thumb_width"]').attr('disabled', true);
- $('input[name="thumb_height"]').attr('disabled', true);
- $('input[name="thumb_color"]').attr('disabled', true);
- var thumb_open = $('input[name="thumb_open"]:checked').val();
- if (1 == thumb_open) {
- $('input[name="thumb_mode"]').attr('disabled', false);
- $('input[name="thumb_width"]').attr('disabled', false);
- $('input[name="thumb_height"]').attr('disabled', false);
- $('input[name="thumb_color"]').attr('disabled', false);
- }
- } else {
- var thumb_open = $(obj).val();
- if (1 == thumb_open) {
- $('input[name="thumb_mode"]').attr('disabled', false);
- $('input[name="thumb_width"]').attr('disabled', false);
- $('input[name="thumb_height"]').attr('disabled', false);
- $('input[name="thumb_color"]').attr('disabled', false);
- } else {
- $('input[name="thumb_mode"]').attr('disabled', true);
- $('input[name="thumb_width"]').attr('disabled', true);
- $('input[name="thumb_height"]').attr('disabled', true);
- $('input[name="thumb_color"]').attr('disabled', true);
- }
- }
- }
-
- function tag_call(name)
- {
- $.ajax({
- type: "POST",
- url: "{:url('System/ajax_tag_call')}",
- data: {name:name,_ajax:1},
- dataType: 'json',
- success: function (res) {
- if(res.code == 1){
- //询问框
- var confirm = layer.confirm(res.data.msg, {
- shade: layer_shade,
- title: false,
- title: '缩略图标签',
- closeBtn: 3,
- area: ['800px','520px'],
- btn: ['关闭'] ,//按钮
-
- }, function(){
- layer.close(confirm);
- }
- );
- }else{
- layer.alert(res.msg, {icon: 2, title:false});
- }
- },
- error:function(e){
- layer.alert(e.responseText, {icon: 2, title:false});
- }
- });
- }
- </script>
-
- {include file="public/footer" /}
|