增加列表显示

gaoshp

2024-11-04 eef1ef0be935d4a3d8fc691b2666f41796b2d4a5

 src/views/mdc/alarm-statistics.vue

@@ -1,12 +1,12 @@
<!--
 * @Date: 2024-04-09 22:11:21
 * @LastEditors: Sneed
 * @LastEditTime: 2024-06-22 18:50:49
 * @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%;">
@@ -32,7 +32,13 @@
                    </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/mdc/alarm/summary-shift-graph" ref="shift"
@@ -48,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>

@@ -57,12 +66,20 @@
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,
        exportDialog
        exportDialog,
        Efficiency
    },
    watch: {
        activeName() {
@@ -74,6 +91,8 @@
    },
    data() {
        return {
            showModalList: [4],
            dialogVisible: false,
            activeName: 'shift',
            time: [],
            treeChecked: [],
@@ -102,6 +121,9 @@
        // })
    },
    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`, {
@@ -137,4 +159,29 @@
}
</script>

<style lang="scss" scoped></style>
<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>