浏览代码

库存盘点--盘点页面优化

haozi 5 年之前
父节点
当前提交
c3fac47cef
共有 1 个文件被更改,包括 338 次插入286 次删除
  1. 338 286
      resources/views/inventory/stockInventory/inventoryMission.blade.php

+ 338 - 286
resources/views/inventory/stockInventory/inventoryMission.blade.php

@@ -85,12 +85,12 @@
         </span>
         </div>
 
-        <div v-if="blindReceive" class="container">
+        <div v-if="blindReceive">
             <audio src="{{asset('sound/warning_otherBarcode.mp3')}}" controls="controls" preload id="soundWarning" hidden>
             </audio>
             <audio src="{{asset('sound/ding.mp3')}}" controls="controls" preload id="soundDing" hidden>
             </audio>
-            <div class="row mt-2">
+            <div class="row mt-2 mb-2 rounded" style="border:solid 3px #999999;">
                 <div class="col-12" id="scanColumn">
                     <div class="card" :class="borderByMode">
                         <div class="card-body">
@@ -144,13 +144,13 @@
                                                v-model="inputting.amount" @focusin="focusOutDocument" @focusout="focusDocument" @keyup="oninputEnter"
                                                style='height: 40px;font-size: 1.6em;color:blue;font-weight: bolder;padding: 3px;text-align: center'>
                                     </div>
-{{--                                    <div class="card-title">--}}
-{{--                                        格口号:--}}
-{{--                                    </div>--}}
-{{--                                    <input type="number" id="bin" class="form-control mt-n2 mb-2"--}}
-{{--                                           v-model="inputting.bin"--}}
-{{--                                           :disabled="status.binDisable" @focusin="focusOutDocument" @focusout="focusDocument" @keyup="oninputEnter"--}}
-{{--                                           style='height: 80px;font-size: 5em;color:red;font-weight: bolder;padding: 3px;text-align: center'>--}}
+                                    {{--                                    <div class="card-title">--}}
+                                    {{--                                        格口号:--}}
+                                    {{--                                    </div>--}}
+                                    {{--                                    <input type="number" id="bin" class="form-control mt-n2 mb-2"--}}
+                                    {{--                                           v-model="inputting.bin"--}}
+                                    {{--                                           :disabled="status.binDisable" @focusin="focusOutDocument" @focusout="focusDocument" @keyup="oninputEnter"--}}
+                                    {{--                                           style='height: 80px;font-size: 5em;color:red;font-weight: bolder;padding: 3px;text-align: center'>--}}
                                     <div v-if="inputMode=='regular'">
                                         <div class="card-title">
                                             批次号:
@@ -168,7 +168,7 @@
                             <hr>
                             <table class="table table-sm  table-striped" v-if="goodses.length>0">
                                 <tr>
-{{--                                    <th>隔口号</th>--}}
+                                    {{--                                    <th>隔口号</th>--}}
                                     <th>数量</th>
                                     <th>条码</th>
                                     <th>生产日期</th>
@@ -177,7 +177,7 @@
                                     <th>操作</th>
                                 </tr>
                                 <tr v-for="goods in goodses">
-{{--                                    <td>@{{ goods.bin }}</td>--}}
+                                    {{--                                    <td>@{{ goods.bin }}</td>--}}
                                     <td>@{{ goods.amount }}</td>
                                     <td>@{{ goods.barcode }}</td>
                                     <td>@{{ goods.produce_date }}</td>
@@ -193,16 +193,16 @@
                 </div>
             </div>
         </div>
-        <div v-if="!blindReceive">
-        <form id="form">
-            <div class="mt-3 form-inline " v-if="!listMode" :class="inventory.status=='盘点中' ||inventory.status=='待盘点'?'row-cols-3':'row-cols-5'">
+            <form id="form">
+                <div v-if="!blindReceive">
+                <div class="mt-3 form-inline " v-if="!listMode" :class="inventory.status=='盘点中' ||inventory.status=='待盘点'?'row-cols-3':'row-cols-5'">
         <span class="form-group">
             <label for="location" class="text-secondary font-weight-bold">请输库位</label>
             <input id="locationInput"  @keypress="locationPress($event)"
                    @change="locationChange($event)"
                    name="location" type="text" class="form-control  input"  autocomplete="off" value="@if(old('location')){{old('location')}}@endif">
         </span>
-                <span class="form-group ml-4">
+                    <span class="form-group ml-4">
             <label for="barcode" class="text-secondary font-weight-bold">请输产品条码</label>
                 <input id="barcodeInput" name="barcode"  @keypress="barcodePress($event)"
                        @change="barcodeChange($event)"
@@ -210,105 +210,106 @@
 
         </span>
 
-                <span class="form-group ml-4" v-if="dataExtraStatus.addingNew" id="countBlock">
+                    <span class="form-group ml-4" v-if="dataExtraStatus.addingNew" id="countBlock">
                         <label for="count" class="text-secondary font-weight-bold">请输盘点数</label>
                         <input type="text" id="amountInput"  @keypress="amountPress($event)"
                                name="count" class="form-control input" value="@if(old('count')){{old('count')}}@endif"  autocomplete="off">
                     </span>
-            </div>
-            <!--相同库位和条码 pc端-->
+                </div>
+        </div>
+                <!--相同库位和条码 pc端-->
 
