{php $this->template('header')}

  <link rel="stylesheet" href="{$public}css/photo/user/add.css?{php echo time()}">


<div class="bui-page  page-comment">
    
    <main id="main">

        <div id="loading">

            <div class="home_main">
                 <div class="home_bd">
                    <div class="home_bd_text">
                        <textarea class="home_text"  id="textarea" placeholder="请在次输入您投诉的内容"></textarea>
                    </div>

                </div>
            </div>


            <div id="photo">

      
                <div class="item aui-col-xs-3" id="add" onclick="tu()">
                      <div class="img add">

                      </div>
                  </div>
           </div>

        <div class="foot">
            <div class="bui-btn ring bc-hong " onclick="sub()"> 提 交 投 诉 </div>
        </div>
        </div>
            
    
  
         
    </main>
  
</div>




<script>


    bui.ready(function(){


        
        $(function(){
            var i=8-document.querySelectorAll('.bk .tuimg').length;
            if (!i) $('#add').hide();
        });

        window.tu=function(i){
            wx.chooseImage({ 
            count: 1, 
            sizeType: ['compressed'],
            success: function (_selected) {

                if( _selected.localIds.length == 0 ){
                    return;
                }

                wx.uploadImage({ 
                   localId: _selected.localIds[0],
                   success: function (_resp) {
                       $.ajax({
                           url: "{php echo iurl('common/upload/img');}", 
                           type: 'POST',
                           data: {media_id: _resp.serverId}, 
                           cache: false,
                           success: function(_resu){
                                if( _resu.status == 0 ){
                                    return _reject(_resu.msg);
                                }
                                var imgurl=_resu.data.url;
                                
                                var str=`<div class="item aui-col-xs-3">
                                        <div class="img bk">
                                          <img src="{$public}/img/close.png" class="del" tapmode onclick="return del(this,event);">
                                          <img src="`+imgurl+`" class="tuimg">
                                       </div>
                                    </div>`;
                                $('#add').before(str);
                                var i=8-document.querySelectorAll('.bk .tuimg').length;
                                if (!i) $('#add').hide();

                           },
                           error: function(){
                               _reject('上传失败!');
                           }
                       });
                   }
                }); 

            }   
            });
        };
        window.del=function (t){ 
            var img=document.querySelectorAll('.bk img');
            var child=t.parentNode.parentNode;
                child.parentNode.removeChild(child);
            var i=8-document.querySelectorAll('.bk .tuimg').length;
            if (i) $('#add').show();
           
        };
        window.sub=function(){

            var data={};
            data.imgs = xun();
            data.content=$('#textarea').val();
            if (data.content=='') {

                return msg('您好必须要要输入投诉内容喔~',1);
                
            }
            if (data.imgs==''){

                return msg('请至少上传一张图片补充说明~',1);

            }

            $.post('',data,function(r){

                if (r.code) {
                    msg('成功',2);
                    setTimeout(function(){ 
                        window.location.href="{php echo iurl('succ');}";
                    },1500);
                                        
                }

            })
            

        };
        function xun(){
            var imgs=$('.tuimg');
            var tu = '';
            for (var i=0;i<imgs.length;i++) {
               var v=$(imgs[i]);
               tu+=v.attr('src')+',';
            }

            return tu.substring(0,tu.length-1);
        }

    })

 
 </script>

{php $this->template('footer')}