hebei-chengben-car/modules/admin/views/settings/mail.php

<?php
use yii\widgets\ActiveForm;
use app\assets\CoreAsset;
$asset = CoreAsset::register($this);
$assetsUrl = $asset->baseUrl;
?>
<link href="<?php echo $assetsUrl;?>/libs/spectrum-colorpicker2/spectrum.min.css" rel="stylesheet" type="text/css" />
<script src="<?php echo $assetsUrl;?>/libs/spectrum-colorpicker2/spectrum.min.js"></script>
<div class="card main-wrapper">
    <div class="card-body">
        <!-- Nav tabs -->
        <ul class="nav nav-tabs" role="tablist">
            <li class="nav-item">
                <a class="nav-link active" data-bs-toggle="tab" href="#config" >
                    <span class="d-none d-sm-block">邮箱配置</span>
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" data-bs-toggle="tab" href="#template" >
                    <span class="d-none d-sm-block">模板管理</span>
                </a>
            </li>
        </ul>

        <!-- Tab panes -->
        <div class="tab-content p-3 text-muted">
            <div class="tab-pane  active " id="config" >
                <blockquote class="blockquote font-size-14 mb-4">
                    <h4> <strong class="text-dark">提示信息</strong></h4>
                    <p>用户名一般就填写邮箱地址</p>
                    <p>授权密码不是邮箱账号登录密码，需要到邮箱平台获取</p>
                    <p>163邮箱获取授权密码入口：设置 > POP3/SMTP/IMAP > 新增授权密码</p>
                    <p>QQ邮箱获取授权密码入口：设置 > 账户 > POP3/IMAP/SMTP/Exchange/CardDAV/CalDAV服务 > 生成授权码</p>
                </blockquote>
                <?php  ActiveForm::begin(['options' => ['class' => 'form-horizontal'], 'enableClientValidation' => true]); ?>
                <div class="mb-3 row">
                    <label  class="col-md-2 col-form-label">主机地址</label>
                    <div class="col-md-5">
                        <input type="text" class="form-control" name="mailer[host]" autocomplete="off" value="<?php echo $config['host'];?>" >
                    </div>
                </div>
                <div class="mb-3 row">
                    <label  class="col-md-2 col-form-label">用户名</label>
                    <div class="col-md-5">
                        <input type="text" class="form-control" name="mailer[username]" autocomplete="off" value="<?php echo $config['username'];?>" >
                    </div>
                </div>
                <div class="mb-3 row">
                    <label  class="col-md-2 col-form-label">授权密码</label>
                    <div class="col-md-5">
                        <input type="text" class="form-control" name="mailer[password]" autocomplete="off" value="<?php echo $config['password'];?>" >
                    </div>
                </div>
                <div class="mb-3 row">
                    <label  class="col-md-2 col-form-label">端口</label>
                    <div class="col-md-5">
                        <input type="text" class="form-control" name="mailer[port]" autocomplete="off" value="<?php echo $config['port'];?>" >
                    </div>
                </div>
                <div class="mb-3 row">
                    <label  class="col-md-2 col-form-label">加密方式</label>
                    <div class="col-md-5">
                        <input type="text" class="form-control" name="mailer[encryption]" autocomplete="off" value="<?php echo $config['encryption'];?>" >
                    </div>
                </div>
                <div class="mb-3 row">
                    <label  class="col-md-2 col-form-label">发送者邮箱</label>
                    <div class="col-md-5">
                        <div class="input-group">
                            <input type="text" class="form-control" name="mailer[fromname]" autocomplete="off" value="<?php echo $config['fromname'];?>" >
                        </div>
                    </div>
                </div>
                <div class="mb-3 row">
                    <label  class="col-md-2 col-form-label">发送者抬头</label>
                    <div class="col-md-5">
                        <input type="text" class="form-control" name="mailer[fromtitle]" autocomplete="off" value="<?php echo $config['fromtitle'];?>" >
                    </div>
                </div>
                <div class="mb-3 row">
                    <label  class="col-md-2 col-form-label">平台团队称呼</label>
                    <div class="col-md-5">
                        <input type="text" class="form-control" name="mailer[team]" autocomplete="off" value="<?php echo $config['team'];?>" >
                    </div>
                </div>
                <div class="mb-3 row">
                    <label  class="col-md-2 col-form-label">Logo</label>
                    <div class="col-md-5 pdl0">
                        <?php
                        echo manks\FileInput::widget(['clientOptions' => ['pick' => ['multiple' => false],'uploadType'=>5],'name'=>'mailer[logo]','imageBlockClass'=>'','fixStyle'=>'background:#999','value'=>$config['logo'],'helpTips'=>'<ul><li>提示</li><li>1.推荐尺寸324px*48px</li><li>2.仅支持JPG,PNG格式</li><li>3.Logo应使用白色，与表头背景色相衬</li></ul>']);
                        ?>
                        <div class="text-muted col-sm-auto input-word-aux pdl10" >提示：用于在发送的邮件中标识品牌</div>
                    </div>

                </div>
                <div class="mb-3 row">
                    <label  class="col-md-2 col-form-label">邮件表头背景色</label>
                    <div class="col-md-5">
                        <input type="text" class="form-control" id="colorpicker-default"  name="mailer[thbgcolor]" value="<?php echo $config['thbgcolor'];?>">
                    </div>
                </div>
                <div class="mb-3 row">
                    <label  class="col-md-2 col-form-label">启用邮箱</label>
                    <div class="col-sm-auto  ">
                        <input  value="1"  id="switch-open_mail" type="checkbox" switch="success" class="row-switch" name="mailer[open]" <?php if($config['open']){?> checked <?php }?>>
                        <label class="switch-check-label " for="switch-open_mail" data-on-label="是" data-off-label="否"></label>
                    </div>
                </div>
                <div class="row justify-content-end">
                    <div class="col-md-10">
                        <div>
                            <button type="submit" class="btn btn-primary w-md">提交</button>
                        </div>
                    </div>
                </div>
                <?php ActiveForm::end(); ?>
            </div>
            <div class="tab-pane" id="template" >
                <?php $this->beginContent('@app/modules/admin/views/layouts/_datatable_start.php'); ?><?php $this->endContent(); ?>
                <div class="searchbox"  >
                    <?php $form = ActiveForm::begin(['options' => ['id'=>'searchform','class' => 'row gy-2 gx-3 align-items-center'], 'enableClientValidation' => false]); ?>
                    <?php
                    echo $form->field($model, 'title', ['template' => '{label}{input}','options' =>['class' => 'col-sm-auto'],'inputOptions' =>['class' => 'form-control','placeholder'=>'请输入标题','autocomplete'=>'off'],'labelOptions' => ['class' => 'visually-hidden']]);
                    ?>
                    <div class="col-sm-auto">
                        <button type="button" class="btn btn-light" id="searchform-btn">
                            <i class="fas fa-search"></i>
                        </button>
                    </div>
                    <?php ActiveForm::end(); ?>
                </div>
                <?php $this->beginContent('@app/modules/admin/views/layouts/_table.php'); ?><?php $this->endContent(); ?>
                <?php $this->beginContent('@app/modules/admin/views/layouts/_datatable_end.php'); ?><?php $this->endContent(); ?>
                <?php $this->beginContent('@app/modules/admin/views/layouts/_tablejs.php'); ?><?php $this->endContent(); ?>
            </div>
        </div>
    </div>
    <!-- end card body -->
</div>
<script>
    //颜色选择器
    $("#colorpicker-default").spectrum()
</script>