liuying
2024-11-28 6c5a7bd1a9342d8e6792773aef3d62588a60714d
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
<template>
    <div class="wmsStockQuan-container">
        <el-card shadow="hover" :body-style="{ paddingBottom: '0' }">
            <el-form :model="queryParamsWmsStockQuan" ref="queryForm" labelWidth="90">
                <el-row>
                    <el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="4" class="mb10">
                        <el-form-item label="关键字">
                            <el-input v-model="queryParamsWmsStockQuan.searchKey" clearable="" placeholder="容器编号,跟踪码,物料编号,物料名称,供应商批次,批次,供应商编号,ERP单号,ERP库存地,ERP凭证" />
                        </el-form-item>
                    </el-col>
                    <el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="4" class="mb10" v-if="showAdvanceQueryUIWmsStockQuan">
                        <el-form-item label="容器编号">
                            <el-input v-model="queryParamsWmsStockQuan.containerCode" clearable="" placeholder="请输入容器编号" />
                        </el-form-item>
                    </el-col>
 
                    <el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="4" class="mb10" v-if="showAdvanceQueryUIWmsStockQuan">
                        <el-form-item label="跟踪码">
                            <el-input v-model="queryParamsWmsStockQuan.snCode" clearable="" placeholder="请输入跟踪码" />
                        </el-form-item>
                    </el-col>
                    <el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="4" class="mb10" v-if="showAdvanceQueryUIWmsStockQuan">
                        <el-form-item label="物料编号">
                            <el-input v-model="queryParamsWmsStockQuan.materialCode" clearable="" placeholder="请输入物料编号" />
                        </el-form-item>
                    </el-col>
                    <el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="4" class="mb10" v-if="showAdvanceQueryUIWmsStockQuan">
                        <el-form-item label="物料名称">
                            <el-input v-model="queryParamsWmsStockQuan.materialName" clearable="" placeholder="请输入物料名称" />
                        </el-form-item>
                    </el-col>
                    <el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="4" class="mb10" v-if="showAdvanceQueryUIWmsStockQuan">
                        <el-form-item label="库存状态">
                            <el-select clearable="" v-model="queryParamsWmsStockQuan.stockStatus" placeholder="请选择库存状态">
                                <el-option v-for="(item, index) in getEnumStockStatusData_Index" :key="index" :value="item.value" :label="`${item.describe}`" />
                            </el-select>
                        </el-form-item>
                    </el-col>
                    <el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="4" class="mb10" v-if="showAdvanceQueryUIWmsStockQuan">
                        <el-form-item label="锁定状态">
                            <el-select clearable="" v-model="queryParamsWmsStockQuan.lockStatus" placeholder="请选择锁定状态">
                                <el-option v-for="(item, index) in getEnumLockStatusData_Index" :key="index" :value="item.value" :label="`${item.describe}`" />
                            </el-select>
                        </el-form-item>
                    </el-col>
                    <el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="4" class="mb10" v-if="showAdvanceQueryUIWmsStockQuan">
                        <el-form-item label="供应商批次">
                            <el-input v-model="queryParamsWmsStockQuan.supplierBatch" clearable="" placeholder="请输入供应商批次" />
                        </el-form-item>
                    </el-col>
                    <el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="4" class="mb10" v-if="showAdvanceQueryUIWmsStockQuan">
                        <el-form-item label="批次">
                            <el-input v-model="queryParamsWmsStockQuan.batch" clearable="" placeholder="请输入批次" />
                        </el-form-item>
                    </el-col>
                    <el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="4" class="mb10" v-if="showAdvanceQueryUIWmsStockQuan">
                        <el-form-item label="收货时间">
                            <el-date-picker placeholder="请选择收货时间" value-format="YYYY/MM/DD" type="daterange" v-model="queryParamsWmsStockQuan.recordInsertTimeRange" />
                        </el-form-item>
                    </el-col>
                    <el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="4" class="mb10" v-if="showAdvanceQueryUIWmsStockQuan">
                        <el-form-item label="供应商编号">
                            <el-input v-model="queryParamsWmsStockQuan.supplierCode" clearable="" placeholder="请输入供应商编号" />
                        </el-form-item>
                    </el-col>
 
                    <el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="4" class="mb10" v-if="showAdvanceQueryUIWmsStockQuan">
                        <el-form-item label="关联单号">
                            <el-input v-model="queryParamsWmsStockQuan.relationNo" clearable="" placeholder="请输入关联单号" />
                        </el-form-item>
                    </el-col>
                    <el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="4" class="mb10" v-if="showAdvanceQueryUIWmsStockQuan">
                        <el-form-item label="ERP库存地">
                            <el-input v-model="queryParamsWmsStockQuan.erpCode" clearable="" placeholder="请输入ERP库存地" />
                        </el-form-item>
                    </el-col>
                    <el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="4" class="mb10" v-if="showAdvanceQueryUIWmsStockQuan">
                        <el-form-item label="质检状态">
                            <el-select clearable="" v-model="queryParamsWmsStockQuan.qCStatus" placeholder="请选择质检状态">
                                <el-option v-for="(item, index) in getEnumQCStatusData_Index" :key="index" :value="item.value" :label="`${item.describe}`" />
                            </el-select>
                        </el-form-item>
                    </el-col>
                    <el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="4" class="mb10" v-if="showAdvanceQueryUIWmsStockQuan">
                        <el-form-item label="是否可用">
                            <el-select clearable="" v-model="queryParamsWmsStockQuan.usableFlag" placeholder="请选择是否可用">
                                <el-option v-for="(item, index) in getEnumUsableFlagData_Index" :key="index" :value="item.value" :label="`${item.describe}`" />
                            </el-select>
                        </el-form-item>
                    </el-col>
 
                    <el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="4" class="mb10" v-if="showAdvanceQueryUI">
                        <el-form-item label="库位属性">
                            <el-select clearable="" v-model="queryParamsWmsStockQuan.placeStatus" placeholder="请选择库位属性">
                                <el-option v-for="(item, index) in getEnumPlaceStatusData_Index" :key="index" :value="item.value" :label="`${item.describe}`" />
                            </el-select>
                        </el-form-item>
                    </el-col>
 
                    <el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="4" class="mb10" v-if="showAdvanceQueryUIWmsStockQuan">
                        <el-form-item label="ERP凭证">
                            <el-input v-model="queryParamsWmsStockQuan.erpVoucher" clearable="" placeholder="请输入ERP凭证" />
                        </el-form-item>
                    </el-col>
 
                    <el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="4" class="mb10" v-if="showAdvanceQueryUIWmsStockQuan">
                        <el-form-item label="所在库区" prop="areaName">
                            <el-select v-model="queryParamsWmsStockQuan.areaName" placeholder="请选择所在库区">
                                <el-option v-for="(item, index) in arr1" :key="index" :value="item.areaName" :label="`[${item.code}] ${item.value}`"></el-option>
                            </el-select>
                        </el-form-item>
                    </el-col>
                    <el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="4" class="mb10" v-if="showAdvanceQueryUIWmsStockQuan">
                        <el-form-item label="所在库位">
                            <el-input v-model="queryParamsWmsStockQuan.placeName" clearable="" placeholder="请输入所在库位" />
                        </el-form-item>
                    </el-col>
 
                    <el-col :xs="24" :sm="15" :md="12" :lg="8" :xl="5" class="mb10" v-if="showAdvanceQueryUIWmsStockQuan">
                        <el-form-item label="操作时间">
                            <el-date-picker placeholder="请选择操作时间" value-format="YYYY/MM/DD" type="daterange" v-model="queryParamsWmsStockQuan.actionTimeRange" />
                        </el-form-item>
                    </el-col>
                    <el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="6" class="mb10">
                        <el-form-item>
                            <el-button-group style="display: flex; align-items: center">
                                <el-button type="primary" icon="ele-Search" @click="handleQueryWmsStockQuan" v-auth="'wmsStockQuan:page'" :disabled="disabled_btnWmsStockQuan"> 查询 </el-button>
                                <el-button icon="ele-Refresh" @click="resetWmsStockQuan"> 重置 </el-button>
                                <el-button icon="ele-ZoomIn" @click="changeAdvanceQueryUIWmsStockQuan" v-if="!showAdvanceQueryUIWmsStockQuan" style="margin-left: 5px"> 高级查询 </el-button>
                                <el-button icon="ele-ZoomOut" @click="changeAdvanceQueryUIWmsStockQuan" v-if="showAdvanceQueryUIWmsStockQuan" style="margin-left: 5px"> 隐藏 </el-button>
                                <el-button type="primary" style="margin-left: 5px" icon="ele-Plus" @click="openAddWmsStockQuan" v-auth="'wmsStockQuan:add'"> 新增 </el-button>
                                <el-button type="primary" style="margin-left: 5px" icon="ele-Download" @click="handleExportExcelWmsStockQuan" v-auth="'wmsStockQuan:exportExcel'"> 导出 </el-button>
 
                                <el-button type="primary" style="margin-left: 5px" @click="handleBatchFreeze(1)" v-auth="'wmsStockQuan:exportExcel'" icon="ele-Lock"> 冻结 </el-button>
                                <el-button type="primary" style="margin-left: 5px" @click="handleBatchFreeze(2)" v-auth="'wmsStockQuan:exportExcel'" icon="ele-Unlock"> 解冻 </el-button>
                            </el-button-group>
                        </el-form-item>
                    </el-col>
                </el-row>
            </el-form>
        </el-card>
        <el-card class="full-table" shadow="hover" style="margin-top: 5px">
            <el-table
                ref="tableRefWmsStockQuan"
                :data="tableDataWmsStockQuan"
                style="width: 100%"
                v-loading="loadingWmsStockQuan"
                tooltip-effect="light"
                row-key="id"
                @sort-change="sortChangeWmsStockQuan"
                @selection-change="materialSelectionChange"
                show-summary
                :summary-method="getSummaries"
                border=""
            >
                <el-table-column align="center" width="60" type="selection" />
                <el-table-column type="index" fixed="left" label="序号" width="55" align="center" />
                <el-table-column prop="materialCode" fixed="left" width="120" label="物料编号" show-overflow-tooltip="" />
                <el-table-column prop="materialName" width="140" label="物料名称" show-overflow-tooltip="" />
                <el-table-column prop="usableFlagStr" label="是否可用" show-overflow-tooltip="">
                    <template #default="scope">
                        <el-tag :type="getTagUseable(scope.row.usableFlag)">{{ scope.row.usableFlagStr }}</el-tag>
                    </template>
                </el-table-column>
                <el-table-column prop="disabledReason" width="140" label="不可用原因" show-overflow-tooltip="" />
                <el-table-column prop="materialTypeName" label="物料类型" show-overflow-tooltip="" />
                <el-table-column prop="quantity" label="库存数" show-overflow-tooltip="" />
 
                <el-table-column prop="snCode" width="230" label="跟踪码" show-overflow-tooltip="" />
                <el-table-column prop="containerCode" width="100" label="容器编号" show-overflow-tooltip="" />
                <el-table-column prop="containerTypeName" label="容器类型" show-overflow-tooltip="" />
 
                <el-table-column prop="areaName" width="100" label="所在库区" show-overflow-tooltip="" />
                <el-table-column prop="placeName" width="100" label="所在库位" show-overflow-tooltip="" />
                <el-table-column prop="stockStatus" label="库存状态" show-overflow-tooltip="">
                    <template #default="scope">
                        {{ getEnumDesc(scope.row.stockStatus, getEnumStockStatusData_Index) }}
                    </template>
                </el-table-column>
                <el-table-column prop="lockStatus" label="锁定状态" show-overflow-tooltip="">
                    <template #default="scope">
                        {{ getEnumDesc(scope.row.lockStatus, getEnumLockStatusData_Index) }}
                    </template>
                </el-table-column>
 
                <!-- <el-table-column prop="placeStatus" label="库位属性" show-overflow-tooltip="">
          <template #default="scope">
            {{ getEnumDesc(scope.row.placeStatus, getEnumPlaceState_Index) }}
          </template>
        </el-table-column> -->
                <el-table-column prop="containerIsDisabled" label="容器是否禁用" min-width="110px" show-overflow-tooltip="">
                    <template #default="scope">
                        {{ scope.row.containerIsDisabled ? '是' : '否' }}
                    </template>
                </el-table-column>
                <el-table-column prop="placeStatus" label="库位属性" show-overflow-tooltip="">
                    <template #default="scope">
                        {{ getEnumDesc(scope.row.placeStatus, getEnumPlaceStatusData_Index) }}
                    </template>
                </el-table-column>
                <el-table-column prop="qcStatus" label="质检状态" show-overflow-tooltip="">
                    <template #default="scope">
                        {{ getEnumDesc(scope.row.qcStatus, getEnumQCStatusData_Index) }}
                    </template>
                </el-table-column>
 
                <!-- <el-table-column prop="lockedQty" label="锁定数量"  show-overflow-tooltip="" /> -->
 
                <!-- todo  后面看怎么统计这个库存数-->
                <!-- <el-table-column prop="inStockQty" label="在库数量"  show-overflow-tooltip="" />
        <el-table-column prop="outStockQty" label="出库数量"  show-overflow-tooltip="" />
        <el-table-column prop="inStockQty" label="在库数量"  show-overflow-tooltip="" /> -->
 
                <el-table-column prop="materialUnit" label="库存单位" show-overflow-tooltip="" />
                <el-table-column prop="batch" label="批次" width="140" show-overflow-tooltip="" />
                <el-table-column prop="relationNo" label="关联单号" min-width="150px" show-overflow-tooltip="" />
                <el-table-column prop="recordInsertTime" label="收货时间" width="140px" :formatter="formatDate_T_Time" show-overflow-tooltip="" />
                <el-table-column prop="updateTime" label="修改时间" width="140px" :formatter="formatDate_T_Time" show-overflow-tooltip="" />
                <el-table-column prop="supplierCode" label="供应商编号" width="100" show-overflow-tooltip="" />
                <el-table-column prop="supplierName" label="供应商名称" width="140" show-overflow-tooltip="" />
                <el-table-column prop="supplierBatch" label="供应商批次" width="80" show-overflow-tooltip="" />
                <el-table-column prop="erpCode" width="100" label="ERP库存地" show-overflow-tooltip="" />
                <!-- <el-table-column prop="sN_1d" width="180" label="一维条码"  show-overflow-tooltip="" />
        <el-table-column prop="sN_2d" width="180" label="二维条码"  show-overflow-tooltip="" /> -->
                <!-- <el-table-column prop="erpOrderNo" label="ERP单号"  show-overflow-tooltip="" /> -->
 
                <el-table-column prop="erpVoucher" width="120" label="ERP凭证" show-overflow-tooltip="" />
                <el-table-column prop="operReason" width="100" label="操作原因" show-overflow-tooltip="" />
                <el-table-column prop="operUser" width="100" label="操作人" show-overflow-tooltip="" />
                <el-table-column prop="operTime" min-width="130px" label="操作时间" show-overflow-tooltip="" />
                <!-- <el-table-column prop="createTime" label="创建时间" width="130" :formatter="formatDate_T_Time"  show-overflow-tooltip="" />
         <el-table-column prop="updateTime" label="修改时间" width="130" :formatter="formatDate_T_Time"  show-overflow-tooltip="" />
        <el-table-column prop="createUserName" label="创建人"  show-overflow-tooltip="" />
        <el-table-column prop="updateUserName" label="修改人"  show-overflow-tooltip="" /> -->
                <el-table-column label="操作" width="140" align="center" fixed="right" show-overflow-tooltip="" v-if="auth('wmsStockQuan:update') || auth('wmsStockQuan:delete')">
                    <template #default="scope">
                        <el-button icon="ele-Edit" size="small" text="" type="primary" @click="openEditWmsStockQuan(scope.row)" v-auth="'wmsStockQuan:update'"> 编辑 </el-button>
                        <el-button icon="ele-Delete" size="small" text="" type="primary" @click="delWmsStockQuan(scope.row)" v-auth="'wmsStockQuan:delete'"> 删除 </el-button>
                    </template>
                </el-table-column>
            </el-table>
            <el-pagination
                v-model:currentPage="tableParamsWmsStockQuan.page"
                v-model:page-size="tableParamsWmsStockQuan.pageSize"
                :total="tableParamsWmsStockQuan.total"
                :page-sizes="[10, 20, 50, 100, 200, 500]"
                small=""
                background=""
                @size-change="handleSizeChangeWmsStockQuan"
                @current-change="handleCurrentChangeWmsStockQuan"
                layout="total, sizes, prev, pager, next, jumper"
            />
            <printDialogWmsStockQuan ref="printDialogRefWmsStockQuan" :title="printWmsStockQuanTitle" @reloadTable="handleQueryWmsStockQuan" />
            <editDialogWmsStockQuan ref="editDialogRefWmsStockQuan" :title="editWmsStockQuanTitle" @reloadTable="handleQueryWmsStockQuan" @handleBatchFreezeFn="handleBatchFreezeFn" />
        </el-card>
    </div>
