update

package.json

@@ -33,7 +33,8 @@
     "vue": "^2.6.11",
     "vue-router": "^3.2.0",
     "vuex": "^3.4.0",
-    "webpack-dev-server": "^3.11.2"
+    "webpack-dev-server": "^3.11.2",
+    "wujie-vue2": "^1.0.16"
   },
   "devDependencies": {
     "@babel/plugin-transform-runtime": "^7.11.5",

src/App.vue

@@ -2,7 +2,7 @@
     <a-config-provider :locale="locale">
         <div id="app">
             <div class="alive">
-                <div @click="asyncOpenUserInfo">同步打开userinfo modal</div>
+                <!-- <div @click="asyncOpenUserInfo">同步打开userinfo modal</div> -->
                 <userInfoModal ref="userInfoModal" :vipID="vipID" />
             </div>
         </div>
@@ -12,6 +12,7 @@
 <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: {
@@ -23,6 +24,15 @@ export default {
             vipID: '16021', // 用户id 必传
         }
     },
+    created() {
+        const { bus } = WujieVue2;
+        bus.$on('openUserInfo', (event) => {
+            console.log(event, 3333);
+            if (event.status === 'open') {
+                this.asyncOpenUserInfo();
+            }
+        })
+    },
     methods: {
         // 此方法用做用户信息打开使用
         // 1. 需要通过userId获取用户相关信息
@@ -30,6 +40,7 @@ export default {
         // 3. 如果要把相关数据存进session 中，需要做字段重名区分
         // 4. 需要同步获取数据之后再去调用visible = true
         // 5. 组件其中isSelfSuppput 字段是自营字段，但同时也是判断是否可以修改字段
+        // 6. 关闭弹窗的时候把visible 改为false
         async asyncOpenUserInfo() {
             this.$refs.userInfoModal.visible = true;
         }

src/assets/style/antd.css

@@ -55,7 +55,7 @@ body {
   font-size: 12px;
   font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
   font-variant: tabular-nums;
-  background-color: #fff;
+  /* background-color: #fff; */
   font-feature-settings: 'tnum';
 }
 [tabindex='-1']:focus {

src/assets/style/base.css

@@ -1,7 +1,7 @@
 body {
     min-width: 1240px;
     --color: #2775ff;
-    background-color: #FAFAFA;
+    /* background-color: #FAFAFA; */
 }
 
 html {

src/assets/style/index.css

@@ -26,7 +26,7 @@ body {
 }
 .cxBtnSolid {
     border: var(--border);
-    background-color: var(--color);
+    /* background-color: var(--color); */
     color: #ffffff;
     transition: var(--transition);
     box-sizing: border-box;

src/assets/style/newAntd/antd.css

@@ -54,7 +54,7 @@ body {
   font-size: 12px;
   font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
   font-variant: tabular-nums;
-  background-color: #fff;
+  /* background-color: #fff; */
   font-feature-settings: 'tnum';
 }
 [tabindex='-1']:focus {

vue.config.js

@@ -11,6 +11,9 @@ module.exports = {
   // 输出目录
   outputDir:'dist',
   devServer: {
+    headers: {
+      "Access-Control-Allow-Origin": "*",
+    },
     port: 5444
   },
   // 兼容性