auto commit

src/components/home-page/index.vue

@@ -2,6 +2,15 @@
   <div class="home-page-container">
     <div class="home-page-header">
       <img class="portrait" :src="loginUserInfo.loginsPortrait" alt="" />
+      <!-- <img
+        class="portrait"
+        :src="
+          loginUserInfo.loginsPortrait
+            ? loginUserInfo.loginsPortrait
+            : '../../../static/images/avatar15.png'
+        "
+        alt=""
+      /> -->
       {{ loginUserInfo && (loginUserInfo.name || loginUserInfo.userId) }}
       欢迎您！
     </div>
@@ -37,6 +46,7 @@ export default {
   data() {
     return {
       enableEditName: true,
+      d: require("../../../static/images/avatar15.png"),
     };
   },
   watch: {

src/components/login/index.vue

@@ -12,13 +12,13 @@
 
 <script>
 import { genTestUserSig } from "../../../public/debug/GenerateTestUserSig";
-import { companyInfo } from "../../api";
+import { companyInfo, memberinfo } from "../../api";
 
 export default {
   name: "Login",
   data() {
     return {
-      UserID: "613912321546268672",
+      UserID: "",
       loginInfo: {},
       verifyCode: "",
       disableFetchCodeBtn: false,
@@ -38,34 +38,50 @@ export default {
         return;
       }
 
-      companyInfo({ companyId: this.UserID }).then((res) => {
-        if (res.data.code == "200") {
-          this.loginInfo = res.data?.data;
-        } else {
-          this.loginInfo = {};
-        }
-        console.log("this.loginInfo", this.loginInfo);
+      companyInfo({ companyId: this.UserID })
+        .then((res) => {
+          if (res.data.code == "200") {
+            this.loginInfo = res.data?.data;
+          } else {
+            this.loginInfo = {};
+          }
+          // console.log("this.loginInfo", this.loginInfo);
 
-        const userSig = genTestUserSig(this.UserID).userSig;
-        const userId = this.UserID;
-        const name = this.loginInfo.userName;
-        const loginsPortrait =
-          this.loginInfo.logoFileList[0]?.filesUrl ||
-          "../../../static/images/avatar15.png";
-        this.$store.commit("userLoginSuccess");
-        this.$store.commit("setLoginUserInfo", {
-          userId,
-          name,
-          loginsPortrait,
-          userSig,
-        });
+          const userSig = genTestUserSig(this.UserID).userSig;
+          const userId = this.UserID;
+          const name = this.loginInfo.userName;
+          const loginsPortrait = this.loginInfo.logoFileList[0]?.filesUrl;
+          this.$store.commit("userLoginSuccess");
+          this.$store.commit("setLoginUserInfo", {
+            userId,
+            name,
+            loginsPortrait,
+            userSig,
+          });
+
+          // 登录 trtcCalling
+          this.$trtcCalling.login({
+            userID: this.UserID,
+            userSig,
+          });
+        })
+        .catch(() => {
+          const userSig = genTestUserSig(this.UserID).userSig;
+          const userId = this.UserID;
+          const loginsPortrait = "../../../static/images/avatar15.png";
+          this.$store.commit("userLoginSuccess");
+          this.$store.commit("setLoginUserInfo", {
+            userId,
+            loginsPortrait,
+            userSig,
+          });
 
-        // 登录 trtcCalling
-        this.$trtcCalling.login({
-          userID: this.UserID,
-          userSig,
+          // 登录 trtcCalling
+          this.$trtcCalling.login({
+            userID: this.UserID,
+            userSig,
+          });
         });
-      });
     },
   },
 };

src/components/search-user/index.vue

@@ -4,8 +4,8 @@
       <el-input
         class="inline-input"
         v-model="searchInput"
-        maxlength="11"
-        placeholder="请输入用户ID"
+        maxlength="20"
+        placeholder="请输入对方ID"
       ></el-input>
     </div>
 
@@ -79,6 +79,7 @@ export default {
   watch: {
     searchInput: {
       handler(value) {
+        this.$store.commit("setVeteMemberId", "");
         if (this.timer) {
           clearTimeout(this.timer);
         }

static/css/style.css

@@ -64,9 +64,9 @@ body {
 }
 .page-bottom .content{
     max-width: 1200px;
-    padding:0 24px;
+    padding:24px;
     margin: 0 auto;
-    padding: 24px 0;
+    font-weight: 300;
 }
 .waves {
     position:relative;