qimall/backend/modules/admin/views/setting/sms.php

<template id="sms">
<el-row>
    <el-col :span="24">
        <el-form-item label="短信提醒">
            <el-col :span="14">
                <el-switch v-model="ruleForm.sms.status.value" :active-value="1" :inactive-value="0"></el-switch>
            </el-col>
        </el-form-item>

        <el-form-item label="平台">
            <el-col :span="14">
                <el-radio v-model="ruleForm.sms.platform.value" :label="ruleForm.sms.platform.value">阿里云</el-radio>
            </el-col>
        </el-form-item>
        <el-form-item label="平台">
            <el-col :span="14">
                <el-radio-group v-model="ruleForm.sms.platform.value">
                    <el-radio :label="index" v-for="(item, index) in smsSystem.platform">{{item}}</el-radio>
                </el-radio-group>
            </el-col>
        </el-form-item>
        <el-form-item label="">
            <el-col :span="14" v-if="ruleForm.sms.platform.value == 'aliyun'">
                <el-tabs v-model="aliyunActive" type="card">
                    <el-tab-pane label="国内" name="domestic">
                        <el-form-item label="access_key_id">
                            <el-col :span="14">
                                <el-input v-model="ruleForm.sms.access_key_id.value"></el-input>
                                <div class="tips-text">请填写 access_key_id</div>
                            </el-col>
                        </el-form-item>

                        <el-form-item label="access_key_secret">
                            <el-col :span="14">
                                <el-input v-model="ruleForm.sms.access_key_secret.value"></el-input>
                                <div class="tips-text">请填写 access_key_secret</div>
                            </el-col>
                        </el-form-item>

                        <el-form-item label="模板签名">
                            <el-col :span="14">
                                <el-input v-model="ruleForm.sms.template_name.value"></el-input>
                                <div class="tips-text"></div>
                            </el-col>
                        </el-form-item>
                        <el-form-item label="模板ID">
                            <el-col :span="14">
                                <el-input v-model="ruleForm.sms.captcha_template_id.value">
                                </el-input>
                                <div class="tips-text"></div>
                            </el-col>
                        </el-form-item>
                        <el-form-item label="模板变量">
                            <el-col :span="14">
                                <el-input v-model="ruleForm.sms.captcha_template_variable.value"></el-input>
                                <div class="tips-text">模板变量</div>
                            </el-col>
                        </el-form-item>
                        <el-form-item>
                            <el-alert title="模板内容示例：您的验证码为89757，请勿告知他人。" type="info"></el-alert>
                        </el-form-item>
                    </el-tab-pane>
                    <el-tab-pane label="国际" name="international">
                        <el-form-item label="access_key_id">
                            <el-col :span="14">
                                <el-input v-model="ruleForm.sms.int_access_key_id.value"></el-input>
                                <div class="tips-text">请填写 access_key_id</div>
                            </el-col>
                        </el-form-item>

                        <el-form-item label="access_key_secret">
                            <el-col :span="14">
                                <el-input v-model="ruleForm.sms.int_access_key_secret.value"></el-input>
                                <div class="tips-text">请填写 access_key_secret</div>
                            </el-col>
                        </el-form-item>

                        <el-form-item label="模板签名">
                            <el-col :span="14">
                                <el-input v-model="ruleForm.sms.int_template_name.value"></el-input>
                                <div class="tips-text"></div>
                            </el-col>
                        </el-form-item>
                        <el-form-item label="模板ID">
                            <el-col :span="14">
                                <el-input v-model="ruleForm.sms.int_captcha_template_id.value">
                                </el-input>
                                <div class="tips-text"></div>
                            </el-col>
                        </el-form-item>
                        <el-form-item label="模板变量">
                            <el-col :span="14">
                                <el-input v-model="ruleForm.sms.int_captcha_template_variable.value"></el-input>
                                <div class="tips-text">模板变量</div>
                            </el-col>
                        </el-form-item>
                        <el-form-item>
                            <el-alert title="模板内容示例：您的验证码为89757，请勿告知他人。" type="info"></el-alert>
                        </el-form-item>
                    </el-tab-pane>
                </el-tabs>
            </el-col>
            <el-col :span="14" v-if="ruleForm.sms.platform.value == 'qcloud'">
                <el-tabs v-model="qcloudActive" type="card">
                    <el-tab-pane label="国内" name="domestic">
                        <el-form-item label="sdk_app_id">
                            <el-col :span="14">
                                <el-input v-model="ruleForm.sms.qcloud_sdk_app_id.value"></el-input>
                                <div class="tips-text">请填写 腾讯云sdk_app_id</div>
                            </el-col>
                        </el-form-item>
                        <el-form-item label="app_key">
                            <el-col :span="14">
                                <el-input v-model="ruleForm.sms.qcloud_app_key.value"></el-input>
                                <div class="tips-text">请填写 腾讯云sdk_app_key</div>
                            </el-col>
                        </el-form-item>
                        <el-form-item label="secret_id">
                            <el-col :span="14">
                                <el-input v-model="ruleForm.sms.qcloud_secret_id.value"></el-input>
                                <div class="tips-text">请填写 腾讯云secret_id</div>
                            </el-col>
                        </el-form-item>
                        <el-form-item label="secret_key">
                            <el-col :span="14">
                                <el-input v-model="ruleForm.sms.qcloud_secret_key.value"></el-input>
                                <div class="tips-text">请填写 腾讯云secret_key</div>
                            </el-col>
                        </el-form-item>
                        <el-form-item label="模版签名">
                            <el-col :span="14">
                                <el-input v-model="ruleForm.sms.qcloud_domestic_sign_name.value"></el-input>
                                <div class="tips-text">请填写短信签名</div>
                            </el-col>
                        </el-form-item>
                        <el-form-item label="手机号">
                            <el-col :span="14">
                                <el-input v-model="ruleForm.sms.qcloud_mobile.value"></el-input>
                                <div class="tips-text">请填写手机号</div>
                            </el-col>
                        </el-form-item>


                        <!--发送短信验证设置-->
                        <div class="msg-title">
                            <span>发送短信验证码设置</span>
                        </div>
                        <el-form-item>
                            <el-alert title="例如：模板内容：您的验证码为6958，请勿告知他人。" type="info"></el-alert>
                        </el-form-item>
                        <el-form-item label="模板ID">
                            <el-col :span="14">
                                <el-input v-model="ruleForm.sms.domestic_captcha_template_id.value">

                                </el-input>
                            </el-col>
                        </el-form-item>
                        <el-form-item label="模板签名">
                            <el-col :span="14">
                                <el-input v-model="ruleForm.sms.domestic_captcha_template_sign.value"></el-input>
                                <div class="tips-text"></div>
                            </el-col>
                        </el-form-item>
                    </el-tab-pane>
                    <el-tab-pane label="国际" name="international">
                        <el-form-item label="sdk_app_id">
                            <el-col :span="14">
                                <el-input v-model="ruleForm.sms.qcloud_sdk_app_id.value"></el-input>
                                <div class="tips-text">请填写 腾讯云sdk_app_id</div>
                            </el-col>
                        </el-form-item>
                        <el-form-item label="app_key">
                            <el-col :span="14">
                                <el-input v-model="ruleForm.sms.qcloud_app_key.value"></el-input>
                                <div class="tips-text">请填写 腾讯云sdk_app_key</div>
                            </el-col>
                        </el-form-item>
                        <el-form-item label="secret_id">
                            <el-col :span="14">
                                <el-input v-model="ruleForm.sms.qcloud_secret_id.value"></el-input>
                                <div class="tips-text">请填写 腾讯云secret_id</div>
                            </el-col>
                        </el-form-item>
                        <el-form-item label="secret_key">
                            <el-col :span="14">
                                <el-input v-model="ruleForm.sms.qcloud_secret_key.value"></el-input>
                                <div class="tips-text">请填写 腾讯云secret_key</div>
                            </el-col>
                        </el-form-item>
                        <el-form-item label="模版签名">
                            <el-col :span="14">
                                <el-input v-model="ruleForm.sms.qcloud_international_sign_name.value"></el-input>
                                <div class="tips-text">请填写短信签名</div>
                            </el-col>
                        </el-form-item>
                        <el-form-item label="手机号">
                            <el-col :span="14">
                                <el-input v-model="ruleForm.sms.qcloud_mobile.value"></el-input>
                                <div class="tips-text">请填写手机号</div>
                            </el-col>
                        </el-form-item>

                        <!--发送短信验证设置-->
                        <div class="msg-title">
                            <span>发送短信验证码设置</span>
                        </div>
                        <el-form-item>
                            <el-alert title="例如：模板内容：您的验证码为{1}，请勿告知他人。" type="info"></el-alert>
                        </el-form-item>
                        <el-form-item label="模板ID">
                            <el-col :span="14">
                                <el-input v-model="ruleForm.sms.international_captcha_template_id.value">
                                </el-input>
                            </el-col>
                        </el-form-item>
                        <el-form-item label="模板签名">
                            <el-col :span="14">
                                <el-input v-model="ruleForm.sms.international_captcha_template_sign.value"></el-input>
                                <div class="tips-text"></div>
                            </el-col>
                        </el-form-item>
                    </el-tab-pane>
                </el-tabs>
            </el-col>

            <el-col :span="14" v-if="ruleForm.sms.platform.value == 'submail'">
                <el-tabs v-model="submailActive" type="card">
                    <el-tab-pane label="国内" name="domestic">
                        <el-form-item label="app_id">
                            <el-col :span="14">
                                <el-input v-model="ruleForm.sms.submail_app_id.value"></el-input>
                                <div class="tips-text">请填写 赛邮云app_id</div>
                            </el-col>
                        </el-form-item>
                        <el-form-item label="app_key">
                            <el-col :span="14">
                                <el-input v-model="ruleForm.sms.submail_app_key.value"></el-input>
                                <div class="tips-text">请填写 赛邮云app_key</div>
                            </el-col>
                        </el-form-item>

                        <el-form-item label="手机号">
                            <el-col :span="14">
                                <el-input v-model="ruleForm.sms.submail_mobile.value"></el-input>
                                <div class="tips-text">请填写手机号</div>
                            </el-col>
                        </el-form-item>

                        <!--发送短信验证设置-->
                        <div class="msg-title">
                            <span>发送短信验证码设置</span>
                        </div>
                        <el-form-item>
                            <el-alert title="例如：模板内容：您的验证码为@var(code)，请勿告知他人。" type="info"></el-alert>
                        </el-form-item>
                        <el-form-item label="模板ID">
                            <el-col :span="14">
                                <el-input v-model="ruleForm.sms.submail_domestic_captcha_template_id.value">

                                </el-input>
                            </el-col>
                        </el-form-item>
                        <el-form-item label="模板签名">
                            <el-col :span="14">
                                <el-input v-model="ruleForm.sms.submail_domestic_captcha_template_sign.value"></el-input>
                                <div class="tips-text"></div>
                            </el-col>
                        </el-form-item>

                    </el-tab-pane>
                </el-tabs>
            </el-col>
        </el-form-item>
    </el-col>
</el-row>
</template>