From 69250232abffb8b578d9b94c20f4d560492efa02 Mon Sep 17 00:00:00 2001
From: zouyu <2723363702@qq.com>
Date: 星期日, 04 一月 2026 19:26:33 +0800
Subject: [PATCH] Merge branch 'dev_tide_gybjyhglxt' into dev_tide_gybjyhglxt_xindao
---
/dev/null | 260 ----------
src/views/alarmManagement/alarmConfig/alarmRule.vue | 355 ++++++++------
src/views/alarmManagement/alarmKnowledge/alarmHandle.vue | 652 +++++++++++++++++++------
src/views/alarmManagement/alarmConfig/Form.vue | 151 ++++++
src/views/alarmManagement/alarmConfig/Modal.vue | 69 ++
5 files changed, 907 insertions(+), 580 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/alarmConfig/Form.vue b/src/views/alarmManagement/alarmConfig/Form.vue
new file mode 100644
index 0000000..d2ec9f8
--- /dev/null
+++ b/src/views/alarmManagement/alarmConfig/Form.vue
@@ -0,0 +1,151 @@
+<template>
+ <el-form :model="form" label-width="100px" :rules="formRules" ref="formRef">
+ <el-row :gutter="20">
+ <el-col :span="12">
+ <el-form-item label="瑙勫垯鍚嶇О" prop="deviceName">
+ <el-input v-model="form.deviceName" placeholder="璇疯緭鍏ヨ鍒欏悕绉�" />
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item label="璁惧绫诲瀷" prop="deviceModel">
+ <el-input v-model="form.deviceModel" placeholder="璇疯緭鍏ヨ澶囩被鍨�" />
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item label="鐩戞帶鍙傛暟" prop="supplierName">
+ <el-input v-model="form.supplierName" placeholder="璇疯緭鍏ョ洃鎺у弬鏁�" />
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item label="鎶ヨ绾у埆" prop="unit">
+ <el-input v-model="form.unit" placeholder="璇疯緭鍏ユ姤璀︾骇鍒�" />
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item label="鏄惁鍚敤" prop="status">
+ <el-switch
+ v-model="form.status"
+ :active-value="1"
+ :inactive-value="0"
+ />
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item label="鍒涘缓鏃ユ湡" prop="createTime">
+ <el-date-picker
+ style="width: 100%"
+ v-model="form.createTime"
+ format="YYYY-MM-DD"
+ value-format="YYYY-MM-DD HH:mm:ss"
+ type="date"
+ placeholder="璇烽�夋嫨褰曞叆鏃ユ湡"
+ clearable
+ />
+ </el-form-item>
+ </el-col>
+ </el-row>
+ </el-form>
+</template>
+
+<script setup>
+import useFormData from "@/hooks/useFormData.js";
+// import useUserStore from "@/store/modules/user";
+import { getLedgerById } from "@/api/equipmentManagement/ledger.js";
+import dayjs from "dayjs";
+import {
+ calculateTaxIncludeTotalPrice,
+ calculateTaxExclusiveTotalPrice,
+} from "@/utils/summarizeTable.js";
+import { ElMessage } from "element-plus";
+import {ref} from "vue";
+
+defineOptions({
+ name: "璁惧鍙拌处琛ㄥ崟",
+});
+const formRef = ref(null);
+const operationType = ref('');
+const formRules = {
+ deviceName: [{ required: true, trigger: "blur", message: "璇疯緭鍏�" }],
+ deviceModel: [{ required: true, trigger: "blur", message: "璇疯緭鍏�" }],
+ supplierName: [{ required: true, trigger: "blur", message: "璇疯緭鍏�" }],
+ unit: [{ required: true, trigger: "blur", message: "璇疯緭鍏�" }],
+ taxRate: [{ required: true, trigger: "change", message: "璇烽�夋嫨" }],
+}
+
+const { form, resetForm } = useFormData({
+ deviceName: undefined, // 璁惧鍚嶇О
+ deviceModel: undefined, // 瑙勬牸鍨嬪彿
+ deviceBrand: undefined, // 璁惧鍝佺墝
+ supplierName: undefined, // 渚涘簲鍟�
+ storageLocation: undefined, // 瀛樻斁浣嶇疆
+ enableDepreciation: false, // 鏄惁鍚敤鎶樻棫
+ unit: undefined, // 鍗曚綅
+ number: 1, // 鏁伴噺
+ taxIncludingPriceUnit: undefined, // 鍚◣鍗曚环
+ taxIncludingPriceTotal: undefined, // 鍚◣鎬讳环
+ taxRate: undefined, // 绋庣巼
+ unTaxIncludingPriceTotal: undefined, // 涓嶅惈绋庢�讳环
+ // createUser: useUserStore().nickName, // 褰曞叆浜�
+ createTime: dayjs().format("YYYY-MM-DD HH:mm:ss"), // 褰曞叆鏃ユ湡
+ planRuntimeTime: dayjs().format("YYYY-MM-DD"), // 褰曞叆鏃ユ湡
+});
+
+const loadForm = async (id) => {
+ if (id) {
+ operationType.value = 'edit'
+ }
+ const { code, data } = await getLedgerById(id);
+ if (code == 200) {
+ form.deviceName = data.deviceName;
+ form.deviceModel = data.deviceModel;
+ form.deviceBrand = data.deviceBrand;
+ form.supplierName = data.supplierName;
+ form.storageLocation = data.storageLocation;
+ form.enableDepreciation = data.enableDepreciation;
+ form.unit = data.unit;
+ form.number = 1;
+ form.taxIncludingPriceUnit = data.taxIncludingPriceUnit;
+ form.taxIncludingPriceTotal = data.taxIncludingPriceTotal;
+ form.taxRate = data.taxRate;
+ form.unTaxIncludingPriceTotal = data.unTaxIncludingPriceTotal;
+ form.createTime = data.createTime;
+ }
+};
+
+const mathNum = () => {
+ if (!form.taxIncludingPriceUnit) {
+ ElMessage.error("璇疯緭鍏ュ崟浠�");
+ return;
+ }
+ form.taxIncludingPriceTotal = calculateTaxIncludeTotalPrice(
+ form.taxIncludingPriceUnit,
+ form.number
+ );
+ if (form.taxRate) {
+ form.unTaxIncludingPriceTotal = calculateTaxExclusiveTotalPrice(
+ form.taxIncludingPriceTotal,
+ form.taxRate
+ );
+ }
+};
+
+// 娓呴櫎琛ㄥ崟鏍￠獙鐘舵��
+const clearValidate = () => {
+ formRef.value?.clearValidate();
+};
+
+// 閲嶇疆琛ㄥ崟鏁版嵁鍜屾牎楠岀姸鎬�
+const resetFormAndValidate = () => {
+ resetForm();
+ clearValidate();
+};
+
+defineExpose({
+ form,
+ loadForm,
+ resetForm,
+ clearValidate,
+ resetFormAndValidate,
+ formRef,
+});
+</script>
diff --git a/src/views/alarmManagement/alarmConfig/Modal.vue b/src/views/alarmManagement/alarmConfig/Modal.vue
new file mode 100644
index 0000000..580e362
--- /dev/null
+++ b/src/views/alarmManagement/alarmConfig/Modal.vue
@@ -0,0 +1,69 @@
+<template>
+ <el-dialog :title="modalOptions.title" v-model="visible" @close="close">
+ <Form ref="formRef"></Form>
+ <template #footer>
+ <el-button type="primary" @click="sendForm" :loading="loading">
+ {{ modalOptions.confirmText }}
+ </el-button>
+ <el-button @click="closeModal">{{ modalOptions.cancelText }}</el-button>
+ </template>
+ </el-dialog>
+</template>
+
+<script setup>
+import { useModal } from "@/hooks/useModal.js";
+import { addLedger, editLedger } from "@/api/equipmentManagement/ledger.js";
+import Form from "./Form.vue";
+import { ElMessage } from "element-plus";
+const { proxy } = getCurrentInstance()
+
+defineOptions({
+ name: "璁惧鍙拌处鏂板缂栬緫",
+});
+
+const emits = defineEmits(["success"]);
+
+const formRef = ref();
+const {
+ id,
+ visible,
+ loading,
+ openModal,
+ modalOptions,
+ handleConfirm,
+ closeModal,
+} = useModal({ title: "璁惧鍙拌处" });
+
+const sendForm = () => {
+ proxy.$refs.formRef.$refs.formRef.validate(async valid => {
+ if (valid) {
+ const {code} = id.value
+ ? await editLedger({id: id.value, ...formRef.value.form})
+ : await addLedger(formRef.value.form);
+ if (code == 200) {
+ emits("success");
+ ElMessage({message: "鎿嶄綔鎴愬姛", type: "success"});
+ close();
+ } else {
+ loading.value = false;
+ }
+ }
+ })
+};
+
+const close = () => {
+ formRef.value.resetFormAndValidate();
+ closeModal();
+};
+
+const loadForm = async (id) => {
+ openModal(id);
+ await nextTick();
+ formRef.value.loadForm(id);
+};
+
+defineExpose({
+ openModal,
+ loadForm,
+});
+</script>
diff --git a/src/views/alarmManagement/alarmConfig/alarmRule.vue b/src/views/alarmManagement/alarmConfig/alarmRule.vue
index ef90a36..b2e44be 100644
--- a/src/views/alarmManagement/alarmConfig/alarmRule.vue
+++ b/src/views/alarmManagement/alarmConfig/alarmRule.vue
@@ -1,173 +1,222 @@
<template>
- <div class="alarm-rule-config">
- <el-card shadow="never" class="search-card">
- <el-form :inline="true" :model="searchForm" class="demo-form-inline">
- <el-form-item label="瑙勫垯鍚嶇О">
- <el-input v-model="searchForm.ruleName" placeholder="璇疯緭鍏ヨ鍒欏悕绉�" />
- </el-form-item>
- <el-form-item label="璁惧绫诲瀷">
- <el-select v-model="searchForm.equipmentType" placeholder="璇烽�夋嫨璁惧绫诲瀷">
- <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-button icon="el-icon-refresh" @click="handleReset">閲嶇疆</el-button>
- </el-form-item>
- </el-form>
- </el-card>
-
- <el-card shadow="never" class="table-card">
- <template #header>
- <div class="card-header">
- <span>鎶ヨ瑙勫垯閰嶇疆</span>
- <el-button type="primary" icon="el-icon-plus" @click="handleAdd">鏂板瑙勫垯</el-button>
- </div>
- </template>
- <el-table :data="ruleList" style="width: 100%" :header-cell-style="{textAlign: 'center'}" :cell-style="{textAlign: 'center'}">
- <el-table-column type="index" label="搴忓彿" width="80" />
- <el-table-column prop="ruleName" label="瑙勫垯鍚嶇О" />
- <el-table-column prop="equipmentType" label="璁惧绫诲瀷" />
- <el-table-column prop="parameter" label="鐩戞帶鍙傛暟" />
- <el-table-column prop="alarmLevel" label="鎶ヨ绾у埆" />
- <el-table-column prop="createTime" label="鍒涘缓鏃堕棿" width="180" show-overflow-tooltip/>
- <el-table-column prop="status" label="鐘舵��" width="150">
- <template #default="scope">
- <el-switch v-model="scope.row.status" active-text="鍚敤" inactive-text="绂佺敤" />
- </template>
- </el-table-column>
- <el-table-column label="鎿嶄綔" width="150" fixed="right">
- <template #default="scope">
- <el-button size="small" type="text" @click="handleEdit(scope.row)">缂栬緫</el-button>
- <el-button size="small" type="text" @click="handleDelete(scope.row)">鍒犻櫎</el-button>
- </template>
- </el-table-column>
- </el-table>
- <div class="pagination">
- <el-pagination
- layout="total, sizes, prev, pager, next, jumper"
- :total="ruleList.length"
- :page-size="10"
- :page-sizes="[10, 20, 30, 50]"
+ <div class="app-container">
+ <el-form :model="filters" :inline="true">
+ <el-form-item label="瑙勫垯鍚嶇О">
+ <el-input
+ v-model="filters.deviceName"
+ style="width: 240px"
+ placeholder="璇疯緭鍏ヨ鍒欏悕绉�"
+ clearable
+ @change="getTableData"
/>
+ </el-form-item>
+ <el-form-item label="璁惧绫诲瀷">
+ <el-input
+ v-model="filters.deviceModel"
+ style="width: 240px"
+ placeholder="璇疯緭鍏ヨ澶囩被鍨�"
+ clearable
+ @change="getTableData"
+ />
+ </el-form-item>
+ <el-form-item label="鐩戞帶鍙傛暟">
+ <el-input
+ v-model="filters.supplierName"
+ style="width: 240px"
+ placeholder="璇疯緭鍏ョ洃鎺у弬鏁�"
+ clearable
+ @change="getTableData"
+ />
+ </el-form-item>
+ </el-form>
+ <div class="table_list">
+ <div class="actions">
+ <div></div>
+ <div>
+ <el-button type="primary" @click="add" icon="Plus"> 鏂板 </el-button>
+ <el-button
+ type="danger"
+ icon="Delete"
+ :disabled="multipleList.length <= 0"
+ @click="deleteRow(multipleList.map((item) => item.id))"
+ >
+ 鎵归噺鍒犻櫎
+ </el-button>
+ </div>
</div>
- </el-card>
+ <PIMTable
+ rowKey="id"
+ isSelection
+ :column="columns"
+ :tableData="dataList"
+ :page="{
+ current: pagination.currentPage,
+ size: pagination.pageSize,
+ total: pagination.total,
+ }"
+ @selection-change="handleSelectionChange"
+ @pagination="changePage"
+ >
+ </PIMTable>
+ </div>
+ <Modal ref="modalRef" @success="getTableData"></Modal>
+ <el-dialog v-model="qrDialogVisible" title="浜岀淮鐮�" width="300px">
+ <div style="text-align:center;">
+ <img :src="qrCodeUrl" alt="浜岀淮鐮�" style="width:200px;height:200px;" />
+ <div style="margin:10px 0;">
+ <el-button type="primary" @click="downloadQRCode">涓嬭浇浜岀淮鐮佸浘鐗�</el-button>
+ </div>
+ </div>
+ </el-dialog>
</div>
</template>
-<script>
-export default {
- name: 'AlarmRule',
- data() {
- return {
- searchForm: {
- ruleName: '',
- equipmentType: ''
- },
- ruleList: [
- {
- id: 1,
- ruleName: '娓╁害杩囬珮鎶ヨ',
- equipmentType: '宸ヨ壓璁惧',
- parameter: '娓╁害',
- alarmLevel: '涓ラ噸',
- createTime: '2025-12-01 10:30:00',
- status: true
- },
- {
- id: 2,
- ruleName: '鍘嬪姏寮傚父鎶ヨ',
- equipmentType: '宸ヨ壓璁惧',
- parameter: '鍘嬪姏',
- alarmLevel: '涓瓑',
- createTime: '2025-12-02 14:20:00',
- status: true
- },
- {
- id: 3,
- ruleName: '娴侀噺杩囦綆鎶ヨ',
- equipmentType: '妫�娴嬭澶�',
- parameter: '娴侀噺',
- alarmLevel: '杞诲井',
- createTime: '2025-12-03 09:15:00',
- status: false
- },
- {
- id: 4,
- ruleName: '鐢靛帇涓嶇ǔ瀹氭姤璀�',
- equipmentType: '鍏朵粬璁惧',
- parameter: '鐢靛帇',
- alarmLevel: '涓瓑',
- createTime: '2025-12-04 16:45:00',
- status: true
- },
- {
- id: 5,
- ruleName: '娑蹭綅寮傚父鎶ヨ',
- equipmentType: '宸ヨ壓璁惧',
- parameter: '娑蹭綅',
- alarmLevel: '涓ラ噸',
- createTime: '2025-12-05 11:20:00',
- status: true
- }
- ]
- }
+<script setup>
+import { usePaginationApi } from "../../../hooks/usePaginationApi.jsx";
+import { getLedgerPage, delLedger } from "../../..//api/equipmentManagement/ledger.js";
+import { onMounted, getCurrentInstance } from "vue";
+import Modal from "./Modal.vue";
+import { ElMessageBox, ElMessage } from "element-plus";
+import dayjs from "dayjs";
+import { ref } from "vue";
+
+defineOptions({
+ name: "璁惧鍙拌处",
+});
+
+// 琛ㄦ牸澶氶�夋閫変腑椤�
+const multipleList = ref([]);
+const { proxy } = getCurrentInstance();
+const modalRef = ref();
+const qrDialogVisible = ref(false);
+const qrCodeUrl = ref("");
+const qrRowData = ref(null);
+
+const {
+ filters,
+ columns,
+ dataList,
+ pagination,
+ getTableData,
+ resetFilters,
+ onCurrentChange,
+} = usePaginationApi(
+ getLedgerPage,
+ {
+ deviceName: undefined,
+ deviceModel: undefined,
+ supplierName: undefined,
+ unit: undefined,
+ entryDateStart: undefined,
+ entryDateEnd: undefined,
},
- methods: {
- handleSearch() {
- console.log('鎼滅储', this.searchForm)
+ [
+ {
+ label: "瑙勫垯鍚嶇О",
+ align: "center",
+ prop: "deviceName",
},
- handleReset() {
- this.searchForm = {
- ruleName: '',
- equipmentType: ''
- }
+ {
+ label: "璁惧绫诲瀷",
+ align: "center",
+ prop: "deviceModel",
},
- handleAdd() {
- console.log('鏂板瑙勫垯')
+ {
+ label: "鐩戞帶鍙傛暟",
+ align: "center",
+ prop: "supplierName",
},
- handleEdit(row) {
- console.log('缂栬緫瑙勫垯', row)
+ {
+ label: "鎶ヨ绾у埆",
+ align: "center",
+ prop: "unit",
},
- handleDelete(row) {
- console.log('鍒犻櫎瑙勫垯', row)
+ {
+ label: "鍒涘缓鏃堕棿",
+ align: "center",
+ prop: "createTime",
+ },
+ {
+ label: "鏄惁鍚敤",
+ align: "center",
+ prop: "status",
+ },
+ {
+ dataType: "action",
+ label: "鎿嶄綔",
+ align: "center",
+ fixed: 'right',
+ width: 150,
+ operation: [
+ {
+ name: "缂栬緫",
+ type: "text",
+ clickFun: (row) => {
+ edit(row.id)
+ },
+ },
+ ],
+ },
+ ]
+);
+
+// 澶氶�夊悗鍋氫粈涔�
+const handleSelectionChange = (selectionList) => {
+ multipleList.value = selectionList;
+};
+
+const add = () => {
+ modalRef.value.openModal();
+};
+const edit = (id) => {
+ modalRef.value.loadForm(id);
+};
+const changePage = ({ page, limit }) => {
+ pagination.currentPage = page;
+ pagination.pageSize = limit;
+ onCurrentChange(page);
+};
+const deleteRow = (id) => {
+ ElMessageBox.confirm("姝ゆ搷浣滃皢姘镐箙鍒犻櫎璇ユ枃浠�, 鏄惁缁х画?", "鎻愮ず", {
+ confirmButtonText: "纭畾",
+ cancelButtonText: "鍙栨秷",
+ type: "warning",
+ }).then(async () => {
+ const { code } = await delLedger(id);
+ if (code == 200) {
+ ElMessage({
+ type: "success",
+ message: "鍒犻櫎鎴愬姛",
+ });
+ getTableData();
}
+ });
+};
+
+const changeDaterange = (value) => {
+ if (value) {
+ filters.entryDateStart = dayjs(value[0]).format("YYYY-MM-DD");
+ filters.entryDateEnd = dayjs(value[1]).format("YYYY-MM-DD");
+ } else {
+ filters.entryDateStart = undefined;
+ filters.entryDateEnd = undefined;
}
-}
+ getTableData();
+};
+
+
+onMounted(() => {
+ getTableData();
+});
</script>
-<style scoped>
-.alarm-rule-config {
- padding: 16px;
- background-color: #f0f2f5;
- min-height: 100vh;
+<style lang="scss" scoped>
+.table_list {
+ margin-top: unset;
}
-
-.search-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);
-}
-
-.card-header {
+.actions {
display: flex;
justify-content: space-between;
- align-items: center;
- padding: 0 20px;
+ margin-bottom: 10px;
}
-
-.pagination {
- margin-top: 16px;
- display: flex;
- justify-content: flex-end;
- padding-right: 20px;
-}
-
</style>
diff --git a/src/views/alarmManagement/alarmKnowledge/alarmHandle.vue b/src/views/alarmManagement/alarmKnowledge/alarmHandle.vue
index fa0a8f8..a5f2f9f 100644
--- a/src/views/alarmManagement/alarmKnowledge/alarmHandle.vue
+++ b/src/views/alarmManagement/alarmKnowledge/alarmHandle.vue
@@ -1,180 +1,498 @@
<template>
- <div class="alarm-handle-knowledge">
- <el-card shadow="never" class="search-card">
- <el-form :inline="true" :model="searchForm" class="demo-form-inline">
- <el-form-item label="鐭ヨ瘑搴撴爣棰�">
- <el-input v-model="searchForm.title" placeholder="璇疯緭鍏ョ煡璇嗗簱鏍囬" />
- </el-form-item>
- <el-form-item label="鎶ヨ绫诲瀷">
- <el-select v-model="searchForm.alarmType" placeholder="璇烽�夋嫨鎶ヨ绫诲瀷" clearable>
- <el-option label="娓╁害鎶ヨ" value="娓╁害鎶ヨ" />
- <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-button icon="el-icon-plus" @click="handleAdd">鏂板</el-button>
- </el-form-item>
- </el-form>
- </el-card>
-
- <el-card shadow="never" class="table-card" >
- <el-table :data="knowledgeList" style="width: 100%" :header-cell-style="{textAlign: 'center'}" :cell-style="{textAlign: 'center'}">
- <el-table-column type="index" label="搴忓彿" width="80" />
- <el-table-column prop="title" label="鐭ヨ瘑搴撴爣棰�" min-width="200" />
- <el-table-column prop="alarmType" label="鎶ヨ绫诲瀷" width="120" />
- <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="createTime" label="鍒涘缓鏃堕棿" width="180" />
- <el-table-column prop="creator" label="鍒涘缓浜�" width="100" />
- <el-table-column prop="status" label="鐘舵��" width="100">
- <template #default="scope">
- <el-tag :type="scope.row.status === '鍚敤' ? 'success' : 'info'">
- {{ scope.row.status }}
- </el-tag>
- </template>
- </el-table-column>
- <el-table-column label="鎿嶄綔" width="250" 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-edit" @click="handleEdit(scope.row)">缂栬緫</el-button>
- <el-button size="small" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)">鍒犻櫎</el-button>
- </template>
- </el-table-column>
- </el-table>
- <div class="pagination">
- <el-pagination
- layout="total, sizes, prev, pager, next, jumper"
- :total="knowledgeList.length"
- :page-size="10"
- :page-sizes="[10, 20, 30, 50]"
+ <div class="app-container">
+ <div class="search_form">
+ <div>
+ <span class="search_title">鐭ヨ瘑搴撴爣棰橈細</span>
+ <el-input
+ v-model="searchForm.customerName"
+ style="width: 240px"
+ placeholder="璇疯緭鍏�"
+ @change="handleQuery"
+ clearable
+ :prefix-icon="Search"
/>
+ <el-button type="primary" @click="handleQuery" style="margin-left: 10px"
+ >鎼滅储</el-button
+ >
</div>
- </el-card>
+ <div>
+ <el-button type="primary" @click="openForm('add')">鏂板鐭ヨ瘑搴�</el-button>
+ <el-button type="danger" plain @click="handleDelete">鍒犻櫎</el-button>
+ </div>
+ </div>
+ <div class="table_list">
+ <PIMTable
+ rowKey="id"
+ :column="tableColumn"
+ :tableData="tableData"
+ :page="page"
+ :isSelection="true"
+ @selection-change="handleSelectionChange"
+ :tableLoading="tableLoading"
+ @pagination="pagination"
+ ></PIMTable>
+ </div>
+ <el-dialog
+ v-model="dialogFormVisible"
+ :title="operationType === 'add' ? '鏂板鐭ヨ瘑搴�' : '缂栬緫鐭ヨ瘑搴�'"
+ width="70%"
+ @close="closeDia"
+ >
+ <el-form
+ :model="form"
+ label-width="140px"
+ label-position="top"
+ :rules="rules"
+ ref="formRef"
+ >
+ <el-row :gutter="30">
+ <el-col :span="12">
+ <el-form-item label="鐭ヨ瘑搴撴爣棰橈細" prop="customerName">
+ <el-input
+ v-model="form.customerName"
+ placeholder="璇疯緭鍏�"
+ clearable
+ />
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item
+ label="鎶ヨ绫诲瀷锛�"
+ prop="taxpayerIdentificationNumber"
+ >
+ <el-input
+ v-model="form.taxpayerIdentificationNumber"
+ placeholder="璇疯緭鍏�"
+ clearable
+ />
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-row :gutter="30">
+ <el-col :span="12">
+ <el-form-item label="鎶ヨ绾у埆锛�" prop="companyAddress">
+ <el-select
+ v-model="form.companyAddress"
+ placeholder="璇烽�夋嫨鎶ヨ绾у埆"
+ clearable
+ style="width: 100%"
+ >
+ <el-option label="涓�鑸�" value="涓�鑸�" />
+ <el-option label="杞诲井" value="杞诲井" />
+ <el-option label="涓ラ噸" value="涓ラ噸" />
+ </el-select>
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item label="鑱旂郴浜猴細" prop="companyPhone">
+ <el-input v-model="form.companyPhone" placeholder="璇疯緭鍏�" clearable />
+ </el-form-item>
+ </el-col>
+ </el-row>
+ </el-form>
+ <template #footer>
+ <div class="dialog-footer">
+ <el-button type="primary" @click="submitForm">纭</el-button>
+ <el-button @click="closeDia">鍙栨秷</el-button>
+ </div>
+ </template>
+ </el-dialog>
+ <!-- 鐢ㄦ埛瀵煎叆瀵硅瘽妗� -->
+ <el-dialog
+ :title="upload.title"
+ v-model="upload.open"
+ width="400px"
+ append-to-body
+ >
+ <el-upload
+ ref="uploadRef"
+ :limit="1"
+ accept=".xlsx, .xls"
+ :headers="upload.headers"
+ :action="upload.url + '?updateSupport=' + upload.updateSupport"
+ :disabled="upload.isUploading"
+ :before-upload="upload.beforeUpload"
+ :on-progress="upload.onProgress"
+ :on-success="upload.onSuccess"
+ :on-error="upload.onError"
+ :on-change="upload.onChange"
+ :auto-upload="false"
+ drag
+ >
+ <el-icon class="el-icon--upload"><upload-filled /></el-icon>
+ <div class="el-upload__text">灏嗘枃浠舵嫋鍒版澶勶紝鎴�<em>鐐瑰嚮涓婁紶</em></div>
+ <template #tip>
+ <div class="el-upload__tip text-center">
+ <span>浠呭厑璁稿鍏ls銆亁lsx鏍煎紡鏂囦欢銆�</span>
+ <el-link
+ type="primary"
+ :underline="false"
+ style="font-size: 12px; vertical-align: baseline"
+ @click="importTemplate"
+ >涓嬭浇妯℃澘</el-link
+ >
+ </div>
+ </template>
+ </el-upload>
+ <template #footer>
+ <div class="dialog-footer">
+ <el-button type="primary" @click="submitFileForm">纭� 瀹�</el-button>
+ <el-button @click="upload.open = false">鍙� 娑�</el-button>
+ </div>
+ </template>
+ </el-dialog>
</div>
</template>
-<script>
-export default {
- name: 'AlarmHandleKnowledge',
- data() {
- return {
- searchForm: {
- title: '',
- alarmType: ''
- },
- knowledgeList: [
- {
- id: 1,
- title: '鍙嶅簲閲滄俯搴﹁繃楂樻姤璀﹀鐞嗘祦绋�',
- alarmType: '娓╁害鎶ヨ',
- alarmLevel: '涓ラ噸',
- createTime: '2025-12-01 14:30:00',
- creator: '绠＄悊鍛�',
- status: '鍚敤'
- },
- {
- id: 2,
- title: '绂诲績娉垫尟鍔ㄥ紓甯告姤璀﹀鐞嗘寚鍗�',
- alarmType: '鎸姩鎶ヨ',
- alarmLevel: '涓瓑',
- createTime: '2025-12-02 09:15:00',
- creator: '璁惧宸ョ▼甯�',
- status: '鍚敤'
- },
- {
- id: 3,
- title: '鍌ㄧ綈娑蹭綅杩囦綆鎶ヨ澶勭悊鏂规硶',
- alarmType: '娑蹭綅鎶ヨ',
- alarmLevel: '杞诲井',
- createTime: '2025-12-03 16:45:00',
- creator: '宸ヨ壓宸ョ▼甯�',
- status: '鍚敤'
- },
- {
- id: 4,
- title: '鍘嬬缉鏈哄帇鍔涜繃楂樻姤璀﹀簲鎬ラ妗�',
- alarmType: '鍘嬪姏鎶ヨ',
- alarmLevel: '涓ラ噸',
- createTime: '2025-12-04 11:20:00',
- creator: '瀹夊叏涓荤',
- status: '鍚敤'
- },
- {
- id: 5,
- title: '骞茬嚗鏈烘箍搴﹀紓甯告姤璀﹀鐞嗘祦绋�',
- alarmType: '婀垮害鎶ヨ',
- alarmLevel: '涓瓑',
- createTime: '2025-12-05 15:10:00',
- creator: '宸ヨ壓宸ョ▼甯�',
- status: '绂佺敤'
- }
- ]
+<script setup>
+import {onMounted, ref} from "vue";
+import { Search } from "@element-plus/icons-vue";
+import {
+ addCustomer,
+ delCustomer,
+ getCustomer,
+ listCustomer,
+ updateCustomer,
+} from "@/api/basicData/customerFile.js";
+import { ElMessageBox } from "element-plus";
+import { userListNoPage } from "@/api/system/user.js";
+import useUserStore from "@/store/modules/user";
+import { getToken } from "@/utils/auth.js";
+const { proxy } = getCurrentInstance();
+const userStore = useUserStore();
+
+const tableColumn = ref([
+ {
+ label: "鐭ヨ瘑搴撴爣棰�",
+ prop: "customerName",
+ width: 220,
+ },
+ {
+ label: "鎶ヨ绫诲瀷",
+ prop: "taxpayerIdentificationNumber",
+ width: 220,
+ },
+ {
+ label: "鎶ヨ绾у埆",
+ prop: "companyAddress",
+ width: 250,
+ formatter: (row, column, cellValue) => {
+ const levelMap = {
+ '涓�鑸�': '涓�鑸�',
+ '杞诲井': '杞诲井',
+ '涓ラ噸': '涓ラ噸'
+ };
+ return levelMap[cellValue] || cellValue;
}
},
- methods: {
- getAlarmLevelType(level) {
- switch (level) {
- case '涓ラ噸':
- return 'danger'
- case '涓瓑':
- return 'warning'
- case '杞诲井':
- return 'info'
- default:
- return 'info'
- }
- },
- handleSearch() {
- console.log('鎼滅储鐭ヨ瘑搴�', this.searchForm)
- },
- handleAdd() {
- console.log('鏂板鐭ヨ瘑搴�')
- },
- handleView(row) {
- console.log('鏌ョ湅鐭ヨ瘑搴撹鎯�', row)
- },
- handleEdit(row) {
- console.log('缂栬緫鐭ヨ瘑搴�', row)
- },
- handleDelete(row) {
- console.log('鍒犻櫎鐭ヨ瘑搴�', row)
+ {
+ label: "鑱旂郴浜�",
+ prop: "companyPhone",
+ },
+ {
+ label: "鍒涘缓鏃堕棿",
+ prop: "maintenanceTime",
+ width: 100,
+ },
+ {
+ dataType: "action",
+ label: "鎿嶄綔",
+ align: "center",
+ fixed: 'right',
+ operation: [
+ {
+ name: "缂栬緫",
+ type: "text",
+ clickFun: (row) => {
+ openForm("edit", row);
+ }
+ },
+ ],
+ },
+]);
+const tableData = ref([]);
+const selectedRows = ref([]);
+const userList = ref([]);
+const tableLoading = ref(false);
+const page = reactive({
+ current: 1,
+ size: 100,
+ total: 0,
+});
+const total = ref(0);
+
+// 鐢ㄦ埛淇℃伅琛ㄥ崟寮规鏁版嵁
+const operationType = ref("");
+const dialogFormVisible = ref(false);
+const formYYs = ref({ // 鍏朵粬瀛楁...
+ contactList: [
+ {
+ contactPerson: "",
+ contactPhone: ""
}
+ ]
+});
+const data = reactive({
+ searchForm: {
+ customerName: "",
+ },
+ form: {
+ customerName: "",
+ taxpayerIdentificationNumber: "",
+ companyAddress: "",
+ addressPhone: "",
+ contactPerson: "",
+ contactPhone: "",
+ maintainer: "",
+ maintenanceTime: "",
+ basicBankAccount: "",
+ bankAccount: "",
+ bankCode: "",
+ },
+ rules: {
+ customerName: [{ required: true, message: "璇疯緭鍏�", trigger: "blur" }],
+ taxpayerIdentificationNumber: [
+ { required: true, message: "璇疯緭鍏�", trigger: "blur" },
+ ],
+ companyAddress: [{ required: true, message: "璇疯緭鍏�", trigger: "blur" }],
+ companyPhone: [{ required: true, message: "璇疯緭鍏�", trigger: "blur" }],
+ // contactPerson: [{ required: true, message: "璇疯緭鍏�", trigger: "blur" }],
+ // contactPhone: [{ required: true, message: "璇疯緭鍏�", trigger: "blur" }],
+ maintainer: [{ required: false, message: "璇烽�夋嫨", trigger: "change" }],
+ maintenanceTime: [
+ { required: false, message: "璇烽�夋嫨", trigger: "change" },
+ ],
+ basicBankAccount: [{ required: true, message: "璇疯緭鍏�", trigger: "blur" }],
+ bankAccount: [{ required: true, message: "璇疯緭鍏�", trigger: "blur" }],
+ bankCode: [{ required: true, message: "璇疯緭鍏�", trigger: "blur" }],
+ },
+});
+const upload = reactive({
+ // 鏄惁鏄剧ず寮瑰嚭灞傦紙瀹㈡埛瀵煎叆锛�
+ open: false,
+ // 寮瑰嚭灞傛爣棰橈紙瀹㈡埛瀵煎叆锛�
+ title: "",
+ // 鏄惁绂佺敤涓婁紶
+ isUploading: false,
+ // 璁剧疆涓婁紶鐨勮姹傚ご閮�
+ headers: { Authorization: "Bearer " + getToken() },
+ // 涓婁紶鐨勫湴鍧�
+ url: import.meta.env.VITE_APP_BASE_API + "/basic/customer/importData",
+ // 鏂囦欢涓婁紶鍓嶇殑鍥炶皟
+ beforeUpload: (file) => {
+ console.log('鏂囦欢鍗冲皢涓婁紶', file);
+ // 鍙互鍦ㄦ澶勫仛鏂囦欢绫诲瀷鎴栧ぇ灏忔牎楠�
+ const isValid = file.type === 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' || file.name.endsWith('.xlsx') || file.name.endsWith('.xls');
+ if (!isValid) {
+ proxy.$modal.msgError("鍙兘涓婁紶 Excel 鏂囦欢");
+ }
+ return isValid;
+ },
+ // 鏂囦欢鐘舵�佹敼鍙樻椂鐨勫洖璋�
+ onChange: (file, fileList) => {
+ console.log('鏂囦欢鐘舵�佹敼鍙�', file, fileList);
+ },
+ // 鏂囦欢涓婁紶鎴愬姛鏃剁殑鍥炶皟
+ onSuccess: (response, file, fileList) => {
+ console.log('涓婁紶鎴愬姛', response, file, fileList);
+ upload.isUploading = false;
+ if(response.code === 200){
+ proxy.$modal.msgSuccess("鏂囦欢涓婁紶鎴愬姛");
+ upload.open = false;
+ proxy.$refs["uploadRef"].clearFiles();
+ getList();
+ }else if(response.code === 500){
+ proxy.$modal.msgError(response.msg);
+ }else{
+ proxy.$modal.msgWarning(response.msg);
+ }
+ },
+ // 鏂囦欢涓婁紶澶辫触鏃剁殑鍥炶皟
+ onError: (error, file, fileList) => {
+ console.error('涓婁紶澶辫触', error, file, fileList);
+ upload.isUploading = false;
+ proxy.$modal.msgError("鏂囦欢涓婁紶澶辫触");
+ },
+ // 鏂囦欢涓婁紶杩涘害鍥炶皟
+ onProgress: (event, file, fileList) => {
+ console.log('涓婁紶涓�...', event.percent);
}
+});
+const { searchForm, form, rules } = toRefs(data);
+const addNewContact = () => {
+ formYYs.value.contactList.push({
+ contactPerson: "",
+ contactPhone: ""
+ });
+};
+
+const removeContact = (index) => {
+ if (formYYs.value.contactList.length > 1) {
+ formYYs.value.contactList.splice(index, 1);
+ }
+};
+// 鏌ヨ鍒楄〃
+/** 鎼滅储鎸夐挳鎿嶄綔 */
+const handleQuery = () => {
+ page.current = 1;
+ getList();
+};
+const pagination = (obj) => {
+ page.current = obj.page;
+ page.size = obj.limit;
+ getList();
+};
+const getList = () => {
+ tableLoading.value = true;
+ listCustomer({ ...searchForm.value, ...page }).then((res) => {
+ tableLoading.value = false;
+ tableData.value = res.records;
+ page.total = res.total;
+ });
+};
+// 琛ㄦ牸閫夋嫨鏁版嵁
+const handleSelectionChange = (selection) => {
+ selectedRows.value = selection;
+};
+/** 鎻愪氦涓婁紶鏂囦欢 */
+function submitFileForm() {
+ upload.isUploading = true;
+ proxy.$refs["uploadRef"].submit();
}
+/** 瀵煎叆鎸夐挳鎿嶄綔 */
+function handleImport() {
+ upload.title = "瀹㈡埛瀵煎叆";
+ upload.open = true;
+}
+/** 涓嬭浇妯℃澘 */
+function importTemplate() {
+ proxy.download("/basic/customer/downloadTemplate", {}, "瀹㈡埛瀵煎叆妯℃澘.xlsx");
+}
+// 鎵撳紑寮规
+const openForm = (type, row) => {
+ operationType.value = type;
+ form.value = {};
+ form.value.maintainer = userStore.nickName;
+ formYYs.value.contactList = [
+ {
+ contactPerson: "",
+ contactPhone: ""
+ }
+ ];
+ form.value.maintenanceTime = getCurrentDate();
+ userListNoPage().then((res) => {
+ userList.value = res.data;
+ });
+ if (type === "edit") {
+ getCustomer(row.id).then((res) => {
+ form.value = { ...res.data };
+ formYYs.value.contactList = res.data.contactPerson.split(",").map((item, index) => {
+ return {
+ contactPerson: item,
+ contactPhone: res.data.contactPhone.split(",")[index]
+ }
+ });
+
+ });
+ }
+ dialogFormVisible.value = true;
+};
+// 鎻愪氦琛ㄥ崟
+const submitForm = () => {
+ proxy.$refs["formRef"].validate((valid) => {
+ if (valid) {
+ if (operationType.value === "edit") {
+ submitEdit();
+ } else {
+ submitAdd();
+ }
+ }
+ });
+};
+// 鎻愪氦鏂板
+const submitAdd = () => {
+ if(formYYs.value.contactList.length < 1){
+ return proxy.$modal.msgWarning("璇疯嚦灏戞坊鍔犱竴涓仈绯讳汉");
+ }
+ form.value.contactPerson = formYYs.value.contactList.map(item => item.contactPerson).join(",");
+ form.value.contactPhone = formYYs.value.contactList.map(item => item.contactPhone).join(",");
+ addCustomer(form.value).then((res) => {
+ proxy.$modal.msgSuccess("鎻愪氦鎴愬姛");
+ closeDia();
+ getList();
+ });
+};
+// 鎻愪氦淇敼
+const submitEdit = () => {
+ form.value.contactPerson = formYYs.value.contactList.map(item => item.contactPerson).join(",");
+ form.value.contactPhone = formYYs.value.contactList.map(item => item.contactPhone).join(",");
+ updateCustomer(form.value).then((res) => {
+ proxy.$modal.msgSuccess("鎻愪氦鎴愬姛");
+ closeDia();
+ getList();
+ });
+};
+// 鍏抽棴寮规
+const closeDia = () => {
+ proxy.resetForm("formRef");
+ dialogFormVisible.value = false;
+};
+// 瀵煎嚭
+const handleOut = () => {
+ ElMessageBox.confirm("閫変腑鐨勫唴瀹瑰皢琚鍑猴紝鏄惁纭瀵煎嚭锛�", "瀵煎嚭", {
+ confirmButtonText: "纭",
+ cancelButtonText: "鍙栨秷",
+ type: "warning",
+ })
+ .then(() => {
+ proxy.download("/basic/customer/export", {}, "瀹㈡埛妗ｆ.xlsx");
+ })
+ .catch(() => {
+ proxy.$modal.msg("宸插彇娑�");
+ });
+};
+// 鍒犻櫎
+const handleDelete = () => {
+ let ids = [];
+ if (selectedRows.value.length > 0) {
+ ids = selectedRows.value.map((item) => item.id);
+ } else {
+ proxy.$modal.msgWarning("璇烽�夋嫨鏁版嵁");
+ return;
+ }
+ ElMessageBox.confirm("閫変腑鐨勫唴瀹瑰皢琚垹闄わ紝鏄惁纭鍒犻櫎锛�", "鍒犻櫎鎻愮ず", {
+ confirmButtonText: "纭",
+ cancelButtonText: "鍙栨秷",
+ type: "warning",
+ })
+ .then(() => {
+ tableLoading.value = true;
+ delCustomer(ids)
+ .then((res) => {
+ proxy.$modal.msgSuccess("鍒犻櫎鎴愬姛");
+ getList();
+ })
+ .finally(() => {
+ tableLoading.value = false;
+ });
+ })
+ .catch(() => {
+ proxy.$modal.msg("宸插彇娑�");
+ });
+};
+
+// 鑾峰彇褰撳墠鏃ユ湡骞舵牸寮忓寲涓� YYYY-MM-DD
+function getCurrentDate() {
+ const today = new Date();
+ const year = today.getFullYear();
+ const month = String(today.getMonth() + 1).padStart(2, "0"); // 鏈堜唤浠�0寮�濮�
+ const day = String(today.getDate()).padStart(2, "0");
+ return `${year}-${month}-${day}`;
+}
+
+onMounted(() => {
+ getList();
+});
</script>
-<style scoped>
-.alarm-handle-knowledge {
- 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);
-}
-
-.table-card {
- margin-top: 16px;
- border-radius: 8px;
- box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
-}
-
-.pagination {
- margin-top: 16px;
- display: flex;
- justify-content: flex-end;
- padding-right: 20px;
-}
-
-</style>
+<style scoped lang="scss"></style>
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
--
Gitblit v1.9.3