课程名和用户信息

chengyu2333 · chengyu2333 · commit 0653e75b9ea5 · 2020-12-28T10:06:55.000+08:00
diff --git a/index.html b/index.html
@@ -1,17 +1,46 @@
 <!DOCTYPE html>
 <html>
-  <head>
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width,initial-scale=1.0">
-    <title>teaching-python</title>
-    <script>
-      window.submitCode = function(code){
-        console.log(code);
-      }
-    </script>
-  </head>
-  <body>
-    <div id="app"></div>
-    <!-- built files will be auto injected -->
-  </body>
-</html>
+
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width,initial-scale=1.0">
+  <title>teaching-python</title>
+  <script>
+    window.submitCode = function (code) {
+      console.log(code);
+    }
+
+    function loadPorject() {
+      var myEvent = new CustomEvent('loadPorject', {
+        detail: {
+          projectName: info.workName,
+          courseName: "自由创作",
+          language: typeLanguages[info.workType],
+          url: info.workFileUrl
+        }
+      });
+      setTimeout(() => {
+        window.document.dispatchEvent(myEvent);
+      }, 500)
+    }
+
+    function setUserInfo() {
+      var myEvent = new CustomEvent('setUserInfo', {
+        detail: {
+          username: "未登录",
+          avatar: "./static/avatar.png",
+        }
+      });
+      setTimeout(() => {
+        window.document.dispatchEvent(myEvent);
+      }, 500)
+    }
+  </script>
+</head>
+
+<body>
+  <div id="app"></div>
+  <!-- built files will be auto injected -->
+</body>
+
+</html>
diff --git a/src/components/PythonEditor.vue b/src/components/PythonEditor.vue
@@ -39,6 +39,13 @@
               ><a-icon type="delete" />清空</a-button
             >
           </a-menu-item>
+          <a-menu-item style="float: right">
+            <div class="right-menu">
+              <a-input :value="courseName" disabled=""></a-input>
+              <img :src="avatar" alt="">
+              <span>{{username}}</span>
+            </div>
+          </a-menu-item>
         </a-menu>
         <input type="file" id="fileinput" style="display: none" />
       </a-layout-header>
@@ -102,6 +109,9 @@ export default {
       code: "",
       out: "",
       projectName: "",
+      courseName: "自由创作",
+      username: "未登录",
+      avatar: "./static/avatar.png"
     };
   },
   mounted() {},
@@ -116,11 +126,19 @@ export default {
     }
     //兼容载入项目事件
     window.document.addEventListener("loadPorject", function (e) {
-      console.log("load project:" + e.detail.projectName);
-      console.log(e.detail.url);
+      console.log("load project:");
+      console.log(e.detail);
       that.projectName = e.detail.projectName;
+      that.courseName = e.detail.courseName;
       that.downloadFile(e.detail.url);
     });
+    window.document.addEventListener("setUserInfo", function(e){
+      console.log("set user info:");
+      console.log(e.detail);
+      that.username = e.detail.username;
+      if(e.detail.avatar)
+        that.avatar = e.detail.avatar;
+    });
   },
   methods: {
     runit() {
@@ -249,4 +267,16 @@ export default {
 .ant-layout-sider {
   padding: 10px;
 }
+.right-menu {
+  // float: right;
+  padding: 5px 10px;
+  input{
+    width: 200px;
+    margin-right: 20px;
+  }
+  img{
+    height: 30px;
+    width: auto;
+  }
+}
 </style>
diff --git a/static/avatar.png b/static/avatar.png