</template>
 
<script lang="ts" setup="" name="wmsStockQuan">
import { ref, onMounted } from 'vue';
import { ElMessageBox, ElMessage } from 'element-plus';
import { auth } from '/@/utils/authFunction';
import { getDictDataItem as di, getDictDataList as dl } from '/@/utils/dict-utils';
import { formatDate, formatDate_T_Date, formatDate_T_Time, defaultTimeRange } from '/@/utils/formatTime';
import { exportPageExcel } from '/@/utils/exportPageExcel'; //引入导出方法
import editDialogWmsStockQuan from './component/editDialog.vue';
 
import printDialogWmsStockQuan from '/@/views/system/print/component/hiprint/preview.vue';
import {
    pageWmsStockQuan,
    deleteWmsStockQuan,
    importExcelWmsStockQuan,
    downloadExcelTemplateWmsStockQuan,
    pageWmsStockQuanFrozen,
    pageWmsStockQuanUnFrozen,
} from '/@/api/main/ReportCenter/wmsStockQuan';
import { getAPI } from '/@/utils/axios-utils';
import { SysEnumApi } from '/@/api-services/api';
import commonFunction from '/@/utils/commonFunction';
import { handleSlectDataWmsArea } from '/@/utils/selectData';
import { getTagUseable } from '/@/utils/formate';
const getEnumPlaceState_Index = ref<any>([]);
const getContainerIsDisabled_Index = ref<any>([]);
const getEnumStockStatusData_Index = ref<any>([]);
const getEnumLockStatusData_Index = ref<any>([]);
const getEnumQCStatusData_Index = ref<any>([]);
const getEnumUsableFlagData_Index = ref<any>([]);
const getEnumPlaceStatusData_Index = ref<any>([]);
const { getEnumDesc } = commonFunction();
 
