开发: 添加客户列表

src/pages/ChatLogs/ChatUtils.tsx

@@ -69,7 +69,7 @@ export const formatTags = (data: any) => {
   if (data) {
     try {
       const tags = JSON.parse(data);
-      if (Array.isArray(tags)) {
+      if (Array.isArray(tags) && tags.length) {
         return (
           <>
             {tags.map((item) => {
@@ -82,11 +82,9 @@ export const formatTags = (data: any) => {
           </>
         );
       }
-    } catch (e) {
-      return <></>;
-    }
+    } catch (e) {}
   }
-  return <></>;
+  return <div>无标签</div>;
 };
 
 type IGroupIcon = {

src/pages/ChatLogs/components/Gender.tsx

@@ -22,7 +22,14 @@ export const Gender: React.FC<IProps> = (props) => {
             </svg>
           )}
         </>
-      ) : null}
+      ) : (
+        <svg viewBox="0 0 1024 1024" width="16" height="16">
+          <path
+            d="M880.864 704.346c-56.813-25.397-141.118-90.818-265.945-113.298 31.924-34.36 56.084-88.097 80.937-151.754 14.403-36.893 11.935-68.343 11.935-113.121 0-33.073 6.193-86.156-1.97-115.329-27.533-98.59-97.1-125.79-178.61-125.79-81.577 0-151.229 27.328-178.71 126.087-8.097 29.083-1.888 82.044-1.888 115.037 0 44.875-2.422 76.432 12.019 113.383 25.044 63.984 48.854 117.644 80.655 151.86-123.826 22.89-207.498 87.822-263.95 113.138C58.523 756.945 57.95 814.296 57.95 814.296v97.42l940.724-0.112v-97.308s-0.547-57.548-117.809-109.95z"
+            fill="#1890ff"
+          ></path>
+        </svg>
+      )}
     </>
   );
 };

src/pages/ChatLogs/index.module.scss

@@ -150,7 +150,7 @@
   pointer-events: none;
 
   &.show {
-    z-index: 1;
+    z-index: 11;
     transform: translateY(0px);
     visibility: visible;
     opacity: 1;

src/pages/ChatLogs/index.tsx

@@ -109,8 +109,8 @@ const ChatLogs: React.FC = () => {
       setChatLogLoading(false);
       isAllChatRef.current = count < param.page_count * param.curr_page;
       if (res.err_code == 0) {
+        let arr: IChat[] = [];
         if (Array.isArray(res.data) && res.data.length) {
-          let arr: IChat[] = [];
           const temp = res.data.reverse();
           const mark = { curr_page: param.curr_page, msg_time: temp[temp.length - 1].msg_time };
           if (param.curr_page == 1) {
@@ -140,8 +140,8 @@ const ChatLogs: React.FC = () => {
           //     }
           //   });
           // }
-          setChatLogs(arr);
         }
+        setChatLogs(arr);
       }
     });
   };
@@ -708,6 +708,18 @@ const ChatLogs: React.FC = () => {
                     </div>
                   </div>
                   <div>备注名称：{selectCustFollow?.remark}</div>
+                  <div
+                    style={{
+                      paddingTop: 12,
+                      marginBottom: 12,
+                      paddingBottom: 12,
+                      borderBottom: '1px solid #ddd',
+                      fontSize: 16,
+                      fontWeight: 'bold',
+                    }}
+                  >
+                    标签
+                  </div>
                   {formatTags(selectCustFollow?.tags)}
                 </div>
               ) : (