fix开发环境自动登录；fix用户信息

src/components/MainLayout/MainLayout.vue

@@ -3,17 +3,27 @@
     <header class="header qm-primary-text">
       <Poptip trigger="hover" width="300">
         <span class="name-arrow">{{user.displayName}} &nbsp;
-          <i class="ivu-icon ivu-icon-chevron-down" style="vertical-align: middle;"></i>
+          <i class="ivu-icon ivu-icon-md-arrow-dropdown" style="vertical-align: middle;"></i>
         </span>
         <div slot="content">
           <div class="info qm-primary-text">
-            <div>学号</div>
-            <div>{{user.studentCode}}</div>
-            <div>身份证号</div>
-            <div>{{user.identityNumber}}</div>
-            <div>学习中心</div>
-            <div>{{user.orgName}}</div>
-            <div style="grid-column: span 2; place-self: center; width: 100%">
+            <div class="hr info-row">
+              <div>底照</div>
+              <div><img class="user-avatar" :src="user.photoPath" alt="无底照" /></div>
+            </div>
+            <div class="hr info-row">
+              <div>学号</div>
+              <div>{{user.studentCode}}</div>
+            </div>
+            <div class="hr info-row">
+              <div>身份证号</div>
+              <div>{{user.identityNumber}}</div>
+            </div>
+            <div class="hr info-row">
+              <div>学习中心</div>
+              <div>{{user.orgName}}</div>
+            </div>
+            <div style="grid-column: span 2; place-self: center; width: 100%; padding-top: 10px">
               <i-button class="qm-primary-button" long @click="goChangePwd">修改密码</i-button>
             </div>
           </div>
@@ -86,28 +96,39 @@ export default {
   line-height: 50px;
 }
 
+.user-avatar {
+  display: inline-block;
+  width: 80px;
+  height: 80px;
+  object-fit: contain;
+}
+
 .info {
-  display: grid;
-  align-items: center;
-  grid-template-rows: repeat(4, 40px);
-  grid-template-columns: 1fr 2fr;
   width: 260px;
 }
 
-.info div {
-  border-bottom: 1px solid #eeeeee;
+.info > div {
+  min-height: 50px;
 }
 
-.info > div:nth-of-type(odd) {
-  text-align: left;
+.hr {
+  border-bottom: 1px solid #eeeeee;
+}
+.info-row {
+  display: grid;
+  grid-template-columns: 1fr 2fr;
+  align-items: center;
+}
+.info-row > div:nth-of-type(odd) {
+  justify-self: left;
 }
 
-.info > div:nth-of-type(even) {
-  text-align: right;
+.info-row > div:nth-of-type(even) {
+  justify-self: right;
 }
 
-.name-arrow:hover .ivu-icon-chevron-down::before {
-  content: "\F126";
+.name-arrow:hover .ivu-icon-md-arrow-dropdown::before {
+  content: "\F343";
 }
 
 .nav {

src/main.js

@@ -52,7 +52,20 @@ if (process.env.NODE_ENV === "development") {
       window.localStorage.setItem("key", data.key);
       window.localStorage.setItem("domain", process.env.VUE_APP_LOGIN_DOMAIN);
 
-      window.localStorage.setItem("user", JSON.stringify(data));
+      const student = await (await fetch(
+        "/api/ecs_core/student/getStudentInfoBySession",
+        {
+          method: "GET",
+          headers: {
+            "Content-Type": "application/json;charset=UTF-8",
+            key: data.key,
+            token: data.token
+          }
+        }
+      )).json();
+      const user = { ...data, ...student };
+
+      window.localStorage.setItem("user-for-dev", JSON.stringify(user));
     } else {
       console.log(data.desc);
     }

src/store.js

@@ -73,7 +73,7 @@ const examingHomeModule = {
 
 let initUser = {};
 if (process.env.NODE_ENV !== "production") {
-  const userStr = window.localStorage.getItem("user");
+  const userStr = window.localStorage.getItem("user-for-dev");
   initUser = JSON.parse(userStr);
 }