/***************************************************[实时库存操作]开始***************************************************/
const showAdvanceQueryUIWmsStockQuan = ref(false);
const tableRefWmsStockQuan = ref(null);
const printDialogRefWmsStockQuan = ref();
const editDialogRefWmsStockQuan = ref();
const loadingWmsStockQuan = ref(false);
const disabled_btnWmsStockQuan = ref(false);
const tableDataWmsStockQuan = ref<any>([]);
const queryParamsWmsStockQuan = ref<any>({});
const tableParamsWmsStockQuan = ref({
    page: 1,
    pageSize: 10,
    total: 0,
});
 
const printWmsStockQuanTitle = ref('');
const editWmsStockQuanTitle = ref('');
 
// 改变高级查询的控件显示状态
const changeAdvanceQueryUIWmsStockQuan = () => {
    showAdvanceQueryUIWmsStockQuan.value = !showAdvanceQueryUIWmsStockQuan.value;
};
// 查询操作
const handleQuery = async () => {
    getEnumPlaceStatusData_Index.value = (await getAPI(SysEnumApi).apiSysEnumEnumDataListGet('PlaceStatusEnum')).data.result ?? [];
};
// 查询实时库存
const handleQueryWmsStockQuan = async () => {
    loadingWmsStockQuan.value = true;
    disabled_btnWmsStockQuan.value = true;
    var res = await pageWmsStockQuan(Object.assign(queryParamsWmsStockQuan.value, tableParamsWmsStockQuan.value));
    if (res.data.type == 'success') {
        tableDataWmsStockQuan.value = res.data.result?.items ?? [];
        tableParamsWmsStockQuan.value.total = res.data.result?.total;
    }
    loadingWmsStockQuan.value = false;
    disabled_btnWmsStockQuan.value = false;
};
 
