| | |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="accuracy" label="准确率" /> |
| | | <el-table-column prop="lastUpdate" label="最后更新" /> |
| | | <el-table-column prop="lastUpdate" label="最后更新" :formatter="formatDateColumn" /> |
| | | <el-table-column label="操作"> |
| | | <template #default="scope"> |
| | | <el-button |
| | |
| | | <!-- 优化历史对话框 --> |
| | | <el-dialog v-model="historyDialogVisible" title="优化历史记录" width="80%"> |
| | | <el-table :data="optimizationHistory" style="width: 100%"> |
| | | <el-table-column prop="timestamp" label="时间" /> |
| | | <el-table-column prop="timestamp" label="时间" :formatter="formatDateColumn" /> |
| | | <el-table-column prop="formationPressure" label="地层压力 (MPa)" /> |
| | | <el-table-column prop="oldFrequency" label="原频率 (Hz)" /> |
| | | <el-table-column prop="newFrequency" label="新频率 (Hz)" /> |
| | |
| | | import { ref, onMounted, onUnmounted, computed } from 'vue' |
| | | import { ElMessage, ElMessageBox } from 'element-plus' |
| | | import { Monitor, Cpu, TrendCharts } from '@element-plus/icons-vue' |
| | | import { dateOnly } from "@/utils/index" |
| | | import * as echarts from 'echarts' |
| | | |
| | | // 响应式数据 |
| | |
| | | |
| | | // 添加优化历史记录 |
| | | const addOptimizationHistory = () => { |
| | | const timestamp = new Date().toLocaleString() |
| | | const timestamp = dateOnly(new Date()) |
| | | const record = { |
| | | timestamp, |
| | | formationPressure: pumpData.value.formationPressure, |
| | |
| | | // 生成初始历史数据 |
| | | const generateInitialHistory = () => { |
| | | for (let i = 0; i < 20; i++) { |
| | | const timestamp = new Date(Date.now() - i * 3600000).toLocaleString() |
| | | const timestamp = dateOnly(new Date(Date.now() - i * 3600000)) |
| | | const record = { |
| | | timestamp, |
| | | formationPressure: parseFloat((20 + Math.random() * 10).toFixed(1)), |