-            <div class="row d-none d-xl-block">
-                <div class="col-12 col-md-12 col-sm-12 showBlueTable d-none">
-                    <table class="table table-sm table-bordered table-info mt-2" v-if="!listMode" id="blueTablePc">
-                        <tr>
-                            <td class="font-weight-bold">输入盘点数</td>
-                            <td>操作</td>
-                            <td>库位</td>
-                            <td>产品名</td>
-                            <td>产品条码</td>
-                            <td>产品编码</td>
-                            <td>生产日期</td>
-                            <td>失效时期</td>
-                            <td>批号</td>
-                            <th>属性仓</th>
-                            <th>质量状态</th>
-                            <td>盘点数量</td>
-                            <td>复盘数量</td>
-                            <td>复盘差异</td>
-                        </tr>
-                        <tr  class="selectingRow" id="blueTrPc">
-                            <td>
-                                <input type="text"  onkeypress="listVue.selectingRow(event)" name="amount" class="form-control-sm blueAmountPc"   autocomplete="off"  oninput="inputs.amount=event.target.value">
-                            </td>
-                            <td>
-                                <span class="btn btn-sm btn-outline-primary stockButtonPc"  onclick="listVue.盘点选中任务(event)">选定盘点</span>
-                            </td>
-                            <td class="location"></td>
-                            <td class="commodity_name"></td>
-                            <td class="commodity_barcode"></td>
-                            <td class="commodity_sku"></td>
-                            <td><input type="date" class="form-control-sm produced_at" name="produced_at" onchange="producedAtChange(event)"></td>
-                            <td><input type="date" class="form-control-sm valid_at" name="valid_at"  onchange="validAtChange(event)"></td>
-                            <td><input type="text" class="form-control-sm batch_number" name="batch_number" onchange="batchNumberChange(event)"></td>
-                            <td class="erp_type_position"></td>
-                            <td class="quality"></td>
-                            <td class="verified_amount"></td>
-                            <td class="re_checked_amount"></td>
-                            <td class="difference_amount"></td>
-                        </tr>
-                    </table>
+                <div class="row d-none d-xl-block">
+                    <div class="col-12 col-md-12 col-sm-12 showBlueTable d-none">
+                        <table class="table table-sm table-bordered table-info mt-2" v-if="!listMode" id="blueTablePc">
+                            <tr>
+                                <td class="font-weight-bold">输入盘点数</td>
+                                <td>操作</td>
+                                <td>库位</td>
+                                <td>产品名</td>
+                                <td>产品条码</td>
+                                <td>产品编码</td>
+                                <td>生产日期</td>
+                                <td>失效时期</td>
+                                <td>批号</td>
+                                <th>属性仓</th>
+                                <th>质量状态</th>
+                                <td>盘点数量</td>
+                                <td>复盘数量</td>
+                                <td>复盘差异</td>
+                            </tr>
+                            <tr  class="selectingRow" id="blueTrPc">
+                                <td>
+                                    <input type="text"  onkeypress="listVue.selectingRow(event)" name="amount" class="form-control-sm blueAmountPc"   autocomplete="off"  oninput="inputs.amount=event.target.value">
+                                </td>
+                                <td>
+                                    <span class="btn btn-sm btn-outline-primary stockButtonPc"  onclick="listVue.盘点选中任务(event)">选定盘点</span>
+                                </td>
+                                <td class="location"></td>
+                                <td class="commodity_name"></td>
+                                <td class="commodity_barcode"></td>
+                                <td class="commodity_sku"></td>
+                                <td><input type="date" class="form-control-sm produced_at" name="produced_at" onchange="producedAtChange(event)"></td>
+                                <td><input type="date" class="form-control-sm valid_at" name="valid_at"  onchange="validAtChange(event)"></td>
+                                <td><input type="text" class="form-control-sm batch_number" name="batch_number" onchange="batchNumberChange(event)"></td>
+                                <td class="erp_type_position"></td>
+                                <td class="quality"></td>
+                                <td class="verified_amount"></td>
+                                <td class="re_checked_amount"></td>
+                                <td class="difference_amount"></td>
+                            </tr>
+                        </table>
+                    </div>
                 </div>
-            </div>
-            <!--相同库位和条码 移动端-->
-            <div class="showBlueTable d-none">
-                <table class="table table-striped table-sm table-bordered table-hover p-0 d-table  d-xl-none mt-2" style="background: rgb(179, 214, 245);" v-if="!listMode"  id="blueTable">
-                    <tr class="selectingRow移动端" id="blueTr">
-                        <td style="filter:grayscale(30%); ">
-                            <div class="mt-3">
-                                <div>
+                <!--相同库位和条码 移动端-->
+                <div class="showBlueTable d-none">
+                    <table class="table table-striped table-sm table-bordered table-hover p-0 d-table  d-xl-none mt-2" style="background: rgb(179, 214, 245);" v-if="!listMode"  id="blueTable">
+                        <tr class="selectingRow移动端" id="blueTr">
+                            <td style="filter:grayscale(30%); ">
+                                <div class="mt-3">
+                                    <div>
                                     <span  class="mr-3 text-nowrap"><span class="font-weight-bold">输入盘点数:</span>
                                         <span>
                                                 <input type="text"  onkeypress="listVue.selectingRow(event)" name="amount" class="form-control-sm blueAmount"  autocomplete="off"  oninput="inputs.amount=event.target.value">
                                         </span>
                                     </span>
-                                    <span class="mr-3 text-nowrap"><span class="font-weight-bold">操作:</span><span class="btn btn-sm btn-outline-primary stockButton" onclick="listVue.盘点选中任务(event)">选定盘点</span></span>
-                                </div>
-                                <div style="transform:scale(0.9)" class="pl-0">
-                                    <span class="mr-3 text-nowrap"><span class="font-weight-bold">库位:</span><span class="location"></span></span>
-                                    <span class="mr-3 text-nowrap"><span class="font-weight-bold">产品名称:</span><span class="commodity_name"></span></span>
-                                    <span class="mr-3 text-nowrap"><span class="font-weight-bold">产品条码:</span><span class="commodity_barcode"></span>
+                                        <span class="mr-3 text-nowrap"><span class="font-weight-bold">操作:</span><span class="btn btn-sm btn-outline-primary stockButton" onclick="listVue.盘点选中任务(event)">选定盘点</span></span>
+                                    </div>
+                                    <div style="transform:scale(0.9)" class="pl-0">
+                                        <span class="mr-3 text-nowrap"><span class="font-weight-bold">库位:</span><span class="location"></span></span>
+                                        <span class="mr-3 text-nowrap"><span class="font-weight-bold">产品名称:</span><span class="commodity_name"></span></span>
+                                        <span class="mr-3 text-nowrap"><span class="font-weight-bold">产品条码:</span><span class="commodity_barcode"></span>
                                     </span>
