longyvfengyun
2023-12-25 d8d792a6842832e8f6af6604274c438b25053afe
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
<template>
    <!-- <title>核容测试</title> -->
    <flex-layout>
        <div class="table-layout filter-box-table" slot="header">
            <div class="table-row">
                <!-- 省 -->
                <div class="table-cell text-right">机房名称:</div>
                <div class="table-cell">
                    <el-select v-model="dev_id" size="small" @change="queryList" placeholder="请选择机房名称">
                        <el-option
                            v-for="item in stationNameList"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value">
                        </el-option>
                    </el-select>
                </div>
                <!-- 事件类型 -->
                <div class="table-cell text-right">设备工作状态:</div>
                <div class="table-cell">
                    <el-select ref="selecetEvent" v-model="dev_workstate" @change="queryList" size="small"
                               placeholder="请选择设备工作状态">
                        <el-option label="全部(共6种)" :value="100"></el-option>
                        <el-option label="在线浮充" :value="0"></el-option>
                        <el-option label="预充电(限流充电)" :value="1"></el-option>
                        <el-option label="核容测试" :value="2"></el-option>
                        <el-option label="停电放电" :value="3"></el-option>
                        <el-option label="内阻测试" :value="4"></el-option>
                        <el-option label="K1/D1测试" :value="5"></el-option>
                    </el-select>
                </div>
            </div>
        </div>
        <div class="flex-page-content">
            <!-- 表单 -->
            <el-table stripe size="small" :data="dataList" height="100%" class="tableCent">
                <el-table-column prop="stationName" align="center" label="机房名称" min-width="360"></el-table-column>
                <!--            <el-table-column prop="dev_id" align="center" label="设备ID"></el-table-column>-->
                <!--            <el-table-column prop="deviceName" align="center" label="设备名称"></el-table-column>-->
                <el-table-column prop="deviceStatus" align="center" label="设备状态"></el-table-column>
                <!-- workstate[_data.dev_workstate] -->
                <el-table-column prop="dev_captest_onlinevol" align="center" min-width="120" label="在线电压(V)"></el-table-column>
                <el-table-column prop="dev_captest_groupvol" align="center" min-width="120" label="组端电压(V)"></el-table-column>
                <el-table-column prop="dev_captest_curr" align="center" min-width="120" label="组端电流(mA)"></el-table-column>
                <el-table-column prop="dev_temp" align="center" min-width="120" label="设备温度(℃)"></el-table-column>
                <el-table-column prop="dev_captest_cap" align="center" min-width="120" label="已测容量(AH)"></el-table-column>
                <el-table-column prop="dev61850Alarms" align="center" label="设备告警"></el-table-column>
                <el-table-column prop="dateLong" align="center" label="已测时间"></el-table-column>
            </el-table>
        </div>
        <!-- 底部 -->
        <div class="flex-page-footer" slot="footer">
        </div>
    </flex-layout>
</template>
<script>
import {const_61850} from "../../assets/js/const";
import {formatSeconds, getQueryString, Timeout} from "../../assets/js/tools";
import btsStatus from "../../assets/js/apis/dataMager/btsStatus";
 
export default {
    data() {
        let dev_workstate = Number(getQueryString("workStauts"));
        return {
            pageCurr: 1,
            pageSize: 10,
            pageAll: 0,
            dev_id: "0",
            dev_workstate: dev_workstate ? dev_workstate : 100,
            stationNameList: [],
            dataList: [],
            timer: new Timeout('btsStatusTest'),
        };
    },
    created() {
        let vm = this;
        vm.queryStationName();
        vm.startQueryList();
    },
    mounted() {
    },
    methods: {
        // 展示数据数量
        handleSizeChange(val) {
            let vm = this;
            vm.pageSize = val;
            vm.queryList();
        },
        // 翻页
        handleCurrentChange(val) {
            let vm = this;
            vm.pageCurr = val;
            vm.queryList();
        },
        startQueryList() {
            this.timer.start(()=>{
                this.$axios.all([
                    this.queryList()
                ]).then(()=>{
                    this.timer.open();
                }).catch(error=>{
                    this.timer.open();
                   console.log(error);
                });
            }, 4000);
        },
        // 查询列表
        queryList: function () {
            let vm = this;
            let loading = this.$layer.loading(1);
            let data = {
                dev_id: vm.dev_id,
                dev_workstate: vm.dev_workstate
            };
            btsStatus
                .btsStatusSearch(data)
                .then(res => {
                    let result = JSON.parse(res.data.result);
                    let params = [];
                    if (result.code == 1) {
                        params = result.data.map(item => {
                            item.deviceStatus = const_61850.workstates[item.dev_workstate];
                            item.dev61850Alarms = vm.getAlarmsText(item.dev_61850alarms);
                            item.dateLong = formatSeconds(item.num);
                            return item;
                        });
                    }
                    vm.dataList = params;
                    // 关闭等待框
                    vm.$layer.close(loading);
                })
                .catch(err => {
                    // 关闭等待框
                    vm.$layer.close(loading);
                    vm.$layer.msg("查询失败");
                });
        },
        // 获取告警参数
        getAlarmsText: function (alarms) {
            var dev61850Alarms = const_61850.alarmstates;
            var _alarms = alarms.split(",");
            var str = "";
            for (var i = 0; i < _alarms.length; i++) {
                if (_alarms[i] == "true") {
                    str += dev61850Alarms[i];
                }
            }
            if (str.length == 0) {
                str = "无";
            }
            return str;
        },
        // 查询机房名称
        queryStationName: function () {
            let vm = this;
            btsStatus
                .UserBattgroup()
                .then(res => {
                    let result = JSON.parse(res.data.result);
                    let params = [];
                    if (result.code == 1) {
                        params = result.data.map(item => {
                            let obj = {
                                label: item.StationName,
                                value: item.FBSDeviceId
                            };
                            return obj;
                        });
                    }
                    let text =
                        params.length > 0
                            ? "全部 (共" + params.length + "种)"
                            : "暂无可测机房站点";
                    params.unshift({
                        label: text,
                        value: "0"
                    });
                    vm.stationNameList = params;
                })
                .catch(err => {
                });
        }
    } //methods
};
</script>
<style lang="less" scoped>
</style>