<template>
    <u-alert type="warning" v-if="connection != 0" :description="description" show-icon />
</template>

<script>
    export default {
        props: {
            connection: {
                type: Number,
                default: 0
            }
        },
        computed: {
            description() {
                return this.connectionStatusMap.filter(item => item.index == this.connection)[0].text
            }
        },
        data() {
            return {
                connectionStatusMap: [{
                        index: -1,
                        text: '网络不可用'
                    },
                    {
                        index: 0,
                        text: '连接成功'
                    },
                    {
                        index: 1,
                        text: '连接中'
                    },
                    {
                        index: 2,
                        text: '未连接'
                    },
                    {
                        index: 3,
                        text: '用户账号在其它设备登录'
                    },
                    {
                        index: 4,
                        text: 'TOKEN过期'
                    },
                    {
                        index: 6,
                        text: '用户被禁用'
                    },
                    {
                        index: 12,
                        text: '退出登录'
                    },
                    {
                        index: 13,
                        text: '连接暂时被挂起'
                    },
                    {
                        index: 14,
                        text: '连接超时'
                    },
                ],
            }
        }
    }
</script>

<style>
</style>
