zhengxifeng
/
zc100


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189
							{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>
                    &nbsp;
                    <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" /}