// 重置实时库存查询
const resetWmsStockQuan = async () => {
    queryParamsWmsStockQuan.value = {};
};
 
// 实时库存列排序
const sortChangeWmsStockQuan = async (column: any) => {
    queryParamsWmsStockQuan.value.field = column.prop;
    queryParamsWmsStockQuan.value.order = column.order;
    await handleQueryWmsStockQuan();
};
 
// 打开新增实时库存页面
const openAddWmsStockQuan = () => {
    editDialogRefWmsStockQuan.value.openDialog(1, {});
};
 
// 打开打印实时库存页面
const openPrintWmsStockQuan = async (row: any) => {
    printWmsStockQuanTitle.value = '打印实时库存';
};
 
// 打开编辑实时库存页面
const openEditWmsStockQuan = (row: any) => {
    editDialogRefWmsStockQuan.value.openDialog(row);
};
 
// 删除实时库存
const delWmsStockQuan = (row: any) => {
    ElMessageBox.confirm(`确定要删除吗?`, '提示', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning',
    })
        .then(async () => {
            loadingWmsStockQuan.value = true;
            var ret = await deleteWmsStockQuan(row);
            if (ret.data.type == 'success') {
                ElMessage.success('删除成功');
            }
            loadingWmsStockQuan.value = false;
            handleQueryWmsStockQuan();
        })
        .catch(() => {});
};
 