-                                    <span class="mr-3 text-nowrap"><span class="font-weight-bold">产品编码:</span><span class="commodity_sku"></span></span>
-                                    <span class="mr-3 text-nowrap"><span class="font-weight-bold">生产日期:</span><input type="date" class="form-control-sm produced_at" name="produced_at" onchange="producedAtChange(event)"></span>
-                                    <span class="mr-3 text-nowrap"><span class="font-weight-bold">失效时期:</span><input type="date" class="form-control-sm valid_at" name="valid_at" onchange="validAtChange(event)"></span>
-                                    <span class="mr-3 text-nowrap"><span class="font-weight-bold">批号:</span><input type="text" class="form-control-sm batch_number" name="batch_number" onchange="batchNumberChange(event)"></span>
-                                    <span class="mr-3 text-nowrap"><span>属性仓:</span><span class="erp_type_position"></span></span>
-                                    <span class="mr-3 text-nowrap"><span>质量状态:</span><span class="quality"></span></span>
-                                    <div>
-                                        <span class="mr-3 text-nowrap"><span style="color:#783000">盘点数量:</span><span style="color:#af7651" class="verified_amount"></span></span>
-                                        <span class="mr-3 text-nowrap"><span style="color:#783000">复盘数量:</span><span style="color:#af7651" class="re_checked_amount"></span></span>
-                                        <span class="mr-3 text-nowrap"><span style="color:#783000">盘点差异:</span><span class="difference_amount"></span></span>
+                                        <span class="mr-3 text-nowrap"><span class="font-weight-bold">产品编码:</span><span class="commodity_sku"></span></span>
+                                        <span class="mr-3 text-nowrap"><span class="font-weight-bold">生产日期:</span><input type="date" class="form-control-sm produced_at" name="produced_at" onchange="producedAtChange(event)"></span>
+                                        <span class="mr-3 text-nowrap"><span class="font-weight-bold">失效时期:</span><input type="date" class="form-control-sm valid_at" name="valid_at" onchange="validAtChange(event)"></span>
+                                        <span class="mr-3 text-nowrap"><span class="font-weight-bold">批号:</span><input type="text" class="form-control-sm batch_number" name="batch_number" onchange="batchNumberChange(event)"></span>
+                                        <span class="mr-3 text-nowrap"><span>属性仓:</span><span class="erp_type_position"></span></span>
+                                        <span class="mr-3 text-nowrap"><span>质量状态:</span><span class="quality"></span></span>
+                                        <div>
+                                            <span class="mr-3 text-nowrap"><span style="color:#783000">盘点数量:</span><span style="color:#af7651" class="verified_amount"></span></span>
+                                            <span class="mr-3 text-nowrap"><span style="color:#783000">复盘数量:</span><span style="color:#af7651" class="re_checked_amount"></span></span>
+                                            <span class="mr-3 text-nowrap"><span style="color:#783000">盘点差异:</span><span class="difference_amount"></span></span>
+                                        </div>
                                     </div>
                                 </div>
-                            </div>
-                        </td>
-                    </tr>
-                </table>
-            </div>
-        </form>
+                            </td>
+                        </tr>
+                    </table>
+                </div>
+            </form>
 
 
-        <div class="card-body pt-1">
-            <label for="all" class="d-none" id="cloneCheckAll">
-                <input id="all" type="checkbox" @click="checkAll($event)">全选
-            </label>
-            <table class="table table-sm table-bordered d-none text-nowrap " id="headerRoll"></table>
-            <table class="table table-sm table-striped d-none d-xl-block p-0 text-nowrap table-bordered"
-                   id="headerParent">
-                <tr class="p-0" id="header"></tr>
-                <tr v-for="(inventoryMission,i) in inventoryMissions"
-                    :style="{'opacity': inventoryMission.mark==='跳过'?'0.7':''}" :class="[
+            <div class="card-body pt-1"  ref="box">
+                <label for="all" class="d-none" id="cloneCheckAll">
+                    <input id="all" type="checkbox" @click="checkAll($event)">全选
+                </label>
+                <table class="table table-sm table-bordered d-none text-nowrap " id="headerRoll"></table>
+                <table class="table table-sm table-striped d-none d-xl-block p-0 text-nowrap table-bordered"
+                       id="headerParent">
+                    <tr class="p-0" id="header"></tr>
+                    <tr {{--v-for="(inventoryMission,i) in inventoryMissions"--}} v-for="(inventoryMission, i) in 显示记录列" :key="i"
+                        :style="{'opacity': inventoryMission.mark==='跳过'?'0.7':''}" :class="[
                     inventoryMission.mark==='已复盘有差异'?'td-cool':'',
                     inventoryMission.mark==='已复盘无差异'?'td-cool text-muted':'',
                     inventoryMission.mark==='未复盘有差异'?'td-warm font-weight-bold':'',
@@ -316,16 +317,16 @@
                     inventoryMission.mark==='未盘'?'td-yellow':'',
                     inventoryMission.mark==='跳过'?'text-muted':'',
                     ]">
-                    <td>
-                        <input type="checkbox" :value="inventoryMission" v-model="checkData">
-                        <span :id="'lockLine'+(i+1)"></span>
-                    </td>
-                    <td>@{{ i+1 }}</td>
-                    <td>@{{ inventoryMission.location }}</td>
-                    <td v-if="inventoryMission.commodity"><span
-                            v-if="inventoryMission.checked==='是'||inventoryMission.checked==='跳过'||inventory.status==='复盘中'||listMode">@{{ inventoryMission.commodity.name }}</span>
-                    </td>
-                    <td>
+                        <td>
+                            <input type="checkbox" :value="inventoryMission" v-model="checkData">
+                            <span :id="'lockLine'+(i+1)"></span>
+                        </td>
+                        <td>@{{ i+1 }}</td>
+                        <td>@{{ inventoryMission.location }}</td>
+                        <td v-if="inventoryMission.commodity"><span
+                                v-if="inventoryMission.checked==='是'||inventoryMission.checked==='跳过'||inventory.status==='复盘中'||listMode">@{{ inventoryMission.commodity.name }}</span>
+                        </td>
+                        <td>
                         <span
                             v-if="inventoryMission.checked==='是'||inventoryMission.checked==='跳过'||inventory.status==='复盘中'||listMode">
                         <span
