baoshi-was/resources/views/personnel/checking-in/getQRcode.blade.php

@extends('layouts.app')
@section('title')获取二维码@endsection
@section('content')
    <div id="nav2" class="dontprint">
        @component('personnel.menu')@endcomponent
        @component('personnel.checking-in.menuChecking-in')@endcomponent
    </div>
    <div class="container-fluid mt-3" id="page">
        <div class="card col-md-10 offset-md-1 p-0">
            <div class="card-body">
                <div class="list-group list-group-horizontal-lg align-content-center" v-if="warehouses">
                    <a target="_blank"  class="btn list-group-item col-md-2" type="button" :href="('{{url('QRCode?warehouseId=')}}'+warehouse.id)"  :class="warehouse==checkedWarehouse ? 'btn-primary' : 'btn-outline-primary'"
                       v-for="warehouse in warehouses">@{{ warehouse.name }}</a>
                </div>
                <h3 v-else>还未录入仓库，请先录入仓库！</h3>
            </div>
        </div>
    </div>
@endsection

@section('lastScript')
    <script>
        new Vue({
            el:"#page",
            data:{
                warehouses:[
                    @foreach($warehouses as $warehouse)
                    {!! $warehouse !!},
                    @endforeach
                ],
                checkedWarehouse:'',
            },
        });
    </script>
@endsection