// 改变实时库存页面容量
const handleSizeChangeWmsStockQuan = (val: number) => {
    tableParamsWmsStockQuan.value.pageSize = val;
    handleQueryWmsStockQuan();
};
 
// 改变实时库存页码序号
const handleCurrentChangeWmsStockQuan = (val: number) => {
    tableParamsWmsStockQuan.value.page = val;
    handleQueryWmsStockQuan();
};
 
/***************************************************[实时库存操作]结束***************************************************/
/***************************************************[实时库存导出]开始***************************************************/
//定义当前页面的方法组
const functionMapWmsStockQuan = {
    getEnumStockStatusData_Index,
    getEnumLockStatusData_Index,
    getEnumQCStatusData_Index,
    getEnumUsableFlagData_Index,
    formatDate_T_Date,
    formatDate_T_Time,
    getContainerIsDisabled_Index,
    getEnumPlaceState_Index,
};
//点击导出按钮
const handleExportExcelWmsStockQuan = async (formData: Blob) => {
    loadingWmsStockQuan.value = true;
    disabled_btnWmsStockQuan.value = true;
    var new_tableParamsWmsStockQuan = JSON.parse(JSON.stringify(tableParamsWmsStockQuan.value));
    new_tableParamsWmsStockQuan.page = 1;
    new_tableParamsWmsStockQuan.pageSize = 100000;
    var res = await pageWmsStockQuan(Object.assign(queryParamsWmsStockQuan.value, new_tableParamsWmsStockQuan));
    if (res.data.type == 'success') {
        exportExcelWmsStockQuan(res.data.result?.items ?? []);
    }
    loadingWmsStockQuan.value = false;
    disabled_btnWmsStockQuan.value = false;
};
//导出
const exportExcelWmsStockQuan = async (exportDataList: Array) => {
    exportPageExcel(exportDataList, tableRefWmsStockQuan, '实时库存', functionMapWmsStockQuan);
};
/***************************************************[实时库存导出]结束***************************************************/
 
