Blogger Information
Blog 5
fans 0
comment 2
visits 23801
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
关于layui的layer.open 操作
郑小飒的博客
Original
4976 people have browsed it

关于layui 可以问我呦

<script>
   layui.use(['table', 'notice','upload'], function () {
       var table = layui.table, form = layui.form, notice = layui.notice;

       // 监听行内按钮
       table.on('tool(*)', function (obj) {
           var data = obj.data;
           console.log(data.id);
           switch(obj.event) {
               case 'review':
                   layer.confirm('确认重新审核?',function(){
                      $.ajax({
                          type:'POST',
                          url: '/admin/counselor_check/auditing',
                          data:{ids:data.id},
                          dataType:'json',
                          success:function(returnData)
                          {
                              if(returnData.code == 1)
                              {
                                  notice.init({title:returnData.msg});
                                  table.init('*', obj.config);
                              }
                              else
                              {
                                  notice.init({title:returnData.msg,type:'danger'});
                                  table.init('*', obj.config);
                              }
                          }
                      });
                       layer.closeAll();
                   });
                   break;
               case 'reject':
                   var str = '<div class="layui-form" lay-filter="*"><form id="rejectForm">' +
                       '<input type="hidden" name="id" value="'+data.id+'"/>';
                   str += '<div class="layui-form-item" style="margin-top: 5%"><div class="layui-inline"><label class="layui-form-label">拒绝原因</label>' +
                       '<div class="layui-input-block"><textarea style="width: 400px; height: 130px;" class="layui-input" name="remark" type="text" placeholder="填写原因" required>填写内容与实际不相符</textarea></div></div></div>';
                   str += '</form></div>';

                   // layer.confirm('确认审核拒绝?', function () {
                       layer.open({
                           type: 1,
                           title: '拒绝审核理由',
                           skin: 'layui-layer-demo', //样式类名
                           closeBtn: 0, //不显示关闭按钮
                           anim: 2,
                           area: ['30%', '30%'],
                           btn: ['确定', '取消'],
                           shadeClose: true, //开启遮罩关闭
                           content: str,
                           yes: function (index, layero)
                           {
                               layer.setTop(layero);
                               var data = $('#rejectForm').serialize();
                               $.ajax({
                                   url: '/admin/counselor_check/reject',
                                   type: "POST",
                                   data: data,
                                   dataType: "json",
                                   success: function (returnData) {
                                       if (returnData.code === 1) {
                                           notice.init({title: returnData.msg,type:'danger'});
                                           table.init('*', obj.config);
                                           layer.closeAll();
                                       } else {
                                           notice.init({title: returnData.msg, type: 'success'});
                                           table.init('*', obj.config);
                                           layer.closeAll();
                                       }
                                   }
                               });
                           },
                           btn2: function (index) {
                               layer.close(index);
                               layer.closeAll();
                           }
                           , success: function (layero, index) {
                               console.log('success');
                           }
                       });
                   // });
                   break;
               case 'edit':
                   layer.open({
                       type: 1,
                       title:'审核详情',
                       skin: 'layui-layer-demo', //样式类名
                       closeBtn: 0, //不显示关闭按钮
                       area:['40%','50%'],
                       shadeClose: true, //开启遮罩关闭
                       content:'<div class="layui-form-item" style="margin-top: 2%">' +
                           '<div class="layui-inline"><label class="layui-form-label">真实姓名:</label>' +
                           '<div class="layui-input-block"><input disabled class="layui-input" value="'+data.truename+'" autocomplete="off" ></div>' +
                           '</div>'+
                           '<div class="layui-form-item" style="margin-top: 2%">' +
                           '<div class="layui-inline"><label class="layui-form-label">手机号:</label>' +
                               '<div class="layui-input-block"><input disabled class="layui-input" value="'+data.telphone+'" autocomplete="off" ></div>' +
                           '</div>'+
                           '<div class="layui-form-item" style="margin-top: 2%">' +
                           '<div class="layui-inline"><label class="layui-form-label">***号:</label>' +
                           '<div class="layui-input-block"><input disabled class="layui-input" value="'+data.id_number+'" autocomplete="off" ></div>' +
                           '</div>'+
                           '<div class="layui-form-item" style="margin-top: 2%">' +
                           '<div class="layui-inline"><label class="layui-form-label">***头像面:</label>' +
                           '<div class="layui-input-block"><img src="'+data.left_pic+'" ></div>' +
                           '</div>'+
                           '<div class="layui-form-item" style="margin-top: 2%">' +
                           '<div class="layui-inline"><label class="layui-form-label">***国徽面:</label>' +
                           '<div class="layui-input-block"><img src="'+data.right_pic+'" ></div>' +
                           '</div>'+
                           '<div class="layui-form-item" style="margin-top: 2%">' +
                           '<div class="layui-inline"><label class="layui-form-label">审核状态:</label>' +
                           '<div class="layui-input-block"><input disabled class="layui-input" value="'+data.status+'" autocomplete="off" ></div>' +
                           '</div>'
                   });
                   break;
               case 'userSearch' :
                   var $ = layui.$;
                   var url = $(this).attr('lay-url');
                   console.log(url);
                   layer.open({
                       title: '用户查询'
                       , id:'userSearch'
                       , type : 2
                       , shade: false
                       , skin: 'layui-layer-molv'
                       , area: ['80%', '80%']
                       , maxmin: true
                       , btn: ['关闭']
                       , shadeClose: true
                       , content: url
                       , zIndex: layer.zIndex
                       , yes: function (index, layero) {
                           layer.close(index);
                       }
                       , success: function (layero, index) {
                           console.log('success');
                       }
                   });
                   break;
               default : console.log();
                   break;
           }
       });
       // 监听数据表格头部按钮
       table.on('toolbar(*)', function (obj) {
           var checkStatus = table.checkStatus(obj.config.id);
           var data = checkStatus.data;
           switch (obj.event) {
               case 'reload':
                   table.init('*', obj.config);
                   break;
               case 'toggle':
                   if(data.length === 0)
                   {
                       notice.init({title: '未选择数据', type: 'danger'});
                       return false;
                   }
                   var ids = [];

                   for(var i in data)
                   {
                       ids.push(data[i].id * 1);
                   }
                   if(ids.length === 0)
                   {
                       notice.init({title: '没有需要审核的数据', type: 'danger'});
                       return false;
                   }
                   layer.confirm('确认重新审核'+ data.length +'条数据?',function(){
                       $.ajax({
                           type:'post',
                           url:'/admin/counselor_check/auditing',
                           data:{ids:ids},
                           dataType:'json',
                           success:function(returnData){
                               if(returnData.code == 1)
                               {
                                   notice.init({title:returnData.msg,type:'success'});
                                   table.init('*', obj.config);
                               }
                               else
                               {
                                   notice.init({title:returnData.msg,type:'success'});
                                   table.init('*', obj.config);
                               }
                           }
                       });
                       layer.closeAll();
                   });
                   break;
               default:
                   console.log(obj.event);
                   break;
           }
       });
   });
</script>

Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
1 comments
年华 2019-04-28 19:09:20
哈哈哈哈
1 floor
Author's latest blog post