|
|
@@ -0,0 +1,598 @@
|
|
|
+@extends('layouts.app')
|
|
|
+@section('title','出库复核')
|
|
|
+@section('head')
|
|
|
+ <style>
|
|
|
+ table {
|
|
|
+ margin: 10px;
|
|
|
+ width: 100%;
|
|
|
+ border-collapse: collapse;
|
|
|
+ border-spacing: 0;
|
|
|
+ table-layout: auto;
|
|
|
+ vertical-align: text-top;
|
|
|
+ border: rgb(245, 245, 245) solid 1px;
|
|
|
+ }
|
|
|
+
|
|
|
+ /*表头*/
|
|
|
+ table .header {
|
|
|
+ background-color: rgb(250, 250, 250);
|
|
|
+ font-weight: bold;
|
|
|
+ font-size: 16px;
|
|
|
+ position: -webkit-sticky;
|
|
|
+ position: sticky;
|
|
|
+ top: 10px;
|
|
|
+ }
|
|
|
+
|
|
|
+ table .body .action .more-action {
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ table .body .action .more-action:hover .more-action-list {
|
|
|
+ display: block !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ table .body .action .more-action-list {
|
|
|
+ display: none;
|
|
|
+ position: absolute;
|
|
|
+
|
|
|
+ margin-left: 50px;
|
|
|
+ }
|
|
|
+
|
|
|
+ table .body .action .more-action-list .more-action-item {
|
|
|
+ display: block;
|
|
|
+ }
|
|
|
+
|
|
|
+ table tr {
|
|
|
+ border-bottom: rgb(239, 239, 239) solid 1px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .info-wrapper {
|
|
|
+ min-width: 768px;
|
|
|
+ height: 730px;
|
|
|
+ overflow: hidden;
|
|
|
+ }
|
|
|
+
|
|
|
+ .commodity-all-wrapper {
|
|
|
+ height: 200px;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ overflow: scroll;
|
|
|
+ }
|
|
|
+
|
|
|
+ .commodity-all-wrapper::-webkit-scrollbar {
|
|
|
+ width: 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ .reviewed-commodity-wrapper {
|
|
|
+ min-height: 380px;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .reviewed-commodity-wrapper .commodity-list-wrapper {
|
|
|
+ float: left;
|
|
|
+ width: 70%;
|
|
|
+ height: 380px;
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ /*新箱号*/
|
|
|
+ .reviewed-commodity-wrapper .commodity-list-wrapper .new-box-wrapper {
|
|
|
+ height: 80px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .new-box-wrapper label {
|
|
|
+ line-height: 80px;
|
|
|
+ margin-left: 50px;
|
|
|
+ font-size: 30px;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+
|
|
|
+ .new-box-wrapper input {
|
|
|
+ font-size: 30px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .new-box-wrapper button {
|
|
|
+ font-size: 25px;
|
|
|
+ margin-left: 20px;
|
|
|
+ margin-bottom: 12px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .reviewed-commodity-wrapper .commodity-list-wrapper .commodity-list {
|
|
|
+ overflow: scroll;
|
|
|
+ height: 300px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .reviewed-commodity-wrapper .commodity-list-wrapper .commodity-list::-webkit-scrollbar {
|
|
|
+ width: 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ .reviewed-commodity-wrapper .commodity-info {
|
|
|
+ float: left;
|
|
|
+ width: 30%;
|
|
|
+ }
|
|
|
+
|
|
|
+ .commodity-info .info-item {
|
|
|
+ font-size: 18px;
|
|
|
+ width: 100%;
|
|
|
+ display: block;
|
|
|
+ margin: 5px 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ .commodity-info .info-item label {
|
|
|
+ display: inline-block;
|
|
|
+ width: 100px;
|
|
|
+ text-align: right;
|
|
|
+ }
|
|
|
+
|
|
|
+ .commodity-info .info-item input {
|
|
|
+ vertical-align: top;
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ .review-status-wrapper {
|
|
|
+ height: 75px;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .review-status-wrapper .review-status-item {
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ .review-status-wrapper .review-status-item .description {
|
|
|
+ font-size: 16px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .review-status-wrapper .review-status-item .commodity-total-number,
|
|
|
+ .review-status-wrapper .review-status-item .commodity-packed-number,
|
|
|
+ .review-status-wrapper .review-status-item .commodity-unpacked-number,
|
|
|
+ .review-status-wrapper .review-status-item .commodity-scan-number {
|
|
|
+ font-size: 30px;
|
|
|
+ font-weight: bold;
|
|
|
+ display: inline-block;
|
|
|
+ width: 100px;
|
|
|
+ height: 35px;
|
|
|
+ line-height: 35px;
|
|
|
+ text-align: center;
|
|
|
+ margin-top: 20px;
|
|
|
+ margin-left: 20px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .review-status-wrapper .review-status-item .commodity-total-number {
|
|
|
+ background-color: rgb(235, 199, 13);
|
|
|
+ }
|
|
|
+
|
|
|
+ .review-status-wrapper .review-status-item .commodity-packed-number {
|
|
|
+ background-color: rgb(118, 191, 226);
|
|
|
+ }
|
|
|
+
|
|
|
+ .review-status-wrapper .review-status-item .commodity-unpacked-number {
|
|
|
+ background-color: rgb(237, 9, 9);
|
|
|
+ }
|
|
|
+
|
|
|
+ .review-status-wrapper .review-status-item .commodity-scan-number {
|
|
|
+ background-color: rgb(25, 230, 48);
|
|
|
+ }
|
|
|
+
|
|
|
+ .button-list {
|
|
|
+ height: 75px;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .button-list button {
|
|
|
+ float: left;
|
|
|
+ margin: 3px 25px;
|
|
|
+ width: 100px;
|
|
|
+ }
|
|
|
+ </style>
|
|
|
+@stop
|
|
|
+@section('content')
|
|
|
+ @include('shared._messages')
|
|
|
+ @include('shared._error')
|
|
|
+ <div id="list" class="d-none">
|
|
|
+ <div class="container-fluid">
|
|
|
+ <div id="form_div"></div>
|
|
|
+ <div class="info-wrapper">
|
|
|
+ <div class="commodity-all-wrapper">
|
|
|
+ <table>
|
|
|
+ <tr class="header">
|
|
|
+ <td>行号</td>
|
|
|
+ <td>产品代码</td>
|
|
|
+ <td>中文描述</td>
|
|
|
+ <td>状态</td>
|
|
|
+ <td>装箱</td>
|
|
|
+ <td>分配数</td>
|
|
|
+ <td>复核数</td>
|
|
|
+ <td>未复核数</td>
|
|
|
+ <td>质量状态</td>
|
|
|
+ <td>备注</td>
|
|
|
+ <td>拣货库位</td>
|
|
|
+ <td>英文描述</td>
|
|
|
+ <td>产品条码</td>
|
|
|
+ <td>操作</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td>1</td>
|
|
|
+ <td>A44551122444</td>
|
|
|
+ <td>买家秀</td>
|
|
|
+ <td>分配完成</td>
|
|
|
+ <td>N</td>
|
|
|
+ <td>1</td>
|
|
|
+ <td>0</td>
|
|
|
+ <td>1</td>
|
|
|
+ <td>ZP</td>
|
|
|
+ <td></td>
|
|
|
+ <td></td>
|
|
|
+ <td></td>
|
|
|
+ <td>A44551122444</td>
|
|
|
+ <td>操作1 更多</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td>1</td>
|
|
|
+ <td>A44551122444</td>
|
|
|
+ <td>买家秀</td>
|
|
|
+ <td>分配完成</td>
|
|
|
+ <td>N</td>
|
|
|
+ <td>1</td>
|
|
|
+ <td>0</td>
|
|
|
+ <td>1</td>
|
|
|
+ <td>ZP</td>
|
|
|
+ <td></td>
|
|
|
+ <td></td>
|
|
|
+ <td></td>
|
|
|
+ <td>A44551122444</td>
|
|
|
+ <td>操作1 更多</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td>1</td>
|
|
|
+ <td>A44551122444</td>
|
|
|
+ <td>买家秀</td>
|
|
|
+ <td>分配完成</td>
|
|
|
+ <td>N</td>
|
|
|
+ <td>1</td>
|
|
|
+ <td>0</td>
|
|
|
+ <td>1</td>
|
|
|
+ <td>ZP</td>
|
|
|
+ <td></td>
|
|
|
+ <td></td>
|
|
|
+ <td></td>
|
|
|
+ <td>A44551122444</td>
|
|
|
+ <td>操作1 更多</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td>1</td>
|
|
|
+ <td>A44551122444</td>
|
|
|
+ <td>买家秀</td>
|
|
|
+ <td>分配完成</td>
|
|
|
+ <td>N</td>
|
|
|
+ <td>1</td>
|
|
|
+ <td>0</td>
|
|
|
+ <td>1</td>
|
|
|
+ <td>ZP</td>
|
|
|
+ <td></td>
|
|
|
+ <td></td>
|
|
|
+ <td></td>
|
|
|
+ <td>A44551122444</td>
|
|
|
+ <td>操作1 更多</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td>1</td>
|
|
|
+ <td>A44551122444</td>
|
|
|
+ <td>买家秀</td>
|
|
|
+ <td>分配完成</td>
|
|
|
+ <td>N</td>
|
|
|
+ <td>1</td>
|
|
|
+ <td>0</td>
|
|
|
+ <td>1</td>
|
|
|
+ <td>ZP</td>
|
|
|
+ <td></td>
|
|
|
+ <td></td>
|
|
|
+ <td></td>
|
|
|
+ <td>A44551122444</td>
|
|
|
+ <td>操作1 更多</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td>1</td>
|
|
|
+ <td>A44551122444</td>
|
|
|
+ <td>买家秀</td>
|
|
|
+ <td>分配完成</td>
|
|
|
+ <td>N</td>
|
|
|
+ <td>1</td>
|
|
|
+ <td>0</td>
|
|
|
+ <td>1</td>
|
|
|
+ <td>ZP</td>
|
|
|
+ <td></td>
|
|
|
+ <td></td>
|
|
|
+ <td></td>
|
|
|
+ <td>A44551122444</td>
|
|
|
+ <td>操作1 更多</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td>1</td>
|
|
|
+ <td>A44551122444</td>
|
|
|
+ <td>买家秀</td>
|
|
|
+ <td>分配完成</td>
|
|
|
+ <td>N</td>
|
|
|
+ <td>1</td>
|
|
|
+ <td>0</td>
|
|
|
+ <td>1</td>
|
|
|
+ <td>ZP</td>
|
|
|
+ <td></td>
|
|
|
+ <td></td>
|
|
|
+ <td></td>
|
|
|
+ <td>A44551122444</td>
|
|
|
+ <td>操作1 更多</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td>1</td>
|
|
|
+ <td>A44551122444</td>
|
|
|
+ <td>买家秀</td>
|
|
|
+ <td>分配完成</td>
|
|
|
+ <td>N</td>
|
|
|
+ <td>1</td>
|
|
|
+ <td>0</td>
|
|
|
+ <td>1</td>
|
|
|
+ <td>ZP</td>
|
|
|
+ <td></td>
|
|
|
+ <td></td>
|
|
|
+ <td></td>
|
|
|
+ <td>A44551122444</td>
|
|
|
+ <td>操作1 更多</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td>1</td>
|
|
|
+ <td>A44551122444</td>
|
|
|
+ <td>买家秀</td>
|
|
|
+ <td>分配完成</td>
|
|
|
+ <td>N</td>
|
|
|
+ <td>1</td>
|
|
|
+ <td>0</td>
|
|
|
+ <td>1</td>
|
|
|
+ <td>ZP</td>
|
|
|
+ <td></td>
|
|
|
+ <td></td>
|
|
|
+ <td></td>
|
|
|
+ <td>A44551122444</td>
|
|
|
+ <td>操作1 更多</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td>1</td>
|
|
|
+ <td>A44551122444</td>
|
|
|
+ <td>买家秀</td>
|
|
|
+ <td>分配完成</td>
|
|
|
+ <td>N</td>
|
|
|
+ <td>1</td>
|
|
|
+ <td>0</td>
|
|
|
+ <td>1</td>
|
|
|
+ <td>ZP</td>
|
|
|
+ <td></td>
|
|
|
+ <td></td>
|
|
|
+ <td></td>
|
|
|
+ <td>A44551122444</td>
|
|
|
+ <td>操作1 更多</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td>1</td>
|
|
|
+ <td>A44551122444</td>
|
|
|
+ <td>买家秀</td>
|
|
|
+ <td>分配完成</td>
|
|
|
+ <td>N</td>
|
|
|
+ <td>1</td>
|
|
|
+ <td>0</td>
|
|
|
+ <td>1</td>
|
|
|
+ <td>ZP</td>
|
|
|
+ <td></td>
|
|
|
+ <td></td>
|
|
|
+ <td></td>
|
|
|
+ <td>A44551122444</td>
|
|
|
+ <td>操作1 更多</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td>1</td>
|
|
|
+ <td>A44551122444</td>
|
|
|
+ <td>买家秀</td>
|
|
|
+ <td>分配完成</td>
|
|
|
+ <td>N</td>
|
|
|
+ <td>1</td>
|
|
|
+ <td>0</td>
|
|
|
+ <td>1</td>
|
|
|
+ <td>ZP</td>
|
|
|
+ <td></td>
|
|
|
+ <td></td>
|
|
|
+ <td></td>
|
|
|
+ <td>A44551122444</td>
|
|
|
+ <td>操作1 更多</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td>1</td>
|
|
|
+ <td>A44551122444</td>
|
|
|
+ <td>买家秀</td>
|
|
|
+ <td>分配完成</td>
|
|
|
+ <td>N</td>
|
|
|
+ <td>1</td>
|
|
|
+ <td>0</td>
|
|
|
+ <td>1</td>
|
|
|
+ <td>ZP</td>
|
|
|
+ <td></td>
|
|
|
+ <td></td>
|
|
|
+ <td></td>
|
|
|
+ <td>A44551122444</td>
|
|
|
+ <td>操作1 更多</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td>1</td>
|
|
|
+ <td>A44551122444</td>
|
|
|
+ <td>买家秀</td>
|
|
|
+ <td>分配完成</td>
|
|
|
+ <td>N</td>
|
|
|
+ <td>1</td>
|
|
|
+ <td>0</td>
|
|
|
+ <td>1</td>
|
|
|
+ <td>ZP</td>
|
|
|
+ <td></td>
|
|
|
+ <td></td>
|
|
|
+ <td></td>
|
|
|
+ <td>A44551122444</td>
|
|
|
+ <td>操作1 更多</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td>1</td>
|
|
|
+ <td>A44551122444</td>
|
|
|
+ <td>买家秀</td>
|
|
|
+ <td>分配完成</td>
|
|
|
+ <td>N</td>
|
|
|
+ <td>1</td>
|
|
|
+ <td>0</td>
|
|
|
+ <td>1</td>
|
|
|
+ <td>ZP</td>
|
|
|
+ <td></td>
|
|
|
+ <td></td>
|
|
|
+ <td></td>
|
|
|
+ <td>A44551122444</td>
|
|
|
+ <td>操作1 更多</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td>1</td>
|
|
|
+ <td>A44551122444</td>
|
|
|
+ <td>买家秀</td>
|
|
|
+ <td>分配完成</td>
|
|
|
+ <td>N</td>
|
|
|
+ <td>1</td>
|
|
|
+ <td>0</td>
|
|
|
+ <td>1</td>
|
|
|
+ <td>ZP</td>
|
|
|
+ <td></td>
|
|
|
+ <td></td>
|
|
|
+ <td></td>
|
|
|
+ <td>A44551122444</td>
|
|
|
+ <td>操作1 更多</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td>1</td>
|
|
|
+ <td>A44551122444</td>
|
|
|
+ <td>买家秀</td>
|
|
|
+ <td>分配完成</td>
|
|
|
+ <td>N</td>
|
|
|
+ <td>1</td>
|
|
|
+ <td>0</td>
|
|
|
+ <td>1</td>
|
|
|
+ <td>ZP</td>
|
|
|
+ <td></td>
|
|
|
+ <td></td>
|
|
|
+ <td></td>
|
|
|
+ <td>A44551122444</td>
|
|
|
+ <td>操作1 更多</td>
|
|
|
+ </tr>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ <div class="reviewed-commodity-wrapper">
|
|
|
+ <div class="commodity-list-wrapper">
|
|
|
+ <!--新箱号-->
|
|
|
+ <div class="new-box-wrapper">
|
|
|
+ <label for="new-box-number">新箱号: </label>
|
|
|
+ <input type="text" class="new-box-input" id="new-box-number">
|
|
|
+ <button class="btn btn-info">清除</button>
|
|
|
+ </div>
|
|
|
+ <div class="commodity-list">
|
|
|
+ <table>
|
|
|
+ <tr class="header">
|
|
|
+ <td>产品代码</td>
|
|
|
+ <td>中文描述</td>
|
|
|
+ <td>英文描述</td>
|
|
|
+ <td>数量</td>
|
|
|
+ <td>操作</td>
|
|
|
+ </tr>
|
|
|
+
|
|
|
+ <tr class="body">
|
|
|
+ <td>A121212</td>
|
|
|
+ <td>PDD</td>
|
|
|
+ <td></td>
|
|
|
+ <td>1</td>
|
|
|
+ <td class="action">
|
|
|
+ <a href="javascript:;">操作1</a>
|
|
|
+ <a class="more-action" href="javascript:;">
|
|
|
+ 更多
|
|
|
+ <i class="fa fa-angle-down"></i>
|
|
|
+ <div class="more-action-list">
|
|
|
+ <a class="more-action-item" href="javascript:;">更多1</a>
|
|
|
+ <a class="more-action-item" href="javascript:;">更多2</a>
|
|
|
+ <a class="more-action-item" href="javascript:;">更多3</a>
|
|
|
+ <a class="more-action-item" href="javascript:;">更多4</a>
|
|
|
+ <a class="more-action-item" href="javascript:;">更多5</a>
|
|
|
+ <a class="more-action-item" href="javascript:;">更多6</a>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="commodity-info">
|
|
|
+ <div class="info-item">
|
|
|
+ <label for="commodity-code">产品编码: </label>
|
|
|
+ <input type="text" id="commodity-code" value="A5544511">
|
|
|
+ </div>
|
|
|
+ <div class="info-item">
|
|
|
+ <label for="amount">数量: </label>
|
|
|
+ <input type="number" id="amount" value="0">
|
|
|
+ </div>
|
|
|
+ <div class="info-item">
|
|
|
+ <label for="unit">单位: </label>
|
|
|
+ <input disabled="true" type="text" id="unit" value="件">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="review-status-wrapper row col-8">
|
|
|
+ <div class="review-status-item col">
|
|
|
+ <span class="description">产品总数</span>
|
|
|
+ <span class="commodity-total-number">2</span>
|
|
|
+ </div>
|
|
|
+ <div class="review-status-item col">
|
|
|
+ <span class="description">已装箱数</span>
|
|
|
+ <span class="commodity-packed-number">2</span>
|
|
|
+ </div>
|
|
|
+ <div class="review-status-item col">
|
|
|
+ <span class="description">未装箱数</span>
|
|
|
+ <span class="commodity-unpacked-number">2</span>
|
|
|
+ </div>
|
|
|
+ <div class="review-status-item col">
|
|
|
+ <span class="description">扫描数量</span>
|
|
|
+ <span class="commodity-scan-number">2</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="button-list">
|
|
|
+ <button class="btn btn-info">装箱完成</button>
|
|
|
+ <button class="btn btn-info">打印装箱单</button>
|
|
|
+ <button class="btn btn-info">装箱标签</button>
|
|
|
+ <button class="btn btn-info">确定</button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+@endsection
|
|
|
+@section('lastScript')
|
|
|
+ <script type="text/javascript" src="{{mix('js/queryForm/queryForm.js')}}"></script>
|
|
|
+ <script>
|
|
|
+ let vue = new Vue({
|
|
|
+ el: "#list",
|
|
|
+ data: {},
|
|
|
+ created() {
|
|
|
+ },
|
|
|
+ mounted() {
|
|
|
+ $('#list').removeClass('d-none');
|
|
|
+ let _this = this;
|
|
|
+ $(".up").slideUp();
|
|
|
+ let data = [
|
|
|
+ [
|
|
|
+ {name: 'order_no', type: 'input', tip: '订单号，不支持模糊搜索', placeholder: '订单号'},
|
|
|
+ ]
|
|
|
+ ];
|
|
|
+ _this.form = new query({
|
|
|
+ el: '#form_div',
|
|
|
+ condition: data,
|
|
|
+ appendDom: "btn",
|
|
|
+ });
|
|
|
+ _this.form.init();
|
|
|
+ },
|
|
|
+ methods: {},
|
|
|
+ filters: {},
|
|
|
+ });
|
|
|
+ </script>
|
|
|
+@endsection
|
ANG YU