@@ -339,23 +340,23 @@
                             </span>
                         </span>
                         </span>
-                    </td>
+                        </td>
 
-                    <td v-if="inventoryMission.commodity"><span
-                            v-if="inventoryMission.checked==='是'||inventoryMission.checked==='跳过'||inventory.status==='复盘中'||listMode">@{{ inventoryMission.commodity.sku }}</span>
-                    </td>
-                    <td><span
-                            v-if="inventoryMission.checked==='是'||inventoryMission.checked==='跳过'||inventory.status==='复盘中'||listMode">@{{ inventoryMission.produced_at }}</span>
-                    </td>
-                    <td><span
-                            v-if="inventoryMission.checked==='是'||inventoryMission.checked==='跳过'||inventory.status==='复盘中'||listMode">@{{ inventoryMission.valid_at }}</span>
-                    </td>
-                    <td class="text-muted"><span
-                            v-if="inventoryMission.checked==='是'||inventoryMission.checked==='跳过'||inventory.status==='复盘中'||listMode">@{{ inventoryMission.batch_number }}</span>
-                    </td>
+                        <td v-if="inventoryMission.commodity"><span
+                                v-if="inventoryMission.checked==='是'||inventoryMission.checked==='跳过'||inventory.status==='复盘中'||listMode">@{{ inventoryMission.commodity.sku }}</span>
+                        </td>
+                        <td><span
+                                v-if="inventoryMission.checked==='是'||inventoryMission.checked==='跳过'||inventory.status==='复盘中'||listMode">@{{ inventoryMission.produced_at }}</span>
+                        </td>
+                        <td><span
+                                v-if="inventoryMission.checked==='是'||inventoryMission.checked==='跳过'||inventory.status==='复盘中'||listMode">@{{ inventoryMission.valid_at }}</span>
+                        </td>
+                        <td class="text-muted"><span
+                                v-if="inventoryMission.checked==='是'||inventoryMission.checked==='跳过'||inventory.status==='复盘中'||listMode">@{{ inventoryMission.batch_number }}</span>
+                        </td>
 
-                    <td v-if="inventoryMission.stockInventoryPersons" class="text-muted"
-                        :rowspan="inventoryMission.is_multi_row?2:''">
+                        <td v-if="inventoryMission.stockInventoryPersons" class="text-muted"
+                            :rowspan="inventoryMission.is_multi_row?2:''">
                         <span
                             v-if="inventoryMission.checked==='是'||inventoryMission.checked==='跳过'||inventory.status==='复盘中'||listMode">
                         <a href="#" v-if="inventoryMission.stockInventoryPersons.length>0" class="dropdown-toggle"
@@ -377,13 +378,13 @@
                             </table>
                         </div>
                         </span>
-                    </td>
+                        </td>
 
-                    <td><span
-                            v-if="inventoryMission.checked==='是'||inventoryMission.checked==='跳过'||inventory.status==='复盘中'||listMode">@{{ inventoryMission.erp_type_position }}</span>
-                    </td>
-                    <td><span
-                            v-if="inventoryMission.checked==='是'||inventoryMission.checked==='跳过'||inventory.status==='复盘中'||listMode">
+                        <td><span
+                                v-if="inventoryMission.checked==='是'||inventoryMission.checked==='跳过'||inventory.status==='复盘中'||listMode">@{{ inventoryMission.erp_type_position }}</span>
+                        </td>
+                        <td><span
+                                v-if="inventoryMission.checked==='是'||inventoryMission.checked==='跳过'||inventory.status==='复盘中'||listMode">
                         <span v-if="listMode">@{{ inventoryMission.quality }}</span>
                         <select v-else class="form-control-sm" name="quality" id="quality"
                                 v-model="inventoryMission.quality"
@@ -392,45 +393,45 @@
                             <option value="残次">残次</option>
                         </select>
                         </span>
-                    </td>
-                    <td><span
-                            v-if="inventoryMission.checked==='是'||inventoryMission.checked==='跳过'||inventory.status==='复盘中'||listMode">@{{ inventoryMission.stored_amount }}</span>
-                    </td>
-                    <td><span
-                            v-if="inventoryMission.checked==='是'||inventoryMission.checked==='跳过'||inventory.status==='复盘中'||listMode">@{{ inventoryMission.valid_amount }}</span>
-                    </td>
-                    <td><span
-                            v-if="inventoryMission.checked==='是'||inventoryMission.checked==='跳过'||inventory.status==='复盘中'||listMode">@{{ inventoryMission.verified_amount }}</span>
-                    </td>
-                    <td><span
-                            v-if="inventoryMission.checked==='是'||inventoryMission.checked==='跳过'||inventory.status==='复盘中'||listMode">@{{ inventoryMission.re_checked_amount }}</span>
-                    </td>
-                    <td><span
-                            v-if="inventoryMission.checked==='是'||inventoryMission.checked==='跳过'||inventory.status==='复盘中'||listMode">@{{ inventoryMission.difference_amount }}</span>
-                    </td>
-                    <td><span
-                            v-if="inventoryMission.checked==='是'||inventoryMission.checked==='跳过'||inventory.status==='复盘中'||listMode">@{{ inventoryMission.occupied_amount }}</span>
-                    </td>
-                    @can('库存管理-盘点')
-                        <td>
-{{--                            <span class="btn  btn-sm btn-outline-danger" @click="删除盘点记录(inventoryMission.id,inventory.id,inventoryMission.commodity.name)">删除</span>--}}
-                            <span class="btn  btn-sm btn-outline-secondary" v-if="inventoryMission.checked==='否'"
-                                  @click="跳过盘点记录(inventoryMission.id,inventory.id,inventoryMission.commodity.name)">跳过</span>
-                            <span class="btn  btn-sm btn-outline-secondary"
-                                  v-if="inventory.type=='动盘'&& inventoryMission.mark=='未盘' &&!listMode"
-                                  @click="选中盘点起始位置(inventoryMission.id,inventoryMission.location)">以此为起点</span>
                         </td>
