|
|
@@ -24,21 +24,19 @@
|
|
|
<el-button-group>
|
|
|
<el-button
|
|
|
type="primary"
|
|
|
- size="small"
|
|
|
:plain="queryType !== 'order'"
|
|
|
:loading="isLoading"
|
|
|
:disabled="isLoading"
|
|
|
- @click="switchQueryType('order')"
|
|
|
+ @click="handleManualSwitch('order')"
|
|
|
>
|
|
|
按订单查询
|
|
|
</el-button>
|
|
|
<el-button
|
|
|
type="primary"
|
|
|
- size="small"
|
|
|
:plain="queryType !== 'product'"
|
|
|
:loading="isLoading"
|
|
|
:disabled="isLoading"
|
|
|
- @click="switchQueryType('product')"
|
|
|
+ @click="handleManualSwitch('product')"
|
|
|
>
|
|
|
按货品查询
|
|
|
</el-button>
|
|
|
@@ -58,21 +56,19 @@
|
|
|
<el-button-group>
|
|
|
<el-button
|
|
|
type="primary"
|
|
|
- size="small"
|
|
|
:plain="queryType !== 'order'"
|
|
|
:loading="isLoading"
|
|
|
:disabled="isLoading"
|
|
|
- @click="switchQueryType('order')"
|
|
|
+ @click="handleManualSwitch('order')"
|
|
|
>
|
|
|
按订单查询
|
|
|
</el-button>
|
|
|
<el-button
|
|
|
type="primary"
|
|
|
- size="small"
|
|
|
:plain="queryType !== 'product'"
|
|
|
:loading="isLoading"
|
|
|
:disabled="isLoading"
|
|
|
- @click="switchQueryType('product')"
|
|
|
+ @click="handleManualSwitch('product')"
|
|
|
>
|
|
|
按货品查询
|
|
|
</el-button>
|
|
|
@@ -116,12 +112,22 @@ export default {
|
|
|
statisticsPanelData: [],
|
|
|
queryType: "order", // 默认按订单查询
|
|
|
isLoading: false,
|
|
|
+ autoSwitchTimer: null, // 自动切换定时器
|
|
|
+ switchInterval: 60 * 1000, // 1分钟
|
|
|
+ defaultInterval: 60 * 1000, // 1分钟
|
|
|
+ manualInterval: 300 * 1000, // 5分钟
|
|
|
};
|
|
|
},
|
|
|
created() {
|
|
|
this.updateCurrentTime();
|
|
|
setInterval(this.updateCurrentTime, 1000);
|
|
|
this.getTableData();
|
|
|
+ console.log("开始自动切换，间隔：", this.switchInterval);
|
|
|
+ this.startAutoSwitch();
|
|
|
+ },
|
|
|
+ beforeDestroy() {
|
|
|
+ console.log("组件销毁，清除定时器");
|
|
|
+ this.clearAutoSwitch();
|
|
|
},
|
|
|
methods: {
|
|
|
updateCurrentTime() {
|
|
|
@@ -162,6 +168,7 @@ export default {
|
|
|
async switchQueryType(type) {
|
|
|
if (this.queryType === type || this.isLoading) return;
|
|
|
|
|
|
+ console.log("切换查询类型到：", type);
|
|
|
this.isLoading = true;
|
|
|
this.queryType = type;
|
|
|
|
|
|
@@ -228,6 +235,85 @@ export default {
|
|
|
this.$message.error("获取图表数据失败");
|
|
|
}
|
|
|
},
|
|
|
+ // 开始自动切换
|
|
|
+ startAutoSwitch() {
|
|
|
+ console.log("启动自动切换定时器");
|
|
|
+ this.clearAutoSwitch();
|
|
|
+ this.autoSwitchTimer = setInterval(() => {
|
|
|
+ console.log("触发自动切换");
|
|
|
+ this.handleAutoSwitch();
|
|
|
+ }, this.switchInterval);
|
|
|
+ },
|
|
|
+
|
|
|
+ // 清除自动切换定时器
|
|
|
+ clearAutoSwitch() {
|
|
|
+ if (this.autoSwitchTimer) {
|
|
|
+ console.log("清除现有定时器");
|
|
|
+ clearInterval(this.autoSwitchTimer);
|
|
|
+ this.autoSwitchTimer = null;
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
+ // 处理自动切换
|
|
|
+ async handleAutoSwitch() {
|
|
|
+ console.log("执行自动切换，当前类型：", this.queryType);
|
|
|
+ const newType = this.queryType === "order" ? "product" : "order";
|
|
|
+ await this.switchQueryType(newType);
|
|
|
+ this.$message.info(
|
|
|
+ `已自动切换到${newType === "order" ? "按订单" : "按货品"}查询模式，${
|
|
|
+ this.switchInterval / 1000
|
|
|
+ }秒后下次切换`
|
|
|
+ );
|
|
|
+ },
|
|
|
+
|
|
|
+ // 处理手动切换
|
|
|
+ async handleManualSwitch(type) {
|
|
|
+ if (this.queryType === type || this.isLoading) return;
|
|
|
+
|
|
|
+ console.log("手动切换到：", type);
|
|
|
+ // 更新切换间隔
|
|
|
+ this.switchInterval = this.manualInterval;
|
|
|
+ this.clearAutoSwitch();
|
|
|
+ this.startAutoSwitch();
|
|
|
+
|
|
|
+ await this.switchQueryType(type);
|
|
|
+ this.$message.success(
|
|
|
+ `已切换到${type === "order" ? "按订单" : "按货品"}查询模式，${
|
|
|
+ this.switchInterval / 1000
|
|
|
+ }秒后自动切换`
|
|
|
+ );
|
|
|
+ },
|
|
|
+
|
|
|
+ // 重置切换间隔
|
|
|
+ resetSwitchInterval() {
|
|
|
+ console.log("重置切换间隔");
|
|
|
+ this.switchInterval = this.defaultInterval;
|
|
|
+ this.clearAutoSwitch();
|
|
|
+ this.startAutoSwitch();
|
|
|
+ this.$message.info(`已重置为${this.switchInterval / 1000}秒自动切换`);
|
|
|
+ },
|
|
|
+
|
|
|
+ // 处理搜索
|
|
|
+ handleSearch() {
|
|
|
+ // 根据currentQueryType执行不同的搜索逻辑
|
|
|
+ if (this.queryType === "order") {
|
|
|
+ this.searchByOrder();
|
|
|
+ } else {
|
|
|
+ this.searchByGoods();
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
+ // 按订单搜索
|
|
|
+ searchByOrder() {
|
|
|
+ // 实现按订单搜索的逻辑
|
|
|
+ console.log("执行按订单搜索");
|
|
|
+ },
|
|
|
+
|
|
|
+ // 按货品搜索
|
|
|
+ searchByGoods() {
|
|
|
+ // 实现按货品搜索的逻辑
|
|
|
+ console.log("执行按货品搜索");
|
|
|
+ },
|
|
|
},
|
|
|
};
|
|
|
</script>
|
|
|
@@ -353,4 +439,39 @@ export default {
|
|
|
transition: opacity 0.2s ease;
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
+.production-summary {
|
|
|
+ .query-section {
|
|
|
+ margin-bottom: 20px;
|
|
|
+
|
|
|
+ .query-type-buttons {
|
|
|
+ margin-bottom: 15px;
|
|
|
+
|
|
|
+ .el-button-group {
|
|
|
+ .el-button {
|
|
|
+ padding: 8px 20px;
|
|
|
+
|
|
|
+ &.el-button--primary {
|
|
|
+ background-color: #409eff;
|
|
|
+ border-color: #409eff;
|
|
|
+ color: #fff;
|
|
|
+
|
|
|
+ &:hover {
|
|
|
+ background-color: #66b1ff;
|
|
|
+ border-color: #66b1ff;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ &.el-button--default {
|
|
|
+ &:hover {
|
|
|
+ color: #409eff;
|
|
|
+ border-color: #c6e2ff;
|
|
|
+ background-color: #ecf5ff;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
</style>
|
aiwenzhu