create.php 5.34 KB
<?php

use yii\helpers\Url;

$this->title = '添加品牌';
$this->params['breadcrumbs'][] = '设备管理';
$this->params['breadcrumbs'][] = ['label' => '品牌管理', 'url' => ['/device/brand/index']];
$this->params['breadcrumbs'][] =  $this->title;

?>

<form action="<?php echo Url::toRoute(['/device/brand/do-add']); ?>" name="brandForm" id="brandForm" method="post" enctype="multipart/form-data">
    <div class="panel panel-default">
        <div class="panel-body">
            <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">
                    <input type="text" value="" name="english_name"  class="form-control"">
                </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">
                    <input type="text" value="" name="chinese_name" class="form-control"  >
                </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">
                    <select  name="is_available" 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">品牌LOGO:</label>
                <div class="col-sm-4 text-left">
                    <img src="<?=Yii::$app->request->BaseUrl.'/images/default-item.jpg' ?>" width="160px" id="img_url"/>
                    <div class="fileupload" style="display: inline">
                        <input type="file" name="brand_img"  id="uploadLogo"  style="width: 120px" />
                        <a href="javascript:void(0)" class="btn btn-success"> 上传</a> <br/>
                    </div>
                    <span class="text-muted">图片格式:&nbsp;jpeg/jpg/gif/png,&nbsp;最佳尺寸300 x 300素</span>
                    <input type="hidden" value="" name="img_path" id="img_path">
                </div>
            </div>

        </div>

        <div class="panel-footer text-center">
            <button type="button" 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("/device/brand/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 = $("#brandForm").validate({
            //debug:true,
            rules: {
                "chinese_name":{
                    nameRequired:["品牌英文名/中文名至少需要填写一个"]
                },

            }
        });

        //校验价格
        $.validator.addMethod("nameRequired",
            function(value, element, params) {
                var a = $("input[name='chinese_name']").val();
                var b = $("input[name='english_name']").val();
                if (a == "" && b == ""){
                    params[0] = "品牌英文名/中文名至少需要填写一个";
                    return false;
                }
                return true;
            }, $.validator.format("{0}")
        );

    });

    $("#save").bind("click", function () {
        var getUrl = '<?=Url::toRoute("/device/brand/do-add")?>';
        $('#brandForm').attr('action', getUrl);
        var submit = $('#brandForm').submit();

        var cb = $("#brandForm").validate().form();
        if (!cb){
            return;
        }

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

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