-                    @endcan
-                </tr>
-            </table>
-        </div>
-        <!--盘点记录移动端-->
-        <table id="listOnPad" class="table table-striped table-sm table-bordered table-hover p-0 d-table  d-xl-none"
-               style="background: rgb(255, 255, 255);">
-            <tbody>
-            <tr v-for="(inventoryMission,i) in inventoryMissions"
-                :style="{'opacity': inventoryMission.mark==='跳过'?'0.7':''}"
-                :class="[
+                        <td><span
+                                v-if="inventoryMission.checked==='是'||inventoryMission.checked==='跳过'||inventory.status==='复盘中'||listMode">@{{ inventoryMission.stored_amount }}</span>
+                        </td>
+                        <td><span
+                                v-if="inventoryMission.checked==='是'||inventoryMission.checked==='跳过'||inventory.status==='复盘中'||listMode">@{{ inventoryMission.valid_amount }}</span>
+                        </td>
+                        <td><span
+                                v-if="inventoryMission.checked==='是'||inventoryMission.checked==='跳过'||inventory.status==='复盘中'||listMode">@{{ inventoryMission.verified_amount }}</span>
+                        </td>
+                        <td><span
+                                v-if="inventoryMission.checked==='是'||inventoryMission.checked==='跳过'||inventory.status==='复盘中'||listMode">@{{ inventoryMission.re_checked_amount }}</span>
+                        </td>
+                        <td><span
+                                v-if="inventoryMission.checked==='是'||inventoryMission.checked==='跳过'||inventory.status==='复盘中'||listMode">@{{ inventoryMission.difference_amount }}</span>
+                        </td>
+                        <td><span
+                                v-if="inventoryMission.checked==='是'||inventoryMission.checked==='跳过'||inventory.status==='复盘中'||listMode">@{{ inventoryMission.occupied_amount }}</span>
+                        </td>
+                        @can('库存管理-盘点')
+                            <td>
+                                {{--                            <span class="btn  btn-sm btn-outline-danger" @click="删除盘点记录(inventoryMission.id,inventory.id,inventoryMission.commodity.name)">删除</span>--}}
+                                <span class="btn  btn-sm btn-outline-secondary" v-if="inventoryMission.checked==='否'"
+                                      @click="跳过盘点记录(inventoryMission.id,inventory.id,inventoryMission.commodity.name)">跳过</span>
+                                <span class="btn  btn-sm btn-outline-secondary"
+                                      v-if="inventory.type=='动盘'&& inventoryMission.mark=='未盘' &&!listMode"
+                                      @click="选中盘点起始位置(inventoryMission.id,inventoryMission.location)">以此为起点</span>
+                            </td>
+                        @endcan
+                    </tr>
+                </table>
+            </div>
+            <!--盘点记录移动端-->
+            <table id="listOnPad" class="table table-striped table-sm table-bordered table-hover p-0 d-table  d-xl-none"
+                   style="background: rgb(255, 255, 255);" ref="box">
+                <tbody>
+                <tr {{--v-for="(inventoryMission,i) in 显示记录列"--}} v-for="(inventoryMission, i) in 显示记录列" :key="i"
+                    :style="{'opacity': inventoryMission.mark==='跳过'?'0.7':''}"
+                    :class="[
                     inventoryMission.mark==='已复盘有差异'?'td-cool':'',
                     inventoryMission.mark==='已复盘无差异'?'td-cool text-muted':'',
                     inventoryMission.mark==='未复盘有差异'?'td-warm font-weight-bold':'',
@@ -438,21 +439,21 @@
                     inventoryMission.mark==='未盘'?'td-yellow':'',
                     inventoryMission.mark==='跳过'?'text-muted':'',
                     ]">
-                <td style="filter:grayscale(30%); ">
-                    <span :id="'lockLinePhone'+(i+1)"></span>
-                    <div class="mt-3">
-                        <div style="transform:scale(0.9)" class="pl-0">
-                            <span type="hidden">@{{ i+1 }}</span>
-                            <span class="mr-3 text-nowrap"><span class="font-weight-bold">库位:</span><span
-                                    style="color:#af7651">
+                    <td style="filter:grayscale(30%); ">
+                        <span :id="'lockLinePhone'+(i+1)"></span>
+                        <div class="mt-3">
+                            <div style="transform:scale(0.9)" class="pl-0">
+                                <span type="hidden">@{{ i+1 }}</span>
+                                <span class="mr-3 text-nowrap"><span class="font-weight-bold">库位:</span><span
+                                        style="color:#af7651">
                                     @{{ inventoryMission.location }}</span></span>
-                            <span class="mr-3 text-nowrap"
-                                  v-if="inventoryMission.checked==='是'||inventoryMission.checked==='跳过'||inventory.status==='复盘中'||listMode"><span
-                                    class="font-weight-bold">产品名称:</span><span style="color:#af7651"
-                                                                               v-if="inventoryMission.commodity">
+                                <span class="mr-3 text-nowrap"
+                                      v-if="inventoryMission.checked==='是'||inventoryMission.checked==='跳过'||inventory.status==='复盘中'||listMode"><span
+                                        class="font-weight-bold">产品名称:</span><span style="color:#af7651"
+                                                                                   v-if="inventoryMission.commodity">
                                     @{{ inventoryMission.commodity.name }}</span></span>
-                            <span class="mr-3 text-nowrap"
-                                  v-if="inventoryMission.checked==='是'||inventoryMission.checked==='跳过'||inventory.status==='复盘中'||listMode">
+                                <span class="mr-3 text-nowrap"
+                                      v-if="inventoryMission.checked==='是'||inventoryMission.checked==='跳过'||inventory.status==='复盘中'||listMode">
                                 <span class="font-weight-bold">质量状态:</span>
                                 <span v-if="listMode">@{{ inventoryMission.quality }}</span>
                         <select v-else class="form-control-sm" name="quality" id="quality"
