更新搜索框背景色；通讯录导航栏背景图；聊天设置排版；聊天列表群名过长排版

src/components/custom-input/custom-input.vue

@@ -50,7 +50,10 @@ const inputSearchText = (e) => {
   .search-input {
     width: 100%;
   }
-
+  ::v-deep .noNvueBorder > .noNvueBorder > .noNvueBorder {
+		background: #f9f9fd !important;
+    border-radius: 8rpx !important;
+	}
   .search-input::v-deep .tmicon-times-circle-fill::before {
     content: '\e82a';
     color: #d2d2d5;

src/pages/chooseByDeps/index.vue

@@ -2,15 +2,18 @@
   <div class="choose-deps-page">
     <zPaging ref="zPaging" :show-scrollbar="false">
       <template #top>
-        <customNavbar :title="pageTitle"></customNavbar>
+        <div class="top_bg">
-      </template>
+          <customNavbar class="index_top_navbar" :title="pageTitle"></customNavbar>
-      <div class="choose-deps">
+          <div class="pl-[32rpx] pr-[32rpx] pt-[32rpx] pb-[32rpx]">
-        <div class="w-full pl-[32rpx] pr-[32rpx]">
-          <div class="pl-[16rpx] pr-[16rpx] pt-[22rpx] pb-[24rpx] bg-[#FFFFFF]">
             <customInput
               :searchText="searchVal"
               @inputSearchText="inputSearchText"
             ></customInput>
+          </div>
+        </div>
+      </template>
+      <div class="choose-deps">
+        <div class="w-full pl-[32rpx] pr-[32rpx]">
             <div
               v-if="crumbs.length"
               class="w-full overflow-x-auto mt-[22rpx] leading-[48rpx] text-[#2F2F2F] flex items-center no-scrollbar"
@@ -38,7 +41,6 @@
                 </div>
               </div>
             </div>
-          </div>
           <div
             v-if="
               (state.chooseMode === 1 || state.chooseMode === 2) &&
@@ -1104,6 +1106,22 @@ const toUserDetail = (userItem) => {
   height: 100%;
   display: flex;
 }
+::v-deep .index_top_navbar .tmicon-angle-left{
+  color:#fff !important;
+}
+::v-deep .index_top_navbar .text-weight-b{
+  color:#fff !important;
+}
+
+::v-deep .index_top_navbar .statusHeightTop > .noNvueBorder:first-child {
+  background: transparent !important;
+  border: none !important;
+}
+.top_bg{
+  background: url('@/static/image/mine/page_top.png') no-repeat;
+  background-size: cover;
+  background-position: bottom center;
+}
 .choose-deps-page {
   .choose-deps {
     flex: 1;

src/pages/index/components/chatItem.vue

@@ -31,19 +31,25 @@
 				</div>
 				<div class="chatInfo">
 					<div class="chatInfo_1">
-            <div >
+						<div class="name_center">
-              <span  class="text-[#000000] text-[32rpx] font-bold opacity-90 mr-[20rpx]">{{ props.data.name }}</span>
+							<div class="text-[#000000] text-[32rpx]
-              <span v-if="props.data.group_type === 2" class="depTag">
+              font-bold opacity-90 name_text">
+                {{ formatNameText(props.data.name) }}
+                <span v-if="props.data.group_type === 2" class="depTag tag">
                   部门
                 </span>
-              <span v-if="props.data.group_type === 3" class="projectTag">
+                <span v-if="props.data.group_type === 3" class="projectTag tag">
                   项目
                 </span>
-              <span v-if="props.data.group_type === 4" class="companyTag">
+                <span v-if="props.data.group_type === 4" class="companyTag tag">
                   公司
                 </span>
               </div>
-            <div class="text-[#000000] text-[28rpx] font-medium opacity-26 ml-[24rpx]">
+
+						</div>
+						<div
+							class="text-[#000000] text-[28rpx] font-medium opacity-26 ml-[24rpx] time_right"
+						>
 							{{ beautifyTime(props.data.updated_at) }}
 						</div>
 					</div>
@@ -57,12 +63,12 @@
 			<template #right>
 				<div class="flex flex-row flex-row-center-end">
 					<!-- 样式占位 -->
-          <div style="width:1px"></div>
+					<div style="width: 1px"></div>
 					<div
 						@click="handleTop"
 						class="w-[156rpx] h-[154rpx] text-[#ffffff] bg-[#F09F1F] flex items-center justify-center"
 					>
-            {{ props.data.is_top === 1 ? '取消置顶' : '置顶' }}
+						{{ props.data.is_top === 1 ? "取消置顶" : "置顶" }}
 					</div>
 					<div
 						@click="handleDelete"
@@ -80,17 +86,17 @@
 	</div>
 </template>
 <script setup>
-import avatarModule from '@/components/avatar-module/index.vue'
+import avatarModule from "@/components/avatar-module/index.vue";
-import { ref, reactive, defineProps, computed } from 'vue'
+import { ref, reactive, defineProps, computed } from "vue";
-import dayjs from 'dayjs'
+import dayjs from "dayjs";
-import { beautifyTime } from '@/utils/datetime'
+import { beautifyTime } from "@/utils/datetime";
-import { ServeClearTalkUnreadNum } from '@/api/chat'
+import { ServeClearTalkUnreadNum } from "@/api/chat";
-import { useTalkStore, useDialogueStore } from '@/store'
+import { useTalkStore, useDialogueStore } from "@/store";
-import { useSessionMenu } from '@/hooks'
+import { useSessionMenu } from "@/hooks";
 
-const talkStore = useTalkStore()
+const talkStore = useTalkStore();
-const { onToTopTalk, onRemoveTalk } = useSessionMenu()
+const { onToTopTalk, onRemoveTalk } = useSessionMenu();
-const dialogueStore = useDialogueStore()
+const dialogueStore = useDialogueStore();
 const props = defineProps({
 	data: {
 		type: Object,
@@ -102,12 +108,17 @@ const props = defineProps({
 		default: -1,
 		required: true,
 	},
-})
+});
+
+// 添加格式化方法
+const formatNameText = (text, maxLength = 19) => {
+  return text.length > maxLength ? `${text.slice(0, maxLength - 1)}...` : text;
+};
 
 const cellClick = () => {
-  console.log(props.data)
+	console.log(props.data);
 	// 更新编辑信息
-  dialogueStore.setDialogue(props.data)
+	dialogueStore.setDialogue(props.data);
 
 	// 清空消息未读数
 	if (props.data.unread_num > 0) {
@@ -118,24 +129,24 @@ const cellClick = () => {
 			talkStore.updateItem({
 				index_name: props.data.index_name,
 				unread_num: 0,
-      })
+			});
-    })
+		});
 	}
 	uni.navigateTo({
-    url: '/pages/dialog/index?sessionId=' + props.data.id,
+		url: "/pages/dialog/index?sessionId=" + props.data.id,
-  })
+	});
-}
+};
 
 const handleTop = () => {
-  console.log(props.data, 1)
+	console.log(props.data, 1);
-  onToTopTalk(props.data)
+	onToTopTalk(props.data);
-}
+};
 
 //点击删除会话
 const handleDelete = () => {
-  console.log(props.data)
+	console.log(props.data);
-  onRemoveTalk(props.data)
+	onRemoveTalk(props.data);
-}
+};
 </script>
 <style lang="scss" scoped>
 ::v-deep .swipe_action {
@@ -176,47 +187,52 @@ const handleDelete = () => {
 	font-size: 28rpx;
 	color: rgba($color: #000000, $alpha: 0.4);
 }
-
+.tag{
+  display: inline-flex;
+  align-items: center;
+  text-align: center;
+  margin-left: 10rpx;
+  margin-top: 4rpx;
+  vertical-align: top;
+  height: 38rpx;
+  line-height: 38rpx;
+  padding: 0 10rpx;
+  font-size: 24rpx;
+  border-radius: 6rpx;
+  font-weight: bold;
+}
 .companyTag {
-  width: 76rpx;
-  height: 38rpx;
-  line-height: 38rpx;
 	border: 1px solid #7a58de;
-  font-size: 24rpx;
-  text-align: center;
-  border-radius: 6rpx;
 	color: #7a58de;
-  font-weight: bold;
-
-  display: inline-block;
 }
-
 .depTag {
-  width: 76rpx;
-  height: 38rpx;
-  line-height: 38rpx;
 	border: 1px solid #377ec6;
-  font-size: 24rpx;
-  text-align: center;
-  border-radius: 6rpx;
 	color: #377ec6;
-  font-weight: bold;
-
-  display: inline-block;
 }
-
 .projectTag {
-  width: 76rpx;
-  height: 38rpx;
-  line-height: 38rpx;
 	border: 1px solid #c1681c;
-  font-size: 24rpx;
-  text-align: center;
-  border-radius: 6rpx;
 	color: #c1681c;
-  font-weight: bold;
+}
-
+.name_center{
+  flex: 1;
+  min-width: 0;
+}
+.name_text{
   display: inline-block;
+  max-height: 88rpx; // 两行文字的高度
+  line-height: 44rpx;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  word-break: break-all;
+}
+.time_right {
+	/* white-space: nowrap;
+	max-width: 146rpx; */
+  flex: 0 0 auto; /* 不伸缩，保持内容宽度 */
+  white-space: nowrap;
 }
 
 .textEllipsis {