ip前端修改

im-web/src/api/date.js

@@ -4,16 +4,16 @@ let toTimeText = (timeStamp, simple) => {
 	var timeDiff = currentTime - dateTime; //与当前时间误差
 	var timeText = '';
 	if (timeDiff <= 60000) { //一分钟内
-		timeText = 'Just now';
+		timeText = '刚刚';
 	} else if (timeDiff > 60000 && timeDiff < 3600000) {
 		//1小时内
-		timeText = Math.floor(timeDiff / 60000) + ' minutes ago';
+		timeText = Math.floor(timeDiff / 60000) + '分钟前';
 	} else if (timeDiff >= 3600000 && timeDiff < 86400000 && !isYestday(dateTime)) {
 		//今日
 		timeText = formatDateTime(dateTime).substr(11, 5);
 	} else if (isYestday(dateTime)) {
 		//昨天
-		timeText = 'Yesterday ' + formatDateTime(dateTime).substr(11, 5);
+		timeText = '昨天' + formatDateTime(dateTime).substr(11, 5);
 	} else if (isYear(dateTime)) {
 		//今年
 		timeText = formatDateTime(dateTime).substr(5, simple ? 5 : 14);

im-web/src/components/chat/ChatBox.vue

@@ -863,11 +863,17 @@ export default {
           url: `/user/find/${friendId}`,
           method: "GET",
         });
-        this.userInfo = userInfo;
+        
+        // 先获取IP地址信息
+        let location = "";
         if (userInfo.lastLoginIp) {
-          const location = await this.getIpLocation(userInfo.lastLoginIp);
+          location = await this.getIpLocation(userInfo.lastLoginIp);
           this.ipLocation = location;
         }
+        
+        // 然后再设置 userInfo，这样IP和地址会一起显示
+        this.userInfo = userInfo;
+        
         this.updateFriendInfo();
         await this.loadLabelOptions(friendId);
         this.selectedLabels = [];
@@ -1036,34 +1042,13 @@ export default {
     async getIpLocation(ip) {
       if (!ip) return "";
       try {
-        const response = await fetch(`http://ip-api.com/json/${ip}?lang=zh-CN`);
+        // 请求后端
-        const data = await response.json();
+        const res = await this.$http.get(`/user/ip/location?ip=${ip}`);
-        if (data && data.status === "success") {
+        console.log("IP定位结果:", res);
-          let location = [];
+        // res 就是后端返回的 data 里的内容
-          if (data.country) location.push(data.country);
+        return res || "";
-          if (data.regionName) location.push(data.regionName);
-          if (data.city) location.push(data.city);
-          return location.join(" ");
-        }
-        return "";
       } catch (error) {
-        console.error("获取IP地理位置失败:", error);
+        console.error("IP定位失败:", error);
-        try {
-          const backupResponse = await fetch(
-            `https://whois.pconline.com.cn/ipJson.jsp?ip=${ip}&json=true`
-          );
-          const text = await backupResponse.text();
-          const data = JSON.parse(text);
-          if (data) {
-            let location = [];
-            if (data.pro) location.push(data.pro);
-            if (data.city) location.push(data.city);
-            if (data.addr) location.push(data.addr);
-            return location.join(" ");
-          }
-        } catch (backupError) {
-          console.error("备用API也失败了:", backupError);
-        }
         return "";
       }
     },

im-web/src/view/Home.vue

@@ -39,7 +39,6 @@
               </router-link> -->
             </div>
           </div>
-
           <div class="botoom">
             <div class="bottom-item" @click="onSwtichFullScreen">
               <i class="el-icon-full-screen"></i>
@@ -84,7 +83,6 @@
     </div>
   </div>
 </template>
-
 <script>
 import HeadImage from '../components/common/HeadImage.vue';
 import Setting from '../components/setting/Setting.vue';
@@ -94,7 +92,6 @@ import RtcPrivateVideo from '../components/rtc/RtcPrivateVideo.vue';
 import RtcPrivateAcceptor from '../components/rtc/RtcPrivateAcceptor.vue';
 import RtcGroupVideo from '../components/rtc/RtcGroupVideo.vue';
 import AccountSwitchMenu from '../components/account/AccountSwitchMenu.vue';
-
 export default {
   components: {
     HeadImage,
@@ -596,7 +593,6 @@ export default {
   }
 };
 </script>
-
 <style scoped lang="scss">
 .home-page {
   height: 100vh;