@@ -462,8 +463,8 @@
                         <option value="残次">残次</option>
                          </select>
                             </span>
-                            <span class="mr-3 text-nowrap"
-                                  v-if="inventoryMission.checked==='是'||inventoryMission.checked==='跳过'||inventory.status==='复盘中'||listMode">
+                                <span class="mr-3 text-nowrap"
+                                      v-if="inventoryMission.checked==='是'||inventoryMission.checked==='跳过'||inventory.status==='复盘中'||listMode">
                                 <span class="font-weight-bold">产品条码:</span>
 
                         <span
@@ -480,18 +481,18 @@
                         </span>
                         </span>
                             </span>
-                            <div v-if="inventory.status==='复盘中'">
+                                <div v-if="inventory.status==='复盘中'">
                                 <span class="mr-3 text-nowrap"><span style="color:#783000" class="font-weight-bold">盘点数量:</span><span
                                         style="color:#af7651">
                                         @{{ inventoryMission.verified_amount }}</span></span>
-                                <span class="mr-3 text-nowrap"><span style="color:#783000" class="font-weight-bold">复盘数量:</span><span
-                                        style="color:#af7651">
+                                    <span class="mr-3 text-nowrap"><span style="color:#783000" class="font-weight-bold">复盘数量:</span><span
+                                            style="color:#af7651">
                                         @{{ inventoryMission.re_checked_amount }}</span></span>
-                                <span class="mr-3 text-nowrap"><span style="color:#783000" class="font-weight-bold">盘点差异:</span><span>
+                                    <span class="mr-3 text-nowrap"><span style="color:#783000" class="font-weight-bold">盘点差异:</span><span>
                                         @{{ inventoryMission.difference_amount }}</span></span>
-                            </div>
-                            @can('库存管理-盘点')
-                                <div>
+                                </div>
+                                @can('库存管理-盘点')
+                                    <div>
                                 <span class="mr-3 text-nowrap" v-if="!listMode"><span
                                         class="font-weight-bold">操作:</span>
 {{--                                <span class="btn  btn-sm btn-outline-danger" @click="删除盘点记录(inventoryMission.id,inventory.id,inventoryMission.commodity.name)">删除</span>--}}
@@ -501,66 +502,65 @@
                                           v-if="inventory.type=='动盘'&& inventoryMission.mark=='未盘' &&!listMode"
                                           @click="选中盘点起始位置(inventoryMission.id,inventoryMission.location)">以此为起点</span>
                             </span>
-                                </div>
-                            @endcan
+                                    </div>
+                                @endcan
+                            </div>
+                        </div>
+                    </td>
+                </tr>
+                </tbody>
+            </table>
+            <!--上次盘点记录-->
+            <div class="modal" id="lastStockInventoryRecord" tabindex="-1" role="dialog">
+                <div class="modal-dialog modal-xl">
+                    <div class="modal-content">
+                        <div class="modal-header">
+                            <h5 class="modal-title font-weight-bold">该盘点记录已存在,是否覆盖之前记录?</h5>
+                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                                <span aria-hidden="true">&times;</span>
+                            </button>
+                        </div>
+                        <div class="modal-body">
+                            <table class="table table-sm table-striped table-bordered">
+                                <tr class="text-muted text-center">
+                                    <th>库位</th>
+                                    <th>产品条码</th>
+                                    <th>盘点人</th>
+                                    <th>盘点数量</th>
+                                    <th>产品名</th>
+                                    <th>产品编号</th>
+                                    <th>属性仓</th>
+                                    <th>质量状态</th>
+                                    <th>库存数量</th>
+                                    <th>盘点差异</th>
+                                    <th>时间</th>
+                                </tr>
+                                <tr class="text-center ">
+                                    <td>@{{ lastStockInventoryRecord.location }}</td>
+                                    <td><span v-if="lastStockInventoryRecord.commodity">@{{ lastStockInventoryRecord.commodity.barcode }}</span></td>
+                                    <td><span v-if="stockInventoryPersons.length>0">@{{ stockInventoryPersons[stockInventoryPersons.length-1].mark }}</span></td>
+                                    <td>@{{ lastStockInventoryRecord.verified_amount }}</td>
+                                    <td><span v-if="lastStockInventoryRecord.commodity">@{{ lastStockInventoryRecord.commodity_name }}</span></td>
+                                    <td><span v-if="lastStockInventoryRecord.commodity">@{{ lastStockInventoryRecord.commodity.sku }}</span>
+                                    </td>
+                                    <td>@{{ lastStockInventoryRecord.erp_type_position }}</td>
+                                    <td>@{{ lastStockInventoryRecord.quality }}</td>
+                                    <td>@{{ lastStockInventoryRecord.stored_amount }}</td>
+                                    <td>@{{ lastStockInventoryRecord.difference_amount }}</td>
+                                    <td><span v-if="stockInventoryPersons.length>0">@{{ stockInventoryPersons[stockInventoryPersons.length-1].created_at }}</span>
+                                    </td>
+                                </tr>
+                            </table>
+                        </div>
+                        <div class="modal-footer">
+                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                                <span aria-hidden="true" class="btn btn-outline-secondary" @click="不覆盖()">否</span>
+                            </button>
+                            <button type="button" class="btn btn-primary" data-dismiss="modal" @click="覆盖()">是</button>
                         </div>
