<template>
    <div class="page">
        <headNav title="安全设置"></headNav>

        <div class="content">
            <van-cell-group>
                <van-cell title="账号" :value="userInfo && userInfo.userAccount" />
                <van-cell title="手机号" :value="userInfo && userInfo.userCellphoneNo" />
                <van-cell title="密码设置" is-link to="/my/password" />
                <van-cell title="旧系统密码设置" is-link to="/my/oldPwd" />
            </van-cell-group>
        </div>
    </div>
</template>

<script>
import headNav from '@/components/headNav.vue'
import { getInfo } from '@/utils/auth'

export default {
    components: {
        headNav
    },
    computed: {
        userInfo() {
            const obj = getInfo();
            return obj ? obj.userInfo : null
        }
    },
    mounted () {
        // this.account = getAccount();
        console.log('acc: ', this.account)
    }
}
</script>

<style lang="scss">
    
</style>