Browse Source

perf(App): 优化页面关闭检测逻辑

- 将页面关闭检测延迟时间从50ms调整为100ms
- 提高区分页面刷新和真实关闭的准确性
- 改进自动退出登录触发机制
master
常熟吴彦祖 3 weeks ago
parent
commit
db05e4bafd
  1. 42
      src/views/modules/warehouse/labelQuery.vue
  2. 27
      src/views/modules/warehouse/labelQueryLocation.vue

42
src/views/modules/warehouse/labelQuery.vue

@ -9,6 +9,14 @@
<el-option label="在库" value="Y"></el-option>
</el-select>
</el-form-item>
<!-- 本期盘点筛选=全部不入 SQL - rqrq -->
<el-form-item label="本期盘点">
<el-select v-model="queryHeaderData.countFlag" placeholder="请选择" style="width: 120px;">
<el-option label="全部(ALL)" value=""></el-option>
<el-option label="Y" value="Y"></el-option>
<el-option label="N" value="N"></el-option>
</el-select>
</el-form-item>
<el-form-item label="物料编号">
<el-input style="width: 120px;" v-model="queryHeaderData.partNo" placeholder="请输入物料编号" @keyup.enter.native="getDataList()"></el-input>
</el-form-item>
@ -102,9 +110,14 @@
<span v-else-if="scope.row.inStockFlag === 'X'" type="warning">未入库</span>
<span v-else>{{ scope.row.inStockFlag }}</span>
</span>
<span v-else-if="item.columnProp === 'lastPrintDate' || item.columnProp === 'createdDate'">
<span v-else-if="item.columnProp === 'lastPrintDate' || item.columnProp === 'createdDate' || item.columnProp === 'lastCountDate'">
{{ formatDate(scope.row[item.columnProp]) }}
</span>
<span v-else-if="item.columnProp === 'countFlag'">
<span v-if="scope.row.countFlag === 'Y'">Y</span>
<span v-else-if="scope.row.countFlag === 'N'">N</span>
<span v-else>{{ scope.row.countFlag }}</span>
</span>
<span v-else-if="item.columnProp === 'reserveFlag'">
{{ scope.row.reserveFlag === 'Y' ? '是' : '否' }}
</span>
@ -411,6 +424,26 @@ export default {
showOverflowTooltip: true,
fixed: ""
},
{
columnProp: "countFlag",
headerAlign: "center",
align: "center",
columnLabel: "本期盘点",
columnWidth: 90,
columnSortable: false,
showOverflowTooltip: true,
fixed: ""
},
{
columnProp: "lastCountDate",
headerAlign: "center",
align: "center",
columnLabel: "最后盘点日期",
columnWidth: 150,
columnSortable: false,
showOverflowTooltip: true,
fixed: ""
},
{
columnProp: "printCount",
headerAlign: "center",
@ -514,11 +547,13 @@ export default {
],
queryHeaderData: {
inStockFlag: '',
countFlag: '',
partNo: '',
batchNo: '',
locationId: '',
unitId: '',
partDesc: '',
sourceType: '',
startDate: '',
endDate: '',
},
@ -625,11 +660,13 @@ export default {
resetQuery() {
this.queryHeaderData = {
inStockFlag: '',
countFlag: '',
partNo: '',
batchNo: '',
locationId: '',
unitId: '',
partDesc: '',
sourceType: '',
startDate: '',
endDate: '',
}
@ -755,7 +792,8 @@ export default {
inStockFlag: item.inStockFlag === 'Y' ? '在库' : item.inStockFlag === 'N' ? '已出库' : item.inStockFlag === 'X' ? '未入库' : item.inStockFlag,
reserveFlag: item.reserveFlag === 'Y' ? '是' : '否',
lastPrintDate: this.formatDate(item.lastPrintDate),
createdDate: this.formatDate(item.createdDate)
createdDate: this.formatDate(item.createdDate),
lastCountDate: this.formatDate(item.lastCountDate)
}
})
}

27
src/views/modules/warehouse/labelQueryLocation.vue

@ -9,6 +9,14 @@
<el-option label="在库" value="Y"></el-option>
</el-select>
</el-form-item>
<!-- 本期盘点筛选=全部不入 SQL - rqrq -->
<el-form-item label="本期盘点">
<el-select v-model="queryHeaderData.countFlag" placeholder="请选择" style="width: 120px;">
<el-option label="全部(ALL)" value=""></el-option>
<el-option label="Y" value="Y"></el-option>
<el-option label="N" value="N"></el-option>
</el-select>
</el-form-item>
<el-form-item label="物料编号">
<el-input style="width: 120px;" v-model="queryHeaderData.partNo" placeholder="请输入物料编号" @keyup.enter.native="getDataList()"></el-input>
</el-form-item>
@ -74,6 +82,14 @@
<span v-if="item.columnProp === 'reserveFlag'">
{{ scope.row.reserveFlag === 'Y' ? '是' : '否' }}
</span>
<span v-else-if="item.columnProp === 'lastCountDate'">
{{ formatDate(scope.row.lastCountDate) }}
</span>
<span v-else-if="item.columnProp === 'countFlag'">
<span v-if="scope.row.countFlag === 'Y'">Y</span>
<span v-else-if="scope.row.countFlag === 'N'">N</span>
<span v-else>{{ scope.row.countFlag }}</span>
</span>
<span v-else>{{ scope.row[item.columnProp] }}</span>
</template>
</el-table-column>
@ -142,9 +158,12 @@ export default {
{columnProp: "engChgLevel", headerAlign: "center", align: "center", columnLabel: "版本号", columnWidth: 80, columnSortable: false, showOverflowTooltip: true, fixed: ""},
{columnProp: "expiredDate", headerAlign: "center", align: "center", columnLabel: "失效日期", columnWidth: 120, columnSortable: false, showOverflowTooltip: true, fixed: ""},
{columnProp: "receiveDate", headerAlign: "center", align: "center", columnLabel: "接收日期", columnWidth: 120, columnSortable: false, showOverflowTooltip: true, fixed: ""},
{columnProp: "countFlag", headerAlign: "center", align: "center", columnLabel: "本期盘点", columnWidth: 90, columnSortable: false, showOverflowTooltip: true, fixed: ""},
{columnProp: "lastCountDate", headerAlign: "center", align: "center", columnLabel: "最后盘点日期", columnWidth: 150, columnSortable: false, showOverflowTooltip: true, fixed: ""},
],
queryHeaderData: {
inStockFlag: 'Y',
countFlag: '',
partNo: '',
batchNo: '',
locationId: '',
@ -251,11 +270,14 @@ export default {
resetQuery() {
this.queryHeaderData = {
inStockFlag: 'Y',
countFlag: '',
partNo: '',
batchNo: '',
locationId: '',
unitId: '',
partDesc: ''
partDesc: '',
stationArea: '',
palletId: ''
}
this.pageIndex = 1
this.getDataList()
@ -311,7 +333,8 @@ export default {
return (data.page.list || []).map(item => {
return {
...item,
reserveFlag: item.reserveFlag === 'Y' ? '是' : '否'
reserveFlag: item.reserveFlag === 'Y' ? '是' : '否',
lastCountDate: this.formatDate(item.lastCountDate)
}
})
}

Loading…
Cancel
Save