-                    </div>
-                </td>
-            </tr>
-            </tbody>
-        </table>
-        <!--上次盘点记录-->
-        <div class="modal" id="lastStockInventoryRecord" tabindex="-1" role="dialog">
-            <div class="modal-dialog modal-xl">
-                <div class="modal-content">
-                    <div class="modal-header">
-                        <h5 class="modal-title font-weight-bold">该盘点记录已存在,是否覆盖之前记录?</h5>
-                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
-                            <span aria-hidden="true">&times;</span>
-                        </button>
-                    </div>
-                    <div class="modal-body">
-                        <table class="table table-sm table-striped table-bordered">
-                            <tr class="text-muted text-center">
-                                <th>库位</th>
-                                <th>产品条码</th>
-                                <th>盘点人</th>
-                                <th>盘点数量</th>
-                                <th>产品名</th>
-                                <th>产品编号</th>
-                                <th>属性仓</th>
-                                <th>质量状态</th>
-                                <th>库存数量</th>
-                                <th>盘点差异</th>
-                                <th>时间</th>
-                            </tr>
-                            <tr class="text-center ">
-                                <td>@{{ lastStockInventoryRecord.location }}</td>
-                                <td><span v-if="lastStockInventoryRecord.commodity">@{{ lastStockInventoryRecord.commodity.barcode }}</span></td>
-                                <td><span v-if="stockInventoryPersons.length>0">@{{ stockInventoryPersons[stockInventoryPersons.length-1].mark }}</span></td>
-                                <td>@{{ lastStockInventoryRecord.verified_amount }}</td>
-                                <td><span v-if="lastStockInventoryRecord.commodity">@{{ lastStockInventoryRecord.commodity_name }}</span></td>
-                                <td><span v-if="lastStockInventoryRecord.commodity">@{{ lastStockInventoryRecord.commodity.sku }}</span>
-                                </td>
-                                <td>@{{ lastStockInventoryRecord.erp_type_position }}</td>
-                                <td>@{{ lastStockInventoryRecord.quality }}</td>
-                                <td>@{{ lastStockInventoryRecord.stored_amount }}</td>
-                                <td>@{{ lastStockInventoryRecord.difference_amount }}</td>
-                                <td><span v-if="stockInventoryPersons.length>0">@{{ stockInventoryPersons[stockInventoryPersons.length-1].created_at }}</span>
-                                </td>
-                            </tr>
-                        </table>
-                    </div>
-                    <div class="modal-footer">
-                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
-                            <span aria-hidden="true" class="btn btn-outline-secondary" @click="不覆盖()">否</span>
-                        </button>
-                        <button type="button" class="btn btn-primary" data-dismiss="modal" @click="覆盖()">是</button>
                     </div>
                 </div>
             </div>
-        </div>
-        </div>
     </div>
 
 
@@ -657,6 +657,7 @@
                 listMode:false,
                 blindReceive:false,
                 分割位置id:null,
+                显示记录列:[],
 
                 focusing:'document',
                 commitButtonVisible:false,
@@ -690,6 +691,12 @@
                     deep: true
                 }
             },
