zhouzhendong
/
baoshi-was


			
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
							<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="{{ asset('css/app.css') }}" rel="stylesheet">
</head>
<body>
<div class="container-fluid mt-3" id="page">
    <div class="card col-md-10 offset-md-1 p-0">
        <div class="card-body">
            <p class="h3 p-1 m-1" style="text-align:center">扫描进入@{{ userWorkgroup.name }}工作组</p>
            <div class="col m-0 pull-right mt-5 form-inline" >
                <img id="img" class="img-thumbnail"   src="" />
                <div class="pull-right col-6" >
                    <h3 class="text-center text-dark">首次扫描后将与设备绑定，之后扫描需使用原设备与原软件！</h3><br>
                    <h4 class="text-center text-danger">如更换设备请联系管理人员解除设备绑定！</h4>
                </div>
            </div>
        </div>
    </div>
</div>


<script src="{{ asset('js/app.js?202002111414') }}"></script>
<script>
    new Vue({
        el:"#page",
        data:{
            userWorkgroup:{
                id:'{{$userWorkgroup->id}}',name:'{{$userWorkgroup->name}}',
            },

        },
        mounted:function () {
            let _this=this;
            axios.get('{{url("personnel/checking-in/userDutyCheck/getQRCode?userWorkgroup_id=")}}'+_this.userWorkgroup.id)
                .then(function (response) {
                    console.log(response.data)
                    $("#img").attr('src',response.data);
                }).catch(function (err) {
                tempTip.setDuration(3000);
                tempTip.show('获取二维码失败！网络错误：'+err);
            });
        }


    });
</script>
</body>
</html>