更新招考后台新的审核界面

resources/views/admin/recruit/check_out_appoint.blade.php

@@ -34,13 +34,13 @@
     .OpAuditLayer{
         position: fixed;
         top: 20%;
-        right: 30px;
+        right: 20px;
         border: 1px solid #ccc;
         background: #fff;
-        padding: 30px;
+        padding: 20px;
     }
     .swiper-container{
-        width: 400px;
+        width: 350px;
         height:400px;
         position: fixed;
         top: 50%;
@@ -56,7 +56,7 @@
         width: 350px;
         padding: 10px;
         overflow-y: scroll;
-        height: 90%;
+        height: 80%;
     }
 </style>
 <section class="content">
@@ -970,7 +970,7 @@
                             @foreach($v['data'] as $key => $item)
                                 <div class="swiper-slide">
                                     <a title="{{ $v['title'] }}">
-                                        <img class="attachment" data-key="{{$key}}" data-name="{{$k}}" src="{{$item['src']}}" border="0"/>
+                                        <img class="attachment" width="100%" data-key="{{$key}}" data-name="{{$k}}" src="{{$item['src']}}" border="0"/>
                                     </a>
                                     <p style="text-align: center">
                                         {{ $v['title'] }}
@@ -992,87 +992,91 @@
 <script src="{{theme_asset('mobile/js/swiper.min.js')}}"></script>
 <script src="{{ theme_asset('statistics/js/layer/layer.js') }}"></script>
 <script>