+            created() {
+                this.addArr()//初始化先调用一次
+            },
+            destroyed() {
+                window.removeEventListener('scroll', this.lazy)
+            },
             updated: function () {
                 $barcodeInput=$('#barcodeInput');
                 $locationInput=$('#locationInput');
@@ -697,6 +704,8 @@
             },
             mounted: function () {
                 let _this = this;
+                _this.lazy();
+                window.addEventListener('scroll', this.lazy);
                 (function 显示渲染后页面(){
                     $('#loadingPage').remove();
                     $('#list').removeClass('d-none');
@@ -742,6 +751,7 @@
                     {name: '跳过', value: '操作', neglect: true},
                 ];
                 setTimeout(function () {
+                    let _this=this;
                     let header = new Header({
                         el: "#header",
                         column: column,
@@ -755,6 +765,45 @@
                 _this.建立记录索引();
             },
             methods:{
+                lazy(){
+                    //可视区域高度
+                    let height=window.innerHeight;
+                    //滚动区域高度
+                    let scrollHeight = document.documentElement.scrollTop || document.body.scrollTop;
+                    let _this=this;
+                    // 可视区域+滚动条距离顶部位置 = 浏览器窗口底部的位置
+                    const count = height + scrollHeight;
+                    //懒加载盒子高度+懒加载盒子距离顶部位置=计算出盒子底部的距离
+                    const box_bottom = _this.$refs.box.offsetHeight + _this.$refs.box.offsetTop-500;
+                    console.log(count,box_bottom);
+                    if (count >= box_bottom) { //懒加载条件限制判断
+                        if (_this.显示记录列.length < _this.inventoryMissions.length) {//做一次判断
+                            _this.addArr()//达到条件后执行这个函数
+                            console.log('达到加载条件,执行加载');
+                        }
+                    }
+                },
+                addArr() {
+                    let _this=this;
+                    const count = _this.显示记录列.length;
+                    if (count >= 20) {
+                        _this.inventoryMissions.map((inventoryMission, index) => {
+                            if (_this.显示记录列.length < 5 + count) {
+                                if (_this.显示记录列.length < _this.inventoryMissions.length) {
+                                    _this.显示记录列.push(_this.inventoryMissions[_this.显示记录列.length])//注意push原数组下标为当前新数组长度
+                                }
+                            }
+                        })
+                    } else {
+                        _this.inventoryMissions.map((inventoryMission, index) => {
+                            if (_this.显示记录列.length < 10 + count) {//每次执行加载5条
+                                if (_this.显示记录列.length < _this.inventoryMissions.length) {
+                                    _this.显示记录列.push(_this.inventoryMissions[_this.显示记录列.length])//注意push原数组下标为当前新数组长度
+                                }
+                            }
+                        })
+                    }
+                },
                 cloneBlueTrDom($appointInventoryList) {
                     for(let i =0;i<$appointInventoryList.length;i++){
                         let newDom= $prototype_.clone();
@@ -853,6 +902,7 @@
 
                 提交新增:_.throttle(function(e){
                     this.inputs().amount=e.target.value;
+                    console.log(this.inputs().amount);
                     this.提交新增并盘点();
                 },100,{trailing:false}),
                 selectingRow(e){
@@ -1290,7 +1340,6 @@
                     });
                 },
                 完结盘点任务(id, owner_name, type) {
-                    let _this = this;
                     if (!confirm('确定完结货主为:“' + owner_name + '”的“' + type + '”任务吗?')) {
                         return;
                     }
@@ -1315,6 +1364,7 @@
                 },
                 增加系统之外的盘点记录(location, barcode, count, inventoryId, owner_code, param) {
                     let _this = this;
+                    console.log(location, barcode, count, inventoryId, owner_code, param);
                     let url = '{{url('inventory/增加系统之外的盘点记录')}}';
                     axios.post(url, {location:location,barcode:barcode,count:count,inventoryId:inventoryId,owner_code:owner_code,param:param}).then(
                         function (response) {
@@ -1468,11 +1518,11 @@
                     _this.清空指定盘点记录列();
                     let url = '{{url('inventory/盘点选中任务')}}';
                     axios.post(url, {id:id,count:count,inventoryId:inventoryId,produced_at:produced_at,valid_at:valid_at,batch_number:batch_number}).then(function (response) {
-                            if (!response.data.success) {
-                                tempTip.setDuration(2000);
-                                tempTip.show('盘点失败!' + '   ' + response.data.data);
-                                return;
-                            }else {
+                        if (!response.data.success) {
+                            tempTip.setDuration(2000);
+                            tempTip.show('盘点失败!' + '   ' + response.data.data);
+                            return;
+                        }else {
                             if (_this.inventory.id === response.data.inventory.id) {
                                 _this.inventory.processed = response.data.inventory.processed;
                                 _this.inventory.surplus = response.data.inventory.surplus;
@@ -1513,15 +1563,15 @@
                                         return false;
                                     }
                                     return true;
-                                 })
-                                }
+                                })
+                            }
                             _this.重排序并标记全列表类型(_this.inventoryMissions);
                             _this.清空inputs();
                             _this.清空指定盘点记录列();
                             tempTip.setDuration(3000);
                             tempTip.showSuccess('盘点成功!');
-                            }
-                        }).catch(function (err) {
+                        }
+                    }).catch(function (err) {
                         tempTip.setDuration(2000);
                         tempTip.show('盘点失败!' + '网络错误' + err);
                     })
@@ -1560,13 +1610,15 @@
                 },
                 //盲收
                 盲收(){
-                  let _this=this;
-                  _this.blindReceive=true;
-                  _this.scanListening();
+                    let _this=this;
+                    _this.blindReceive=true;
+                    _this.scanListening();
                 },
                 正常盘点(){
-                  let _this=this;
-                  _this.blindReceive=false;
+                    let _this=this;
+                    _this.blindReceive=false;
+                    console.log( _this.blindReceive)
+                    $(document).off('keypress');
                 },
                 changeToManualInputAmount:function(){
                     this.status.amountDisable=false;
@@ -1654,13 +1706,13 @@
                             data.focusOutDocument();
                             data.alertVibrate();
                             window.tempTip.setInputType('number');
-                                data.inputting.amount=1;
-                                data.goodses.unshift(JSON.parse(JSON.stringify(data.inputting)));
-                                data.status.binDisable=true;
-                                window.tempTip.setDuration(500);
-                                window.tempTip.showSuccess('保存成功');
-                                data.focusDocument();
-                                data.audioDing();
+                            data.inputting.amount=1;
+                            data.goodses.unshift(JSON.parse(JSON.stringify(data.inputting)));
+                            data.status.binDisable=true;
+                            window.tempTip.setDuration(500);
+                            window.tempTip.showSuccess('保存成功');
+                            data.focusDocument();
+                            data.audioDing();
                             // window.tempTip.inputVal('该商品第一件递增请输入隔口号:',function(bin){
                             //     if(bin===''){
                             //         window.tempTip.setDuration(1500);
@@ -1707,13 +1759,13 @@
                         data.focusOutDocument();
                         data.alertVibrate();
                         window.tempTip.setInputType('number');
-                            data.inputting.amount=1;
-                            data.goodses.unshift(JSON.parse(JSON.stringify(data.inputting)));
-                            data.status.binDisable=true;
-                            window.tempTip.setDuration(500);
-                            window.tempTip.showSuccess('保存成功');
-                            data.focusDocument();
-                            data.audioDing();
+                        data.inputting.amount=1;
+                        data.goodses.unshift(JSON.parse(JSON.stringify(data.inputting)));
+                        data.status.binDisable=true;
+                        window.tempTip.setDuration(500);
+                        window.tempTip.showSuccess('保存成功');
+                        data.focusDocument();
+                        data.audioDing();
                         // window.tempTip.inputVal('该商品第一件递增请输入隔口号:',function(bin){
                         //     if(bin===''){
                         //         window.tempTip.setDuration(1500);
@@ -1882,7 +1934,7 @@
                                         if (response.data.inventoryMissions.length >0) {
                                             response.data.inventoryMissions.forEach(function (mission) {
                                                 let isToEdit=false;
-                                               data.inventoryMissions.every(function (inventoryMission){
+                                                data.inventoryMissions.every(function (inventoryMission){
                                                     if (parseInt(inventoryMission.id) === parseInt(mission.id)){
                                                         isToEdit=true;
                                                         inventoryMission.checked = mission.checked;
@@ -1936,17 +1988,17 @@
 
 
 
-                // 单条排序并着色(inventoryMission){
-                //     let _this=this;
-                //     let 所在临时分类列=[];
-                //     switch(inventoryMission.mark){
-                //         case '已复盘有差异':所在临时分类列=_this.已复盘有差异列;break;
-                //         case '已复盘无差异':所在临时分类列=_this.已复盘无差异列;break;
-                //         case '未复盘有差异':所在临时分类列=_this.未复盘有差异列;break;
-                //         case '无差异':所在临时分类列=_this.无差异列;break;
-                //         case '未盘':所在临时分类列=_this.未盘列;break;
-                //     }
-                // },
+            // 单条排序并着色(inventoryMission){
+            //     let _this=this;
+            //     let 所在临时分类列=[];
+            //     switch(inventoryMission.mark){
+            //         case '已复盘有差异':所在临时分类列=_this.已复盘有差异列;break;
+            //         case '已复盘无差异':所在临时分类列=_this.已复盘无差异列;break;
+            //         case '未复盘有差异':所在临时分类列=_this.未复盘有差异列;break;
+            //         case '无差异':所在临时分类列=_this.无差异列;break;
+            //         case '未盘':所在临时分类列=_this.未盘列;break;
+            //     }
+            // },
 
         });
     </script>