let arr1: any = ref(''); //下拉读取接口
 
// 实时库存页面加载时
onMounted(async () => {
    getEnumStockStatusData_Index.value = (await getAPI(SysEnumApi).apiSysEnumEnumDataListGet('StockStatusEnum')).data.result ?? [];
    getEnumLockStatusData_Index.value = (await getAPI(SysEnumApi).apiSysEnumEnumDataListGet('LockStatusEnum')).data.result ?? [];
    getContainerIsDisabled_Index.value = getEnumStockStatusData_Index.value ?? [];
    getEnumPlaceState_Index.value = getEnumStockStatusData_Index.value ?? [];
    getEnumQCStatusData_Index.value = (await getAPI(SysEnumApi).apiSysEnumEnumDataListGet('StockQcStatusEnum')).data.result ?? [];
    getEnumUsableFlagData_Index.value = (await getAPI(SysEnumApi).apiSysEnumEnumDataListGet('UsableFlagEnum')).data.result ?? [];
    handleQuery();
    arr1.value = await handleSlectDataWmsArea({
        page: 1,
        pageSize: 1000,
        total: 0,
        IsDisabled: false,
    }); //下拉读取接口
});
 
handleQueryWmsStockQuan();
 
//表格汇总
const getSummaries = (param: any) => {
    const { columns, data } = param;
    const sums: any = [];
    columns.forEach((column, index) => {
        if (index === 0) {
            sums[index] = '合计';
            return;
        }
        //debugger
        if (column.property != 'quantity' && column.property != 'scrapQuantity' && column.property != 'useNumber' && column.property != 'gridNumber') {
            sums[index] = '';
            return '';
        }
        const values = data.map((item) => Number(item[column.property]));
        if (!values.every((value) => isNaN(value))) {
            sums[index] = Number(
                values.reduce((prev, curr) => {
                    const value = Number(curr);
                    if (!isNaN(value)) {
                        return prev + curr;
                    } else {
                        return prev;
                    }
                }, 0)
            ).toFixed(3);
            sums[index] += '';
        } else {
            sums[index] = ''; //N/A
        }
    });
 
    return sums;
};
 
