hb_sis_zhfx/src/views/WindSite/pages/DraughtFanList.vue

<template>
    <div class="draught-fan-list">
        <div class="btn-group-tabs">
            <BtnGroup2 :btnGroups="btnGroups" :rowIndex="0" :index="1" @select="select"></BtnGroup2>
        </div>
        <div class="df-table">
            <ComTable :data="data"></ComTable>
        </div>
    </div>
</template>

<script>
    import ComTable from '@com/coms/table/table.vue';
    import BtnGroup2 from '@com/coms/btn/btn-group-double.vue';
    export default {
        // 名称
        name: "DraughtFanList",
        // 使用组件
        components: {
            ComTable,
            BtnGroup2
        },
        // 数据
        data() {
            return {
                btnGroups: [{
                        icon: "fa fa-fire",
                        btns: [{
                            text: "某某风场",
                            code: "mmfdc1",
                        }, {
                            text: "某某风场",
                            code: "mhsfc",
                        }, {
                            text: "某某风场",
                            code: "mmfdc2",
                        }, {
                            text: "某某风场",
                            code: "mmfdc3",
                        }, {
                            text: "某某风场",
                            code: "mmfdc4",
                        }]
                    },
                    {
                        icon: "fa fa-fire-extinguisher",
                        btns: [{
                            text: "某某风场",
                            code: "mmgf1",
                        }, {
                            text: "某某风场",
                            code: "mmgf2",
                        }, {
                            text: "某某风场",
                            code: "mmgf3",
                        }, {
                            text: "某某风场",
                            code: "mmgf4",
                        }]
                    }
                ],
                data: {
                    column: [{
                        name: "风机名称",
                        field: "name",
                        is_num: false,
                        is_light: false
                    },{
                        name: "冷却风温度",
                        field: "lqf",
                        is_num: true,
                        is_light: false
                    },{
                        name: "有功功率",
                        field: "yggl",
                        is_num: true,
                        is_light: false
                    },{
                        name: "液压油温度",
                        field: "yyy",
                        is_num: true,
                        is_light: false
                    },{
                        name: "Pcspp温度",
                        field: "pcspp",
                        is_num: true,
                        is_light: false
                    },{
                        name: "U1绕组温度",
                        field: "u1",
                        is_num: true,
                        is_light: false
                    },{
                        name: "U2绕组温度",
                        field: "u2",
                        is_num: true,
                        is_light: true
                    },{
                        name: "V1绕组温度",
                        field: "v1",
                        is_num: true,
                        is_light: false
                    },{
                        name: "V2绕组温度",
                        field: "v2",
                        is_num: true,
                        is_light: false
                    },{
                        name: "W1绕组温度",
                        field: "w1",
                        is_num: true,
                        is_light: false
                    },{
                        name: "W2绕组温度",
                        field: "w2",
                        is_num: true,
                        is_light: false
                    },{
                        name: "轴承A温度",
                        field: "zca",
                        is_num: true,
                        is_light: false
                    },{
                        name: "轴承B温度",
                        field: "zcb",
                        is_num: true,
                        is_light: false
                    },{
                        name: "齿轮箱温度",
                        field: "clx",
                        is_num: true,
                        is_light: false
                    },{
                        name: "齿轮箱轴1温度",
                        field: "clx1",
                        is_num: true,
                        is_light: false
                    },{
                        name: "齿轮箱轴2温度",
                        field: "clx2",
                        is_num: true,
                        is_light: false
                    },{
                        name: "机舱温度",
                        field: "jc",
                        is_num: true,
                        is_light: false
                    },{
                        name: "滑环温度",
                        field: "hh",
                        is_num: true,
                        is_light: false
                    },{
                        name: "环境温度",
                        field: "hj",
                        is_num: true,
                        is_light: false
                    }],
                    data: [{
                        name: "1E01",
                        lqf: 15.78,
                        yggl: 15.79,
                        yyy: 15.79,
                        pcspp: 15.79,
                        u1: 15.79,
                        u2: 15.79,
                        v1: 15.79,
                        v2: 15.79,
                        w1: 15.79,
                        w2: 15.79,
                        zca: 15.79,
                        zcb: 15.79,
                        clx: 15.79,
                        clx1: 15.79,
                        clx2: 15.79,
                        jc: 15.79,
                        hh: 15.79,
                        hj: 15.79,
                        is_light: false
                    }]
                }
            }
        },
        // 函数
        methods: {},
        // 生命周期钩子
        beforeCreate() {
            // 创建前
        },
        created() {
            // 创建后
            for (let i = 1; i < 50; i++) {
                this.data.data.push(JSON.parse(JSON.stringify(this.data.data[0])));
                if (i == 16) {
                    this.data.data[i].is_light = true;
                }
            }
        },
        beforeMount() {
            // 渲染前
        },
        mounted() {
            // 渲染后
        },
        beforeUpdate() {
            // 数据更新前
        },
        updated() {
            // 数据更新后
        },
    }
</script>

<style lang="less" scoped>
    .draught-fan-list {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        
        .btn-group-tabs {
            display: flex;
            flex-direction: row;
        
            .photovoltaic {
                margin-left: 1.481vh;
            }
        }
        
        .df-table {
            border: 0.093vh solid fade(@darkgray, 50%);
            position: relative;
            overflow: auto;
            flex-grow: 1;
            margin-top: 1.481vh;
            
            &:before {
              content: "";
              width: 0.37vh;
              height: 0.37vh;
              background: @write;
              position: absolute;
              left: 0.278vh;
              top: 0.278vh;
            }
        }
    }
</style>