hemall.terabimsoft.com.cn/plugins/shop-esign/views/admin/set/contract_file.blade.php

<div class="form-group">
    <div class="col-sm-12 col-xs-12">
        <label class='radio-inline'>
            <input type='radio' name='setdata[storage_type]' tab-id="ali_oss" value='1'
            @if ($set['storage_type'] == 1|| (!$set['storage_type'])) checked @endif/>
            阿里云OSS
        </label>
        <label class='radio-inline'>
            <input type='radio' name='setdata[storage_type]' tab-id="qq_cos" value='2'
            @if ($set['storage_type'] == 2) checked @endif />
            腾讯云cos
        </label>
        <span class="help-block">签署的合同将存储在您设置的对象存储中，请务必设置存储桶为<span style="color: red;">私有读写</span>！！！</span>
    </div>
</div>
<div id='ali_oss' class="contract_storage_content" @if ($set['storage_type'] == 1 || (!$set['storage_type'])) style="display:block" @endif>
    <div class="form-group">
        <label class="col-xs-12 col-sm-3 col-md-2 control-label">Access Key ID</label>
        <div class="col-sm-9 col-xs-12">
            <input type="text" name="setdata[ali_oss_id]" class="form-control" value="{{ $set['ali_oss_id'] }}"/>
            <span class="help-block">Access Key ID是您访问阿里云API的密钥，具有该账户完全的权限，请您妥善保管。</span>
        </div>
    </div>
    <div class="form-group">
        <label class="col-xs-12 col-sm-3 col-md-2 control-label">Access Key Secret</label>
        <div class="col-sm-9 col-xs-12">
            <input type="text" name="setdata[ali_oss_secret]" class="form-control" value="{{ $set['ali_oss_secret'] }}"/>
            <span class="help-block">Access Key Secret是您访问阿里云API的密钥，具有该账户完全的权限，请您妥善保管。(填写完Access Key ID 和 Access Key Secret 后请选择bucket)</span>
        </div>
    </div>
    <div class="form-group">
        <label class="col-xs-12 col-sm-3 col-md-2 control-label">bucket</label>
        <div class="col-sm-9 col-xs-12">
            <input type="text" name="setdata[ali_oss_bucket]" class="form-control" value="{{ $set['ali_oss_bucket'] }}"/>
            <span class="help-block">Access Key Secret是您访问阿里云API的密钥，具有该账户完全的权限，请您妥善保管。(填写完Access Key ID 和 Access Key Secret 后请选择bucket)</span>
        </div>
    </div>
    <div class="form-group">
        <label class="col-xs-12 col-sm-3 col-md-2 control-label">自定义URL</label>
        <div class="col-sm-9 col-xs-12">
            <input type="text" name="setdata[ali_oss_url]" class="form-control" value="{{ $set['ali_oss_url'] }}"/>
            <span class="help-block">阿里云oss支持用户自定义访问域名，如果自定义了URL则用自定义的URL，如果未自定义，则用系统生成出来的URL。注：自定义url开头加http://或https://结尾不加 ‘/’例：http://abc.com</span>
        </div>
    </div>
</div>
<div id='qq_cos' class="contract_storage_content" @if ($set['storage_type'] == 2) style="display:block" @endif>
    <div class="form-group">
        <label class="col-xs-12 col-sm-3 col-md-2 control-label">APPID</label>
        <div class="col-sm-9 col-xs-12">
            <input type="text" name="setdata[qq_cos_app_id]" class="form-control" value="{{ $set['qq_cos_app_id'] }}"/>
            <span class="help-block">APPID 是您项目的唯一ID</span>
        </div>
    </div>
    <div class="form-group">
        <label class="col-xs-12 col-sm-3 col-md-2 control-label">SecretID</label>
        <div class="col-sm-9 col-xs-12">
            <input type="text" name="setdata[qq_cos_secret_id]" class="form-control" value="{{ $set['qq_cos_secret_id'] }}"/>
            <span class="help-block">SecretID 是您项目的安全密钥，具有该账户完全的权限，请妥善保管</span>
        </div>
    </div>
    <div class="form-group">
        <label class="col-xs-12 col-sm-3 col-md-2 control-label">SecretKEY</label>
        <div class="col-sm-9 col-xs-12">
            <input type="text" name="setdata[qq_cos_secret_key]" class="form-control" value="{{ $set['qq_cos_secret_key'] }}"/>
            <span class="help-block">SecretKEY 是您项目的安全密钥，具有该账户完全的权限，请妥善保管</span>
        </div>
    </div>
    <div class="form-group">
        <label class="col-xs-12 col-sm-3 col-md-2 control-label">Bucket</label>
        <div class="col-sm-9 col-xs-12">
            <input type="text" name="setdata[qq_cos_bucket]" class="form-control" value="{{ $set['qq_cos_bucket'] }}"/>
            <span class="help-block"></span>
        </div>
    </div>
    <div class="form-group">
        <label class="col-xs-12 col-sm-3 col-md-2 control-label">bucket所在区域</label>
        <div class="col-sm-9 col-xs-12">
            <select class="form-control" name="setdata[qq_cos_bucket_region]">
                <option value="">无</option>
                <option value="tj" @if($set['qq_cos_bucket_region'] == 'tj')  selected="selected"@endif>华北</option>
                <option value="sh" @if($set['qq_cos_bucket_region'] == 'sh')  selected="selected"@endif>华东</option>
                <option value="gz" @if($set['qq_cos_bucket_region'] == 'gz')  selected="selected"@endif>华南</option>
                <option value="cd" @if($set['qq_cos_bucket_region'] == 'cd')  selected="selected"@endif>西南</option>
                <option value="bj" @if($set['qq_cos_bucket_region'] == 'bj')  selected="selected"@endif>北京</option>
                <option value="cq" @if($set['qq_cos_bucket_region'] == 'cq')  selected="selected"@endif>重庆</option>
                <option value="sgp" @if($set['qq_cos_bucket_region'] == 'sgp')  selected="selected"@endif>新加坡</option>
                <option value="hk" @if($set['qq_cos_bucket_region'] == 'hk')  selected="selected"@endif>香港</option>
                <option value="ca" @if($set['qq_cos_bucket_region'] == 'ca')  selected="selected"@endif>多伦多</option>
                <option value="ger" @if($set['qq_cos_bucket_region'] == 'ger')  selected="selected"@endif>法兰克福</option>
            </select>
            <span class="help-block">选择bucket对应的区域，如果没有选择无</span>
        </div>
    </div>
    <div class="form-group">
        <label class="col-xs-12 col-sm-3 col-md-2 control-label">自定义URL</label>
        <div class="col-sm-9 col-xs-12">
            <input type="text" name="setdata[qq_cos_url]" class="form-control" value="{{ $set['qq_cos_url'] }}"/>
            <span class="help-block">阿里云oss支持用户自定义访问域名，如果自定义了URL则用自定义的URL，如果未自定义，则用系统生成出来的URL。注：自定义url开头加http://或https://结尾不加 ‘/’例：http://abc.com</span>
        </div>
    </div>
</div>
<style>
    .contract_storage_content{
        display: none;
    }
</style>
<script>
    $(function(){
        $(":radio[name='setdata[storage_type]']").click(function () {
            var tabId = $(this).attr('tab-id');
            $('.contract_storage_content').hide();
            $('#'+tabId).show();
        })
    })
</script>