{include file="header.htm" /}
<body style="background-color: #FFF; overflow: auto;">
<div id="toolTipLayer" style="position: absolute; z-index: 9999; display: none; visibility: visible; left: 95px; top: 573px;"></div>
<div id="append_parent"></div>
<div id="ajaxwaitid"></div>
<div class="page">
{include file="bar.htm" /}
<!-- 操作说明 -->
<div id="explanation" class="explanation" style="color: rgb(44, 188, 163); background-color: rgb(237, 251, 248); width: 99%; height: 100%;">
<div id="checkZoom" class="title"><i class="fa fa-lightbulb-o"></i>
<h4 title="提示相关设置操作时应注意的要点">提示</h4>
<span title="收起提示" id="explanationZoom" style="display: block;"></span>
</div>
<ul>
<li>
1、先【<a href="https://portal.qiniu.com/signup" target="_blank">注册申请</a>】七牛云账号，请将在【<a href="https://portal.qiniu.com/user/key" target="_blank">密钥管理</a>】中查看到的AK和SK分别填入对应的AccessKey和SecretKey。
</li>
<li>
2、初次使用时，只需填入正确的AccessKey、SecretKey，七牛云自动分配存储空间名和临时访问域名！
</li>
<li>
3、临时访问域名（有效期30天），建议在七牛云那边解析自己的图片访问域名，并替换这里的访问域名，以免造成后期图片访问不了！
</li>
<li style="color: red;">
4、注意：修改存储空间名或访问域名，将会导致之前上传的加速图片自动变为本地路径，新上传的图片可继续加速。如果切换回之前的空间或域名即可加速之前的图片，不建议频繁切换。
</li>
</ul>
</div>
<form class="form-horizontal" id="post_form" action="" method="post">
<div class="ncap-form-default">
<dl class="row">
<dt class="tit">
<label for="access_key"><em>*</em>AccessKey</label>
</dt>
<dd class="opt">
<input type="text" name="access_key" placeholder="" value="{$Qiniuyun.access_key}" id="access_key" class="input-txt">
<span class="err"></span>
<p class="notic"></p>
</dd>
</dl>
<dl class="row">
<dt class="tit">
<label for="secret_key"><em>*</em>SecretKey</label>
</dt>
<dd class="opt">
<input type="text" name="secret_key" placeholder="" value="{$Qiniuyun.secret_key}" id="secret_key" class="input-txt">
<span class="err"></span>
<p class="notic"></p>
</dd>
</dl>
{notempty name="$Qiniuyun.bucket"}
<input type="hidden" name="is_bucket" value="1">
<dl class="row">
<dt class="tit">
<label for="bucket"><em>*</em>存储空间名</label>
</dt>
<dd class="opt">
<select name="bucket" id="bucket" onchange="SelectDomain()">
{volist name='$ListBucket' id='vo'}
<option value="{$vo}" {eq name="$vo" value="$Qiniuyun.bucket"} selected {/eq}>{$vo}</option>
{/volist}
</select>
<span style="color: red;"></span>
<p class="notic">要修改此项，请先到七牛云创建存储空间名，再选择对应的存储空间名。</p>
</dd>
</dl>
<input type="hidden" name="is_domain" value="1">
<dl class="row">
<dt class="tit">
<label for="domain"><em>*</em>访问域名</label>
</dt>
<dd class="opt">
<select name="domain" id="domain">
{volist name='$ListDomain' id='vo'}
<option value="{$vo}" {eq name="$vo" value="$Qiniuyun.domain"} selected {/eq}>{$vo}</option>
{/volist}
</select>
<span style="color: red;"></span>
<p class="notic">要修改此项，请先到七牛云绑定域名等待生效后，再选择对应七牛云中已保存的外链默认域名。</p>
</dd>
</dl>
<dl class="row">
<dt class="tit">
<label for="tcp"><em>*</em>域名协议</label>
</dt>
<dd class="opt">
<select name="tcp" id="tcp">
<option value="3" {eq name="$Qiniuyun.tcp" value="3"} selected {/eq}>请选择…</option>
<option value="1" {eq name="$Qiniuyun.tcp" value="1"} selected {/eq}>http://</option>
<option value="2" {eq name="$Qiniuyun.tcp" value="2"} selected {/eq}>https://</option>
</select>
<span style="color: red;"></span>
<p class="notic"></p>
</dd>
</dl>
{/notempty}
<dl class="row {lt name='$version' value='v1.4.9'} none {/lt}">
<dt class="tit">
<label for="local">本地同步保存</label>
</dt>
<dd class="opt">
<label class="curpoin"><input id="local_save1" name="local_save" value="0" type="radio" {if condition='empty($Qiniuyun.local_save)'}checked="checked"{/if}>启用</label>
<label class="curpoin"><input id="local_save0" name="local_save" value="1" type="radio" {if condition='!empty($Qiniuyun.local_save)'}checked="checked"{/if}>关闭</label>
<p class="notic"></p>
</dd>
</dl>
<div class="bot">
<a href="JavaScript:void(0);" onclick="checkForm();" class="ncap-btn-big ncap-btn-green" id="submitBtn">确认提交</a>
</div>
</div>
</form>
</div>
<script type="text/javascript">
$(function(){
$('.tab-base li').click(function(){
var index = $(this).index();
$(this).children('a.tab').addClass('current');
$(this).siblings('li').children('a.tab').removeClass('current');
$('.ncap-form-default').eq(index).show().siblings().hide();
})
});
// 查询选中的存储空间名对应的访问域名
function SelectDomain(){
layer_loading('正在获取访问域名');
$.ajax({
url: "{:weapp_url('Qiniuyun/Qiniuyun/select_domain')}",
data: $('#post_form').serialize(),
type:'post',
dataType:'json',
success:function(res){
layer.closeAll();
if ('1' == res.code) {
// $('#domain').val(res.data);
$('#domain').empty().html(res.data);
}else{
layer.alert(res.msg, {icon:0});
}
}
});
}
// 判断输入框是否为空
function checkForm(){
if($('input[name=access_key]').val() == ''){
showErrorMsg('AccessKey不可为空！');
$('input[name=access_key]').focus();
return false;
}
if($('input[name=secret_key]').val() == ''){
showErrorMsg('secretKey不可为空！');
$('input[name=secret_key]').focus();
return false;
}
{notempty name="$Qiniuyun.bucket"}
if($('input[name=tcp]').val() == ''){
showErrorMsg('请选择域名协议');
$('input[name=tcp]').focus();
return false;
}
{/notempty}
layer_loading('正在处理');
$.ajax({
url: "{:weapp_url('Qiniuyun/Qiniuyun/index')}",
data: $('#post_form').serialize(),
type:'post',
dataType:'json',
success:function(res){
layer.closeAll();
if ('1' == res.code) {
layer.msg(res.msg, {time: 2000},function(){
window.location.reload();
});
}else{
layer.alert(res.msg, {icon:0});
}
}
});
}
</script>
{include file="footer.htm" /}