From 9a34cc100384b0db98166e1a7e4f35dee44fb8ae Mon Sep 17 00:00:00 2001
From: zhitan-cloud <394600+ustcyc@user.noreply.gitee.com>
Date: 星期一, 13 一月 2025 21:49:16 +0800
Subject: [PATCH] !16 合并到主分支 Merge pull request !16 from zhitan-cloud/develop1.0
---
zhitan-vue/src/views/businessconfiguration/alarmmaintenance/alarmMaintenance.vue | 205 +++++++++++++++++++++++++++------------------------
1 files changed, 108 insertions(+), 97 deletions(-)
diff --git a/zhitan-vue/src/views/businessconfiguration/alarmmaintenance/alarmMaintenance.vue b/zhitan-vue/src/views/businessconfiguration/alarmmaintenance/alarmMaintenance.vue
index 51682f1..5be2000 100644
--- a/zhitan-vue/src/views/businessconfiguration/alarmmaintenance/alarmMaintenance.vue
+++ b/zhitan-vue/src/views/businessconfiguration/alarmmaintenance/alarmMaintenance.vue
@@ -1,133 +1,144 @@
<template>
- <div class="page">
- <div class="form-card">
- <el-form :model="queryParams" ref="queryRef" :inline="true" label-width="120px">
- <el-form-item label="闄愬�肩被鍨嬪悕绉�">
- <el-input v-model="queryParams.limitName" placeholder="璇疯緭鍏ラ檺鍊肩被鍨嬪悕绉�" />
- </el-form-item>
- <el-form-item>
- <el-button type="primary" icon="Search" @click="handleQuery">鎼滅储</el-button>
- <el-button icon="Refresh" @click="resetQuery">閲嶇疆</el-button>
- </el-form-item>
- </el-form>
- </div>
-
-
- <div class="table-box">
- <div class="mt20 mb20">
- <el-button type="primary" icon="plus" @click="handleAdd">鏂板</el-button>
- <!-- <el-button type="primary" icon="Delete">鍒犻櫎</el-button> -->
- </div>
- <el-table :data="tableData" v-loading="loading">
- <el-table-column prop="limitName" label="闄愬�肩被鍨嬪悕绉�" show-overflow-tooltip align="center" />
- <el-table-column prop="limitCode" label="闄愬�肩被鍨嬬紪鍙�" show-overflow-tooltip align="center" />
- <el-table-column prop="alarmType" label="鎶ヨ闄愬埗绫诲瀷" show-overflow-tooltip align="center"
- :formatter="(row, column) => proxy.selectDictLabel(alarm_type, row.alarmType)" />
- <el-table-column prop="colorNumber" label="鑹插彿" show-overflow-tooltip align="center">
- <template #default="scope">
- <div style="width: 20px;height: 20px;border-radius: 5px; margin: 0 auto"
- :style="{ 'background': scope.row.colorNumber }">
- </div>
- </template>
- </el-table-column>
- <el-table-column prop="comparatorOperator" label="姣旇緝杩愮畻绗�" show-overflow-tooltip align="center"
- :formatter="(row) => proxy.selectDictLabel(operatorList,row.comparatorOperator)" />
- <el-table-column label="鎿嶄綔" width="300" align="center">
- <template #default="scope">
- <el-button link type="primary" icon="Edit" @click="handleAdd(scope.row)">
- 淇敼
- </el-button>
- <el-button link type="primary" icon="Delete" @click="handleDel(scope.row)">
- 鍒犻櫎
- </el-button>
- </template>
- </el-table-column>
- </el-table>
- <pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum"
- v-model:limit="queryParams.pageSize" @pagination="getList" />
-
- </div>
- <edit-modal ref="EditModalRef" @getList="getList" :operatorList="operatorList" :alarmTypeList='alarm_type' />
+ <div class="page">
+ <div class="form-card">
+ <el-form :model="queryParams" ref="queryRef" :inline="true" label-width="120px">
+ <el-form-item label="闄愬�肩被鍨嬪悕绉�">
+ <el-input v-model="queryParams.limitName" placeholder="璇疯緭鍏ラ檺鍊肩被鍨嬪悕绉�" />
+ </el-form-item>
+ <el-form-item>
+ <el-button type="primary" icon="Search" @click="handleQuery">鎼滅储</el-button>
+ <el-button icon="Refresh" @click="resetQuery">閲嶇疆</el-button>
+ </el-form-item>
+ </el-form>
</div>
+
+ <div class="table-bg-style">
+ <div class="theme-dark-mt20 mb20 ml20">
+ <el-button type="primary" icon="plus" @click="handleAdd">鏂板</el-button>
+ <!-- <el-button type="primary" icon="Delete">鍒犻櫎</el-button> -->
+ </div>
+ <div class="table-box">
+ <el-table :data="tableData" v-loading="loading">
+ <el-table-column prop="limitName" label="闄愬�肩被鍨嬪悕绉�" show-overflow-tooltip align="center" />
+ <el-table-column prop="limitCode" label="闄愬�肩被鍨嬬紪鍙�" show-overflow-tooltip align="center" />
+ <el-table-column
+ prop="alarmType"
+ label="鎶ヨ闄愬埗绫诲瀷"
+ show-overflow-tooltip
+ align="center"
+ :formatter="(row, column) => proxy.selectDictLabel(alarm_type, row.alarmType)"
+ />
+ <el-table-column prop="colorNumber" label="鑹插彿" show-overflow-tooltip align="center">
+ <template #default="scope">
+ <div
+ style="width: 20px; height: 20px; border-radius: 5px; margin: 0 auto"
+ :style="{ background: scope.row.colorNumber }"
+ ></div>
+ </template>
+ </el-table-column>
+ <el-table-column
+ prop="comparatorOperator"
+ label="姣旇緝杩愮畻绗�"
+ show-overflow-tooltip
+ align="center"
+ :formatter="(row) => proxy.selectDictLabel(operatorList, row.comparatorOperator)"
+ />
+ <el-table-column label="鎿嶄綔" width="300" align="center">
+ <template #default="scope">
+ <el-button link type="primary" icon="Edit" @click="handleAdd(scope.row)"> 淇敼 </el-button>
+ <el-button link type="primary" icon="Delete" @click="handleDel(scope.row)"> 鍒犻櫎 </el-button>
+ </template>
+ </el-table-column>
+ </el-table>
+
+ <pagination
+ v-show="total > 0"
+ :total="total"
+ v-model:page="queryParams.pageNum"
+ v-model:limit="queryParams.pageSize"
+ @pagination="getList"
+ />
+ </div>
+ </div>
+ <edit-modal ref="EditModalRef" @getList="getList" :operatorList="operatorList" :alarmTypeList="alarm_type" />
+ </div>
</template>
<script setup>
-import EditModal from './components/EditModal.vue'
-import { alarmList, alarmDel } from '@/api/businessConfiguration/businessConfiguration'
+import EditModal from "./components/EditModal.vue"
+import { alarmList, alarmDel } from "@/api/businessConfiguration/businessConfiguration"
let { proxy } = getCurrentInstance()
let operatorList = ref([
- { label: '澶т簬', value: '>' },
- { label: '澶т簬绛変簬', value: '>=' },
- { label: '灏忎簬', value: '<' },
- { label: '灏忎簬绛変簬', value: '<=' },
- { label: '绛変簬', value: '=' },
+ { label: "澶т簬", value: ">" },
+ { label: "澶т簬绛変簬", value: ">=" },
+ { label: "灏忎簬", value: "<" },
+ { label: "灏忎簬绛変簬", value: "<=" },
+ { label: "绛変簬", value: "=" },
])
-let { alarm_type } = proxy.useDict('alarm_type')
-let loading = ref(false);
-let total = ref(0);
+let { alarm_type } = proxy.useDict("alarm_type")
+let loading = ref(false)
+let total = ref(0)
let tableData = ref([])
let queryParams = ref({
- limitName: '',
- pageNum: 1,
- pageSize: 10,
+ limitName: "",
+ pageNum: 1,
+ pageSize: 10,
})
function getList() {
- loading.value = true
- alarmList(queryParams.value).then(res => {
- console.log(res.rows)
- tableData.value = res.rows
- total.value = res.total
- loading.value = false
- })
+ loading.value = true
+ alarmList(queryParams.value).then((res) => {
+ console.log(res.rows)
+ tableData.value = res.rows
+ total.value = res.total
+ loading.value = false
+ })
}
getList()
-let EditModalRef = ref('')
+let EditModalRef = ref("")
function handleAdd(row) {
- if (EditModalRef.value) {
- EditModalRef.value.handleOpen(row)
- }
-
+ if (EditModalRef.value) {
+ EditModalRef.value.handleOpen(row)
+ }
}
function handleDel(row) {
- proxy.$modal.confirm('鏄惁纭鍒犻櫎鏁版嵁椤�?').then(function () {
- return alarmDel(row.id);
- }).then(() => {
- getList();
- proxy.$modal.msgSuccess("鍒犻櫎鎴愬姛");
- }).catch(() => { });
+ proxy.$modal
+ .confirm("鏄惁纭鍒犻櫎鏁版嵁椤�?")
+ .then(function () {
+ return alarmDel(row.id)
+ })
+ .then(() => {
+ getList()
+ proxy.$modal.msgSuccess("鍒犻櫎鎴愬姛")
+ })
+ .catch(() => {})
}
function handleQuery() {
- queryParams.value.pageNum = 1
- getList()
-
+ queryParams.value.pageNum = 1
+ getList()
}
function resetQuery() {
- queryParams.value = {
- limitName: '',
- pageNum: 1,
- pageSize: 10,
- }
- getList()
+ queryParams.value = {
+ limitName: "",
+ pageNum: 1,
+ pageSize: 10,
+ }
+ getList()
}
-
-
</script>
<style lang="scss" scoped>
@import "@/assets/styles/page.scss";
-
.header-box {
- :deep .el-form-item__content {
- color: #fff;
- font-size: 16px;
- }
-
+ :deep .el-form-item__content {
+ color: #fff;
+ font-size: 16px;
+ }
}
</style>
--
Gitblit v1.9.3