create.php 7.77 KB
<?php

use yii\helpers\Url;


$this->title = '添加广告';
$this->params['breadcrumbs'][] = '平台设置';
$this->params['breadcrumbs'][] = ['label' => '小程序广告设置', 'url' => ['/setting/user-ads/index']];
$this->params['breadcrumbs'][] =  $this->title;

?>

<form action="<?php echo Url::toRoute(['/setting/user-ads/do-add']); ?>" name="user-adsForm" id="user-adsForm" method="post" enctype="multipart/form-data">
    <div class="panel panel-default">
        <div class="panel-body">
            <div class="form-group col-sm-12">
                <label for="title" class="col-sm-4 control-label text-right">广告标题:</label>
                <div class="col-sm-4 text-left">
                    <input type="text" value="" name="title"  class="form-control"">
                </div>
            </div>
            <div class="form-group col-sm-12">
                <label for="client_id" class="col-sm-4 control-label text-right">用于终端:</label>
                <div class="col-sm-4 text-left">
                    <select name="client" class="form-control">
                        <?php foreach ($clientLabels as $id => $value) { ?>
                            <option value="<?=$id?>" ><?=$value ?></option>
                        <?php } ?>
                    </select>
                </div>
            </div>
            <div class="form-group col-sm-12">
                <label for="link_mode" class="col-sm-4 control-label text-right">链接方式:</label>
                <div class="col-sm-4 text-left">
                    <select id="link_mode" name="link_mode" class="form-control">
                        <?php foreach($linkModes as $id => $label){ ?>
                            <option value="<?=$id?>" <?php if ($selectedLinkMode == $id){ echo "selected"; } ?>><?=$label?> </option>
                        <?php }?>
                    </select>
                </div>
            </div>

            <?php if ($selectedLinkMode == 2):?>
                <div class="form-group col-sm-12">
                    <label for="url" class="col-sm-4 control-label text-right">链接网址:</label>
                    <div class="col-sm-4 text-left">
                        <input type="text" value="" name="url"  class="form-control"">
                    </div>
                </div>
            <?php endif;?>

            <?php if ($selectedLinkMode == 4):?>
                <div class="form-group col-sm-12">
                    <label for="appid" class="col-sm-4 control-label text-right">小程序AppId:</label>
                    <div class="col-sm-4 text-left">
                        <input type="text" value="" name="appid"  class="form-control"">
                    </div>
                </div>
            <?php endif;?>

            <?php if (in_array($selectedLinkMode, [3, 4])):?>
                <div class="form-group col-sm-12">
                    <label for="path" class="col-sm-4 control-label text-right">小程序页面路径:</label>
                    <div class="col-sm-4 text-left">
                        <input type="text" value="" name="path"  class="form-control"">
                    </div>
                </div>
            <?php endif;?>

            <div class="form-group col-sm-12">
                <label for="sort_order" class="col-sm-4 control-label text-right">排序:</label>
                <div class="col-sm-4 text-left">
                    <input type="text" value="" name="sort_order" class="form-control"  >
                </div>
            </div>

            <div class="form-group col-sm-12">
                <label for="is_enable" class="col-sm-4 control-label text-right">启用:</label>
                <div class="col-sm-4 text-left">
                    <select  name="is_enable" class="form-control">
                        <option value="1" >是</option>
                        <option value="0">否</option>
                    </select>
                </div>
            </div>
            <div class="form-group col-sm-12">
                <label for="skillName" class="col-sm-4 control-label text-right">图片:</label>
                <div class="col-sm-4 text-left">
                    <img src="<?= Yii::$app->request->baseUrl . '/images/default-item-rectangle.png' ?>" class="img-rounded" width="330" height="141" style="display: inline-block">
                    <div class="fileupload" style="display: inline">
                        <input type="hidden" value="" class="cover_img" name="cover_img_path" />
                        <input type="file" name="logo" class="required" id="uploadLogo"  style="width: 120px" />
                        <a href="javascript:void(0)" style="margin-top: 5px;" class="btn btn-success"> 上传</a>
                    </div>
                    <br/><br/>
                    <span class="text-muted">图片格式:&nbsp;jpeg/jpg/gif/png,&nbsp;最佳尺寸660 × 282像素</span>
                </div>
            </div>
        </div>

        <div class="panel-footer text-center">
            <button type="submit" class="btn btn-primary ladda-button" data-style="slide-up" id="save">提&nbsp;&nbsp;交</button>&nbsp;&nbsp;&nbsp;&nbsp;
            <a class="btn btn-default" href="<?=Url::toRoute("/setting/user-ads/create")?>">重&nbsp;&nbsp;&nbsp;&nbsp;置</a>
        </div>
    </div>

</form>

<script>
    // 表单提交验证
    seajs.use("base/1.0.0/unit/validate/custom-1.0.0",function  () {
        var validator = $("#user-adsForm").validate({
            //debug:true,
            rules: {
                "title":{
                    nameRequired:["请填写广告标题"]
                },
            },
        });

        //校验
        $.validator.addMethod("nameRequired",
            function(value, element, params) {
                var a = $("input[name='title']").val();
                if (a == ""){
                    params[0] = "请填写广告标题";
                    return false;
                }
                return true;
            }, $.validator.format("{0}")
        );

        $("#save").bind("click", function () {
            var submit = $('#user-adsForm').submit();
            var cb = $("#user-adsForm").validate().form();
            if (!cb){
                return;
            }

            var l = $.ladda(this);
            l.start();
            return false;
        });

        $("#link_mode").on("change", function () {
            var selectedLinkMode = $("#link_mode").val();
            window.location.href = "<?=Url::toRoute(['/setting/user-ads/create'])?>" + "?selectedLinkMode=" + selectedLinkMode;
        });

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

</script>