From eef1ef0be935d4a3d8fc691b2666f41796b2d4a5 Mon Sep 17 00:00:00 2001
From: gaoshp <291585735@qq.com>
Date: 星期一, 04 十一月 2024 19:57:08 +0800
Subject: [PATCH] 增加列表显示
---
src/views/mdc/alarm-statistics.vue | 92 ++++++++++++++++++++++++++++++++++++++++------
1 files changed, 80 insertions(+), 12 deletions(-)
diff --git a/src/views/mdc/alarm-statistics.vue b/src/views/mdc/alarm-statistics.vue
index e37006a..f07bb57 100644
--- a/src/views/mdc/alarm-statistics.vue
+++ b/src/views/mdc/alarm-statistics.vue
@@ -1,12 +1,12 @@
<!--
* @Date: 2024-04-09 22:11:21
- * @LastEditors: Sneed
- * @LastEditTime: 2024-05-14 20:40:54
+ * @LastEditors: lzhe lzhe@example.com
+ * @LastEditTime: 2024-11-04 13:39:09
* @FilePath: /belleson-frontend/Users/mache/Documents/demo/cps-web/src/views/mdc/alarm-statistics.vue
* 鏁堢巼鍒嗘瀽
-->
<template>
- <el-main style="height: 100%;">
+ <el-main style="height: 100%;" class="alarmStatistics">
<el-card shadow="never" style="height: 100%;" body-style="height: 100%">
<el-container style="height: 100%;">
<el-aside width="300px" style="height: 100%;">
@@ -25,21 +25,28 @@
<MYTree v-model="treeChecked" @loaded="query"></MYTree>
</el-main>
<el-footer>
- <el-button @click="query()">鏌ヨ</el-button>
- <!-- <el-button>瀵煎嚭</el-button> -->
+ <el-button type="primary" @click="query()">鏌ヨ</el-button>
+ <!-- <el-button @click="exportExcel">瀵煎嚭</el-button> -->
+ <exportDialog ref="export" @export="exportExcel"></exportDialog>
</el-footer>
</el-container>
</el-aside>
<el-container>
- <el-main>
+ <el-main style="position: relative;">
+ <span class="setSpan">
+ <el-icon class="setIcon">
+ <Setting />
+ </el-icon>
+ <span class="setBtn" @click="openSet">棰勮缁熻璁剧疆</span>
+ </span>
<el-tabs tab-position="top" v-model="activeName" type="card">
<el-tab-pane label="鎸夌彮娆＄粺璁�" name="shift">
- <Shift colname="浜ч噺" url="/api/blade-mdc/alarm/summary-shift-graph" ref="shift"
+ <Shift colname="浜ч噺" url="/api/mdc/alarm/summary-shift-graph" ref="shift"
v-if="activeName == 'shift'">
</Shift>
</el-tab-pane>
<el-tab-pane label="鎸夋椂闂村懆鏈熺粺璁�" name="time">
- <Time url="/api/blade-mdc/alarm/summary-graph" ref="time" v-if="activeName == 'time'">
+ <Time url="/api/mdc/alarm/summary-graph" ref="time" v-if="activeName == 'time'">
</Time>
</el-tab-pane>
</el-tabs>
@@ -47,6 +54,9 @@
</el-container>
</el-container>
</el-card>
+ <el-dialog title="璁剧疆" v-model="dialogVisible" v-if="dialogVisible" width="30%" class="setModelStyle">
+ <Efficiency :showModalList="showModalList" />
+ </el-dialog>
</el-main>
</template>
@@ -55,12 +65,21 @@
import MYTree from './MYTree.vue'
import Shift from './components/ShiftAlarm.vue'
import Time from './components/TimeAlarm.vue'
-
+import exportDialog from '@/layout/components/exportDialog.vue'
+import * as ElementPlusIconsVue from '@element-plus/icons-vue'
+import Efficiency from './configComp/Efficiency.vue'
+let icons = []
+for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
+ icons.push(key)
+}
export default {
components: {
+ ...ElementPlusIconsVue,
MYTree,
Shift,
- Time
+ Time,
+ exportDialog,
+ Efficiency
},
watch: {
activeName() {
@@ -72,6 +91,8 @@
},
data() {
return {
+ showModalList: [4],
+ dialogVisible: false,
activeName: 'shift',
time: [],
treeChecked: [],
@@ -100,8 +121,30 @@
// })
},
methods: {
+ openSet() {
+ this.dialogVisible = true;
+ },
+ exportExcel(statisticalMethod) {
+ let { start, end } = this.$refs.export.format(this.time[0], this.time[1], statisticalMethod)
+ this.$HTTP.post(`/api/mdc/alarm/export-alarm`, {
+ startTime: start,
+ endTime: end,
+ enums: statisticalMethod,
+ month: 0,
+ queryTime: '',
+ shiftIndex: 1,
+ week: 0,
+ year: 0,
+ workstationId: this.treeChecked.toString()
+ }).then(res => {
+ if (res.success) {
+ window.open(res.data.link)
+ } else {
+ this.$message.error(res.msg)
+ }
+ })
+ },
query(firstWorkKey) {
- console.log('------')
let workstationId = firstWorkKey ? [firstWorkKey] : [...this.treeChecked]
this.$nextTick(() => {
this.$refs[this.activeName].init({
@@ -116,4 +159,29 @@
}
</script>
-<style lang="scss" scoped></style>
\ No newline at end of file
+<style scoped>
+ .setSpan {
+ vertical-align: sub;
+ font-size: 14px;
+ position: absolute;
+ top: 26px;
+ left: 280px;
+ z-index: 11;
+ }
+ .setIcon {
+ color: #409eff;
+ margin-left: 15px;
+ vertical-align: -2px;
+ }
+ .setBtn {
+ margin-left: 2px;
+ color: #409eff;
+ margin-left: 8px;
+ cursor: pointer;
+ font-size: 14px;
+ }
+ .alarmStatistics >>> .el-dialog__body {
+ padding-bottom: 0px;
+ padding-top: 0px;
+ }
+</style>
\ No newline at end of file
--
Gitblit v1.9.3