From fd237101b085de15669be3d14d1b34dc46fba321 Mon Sep 17 00:00:00 2001
From: shijing <sj_mzw@163.com>
Date: Mon, 7 Apr 2025 16:10:02 +0800
Subject: [PATCH] =?UTF-8?q?fix:=E4=BC=9A=E8=AF=9D=E6=B5=8B=E8=AF=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/home/chatTest.vue | 69 ++++++++++++++++++++-----------------
 1 file changed, 37 insertions(+), 32 deletions(-)

diff --git a/src/views/home/chatTest.vue b/src/views/home/chatTest.vue
index 2ed95270..dfca0b0d 100644
--- a/src/views/home/chatTest.vue
+++ b/src/views/home/chatTest.vue
@@ -1,45 +1,48 @@
 <template>
-	<el-card style="width: 99%;height: 99%;border-radius: 0.375rem;margin: 0.5vh auto 0;box-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);">
+	<el-card style="padding:0;width: 99%;height: 99%;border-radius: 0.375rem;margin: 0.5vh auto 0;box-shadow: 0 4px 6px -1px rgba(0, 0, 0 ,.1), 0 2px 4px -2px rgba(0, 0, 0 ,.1);">
 		<el-container>
 			<el-side style=" max-width: 260px;width: 260px;border-right: 1px solid #ddd;box-sizing: border-box;">
-				<div style="min-width: 260px;overflow: auto;flex-grow: 1;flex-shrink: 0;box-sizing: border-box;height: 100%;transition: opacity .3s var(--n-bezier);max-width: 100%;">
-					<div style="display: flex;flex-direction: column;height: 100%;">
-						<main>
-
-						</main>
-						<footer style="border-top-width: 1px;padding: 1rem;overflow: hidden;justify-content: space-between;align-items: center;min-width: 0px;display: flex;">
-							<div style="overflow: hidden;flex-shrink: 0;flex: 1 1 0%;">
-								<div style="overflow: hidden;align-items: center;display: flex;">
-									<img style="width: 2.5rem;height: 2.5rem;border-radius: 50%;margin-right: 1rem;" src="img/icon_nbyg.png" alt="">
-									<div></div>
-								</div>
+				<el-container>
+					<el-main style="padding:0 6px 0 0;">
+						<div style="display: flex;flex-direction: column;height: 100%;">
+							<el-button type="line"  style="margin: 1rem;">新建聊天</el-button>
+							<div class="new_chat new_chat_text">
+								<div class="false_img" style="border:1px solid rgb(75, 158, 95);border-radius:20% 20% 0 20%;color:rgb(75,158,95);">...</div>
+								<div style="flex:8;color:rgb(75,158,95);">前端有哪些性能优化？</div>
 							</div>
-							<div></div>
-						</footer>
-					</div>
-				</div>
-				<div class="new_chat" style="padding: 1rem;">新建聊天</div>
-				<div class="new_chat new_chat_text">
-					<div class="false_img" style="border:1px solid lightgray;border-radius:20%;color:green;">...</div>
-					<div style="flex:8;color:green;">前端有哪些性能优化？</div>
-				</div>
+						</div>
+					</el-main>
+					<el-footer>
+						<div style="align-items: center;display: flex;">
+							<img style="width: 2.5rem;height: 2.5rem;border-radius: 50%;margin-right: 1rem;" src="img/icon_nbyg.png" alt="">
+							<div style="font-weight: 700;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;"> {{ userName }}</div>
+						</div>
+					</el-footer>
+				</el-container>
 			</el-side>
 			<el-main>
-				<div class="right_layout_son">
-						<div class="right_layout_myselfChat">
-							<div id="datatime" style="flex:2;font-size:13px;color:lightgray"></div>
-							<div style="flex:1">
-								<div class="flase_img_son" style="width:40px;height:40px;"></div>
+				<el-container>
+					<el-main>
+						<div class="right_layout_son">
+							<div class="right_layout_myselfChat">
+								<div id="datatime" style="flex:2;font-size:13px;color:lightgray"></div>
+								<div style="flex:1">
+									<div class="flase_img_son" style="width:40px;height:40px;"></div>
+								</div>
 							</div>
+							<div class="myself_chat">
+								前端有哪些性能优化？
+							</div>
+							
 						</div>
-						<div class="myself_chat">
-							前端有哪些性能优化？
-						</div>
+					</el-main>
+					<el-footer>
 						<div class="right_layout_son_ipt">
 							<input class="ipt" type="text" placeholder="来说点什么吧...">
 							<button class="btn">发送</button>
 						</div>
-					</div>
+					</el-footer>
+				</el-container>
 			</el-main>
 		</el-container>
 	</el-card>
@@ -51,10 +54,12 @@ export default {
 	components: {},
 	data() {
 		return {
+			userName: "",
 		};
 	},
 	mounted() {
-		window.onScanResult = this.onScanResult;
+		var userInfo = this.$TOOL.data.get("USER_INFO");
+		this.userName = userInfo.username;
 	},
 	methods: {
 	
@@ -107,7 +112,7 @@ export default {
 			}
 
 			.new_chat_text {
-				border: 1px solid green;
+				border: 1px solid rgb(75,158,95);
 				display: flex;
 			}