mead
/
haoshengxin


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163
							<?php
use yii\helpers\Url;
use yii\widgets\ActiveForm;
use yii\helpers\Html;
?>
<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <title>评价</title>
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
    <?= Html::cssFile('@web/css/weui.min.css') ?>
    <?= Html::cssFile('@web/css/jquery-weui.min.css') ?>
    <?= Html::cssFile('@web/css/base.css') ?>
    <?= Html::cssFile('@web/iconfont/iconfont.css') ?>
</head>
<body>
<div class="evaluate">
    <div class="e-top">
        <div class="left">
            <img src="<?=empty($data->portrait)?\common\models\User::DEFAULT_FACE:\common\models\UserInfo::imagesUrl($data->portrait)?>" alt="">
        </div>
        <div class="right">
            <h2>评分</h2>
            <ul class="pfxtFen" title="双击取消评分">
                <li><i class="iconfont icon-xing1"></i></li>
                <li><i class="iconfont icon-xing1"></i></li>
                <li><i class="iconfont icon-xing1"></i></li>
                <li><i class="iconfont icon-xing1"></i></li>
                <li><i class="iconfont icon-xing1"></i></li>
            </ul>
        </div>
    </div>
    <textarea name="" id="content" placeholder="请输入您的评价" ></textarea>
    <input type="hidden" id="type" value="<?=empty($type)?'':$type?>">
    <input type="hidden" id="pid" value="<?=empty($pid)?'':$pid?>">
    <div class="container">
        <div class="z_photo">
            <a href="javascript:;" class="z_file" >
                <form id='myupload' action='<?=Url::toRoute(['building/evaluateimg']) ?>' method='post' enctype='multipart/form-data'>
                <input id="fileupload" class="file" type="file" name="mypic">
                    <input type="hidden" name="<?=Yii::$app->request->csrfParam;?>" value="<?=Yii::$app->request->csrfToken;?>" />
                </form>
            </a>
        </div>
    </div>
</div>
<a href="javascript:void(0);" class="weui-btn weui-btn_plain-default submit submit-btn">提交</a>
<?= Html::jsFile('@web/js/jquery.min.js') ?>
<?= Html::jsFile('@web/js/jquery-weui.min.js') ?>
<?= Html::jsFile('@web/js/jquery.form.js') ?>
<script type="text/javascript">
    $(function(){
        //星级评分
        $(".pfxtFen li").click(function(){
            $(this).addClass("pfxtCur");
            $(this).prevAll().addClass("pfxtCur");
            $(this).nextAll().removeClass("pfxtCur");
        });

        $(".pfxtFen li").dblclick(function(){
            $(".pfxtFen li").removeClass("pfxtCur");
        });
    });
    var lock = true;
    $('.submit').click(function(){
        var star = $(".pfxtCur").length;
        var content = $('#content').val();
        var pid = $('#pid').val();
        var type = $('#type').val();
        var img_length =  $('input[name="img[]"]').length;
        var imgs_arr = new Array();
        var imgs = "";
       if(img_length>0)
       {
           $.each($('input[name="img[]"]'),function (i,j) {
               imgs_arr.push(j.value);
           });
           imgs = JSON.stringify(imgs_arr);
       }
        if(content==''){
            $.alert('评价内容不能为空');
            return false;
        }else if(star==''){
            $.alert('请给房屋评分');
            return false;
        }
        if(lock){
            lock = false;
            $.ajax({
                url:"<?=Url::toRoute(['building/evaluate1']);?>",
                type:"POST",
                dataType:"JSON",
                data:{content:content,
                    star:star,
                    pid:pid,
                    type:type,
                    imgs :imgs,
                    '_csrf-frontend':"<?= Yii::$app->request->csrfToken ?>,"},
                success:function(data){
                    lock = true;
                    if(data.sign==0){
                        $.alert(data.msg);
                    }else{
                        location.href='<?=Url::toRoute(['building/detail','id'=>empty($pid)?'':$pid]);?>'
                    }
                }
            });
        }
    })

    var imgurl = "<?= Yii::getAlias('@imgdomain'); ?>";
    $('#fileupload').click(function(){
        if($('input[name="img[]"]').length ==4)
        {
            $.alert("最多上传4张");
            return false;
        }
    })
    $("#fileupload").change(function(){
        $("#myupload").ajaxSubmit({
            dataType:  'json',
            beforeSend: function() {
            },
            uploadProgress: function(event, position, total, percentComplete) {
            },
            success: function(data) {
                if(data.sign==1){
                var form = document.forms[0]; //index 是文件域的form索引
                form.reset();
                var img = document.createElement("img");
                    img.setAttribute("src",imgurl+data.pic);
                    var imgAdd = document.createElement("div");
                    imgAdd.setAttribute("class", "z_addImg");
                    imgAdd.onclick = function () {
                        var obj = this;
                        $.confirm("是否删除图片?",function(){
                            obj.remove();
                        });
                    };
                    var file = document.createElement("input");
                    file.setAttribute('type',"hidden");
                    file.setAttribute('name',"img[]");
                    file.setAttribute('value',data.pic);
                    var delBtn = document.createElement("span");
                    delBtn.setAttribute("class", "del-btn");
                    imgAdd.appendChild(delBtn);
                    imgAdd.appendChild(img);
                    imgAdd.appendChild(file);
                    $('.z_file').before(imgAdd);
                }else{
                    $.alert(data.error);
                }
            },
            error:function(xhr){
                $.alert("上传图片失败");
            }
        });
    });

</script>
</body>
</html>