| | |
| | | }) |
| | | } |
| | | }, |
| | | mounted() { |
| | | // 页面加载时,启动定时器,每隔5分钟自动保存(当前示例使用 30s,可改回 5 分钟) |
| | | this.autoSaveTimer = setInterval(() => { |
| | | this.save(); // 直接调用已有的保存方法(save 已返回 Promise) |
| | | }, 1 * 30 * 1000); // 30秒 |
| | | }, |
| | | mounted() { |
| | | // 页面加载时,启动定时器,每隔30秒自动保存 |
| | | this.autoSaveTimer = setInterval(() => { |
| | | // 1. 调机完成时间有了就不自动保存 |
| | | if (this.maEndTime) { |
| | | return; |
| | | } |
| | | // 2. 送检时间为空也不自动保存 |
| | | if (!this.maShoutTime) { |
| | | return; |
| | | } |
| | | this.save(); // 满足条件才自动保存 |
| | | }, 1 * 30 * 1000); // 30秒 |
| | | }, |
| | | beforeDestroy() { |
| | | // 页面卸载时清理定时器 |
| | | clearInterval(this.autoSaveTimer); |
| | |
| | | position: absolute; |
| | | top: 8px; |
| | | right: 40px; |
| | | width: 200px; |
| | | z-index: 1000; |
| | | } |
| | | |
| | |
| | | .item { |
| | | display: flex; |
| | | flex-direction: row; |
| | | align-items: flex-start; |
| | | align-items: center; |
| | | margin-bottom: 10px; |
| | | gap: 10px; |
| | | } |
| | | |
| | | .item h4 { |
| | |
| | | } |
| | | |
| | | button { |
| | | width: 100%; |
| | | width: 50%; |
| | | flex-shrink: 0; |
| | | padding: 10px; |
| | | font-size: 16px; |
| | | border: none; |
| | |
| | | padding: 8px; |
| | | font-size: 15px; |
| | | border: 1px solid #ccc; |
| | | width: 100%; |
| | | width: 50%; |
| | | flex-grow: 1; |
| | | box-sizing: border-box; |
| | | } |
| | | |
| | |
| | | height: 40px; |
| | | padding: 8px; |
| | | font-size: 15px; |
| | | width: 100%; |
| | | width: 50%; |
| | | flex-grow: 1; |
| | | box-sizing: border-box; |
| | | margin-top: 0; |
| | | } |