-    //    初始化SWiper
-    var mySwiper = new Swiper('.swiper-container',{
-        direction:'horizontal',
-        loop:true,
-        autoplay:false,
 
-        pagination:'.swiper-pagination',//分页器
-        //前进后退按钮
-        nextButton:'.swiper-button-next',
-        prevButton:'.swiper-button-prev',
-    });
+    $(document).ready(function(){
+        //    初始化SWiper
+        var mySwiper = new Swiper('.swiper-container',{
+            direction:'horizontal',
+            loop:true,
+            autoplay:false,
 
-    $(".J_btnyes").on("click",function(){
-        $('.J_btnyes').val('发送中...');
-        window.location.href="{{ route('recruit.appoint_list',['id'=>$recruit->id]) }}"
-        return false;
-        $.post("{{ route('recruit.appoint_audit') }}", $('#J_interviewWrap').serialize(), function(result) {
-            if (result.status == 1) {
-                disapperTooltip('success', result.msg);
-                setTimeout(function() {
-                    window.location.href="{{ route('recruit.appoint_list',['id'=>$recruit->id]) }}"
-                }, 2000);
-            } else {
-                $('.J_btnyes').val('确定');
-                disapperTooltip('remind', result.msg);
-            }
-        }, 'json');
-    });
+            pagination:'.swiper-pagination',//分页器
+            //前进后退按钮
+            nextButton:'.swiper-button-next',
+            prevButton:'.swiper-button-prev',
+        });
 
-    let photos = {!!json_encode($photos)!!};
-    $('.attachment').click(function () {
-        let key = $(this).data('key');
-        let name = $(this).data('name');
-        let photo = photos[name];
-        console.log(photo)
-        photo.start = key;
-        layer.photos({
-            photos: photo,
-            shade: 0,
-            closeBtn:2,
-            tab: function () {
-                num = 0;
-                $(".layui-layer-photos").append('<div class="icon" style="position:relative;width:100%;text-align:center;top:-133px;cursor:pointer;">\n' +
-                    '\t\t<img src="{{ theme_asset('statistics/js/layer/skin/default/turn_left.png') }}" style="width:30px;height30px;">\n' +
-                    '\t</div>');
-            }
+        $(".J_btnyes").on("click",function(){
+            $('.J_btnyes').val('发送中...');
+            window.location.href="{{ route('recruit.appoint_list',['id'=>$recruit->id]) }}"
+            return false;
+            $.post("{{ route('recruit.appoint_audit') }}", $('#J_interviewWrap').serialize(), function(result) {
+                if (result.status == 1) {
+                    disapperTooltip('success', result.msg);
+                    setTimeout(function() {
+                        window.location.href="{{ route('recruit.appoint_list',['id'=>$recruit->id]) }}"
+                    }, 2000);
+                } else {
+                    $('.J_btnyes').val('确定');
+                    disapperTooltip('remind', result.msg);
+                }
+            }, 'json');
         });
-    });
 
-    $(document).on("click", ".icon img", function (e) {
-        num = (num + 90) % 360;
-        $("#layui-layer-photos").css('transform', 'rotate(' + num + 'deg)');
+        let photos = {!!json_encode($photos)!!};
+        $('.attachment').click(function () {
+            let key = $(this).data('key');
+            let name = $(this).data('name');
+            let photo = photos[name];
+            console.log(photo)
+            photo.start = key;
+            layer.photos({
+                photos: photo,
+                shade: 0,
+                closeBtn:2,
+                tab: function () {
+                    num = 0;
+                    $(".layui-layer-photos").append('<div class="icon" style="position:relative;width:100%;text-align:center;top:-133px;cursor:pointer;">\n' +
+                        '\t\t<img src="{{ theme_asset('statistics/js/layer/skin/default/turn_left.png') }}" style="width:30px;height30px;">\n' +
+                        '\t</div>');
+                }
+            });
+        });
+
+        $(document).on("click", ".icon img", function (e) {
+            num = (num + 90) % 360;
+            $("#layui-layer-photos").css('transform', 'rotate(' + num + 'deg)');
 
-        //$(".layui-layer-phimg img").css('transform','rotate('+num+'deg)');此处只能旋转图片
-    });
+            //$(".layui-layer-phimg img").css('transform','rotate('+num+'deg)');此处只能旋转图片
+        });
 
 
-    $(document).on("mousewheel DOMMouseScroll", ".layui-layer-phimg img", function (e) {
-        var delta = (e.originalEvent.wheelDelta && (e.originalEvent.wheelDelta > 0 ? 1 : -1)) || // chrome & ie
-            (e.originalEvent.detail && (e.originalEvent.detail > 0 ? -1 : 1)); // firefox
-        var imagep = $(".layui-layer-phimg").parent().parent();
-        var image = $(".layui-layer-phimg").parent();
-        var h = image.height();
-        var w = image.width();
-        if (delta > 0) {
+        $(document).on("mousewheel DOMMouseScroll", ".layui-layer-phimg img", function (e) {
+            var delta = (e.originalEvent.wheelDelta && (e.originalEvent.wheelDelta > 0 ? 1 : -1)) || // chrome & ie
+                (e.originalEvent.detail && (e.originalEvent.detail > 0 ? -1 : 1)); // firefox
+            var imagep = $(".layui-layer-phimg").parent().parent();
+            var image = $(".layui-layer-phimg").parent();
+            var h = image.height();
+            var w = image.width();
+            if (delta > 0) {
 
-            h = h * 1.05;
-            w = w * 1.05;
+                h = h * 1.05;
+                w = w * 1.05;
 
-        } else if (delta < 0) {
-            if (h > 100) {
-                h = h * 0.95;
-                w = w * 0.95;
+            } else if (delta < 0) {
+                if (h > 100) {
+                    h = h * 0.95;
+                    w = w * 0.95;
+                }
             }
-        }
-        imagep.css("top", (window.innerHeight - h) / 2);
-        imagep.css("left", (window.innerWidth - w) / 2);
-        image.height(h);
-        image.width(w);
-        imagep.height(h);
-        imagep.width(w);
+            imagep.css("top", (window.innerHeight - h) / 2);
+            imagep.css("left", (window.innerWidth - w) / 2);
+            image.height(h);
+            image.width(w);
+            imagep.height(h);
+            imagep.width(w);
+
+        });
+    })
 
-    });
 </script>