info.php 8.87 KB
<?php
use yii\helpers\Url;

?>

<?=$this->render("_header", ['tab' => 'wechat_info'])?>

<div class="col-md-12" style="padding-left: 0px;">
    <div class="panel panel-default">
        <div class="panel-heading">公众号基本信息设置</div>
        <div class="panel-body">

            <form class="form-horizontal" role="form">
                <div class="form-group">
                    <label class="col-md-2 control-label" >微标</label>
                    <div class="col-md-10">
                        <?php if (empty($setting->logoUrl)) : ?>
                        <img src="<?= Yii::$app->request->baseUrl . '/images/default-item.jpg' ?>" class="img-rounded" width="128" height="128" style="display: inline-block">
                        <?php else : ?>
                        <img src="<?= $setting->logoUrl ?>" class="img-rounded" width="128" height="128" style="display: inline-block">
                        <?php endif; ?>
                        <div class="fileupload" style="display: inline">
                            <input type="file" name="logo"  id="uploadLogo"  style="width: 120px" />
                            <a href="javascript:void(0)" class="btn btn-success"> 上传</a>
                        </div>
                        <br/><br/>
                        <span class="text-muted">图片格式:&nbsp;jpeg/jpg/gif/png,&nbsp;最佳尺寸128*128像素</span>
                        <br/><br/>
                        <span class="text-danger">友情提示:&nbsp;&nbsp;微信分享「首页」时将采用该图标</span>
                    </div>
                </div>

                <br/>

                <div class="form-group">
                    <label class="col-md-2 control-label">名称</label>
                    <div class="col-md-8">
                        <input type="text" id="name" class="form-control" placeholder="输入名称" value="<?=$setting->name?>">
                    </div>
                </div>

                <div class="form-group">
                    <label class="col-md-2 control-label">简介</label>
                    <div class="col-md-8">
                        <textarea id="intro" rows="5" class="form-control"><?=$setting->intro?></textarea>
                    </div>
                </div>

                <div class="form-group">
                    <label class="col-md-2 control-label">关注图文标题</label>
                    <div class="col-md-8">
                        <input type="text" id="subscribeTitle" class="form-control" placeholder="请输入关注图文标题" value="<?=$setting->subscribe_title?>">
                    </div>
                </div>

                <div class="form-group">
                    <label class="col-md-2 control-label" >关注图文图片</label>
                    <div class="col-md-10">
                        <?php if (empty($setting->subscribe_img)) : ?>
                            <img src="<?= Yii::$app->request->baseUrl . '/images/default-item.jpg' ?>" class="img-rounded" width="300" height="300" style="display: inline-block">
                        <?php else : ?>
                            <img src="<?= $setting->subscribe_img ?>" class="img-rounded" width="300" height="300" style="display: inline-block">
                        <?php endif; ?>

                        <div class="fileupload" style="display: inline">
                            <input type="file" name="subscribe_img"  id="uploadSub"  style="width: 120px" />
                            <a href="javascript:void(0)" class="btn btn-success"> 上传</a>
                        </div>
                        <br/><br/>
                        <span class="text-muted">图片格式:&nbsp;jpg&nbsp;最佳尺寸900x507像素</span>
                    </div>
                </div>

                <div class="form-group">
                    <label class="col-md-2 control-label">关注图文描述</label>
                    <div class="col-md-8">
                        <textarea id="subscribeDesc" rows="16" class="form-control"><?=$setting->subscribe_desc?></textarea>
                    </div>
                </div>

                <div class="form-group">
                    <label class="col-md-2 control-label">关注图文链接</label>
                    <div class="col-md-8">
                        <input type="text" id="subscribeUrl" class="form-control" placeholder="请输入关注图文url链接" value="<?=$setting->subscribe_url?>">
                    </div>
                </div>

                <div class="form-group">
                </div>
                <div class="form-group">
                    <div class="col-md-12 text-center">
                        <button id="infoSubmit" class="btn btn-primary ladda-button" data-style="slide-up">保存</button>
                    </div>
                </div>
            </form>

        </div>
    </div>

</div>

<script>
    (function($, window, document){
        $(document).ready(function(){

            // 信息
            $('#infoSubmit').on('click', function(){
                // 名称
                var name = $("#name").val();
                // 简介
                var intro = $("#intro").val();
                // 关注图文标题
                var subscribeTitle = $("#subscribeTitle").val();
                // 关注图文描述
                var subscribeDesc = $("#subscribeDesc").val();
                // 关注图文url
                var subscribeUrl = $("#subscribeUrl").val();

                //AJAX处理
                var l = $.ladda(this);
                $.ajax({
                    url : '<?= Url::toRoute(['/setting/wechat/info-save']) ?>',
                    type : 'post',
                    dataType : 'json',
                    data : $.csrf({
                        name : name,
                        intro : intro,
                        subscribeTitle : subscribeTitle,
                        subscribeDesc : subscribeDesc,
                        subscribeUrl : subscribeUrl,
                    }),
                    beforeSend : function(){
                        l.start();
                    },
                    success : function(e){
                        if (101 == e.code){
                            alert('操作有误,请得新操作;');
                        }
                        location.reload();
                    },
                    error : function(){},
                    complete : function(){}
                });
            });


            // 选中文件后直接上传
            $('#uploadLogo').change(function() {
                seajs.use("base/1.0.0/ui/ajaxfileupload/ajaxfileupload-1.0.0",function  () {
                    $.ajaxFileUpload({
                        url:'<?=Url::toRoute("/setting/wechat/info-upload-logo")?>',
                        secureuri :false,
                        fileElementId :'uploadLogo',//file控件id
                        dataType : 'json',
                        type:"post",
                        success : function (dataResult, status){
                            if (dataResult.success) {
                                location.reload();
                            } else if (dataResult.message) {
                                alert(dataResult.message)
                            } else if (dataResult.success == false) {
                                alert('您没有该操作权限,请联系管理员')
                            }
                        },
                        error: function(data, status, e){
                            alert("程序发生错误,请联系管理员。")
                        }
                    })
                })
            })

            // 选中文件后直接上传
            $('#uploadSub').change(function() {
                seajs.use("base/1.0.0/ui/ajaxfileupload/ajaxfileupload-1.0.0",function  () {
                    $.ajaxFileUpload({
                        url:'<?=Url::toRoute("/setting/wechat/info-upload-sub")?>',
                        secureuri :false,
                        fileElementId :'uploadSub',//file控件id
                        dataType : 'json',
                        type:"post",
                        success : function (dataResult, status){
                            if (dataResult.success) {
                                location.reload();
                            } else if (dataResult.message) {
                                alert(dataResult.message)
                            } else if (dataResult.success == false) {
                                alert('您没有该操作权限,请联系管理员')
                            }
                        },
                        error: function(data, status, e){
                            alert("程序发生错误,请联系管理员。")
                        }
                    })
                })
            })

        });
    }(jQuery, window, document));
</script>