<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="icon" href="{{asset('icon/faviconc.ico')}}" type="image/x-icon"/>
    <!-- CSRF Token -->
    <meta name="csrf-token" content="{{ csrf_token() }}">
    <title>显示二维码 BsWAS</title>
    <!-- Styles -->
    <link href="{{ mix('css/app.css') }}" rel="stylesheet">
</head>
<body>
    <div class="container-fluid " id="page">
        <div class="card ">
            <div class="card-body">
                <div class="align-content-center m-3" >
                    <h3 class="text-center text-dark">首次扫描后将与设备绑定，之后扫描需使用原设备与原软件！</h3><br>
                    <h4 class="text-center text-danger">如更换设备请联系管理人员解除设备绑定！</h4>
                </div>
{{--                <div v-if="userWorkgroups.length>3">--}}
{{--                <div class="row row-cols-3">--}}
{{--                    <div class="col-sm-3  col-lg-3 col-xl-3 text-center" style="float:left;" v-for="userWorkgroup in userWorkgroups">--}}
{{--                            <img id="img" class="img-thumbnail"  :src="userWorkgroup.url" />--}}
{{--                        <p class="m-2 h5 text-center" >@{{ userWorkgroup.name }}工作组</p>--}}
{{--                    </div>--}}
{{--                </div>--}}
{{--                </div>--}}
                    <div class="row">
                        <div class="col text-center" style="float:left;">
                            <img id="img" class="img-thumbnail" style="margin-top: 20px" :src="userWorkgroup.url" width="35%"/>
                            <p class="m-2 h1 text-center" >@{{ userWorkgroup.name }}工作组</p>
                        </div>
                    </div>
            </div>
        </div>
    </div>


    <script src="{{ asset('js/app201009.js') }}"></script>
    <script>
        new Vue({
            el:"#page",
            data:{
                userWorkgroup:{!! $userWorkgroup !!},
            },
            {{--mounted(){--}}
            {{--    let _this=this;--}}
            {{--    let refreshQRCode=function(){--}}
            {{--        axios.post('{{url('personnel/checking-in/refreshQRCode')}}',{beforeTime:_this.last_refresh_date,warehouseId:_this.warehouseId})--}}
            {{--            .then(function (response) {--}}
            {{--                _this.userWorkgroups=response.data.userWorkgroups;--}}
            {{--                _this.last_refresh_date=response.data.last_refresh_date;--}}
            {{--                $("meta[name='csrf-token']").attr('content', response.data.csrf_Token);--}}
            {{--                setTimeout(refreshQRCode,computeDiffMicroTime_fromNow(_this.last_refresh_date));--}}
            {{--            }).catch(function (err) {--}}
            {{--            setTimeout(refreshQRCode,computeDiffMicroTime_fromNow(_this.last_refresh_date));--}}
            {{--            tempTip.setDuration(4000);--}}
            {{--            tempTip.show(err);--}}
            {{--        });--}}
            {{--    };--}}
            {{--    refreshQRCode();--}}
            {{--}--}}
        });
    </script>
</body>
</html>
