You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
54 lines
1.7 KiB
Vue
54 lines
1.7 KiB
Vue
<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>
|