//选中的基础物料数据
const checkedMaterial = ref<any[]>([]);
 
//物料基础数据勾选
const materialSelectionChange = (val: any) => {
    checkedMaterial.value = val;
};
 
// 冻结 解冻
const handleBatchFreeze = (type: any) => {
    debugger;
    if (checkedMaterial.value.length <= 0) {
        ElMessage.warning('请选择一项!');
        return;
    }
    if (type == 1) {
        editWmsStockQuanTitle.value = '冻结';
    }
    if (type == 2) {
        editWmsStockQuanTitle.value = '解冻';
    }
    openEditWmsStockQuan(type); //打开弹框
};
 
// 冻结 解冻
const handleBatchFreezeFn = async (type: any, reason?: any) => {
    debugger;
    if (checkedMaterial.value.length <= 0) {
        ElMessage.warning('请选择一项!');
        return;
    }
    const handleArr: number[] = [];
    checkedMaterial.value.forEach((item) => {
        handleArr.push(item.id);
    });
 
    if (type == 1) {
        var res = await pageWmsStockQuanFrozen({
            wmsStockIdList: handleArr,
            reason: reason || '',
        });
        if (res.data.code == 200) {
            handleQueryWmsStockQuan();
            ElMessage.success('冻结成功');
        }
    }
    if (type == 2) {
        var res = await pageWmsStockQuanUnFrozen({
            wmsStockIdList: handleArr,
            reason: reason || '',
        });
        if (res.data.code == 200) {
            handleQueryWmsStockQuan();
            ElMessage.success('解冻成功');
        }
    }
};
</script>
<style scoped>
:deep(.el-input),
:deep(.el-select),
:deep(.el-input-number) {
    width: 100%;
}
</style>