|
@@ -3,19 +3,118 @@
|
|
|
|
|
|
|
|
@section('content')
|
|
@section('content')
|
|
|
<div id="nav2">
|
|
<div id="nav2">
|
|
|
- @component('maintenance.menu')
|
|
|
|
|
|
|
+ @component('station.menu')
|
|
|
@endcomponent
|
|
@endcomponent
|
|
|
- @component('maintenance.carrier.menu')
|
|
|
|
|
- <li class="nav-item">
|
|
|
|
|
- <a class="nav-link" href="{{URL::current()}}" :class="{active:isActive('{{$station->id}}',3)}">显示:{{$station->name}}</a>
|
|
|
|
|
- </li>
|
|
|
|
|
|
|
+ @component('station.monitor.menu')
|
|
|
|
|
+ <li class="nav-item">
|
|
|
|
|
+ <a class="nav-link" href="{{URL::current()}}" :class="{active:isActive('{{$station->id}}',3)}">显示:{{$station->name}}</a>
|
|
|
|
|
+ </li>
|
|
|
@endcomponent
|
|
@endcomponent
|
|
|
</div>
|
|
</div>
|
|
|
- <div class="container-fluid">
|
|
|
|
|
|
|
+ <div class="container-fluid body">
|
|
|
<div class="card">
|
|
<div class="card">
|
|
|
<div class="card-body">
|
|
<div class="card-body">
|
|
|
|
|
+ <div class="row border" style="opacity: 0.75">
|
|
|
|
|
+ <div class="col-4 text-center h3 py-2 font-weight-bold">宝时云仓</div>
|
|
|
|
|
+ <div class="col text-center h3 py-2 text-muted">智能分拣</div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="row pt-3">
|
|
|
|
|
+ <div class="col-4 text-center">
|
|
|
|
|
+ <div class="row">
|
|
|
|
|
+ <div class="col py-3 h4">
|
|
|
|
|
+ 波次号:
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="col py-3 h4">
|
|
|
|
|
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="row">
|
|
|
|
|
+ <div class="col py-3 h4">
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="col py-3 h4 text-muted">
|
|
|
|
|
+ {条码}
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="row">
|
|
|
|
|
+ <div class="col py-3 h4">
|
|
|
|
|
+ 料箱号:
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="col py-3 h4">
|
|
|
|
|
+
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="row">
|
|
|
|
|
+ <div class="col py-3 h4">
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="col py-3 h4 text-muted">
|
|
|
|
|
+ {条码}
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="row pt-5">
|
|
|
|
|
+ <div class="col"><img src="{{asset('images/demoBin.png')}}" alt="" class="img"></div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="col text-center">
|
|
|
|
|
+ <div class="row">
|
|
|
|
|
+ <div class="col py-3 h4">订单号:</div>
|
|
|
|
|
+ <div class="col py-3 h4">N</div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="row">
|
|
|
|
|
+ <div class="col py-1">数量</div>
|
|
|
|
|
+ <div class="col py-1">0/0</div>
|
|
|
|
|
+ <div class="col py-1 text-muted">异常</div>
|
|
|
|
|
+ <div class="col py-1"></div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="row">
|
|
|
|
|
+ <div class="col py-1">
|
|
|
|
|
+ <table class="table table-striped border">
|
|
|
|
|
+ <tr>
|
|
|
|
|
+ <th class="py-2">序号</th>
|
|
|
|
|
+ <th class="py-2">商品</th>
|
|
|
|
|
+ <th class="py-2">数量</th>
|
|
|
|
|
+ <th class="py-2">条码</th>
|
|
|
|
|
+ </tr>
|
|
|
|
|
+ <tr>
|
|
|
|
|
+ <td></td>
|
|
|
|
|
+ <td></td>
|
|
|
|
|
+ <td></td>
|
|
|
|
|
+ <td></td>
|
|
|
|
|
+ </tr>
|
|
|
|
|
+ <tr>
|
|
|
|
|
+ <td></td>
|
|
|
|
|
+ <td></td>
|
|
|
|
|
+ <td></td>
|
|
|
|
|
+ <td></td>
|
|
|
|
|
+ </tr>
|
|
|
|
|
+ <tr>
|
|
|
|
|
+ <td></td>
|
|
|
|
|
+ <td></td>
|
|
|
|
|
+ <td></td>
|
|
|
|
|
+ <td></td>
|
|
|
|
|
+ </tr>
|
|
|
|
|
+ </table>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
@endsection
|
|
@endsection
|
|
|
|
|
+
|
|
|
|
|
+@section('lastScript')
|
|
|
|
|
+ <script>
|
|
|
|
|
+ new Vue({
|
|
|
|
|
+ el:"#app",
|
|
|
|
|
+ mounted() {
|
|
|
|
|
+ $('.navbar,.nav1,.nav2').hide()
|
|
|
|
|
+ $('.nav3').on('mouseenter', function () {
|
|
|
|
|
+ $('.navbar,.nav1,.nav2').show();
|
|
|
|
|
+ });
|
|
|
|
|
+ $('.body').on('mouseenter', function () {
|
|
|
|
|
+ $('.navbar,.nav1,.nav2').hide();
|
|
|
|
|
+ });
|
|
|
|
|
+ }
|
|
|
|
|
+ });
|
|
|
|
|
+ </script>
|
|
|
|
|
+@endsection
|