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-option label="在库" value="Y"></el-option>
</el-select> </el-select>
</el-form-item> </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-form-item label="物料编号">
<el-input style="width: 120px;" v-model="queryHeaderData.partNo" placeholder="请输入物料编号" @keyup.enter.native="getDataList()"></el-input> <el-input style="width: 120px;" v-model="queryHeaderData.partNo" placeholder="请输入物料编号" @keyup.enter.native="getDataList()"></el-input>
</el-form-item> </el-form-item>
@ -102,9 +110,14 @@
<span v-else-if="scope.row.inStockFlag === 'X'" type="warning">未入库</span> <span v-else-if="scope.row.inStockFlag === 'X'" type="warning">未入库</span>
<span v-else>{{ scope.row.inStockFlag }}</span> <span v-else>{{ scope.row.inStockFlag }}</span>
</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]) }} {{ formatDate(scope.row[item.columnProp]) }}
</span> </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'"> <span v-else-if="item.columnProp === 'reserveFlag'">
{{ scope.row.reserveFlag === 'Y' ? '是' : '否' }} {{ scope.row.reserveFlag === 'Y' ? '是' : '否' }}
</span> </span>
@ -411,6 +424,26 @@ export default {
showOverflowTooltip: true, showOverflowTooltip: true,
fixed: "" 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", columnProp: "printCount",
headerAlign: "center", headerAlign: "center",
@ -514,11 +547,13 @@ export default {
], ],
queryHeaderData: { queryHeaderData: {
inStockFlag: '', inStockFlag: '',
countFlag: '',
partNo: '', partNo: '',
batchNo: '', batchNo: '',
locationId: '', locationId: '',
unitId: '', unitId: '',
partDesc: '', partDesc: '',
sourceType: '',
startDate: '', startDate: '',
endDate: '', endDate: '',
}, },
@ -625,11 +660,13 @@ export default {
resetQuery() { resetQuery() {
this.queryHeaderData = { this.queryHeaderData = {
inStockFlag: '', inStockFlag: '',
countFlag: '',
partNo: '', partNo: '',
batchNo: '', batchNo: '',
locationId: '', locationId: '',
unitId: '', unitId: '',
partDesc: '', partDesc: '',
sourceType: '',
startDate: '', startDate: '',
endDate: '', endDate: '',
} }
@ -755,7 +792,8 @@ export default {
inStockFlag: item.inStockFlag === 'Y' ? '在库' : item.inStockFlag === 'N' ? '已出库' : item.inStockFlag === 'X' ? '未入库' : item.inStockFlag, inStockFlag: item.inStockFlag === 'Y' ? '在库' : item.inStockFlag === 'N' ? '已出库' : item.inStockFlag === 'X' ? '未入库' : item.inStockFlag,
reserveFlag: item.reserveFlag === 'Y' ? '是' : '否', reserveFlag: item.reserveFlag === 'Y' ? '是' : '否',
lastPrintDate: this.formatDate(item.lastPrintDate), 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-option label="在库" value="Y"></el-option>
</el-select> </el-select>
</el-form-item> </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-form-item label="物料编号">
<el-input style="width: 120px;" v-model="queryHeaderData.partNo" placeholder="请输入物料编号" @keyup.enter.native="getDataList()"></el-input> <el-input style="width: 120px;" v-model="queryHeaderData.partNo" placeholder="请输入物料编号" @keyup.enter.native="getDataList()"></el-input>
</el-form-item> </el-form-item>
@ -74,6 +82,14 @@
<span v-if="item.columnProp === 'reserveFlag'"> <span v-if="item.columnProp === 'reserveFlag'">
{{ scope.row.reserveFlag === 'Y' ? '是' : '否' }} {{ scope.row.reserveFlag === 'Y' ? '是' : '否' }}
</span> </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> <span v-else>{{ scope.row[item.columnProp] }}</span>
</template> </template>
</el-table-column> </el-table-column>
@ -142,9 +158,12 @@ export default {
{columnProp: "engChgLevel", headerAlign: "center", align: "center", columnLabel: "版本号", columnWidth: 80, columnSortable: false, showOverflowTooltip: true, fixed: ""}, {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: "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: "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: { queryHeaderData: {
inStockFlag: 'Y', inStockFlag: 'Y',
countFlag: '',
partNo: '', partNo: '',
batchNo: '', batchNo: '',
locationId: '', locationId: '',
@ -251,11 +270,14 @@ export default {
resetQuery() { resetQuery() {
this.queryHeaderData = { this.queryHeaderData = {
inStockFlag: 'Y', inStockFlag: 'Y',
countFlag: '',
partNo: '', partNo: '',
batchNo: '', batchNo: '',
locationId: '', locationId: '',
unitId: '', unitId: '',
partDesc: ''
partDesc: '',
stationArea: '',
palletId: ''
} }
this.pageIndex = 1 this.pageIndex = 1
this.getDataList() this.getDataList()
@ -311,7 +333,8 @@ export default {
return (data.page.list || []).map(item => { return (data.page.list || []).map(item => {
return { return {
...item, ...item,
reserveFlag: item.reserveFlag === 'Y' ? '是' : '否'
reserveFlag: item.reserveFlag === 'Y' ? '是' : '否',
lastCountDate: this.formatDate(item.lastCountDate)
} }
}) })
} }

Loading…
Cancel
Save