<template>
    <a-config-provider :locale="locale">
        <div id="app">
            <div class="alive">
                <!-- <div @click="asyncOpenUserInfo">同步打开userinfo modal</div> -->
                <userInfoModal ref="userInfoModal" :vipID="vipID" />
            </div>
        </div>
    </a-config-provider>
</template>

<script>
import zhCN from 'ant-design-vue/lib/locale-provider/zh_CN'
import userInfoModal from './components/userinfo/userInfoModal.vue'
import WujieVue2 from 'wujie-vue2'
export default {
    name: 'App',
    components: {
        userInfoModal
    },
    data() {
        return {
            locale: zhCN, //英文切换中文
            vipID: '16021', // 用户id 必传
        }
    },
    created() {
        const { bus } = WujieVue2;
        bus.$on('openUserInfo', (event) => {
            console.log(event, 3333);
            if (event.status === 'open') {
                this.asyncOpenUserInfo();
            }
        })
    },
    methods: {
        // 此方法用做用户信息打开使用
        // 1. 需要通过userId获取用户相关信息
        // 2. 因为这个组件可能要复用在创薪运营平台、运营平台、驿站端、企业端，不同的端需要不同方式的处理
        // 3. 如果要把相关数据存进session 中，需要做字段重名区分
        // 4. 需要同步获取数据之后再去调用visible = true
        // 5. 组件其中isSelfSuppput 字段是自营字段，但同时也是判断是否可以修改字段
        // 6. 关闭弹窗的时候把visible 改为false
        async asyncOpenUserInfo() {
            this.$refs.userInfoModal.visible = true;
        }
    }
}
</script>

<style lang="less">
@import './assets/style/flex.css';
</style>
