zhouzhendong
/
baoshi-was


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384
							<!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="{{ asset('css/app200519b.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 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 v-else="userWorkgroups.length<=3">
                    <div class="row">
                        <div class="col text-center" style="float:left;" v-for="userWorkgroup in userWorkgroups">
                            <img id="img" class="img-thumbnail" style="margin-top: 20px" :src="userWorkgroup.url" />
                            <p class="m-2 h5 text-center" >@{{ userWorkgroup.name }}工作组</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <script src="{{ asset('js/app.js?202002111414') }}"></script>
    <script>
        function computeDiffMicroTime_fromNow(dateComparing) {
            let now=new Date();
            let dateComparingObj=new Date(dateComparing)
            let mil = dateComparingObj.getTime()-now.getTime();
            if (mil>0){
                return mil;
            }else {
                return mil=1000;
            }
        }
        new Vue({
            el:"#page",
            data:{
                userWorkgroups:[
                    @foreach($userWorkgroups as $userWorkgroup)
                    {id:'{{$userWorkgroup->id}}',name:'{{$userWorkgroup->name}}',url:'{{$userWorkgroup->url}}',},
                    @endforeach
                ],
                last_refresh_date:'{{$last_refresh_date}}',
                warehouseId:'{{$warehouseId}}',
            },
            mounted(){
                let _this=this;
                let refreshQRCode=function(){
                    axios.post('{{url('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;
                            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>