From 963af09aa841f03697e83e486a97e2b8dd8bb992 Mon Sep 17 00:00:00 2001
From: zouyu <2723363702@qq.com>
Date: 星期日, 04 一月 2026 17:41:34 +0800
Subject: [PATCH] 代码调整9
---
/dev/null | 260 ----------------------------------------------------
vite.config.js | 2
2 files changed, 1 insertions(+), 261 deletions(-)
diff --git a/src/views/alarmManagement/alarmAnalysis/alarmTrend.vue b/src/views/alarmManagement/alarmAnalysis/alarmTrend.vue
deleted file mode 100644
index 4c2d7ac..0000000
--- a/src/views/alarmManagement/alarmAnalysis/alarmTrend.vue
+++ /dev/null
@@ -1,176 +0,0 @@
-<template>
- <div class="alarm-trend-analysis">
- <el-card shadow="never" class="search-card">
- <el-form :inline="true" :model="searchForm" class="demo-form-inline">
- <el-form-item label="鏃堕棿鑼冨洿">
- <el-date-picker
- v-model="searchForm.dateRange"
- type="daterange"
- range-separator="鑷�"
- start-placeholder="寮�濮嬫棩鏈�"
- end-placeholder="缁撴潫鏃ユ湡"
- format="yyyy-MM-dd"
- value-format="yyyy-MM-dd"
- />
- </el-form-item>
- <el-form-item label="鎶ヨ绾у埆">
- <el-select v-model="searchForm.alarmLevel" placeholder="璇烽�夋嫨鎶ヨ绾у埆" clearable>
- <el-option label="涓ラ噸" value="涓ラ噸" />
- <el-option label="涓瓑" value="涓瓑" />
- <el-option label="杞诲井" value="杞诲井" />
- </el-select>
- </el-form-item>
- <el-form-item label="璁惧绫诲瀷">
- <el-select v-model="searchForm.equipmentType" placeholder="璇烽�夋嫨璁惧绫诲瀷" clearable>
- <el-option label="宸ヨ壓璁惧" value="宸ヨ壓璁惧" />
- <el-option label="妫�娴嬭澶�" value="妫�娴嬭澶�" />
- <el-option label="鍏朵粬璁惧" value="鍏朵粬璁惧" />
- </el-select>
- </el-form-item>
- <el-form-item>
- <el-button type="primary" icon="el-icon-search" @click="handleSearch">鏌ヨ</el-button>
- </el-form-item>
- </el-form>
- </el-card>
-
- <el-row :gutter="20">
- <el-col :span="24">
- <el-card shadow="never" class="chart-card">
- <template #header>
- <span>鎶ヨ瓒嬪娍鍒嗘瀽</span>
- </template>
- <div ref="chartContainer" class="chart-container"></div>
- </el-card>
- </el-col>
- </el-row>
-
- <el-row :gutter="20" style="margin-top: 20px;">
- <el-col :span="12">
- <el-card shadow="never" class="chart-card">
- <template #header>
- <span>鎶ヨ绾у埆鍒嗗竷</span>
- </template>
- <div ref="levelChartContainer" class="chart-container"></div>
- </el-card>
- </el-col>
- <el-col :span="12">
- <el-card shadow="never" class="chart-card">
- <template #header>
- <span>鎶ヨ璁惧绫诲瀷鍒嗗竷</span>
- </template>
- <div ref="equipmentChartContainer" class="chart-container"></div>
- </el-card>
- </el-col>
- </el-row>
- </div>
-</template>
-
-<script>
-export default {
- name: 'AlarmTrendAnalysis',
- data() {
- return {
- searchForm: {
- dateRange: [],
- alarmLevel: '',
- equipmentType: ''
- },
- trendData: {
- categories: ['12-01', '12-02', '12-03', '12-04', '12-05', '12-06', '12-07'],
- severe: [8, 12, 9, 15, 11, 13, 10],
- moderate: [22, 25, 20, 28, 24, 26, 23],
- minor: [35, 38, 32, 40, 36, 39, 34]
- },
- levelData: [
- { name: '涓ラ噸', value: 78 },
- { name: '涓瓑', value: 178 },
- { name: '杞诲井', value: 272 }
- ],
- equipmentData: [
- { name: '宸ヨ壓璁惧', value: 280 },
- { name: '妫�娴嬭澶�', value: 120 },
- { name: '鍏朵粬璁惧', value: 128 }
- ]
- }
- },
- mounted() {
- this.initCharts()
- },
- methods: {
- handleSearch() {
- console.log('鏌ヨ鏁版嵁', this.searchForm)
- this.initCharts()
- },
- initCharts() {
- this.renderTrendChart()
- this.renderLevelChart()
- this.renderEquipmentChart()
- },
- renderTrendChart() {
- console.log('娓叉煋鎶ヨ瓒嬪娍鍥捐〃', this.trendData)
- },
- renderLevelChart() {
- console.log('娓叉煋鎶ヨ绾у埆鍒嗗竷鍥捐〃', this.levelData)
- },
- renderEquipmentChart() {
- console.log('娓叉煋鎶ヨ璁惧绫诲瀷鍒嗗竷鍥捐〃', this.equipmentData)
- }
- }
-}
-</script>
-
-<style scoped>
-.alarm-trend-analysis {
- padding: 16px;
- background-color: #f0f2f5;
- min-height: 100vh;
-}
-
-.search-card {
- margin-bottom: 16px;
- border-radius: 8px;
- box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
-}
-
-.chart-card {
- margin-bottom: 16px;
- border-radius: 8px;
- box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
-}
-
-.chart-container {
- height: 400px;
- background-color: #ffffff;
- border-radius: 8px;
- display: flex;
- align-items: center;
- justify-content: center;
- color: #909399;
- font-size: 16px;
- border: 1px solid #e4e7ed;
-}
-
-/* 鎸夐挳鏍峰紡浼樺寲 */
-:deep(.el-button) {
- border-radius: 6px;
- padding: 8px 16px;
- text-align: center;
- white-space: nowrap;
-}
-
-/* 琛ㄥ崟鎺т欢鏍峰紡浼樺寲 */
-:deep(.el-input__inner),
-:deep(.el-select__input) {
- border-radius: 6px;
-}
-
-:deep(.el-date-editor) {
- border-radius: 6px;
-}
-
-/* 鍗＄墖澶撮儴鏍峰紡 */
-:deep(.el-card__header) {
- background-color: #fafafa;
- border-bottom: 1px solid #e4e7ed;
-}
-</style>
\ No newline at end of file
diff --git a/src/views/alarmManagement/alarmMonitor/realTimeAlarm.vue b/src/views/alarmManagement/alarmMonitor/realTimeAlarm.vue
deleted file mode 100644
index dc87547..0000000
--- a/src/views/alarmManagement/alarmMonitor/realTimeAlarm.vue
+++ /dev/null
@@ -1,271 +0,0 @@
-<template>
- <div class="real-time-alarm">
- <el-card shadow="never" class="alarm-stats-card">
- <el-row :gutter="20">
- <el-col :span="6">
- <div class="stat-item">
- <div class="stat-number severe">12</div>
- <div class="stat-label">涓ラ噸鎶ヨ</div>
- </div>
- </el-col>
- <el-col :span="6">
- <div class="stat-item">
- <div class="stat-number moderate">28</div>
- <div class="stat-label">涓瓑鎶ヨ</div>
- </div>
- </el-col>
- <el-col :span="6">
- <div class="stat-item">
- <div class="stat-number minor">45</div>
- <div class="stat-label">杞诲井鎶ヨ</div>
- </div>
- </el-col>
- <el-col :span="6">
- <div class="stat-item">
- <div class="stat-number total">85</div>
- <div class="stat-label">浠婃棩鎬绘姤璀�</div>
- </div>
- </el-col>
- </el-row>
- </el-card>
-
- <el-card shadow="never" class="table-card">
- <template #header>
- <div class="card-header">
- <span>瀹炴椂鎶ヨ鐩戞帶</span>
- <el-button type="primary" icon="el-icon-refresh" @click="handleRefresh">鍒锋柊</el-button>
- </div>
- </template>
- <el-table :data="alarmList" style="width: 100%" height="500" :header-cell-style="{textAlign: 'center'}" :cell-style="{textAlign: 'center'}">
- <el-table-column type="index" label="搴忓彿" width="80" />
- <el-table-column prop="alarmTime" label="鎶ヨ鏃堕棿" width="180" />
- <el-table-column prop="equipmentName" label="璁惧鍚嶇О" />
- <el-table-column prop="parameter" label="鎶ヨ鍙傛暟" />
- <el-table-column prop="alarmValue" label="鎶ヨ鍊�" />
- <el-table-column prop="threshold" label="闃堝��" />
- <el-table-column prop="alarmLevel" label="鎶ヨ绾у埆" width="100">
- <template #default="scope">
- <el-tag :type="getAlarmLevelType(scope.row.alarmLevel)">
- {{ scope.row.alarmLevel }}
- </el-tag>
- </template>
- </el-table-column>
- <el-table-column prop="status" label="澶勭悊鐘舵��" width="120">
- <template #default="scope">
- <el-tag :type="scope.row.status === '宸插鐞�' ? 'success' : 'warning'">
- {{ scope.row.status }}
- </el-tag>
- </template>
- </el-table-column>
- <el-table-column label="鎿嶄綔" width="200" fixed="right">
- <template #default="scope">
- <el-button size="small" type="text" icon="el-icon-view" @click="handleView(scope.row)">鏌ョ湅</el-button>
- <el-button size="small" type="text" icon="el-icon-check" @click="handleProcess(scope.row)">澶勭悊</el-button>
- </template>
- </el-table-column>
- </el-table>
- </el-card>
- </div>
-</template>
-
-<script>
-export default {
- name: 'RealTimeAlarm',
- data() {
- return {
- alarmList: [
- {
- id: 1,
- alarmTime: '2025-12-16 11:50:23',
- equipmentName: '鍙嶅簲閲淎',
- parameter: '娓╁害',
- alarmValue: '185掳C',
- threshold: '鈮�180掳C',
- alarmLevel: '涓ラ噸',
- status: '鏈鐞�'
- },
- {
- id: 2,
- alarmTime: '2025-12-16 11:48:15',
- equipmentName: '绂诲績鏈築',
- parameter: '鎸姩',
- alarmValue: '0.8mm/s',
- threshold: '鈮�0.5mm/s',
- alarmLevel: '涓瓑',
- status: '鏈鐞�'
- },
- {
- id: 3,
- alarmTime: '2025-12-16 11:45:30',
- equipmentName: '杈撻�佹车C',
- parameter: '鍘嬪姏',
- alarmValue: '4.2MPa',
- threshold: '鈮�4.0MPa',
- alarmLevel: '杞诲井',
- status: '宸插鐞�'
- },
- {
- id: 4,
- alarmTime: '2025-12-16 11:42:18',
- equipmentName: '鍙嶅簲閲淒',
- parameter: 'pH鍊�',
- alarmValue: '4.2',
- threshold: '5.0-7.0',
- alarmLevel: '涓瓑',
- status: '鏈鐞�'
- },
- {
- id: 5,
- alarmTime: '2025-12-16 11:38:55',
- equipmentName: '骞茬嚗鏈篍',
- parameter: '婀垮害',
- alarmValue: '15%',
- threshold: '鈮�10%',
- alarmLevel: '杞诲井',
- status: '宸插鐞�'
- }
- ]
- }
- },
- methods: {
- getAlarmLevelType(level) {
- switch (level) {
- case '涓ラ噸':
- return 'danger'
- case '涓瓑':
- return 'warning'
- case '杞诲井':
- return 'info'
- default:
- return 'info'
- }
- },
- handleRefresh() {
- console.log('鍒锋柊鎶ヨ鏁版嵁')
- },
- handleView(row) {
- console.log('鏌ョ湅鎶ヨ璇︽儏', row)
- },
- handleProcess(row) {
- console.log('澶勭悊鎶ヨ', row)
- }
- }
-}
-</script>
-
-<style scoped>
-.real-time-alarm {
- padding: 16px;
- background-color: #f0f2f5;
- min-height: 100vh;
-}
-
-.alarm-stats-card {
- margin-bottom: 16px;
- border-radius: 8px;
- box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
-}
-
-.table-card {
- border-radius: 8px;
- box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
-}
-
-.stat-item {
- text-align: center;
- padding: 24px 16px;
- background-color: #ffffff;
- border-radius: 12px;
- box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
- transition: all 0.3s ease;
-}
-
-.stat-item:hover {
- transform: translateY(-2px);
- box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
-}
-
-.stat-number {
- font-size: 36px;
- font-weight: bold;
- margin-bottom: 12px;
- letter-spacing: 1px;
-}
-
-.stat-number.severe {
- color: #f56c6c;
- text-shadow: 0 2px 4px rgba(245, 108, 108, 0.1);
-}
-
-.stat-number.moderate {
- color: #e6a23c;
- text-shadow: 0 2px 4px rgba(230, 162, 60, 0.1);
-}
-
-.stat-number.minor {
- color: #67c23a;
- text-shadow: 0 2px 4px rgba(103, 194, 58, 0.1);
-}
-
-.stat-number.total {
- color: #409eff;
- text-shadow: 0 2px 4px rgba(64, 158, 255, 0.1);
-}
-
-.stat-label {
- font-size: 14px;
- color: #606266;
- font-weight: 500;
-}
-
-.card-header {
- display: flex;
- justify-content: space-between;
- align-items: center;
- padding: 0 20px;
-}
-
-/* 琛ㄦ牸鏍峰紡浼樺寲 */
-:deep(.el-table) {
- border-radius: 8px;
- overflow: hidden;
-}
-
-:deep(.el-table__header-wrapper) {
- background-color: #f5f7fa;
-}
-
-:deep(.el-table__header th) {
- font-weight: 600;
- background-color: #f5f7fa;
-}
-
-:deep(.el-table__body tr:hover) {
- background-color: #f5f7fa;
-}
-
-/* 鎸夐挳鏍峰紡浼樺寲 */
-:deep(.el-button) {
- border-radius: 6px;
- padding: 8px 16px;
- text-align: center;
- white-space: nowrap;
-}
-
-/* 鎿嶄綔鏍忎笉鎹㈣ */
-:deep(.el-table__column--fixed-right) {
- white-space: nowrap;
-}
-
-:deep(.el-table__fixed-right) {
- height: 100% !important;
-}
-
-/* 鏍囩鏍峰紡浼樺寲 */
-:deep(.el-tag) {
- border-radius: 12px;
- padding: 4px 12px;
- font-size: 12px;
- font-weight: 500;
-}
-</style>
diff --git a/src/views/alarmManagement/alarmReport/alarmStats.vue b/src/views/alarmManagement/alarmReport/alarmStats.vue
deleted file mode 100644
index 490846c..0000000
--- a/src/views/alarmManagement/alarmReport/alarmStats.vue
+++ /dev/null
@@ -1,260 +0,0 @@
-<template>
- <div class="alarm-stats-report">
- <el-card shadow="never" class="search-card">
- <el-form :inline="true" :model="searchForm" class="demo-form-inline">
- <el-form-item label="鎶ヨ〃绫诲瀷">
- <el-select v-model="searchForm.reportType" placeholder="璇烽�夋嫨鎶ヨ〃绫诲瀷">
- <el-option label="鏃ユ姤" value="鏃ユ姤" />
- <el-option label="鍛ㄦ姤" value="鍛ㄦ姤" />
- <el-option label="鏈堟姤" value="鏈堟姤" />
- <el-option label="瀛ｆ姤" value="瀛ｆ姤" />
- <el-option label="骞存姤" value="骞存姤" />
- </el-select>
- </el-form-item>
- <el-form-item label="缁熻鏃堕棿">
- <el-date-picker
- v-model="searchForm.statsDate"
- type="date"
- placeholder="閫夋嫨缁熻鏃ユ湡"
- format="yyyy-MM-dd"
- value-format="yyyy-MM-dd"
- />
- </el-form-item>
- <el-form-item>
- <el-button type="primary" icon="el-icon-search" @click="handleSearch">鐢熸垚鎶ヨ〃</el-button>
- <el-button type="success" icon="el-icon-download" @click="handleExport">瀵煎嚭鎶ヨ〃</el-button>
- </el-form-item>
- </el-form>
- </el-card>
-
- <el-card shadow="never" class="report-card">
- <template #header>
- <span>鎶ヨ缁熻鎶ヨ〃 - 2025骞�12鏈�</span>
- </template>
-
- <div class="report-summary">
- <el-row :gutter="20">
- <el-col :span="8">
- <div class="summary-item">
- <div class="summary-label">鎬绘姤璀︽暟</div>
- <div class="summary-value">425</div>
- </div>
- </el-col>
- <el-col :span="8">
- <div class="summary-item">
- <div class="summary-label">宸插鐞嗘姤璀�</div>
- <div class="summary-value handled">398</div>
- </div>
- </el-col>
- <el-col :span="8">
- <div class="summary-item">
- <div class="summary-label">鏈鐞嗘姤璀�</div>
- <div class="summary-value pending">27</div>
- </div>
- </el-col>
- </el-row>
- </div>
-
- <div class="report-content">
- <h3>1. 鎶ヨ绾у埆缁熻</h3>
- <el-table :data="levelStats" style="width: 100%; margin-bottom: 20px;">
- <el-table-column prop="level" label="鎶ヨ绾у埆" />
- <el-table-column prop="count" label="鏁伴噺" />
- <el-table-column prop="percentage" label="鍗犳瘮" />
- <el-table-column prop="handled" label="宸插鐞�" />
- <el-table-column prop="pending" label="鏈鐞�" />
- </el-table>
-
- <h3>2. 璁惧绫诲瀷鎶ヨ缁熻</h3>
- <el-table :data="equipmentStats" style="width: 100%; margin-bottom: 20px;">
- <el-table-column prop="type" label="璁惧绫诲瀷" />
- <el-table-column prop="count" label="鎶ヨ鏁伴噺" />
- <el-table-column prop="percentage" label="鍗犳瘮" />
- </el-table>
-
- <h3>3. 鎶ヨ澶勭悊鏃舵晥缁熻</h3>
- <el-table :data="handlingTimeStats" style="width: 100%; margin-bottom: 20px;">
- <el-table-column prop="range" label="澶勭悊鏃堕暱鑼冨洿" />
- <el-table-column prop="count" label="鎶ヨ鏁伴噺" />
- <el-table-column prop="percentage" label="鍗犳瘮" />
- </el-table>
-
- <h3>4. 鏈堝害鎶ヨ瓒嬪娍</h3>
- <div ref="trendChart" class="trend-chart-container"></div>
- </div>
- </el-card>
- </div>
-</template>
-
-<script>
-export default {
- name: 'AlarmStatsReport',
- data() {
- return {
- searchForm: {
- reportType: '鏈堟姤',
- statsDate: '2025-12-01'
- },
- levelStats: [
- { level: '涓ラ噸', count: 78, percentage: '18.35%', handled: 75, pending: 3 },
- { level: '涓瓑', count: 178, percentage: '41.88%', handled: 170, pending: 8 },
- { level: '杞诲井', count: 169, percentage: '39.76%', handled: 153, pending: 16 }
- ],
- equipmentStats: [
- { type: '宸ヨ壓璁惧', count: 280, percentage: '65.88%' },
- { type: '妫�娴嬭澶�', count: 85, percentage: '20.00%' },
- { type: '鍏朵粬璁惧', count: 60, percentage: '14.12%' }
- ],
- handlingTimeStats: [
- { range: '0-30鍒嗛挓', count: 280, percentage: '65.88%' },
- { range: '30-60鍒嗛挓', count: 75, percentage: '17.65%' },
- { range: '1-2灏忔椂', count: 45, percentage: '10.59%' },
- { range: '2灏忔椂浠ヤ笂', count: 25, percentage: '5.88%' }
- ]
- }
- },
- mounted() {
- this.initTrendChart()
- },
- methods: {
- handleSearch() {
- console.log('鐢熸垚鎶ヨ〃', this.searchForm)
- },
- handleExport() {
- console.log('瀵煎嚭鎶ヨ〃')
- },
- initTrendChart() {
- console.log('鍒濆鍖栬秼鍔垮浘琛�')
- }
- }
-}
-</script>
-
-<style scoped>
-.alarm-stats-report {
- padding: 16px;
- background-color: #f0f2f5;
- min-height: 100vh;
-}
-
-.search-card {
- margin-bottom: 16px;
- border-radius: 8px;
- box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
-}
-
-.report-card {
- margin-top: 16px;
- border-radius: 8px;
- box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
- overflow: hidden;
-}
-
-.report-summary {
- margin: 20px;
- padding: 20px;
- background-color: #fafafa;
- border-radius: 8px;
- border: 1px solid #e4e7ed;
-}
-
-.summary-item {
- background-color: #ffffff;
- padding: 24px 16px;
- border-radius: 12px;
- text-align: center;
- box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
- transition: all 0.3s ease;
-}
-
-.summary-item:hover {
- transform: translateY(-2px);
- box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
-}
-
-.summary-label {
- font-size: 14px;
- color: #606266;
- margin-bottom: 12px;
- font-weight: 500;
-}
-
-.summary-value {
- font-size: 32px;
- font-weight: bold;
- color: #409eff;
- letter-spacing: 1px;
-}
-
-.summary-value.handled {
- color: #67c23a;
-}
-
-.summary-value.pending {
- color: #e6a23c;
-}
-
-.report-content {
- margin: 20px;
-}
-
-.report-content h3 {
- margin-bottom: 16px;
- color: #303133;
- font-size: 18px;
- font-weight: 600;
- padding-bottom: 8px;
- border-bottom: 2px solid #409eff;
- display: inline-block;
-}
-
-.trend-chart-container {
- height: 350px;
- background-color: #ffffff;
- border-radius: 8px;
- margin-top: 20px;
- display: flex;
- align-items: center;
- justify-content: center;
- color: #909399;
- border: 1px solid #e4e7ed;
-}
-
-/* 琛ㄦ牸鏍峰紡浼樺寲 */
-:deep(.el-table) {
- border-radius: 8px;
- overflow: hidden;
- margin-bottom: 20px;
-}
-
-:deep(.el-table__header-wrapper) {
- background-color: #f5f7fa;
-}
-
-:deep(.el-table__header th) {
- font-weight: 600;
- background-color: #f5f7fa;
-}
-
-:deep(.el-table__body tr:hover) {
- background-color: #f5f7fa;
-}
-
-/* 鎸夐挳鏍峰紡浼樺寲 */
-:deep(.el-button) {
- border-radius: 6px;
- padding: 8px 16px;
- text-align: center;
- white-space: nowrap;
-}
-
-/* 琛ㄥ崟鎺т欢鏍峰紡浼樺寲 */
-:deep(.el-input__inner),
-:deep(.el-select__input) {
- border-radius: 6px;
-}
-
-:deep(.el-date-editor) {
- border-radius: 6px;
-}
-</style>
\ No newline at end of file
diff --git a/vite.config.js b/vite.config.js
index a6b1bc9..8568eae 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -8,7 +8,7 @@
const { VITE_APP_ENV } = env;
const baseUrl =
VITE_APP_ENV == "development"
- ? "http://127.0.0.1:7003" // 寮�鍙戠幆澧冨悗绔帴鍙�
+ ? "http://127.0.0.1:8016" // 寮�鍙戠幆澧冨悗绔帴鍙�
: "http://10.136.12.71:8016"; // 鐢熶骇鐜鍚庣鎺ュ彛
return {
--
Gitblit v1.9.3