增加列表显示

gaoshp

2024-11-04 eef1ef0be935d4a3d8fc691b2666f41796b2d4a5

 src/views/mdc/components/ShiftAlarm.vue

@@ -1,7 +1,7 @@
<!--
 * @Date: 2024-04-18 21:52:18
 * @LastEditors: Sneed
 * @LastEditTime: 2024-05-14 20:42:32
 * @LastEditTime: 2024-06-20 23:13:35
 * @FilePath: /belleson-frontend/Users/mache/Documents/demo/cps-web/src/views/mdc/components/ShiftAlarm.vue
-->
<template>
@@ -9,8 +9,8 @@
        <el-row>
            <el-col>
                <el-button-group>
                    <el-button size="small" @click="btnListActive = item.id"
                        :type="btnListActive == item.id ? 'primary' : ''" v-for="item in btnList" :key="item.id">{{
                    <el-button size="small" @click="change(item)" :type="btnListActive == item.id ? 'primary' : ''"
                        v-for="item in btnList" :key="item.id">{{
                            item.title }}</el-button>
                </el-button-group>
            </el-col>
@@ -62,7 +62,7 @@
    },
    data() {
        return {
            sheetUrl: '/api/blade-mdc/alarm/data-shift-sheet',
            sheetUrl: '/api/mdc/alarm/data-shift-sheet',
            isShowTable: false,
            params: {
                enums: "SHIFT",
@@ -80,27 +80,32 @@
            ],
        }
    },
    watch: {
        btnListActive(val) {
    // watch: {
    //     btnListActive(val) {
    //         this.queryChart({
    //             ...this.params,
    //         })
    //     }
    // },
    methods: {
        change(item) {
            this.btnListActive = item.id
            this.queryChart({
                ...this.params,
            })
        }
    },
    methods: {
        },
        init(params) {
            this.btnListActive = ''
            console.log('++++++')
            this.params = {
                ...this.params,
                workstationId: params.workstationId.toString()
            }
            this.getTime({
                endDate: params.endDate,
                startDate: params.startDate,
            }).then(res => {
            this.$nextTick(() => {
                this.params = {
                    ...this.params,
                    workstationId: params.workstationId.toString()
                }
                this.getTime({
                    endDate: params.endDate,
                    startDate: params.startDate,
                })
            })

        },
        getTime(data) {
            return new Promise(resolve => {
@@ -118,7 +123,7 @@
                    })
                }
                this.btnList = arr;
                this.btnListActive = arr[0].id
                this.change(arr[0])
                resolve(arr)
            })
        },