From 629011944813413838eab2faecbf83cd784dcf0e Mon Sep 17 00:00:00 2001
From: bin <719488417@qq.com>
Date: Tue, 2 Dec 2025 14:58:19 +0800
Subject: [PATCH] =?UTF-8?q?=E7=AE=80=E5=8E=86=E8=AF=A6=E6=83=85=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9E=E6=A0=87=E7=AD=BE=E5=B1=95=E7=A4=BA=20=E7=BB=9F?=
 =?UTF-8?q?=E8=AE=A1=E5=88=86=E6=9E=90style?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app.tsx                                   |   1 +
 .../Analysis/User/components/AreaStatics.tsx  |  43 +------
 src/pages/ResumeLibrary/ResumeList/detail.tsx | 115 ++++++++++++++----
 3 files changed, 95 insertions(+), 64 deletions(-)

diff --git a/src/app.tsx b/src/app.tsx
index 81a51e9..04903e1 100644
--- a/src/app.tsx
+++ b/src/app.tsx
@@ -318,6 +318,7 @@ export const request = {
         try {
           // 解密响应数据
           const decryptedData = decrypt(data.encryptedData);
+          // console.log(decryptedData)
           response.data =
             typeof decryptedData === 'string' ? JSON.parse(decryptedData) : decryptedData;
         } catch (error) {
diff --git a/src/pages/Analysis/User/components/AreaStatics.tsx b/src/pages/Analysis/User/components/AreaStatics.tsx
index 38b88bd..9861f99 100644
--- a/src/pages/Analysis/User/components/AreaStatics.tsx
+++ b/src/pages/Analysis/User/components/AreaStatics.tsx
@@ -57,44 +57,11 @@ export default function AreaStatics({ data }) {
     style:{
       columnWidthRatio: 0.4, 
     },
-    color: color,
-    xAxis: {
-      label: {
-        style: {
-          fontSize: 12,
-          fill: '#666',
-        },
-        formatter: (text: string) => {
-          return text.length > 4 ? `${text.substring(0, 4)}...` : text;
-        },
-      },
-      grid: {
-        line: {
-          style: {
-            stroke: '#e8e8e8',
-            lineWidth: 1,
-            lineDash: [3, 3],
-          },
-        },
-        alignTick: true,
-      },
-    },
-    yAxis: {
-      label: {
-        style: {
-          fontSize: 12,
-          fill: '#666',
-        },
-      },
-      grid: {
-        line: {
-          style: {
-            stroke: '#e8e8e8',
-            lineWidth: 1,
-            lineDash: [3, 3],
-          },
-        },
-        alignTick: true,
+    axis: {
+      x: {
+        labelFontSize:11,
+        labelAutoRotate:true,
+        labelFormatter:(str)=>str.replace('（含）','')
       },
     },
     tooltip: {
diff --git a/src/pages/ResumeLibrary/ResumeList/detail.tsx b/src/pages/ResumeLibrary/ResumeList/detail.tsx
index 07485e9..95536b7 100644
--- a/src/pages/ResumeLibrary/ResumeList/detail.tsx
+++ b/src/pages/ResumeLibrary/ResumeList/detail.tsx
@@ -1,5 +1,5 @@
 import { ModalForm, ProDescriptions } from '@ant-design/pro-components';
-import { Image, Card, Divider, Row, Col, Tag, Timeline, Empty } from 'antd';
+import { Image, Card, Divider, Row, Col, Tag, Timeline, Empty,Avatar } from 'antd';
 import React, { useEffect, useState } from 'react';
 import { getDictValueEnum } from '@/services/system/dict';
 import DictTag from '@/components/DictTag';
@@ -11,6 +11,35 @@ export type ResumeDetailProps = {
   values?: any;
 };
 
+// 标签颜色
+const TAG_COLORS = [
+  'magenta',
+  'red',
+  'volcano',
+  'orange',
+  'gold',
+  'lime',
+  'green',
+  'cyan',
+  'blue',
+  'geekblue',
+  'purple',
+  '#f50',
+  '#2db7f5',
+  '#87d068',
+  '#108ee9',
+];
+
+// 标签颜色 基于文本hash
+const getTagColor = (tag: string) => {
+  let hash = 0;
+  for (let i = 0; i < tag.length; i++) {
+    hash = tag.charCodeAt(i) + ((hash << 5) - hash);
+  }
+  const index = Math.abs(hash) % TAG_COLORS.length;
+  return TAG_COLORS[index];
+};
+
 const ResumeDetail: React.FC<ResumeDetailProps> = (props) => {
   const [sexEnum, setSexEnum] = useState<any>([]);
   const [educationEnum, setEducationEnum] = useState<any>([]);
@@ -60,9 +89,49 @@ const ResumeDetail: React.FC<ResumeDetailProps> = (props) => {
     />
   );
 
+  // 渲染标签组
+  const renderTags = () => {
+    const tags = values?.indices || [];
+    
+    if (!tags || tags.length === 0) {
+      return null;
+    }
+
+    return (
+      <div 
+        style={{ 
+          marginTop: 2,
+          padding: '8px 16px',
+          borderRadius: 8,
+          border: '1px dashed #eaeaeaff'
+        }}
+      >
+        <div style={{ display: 'flex', flexWrap: 'wrap', gap: 8 , justifyContent:"center" }}>
+          {tags.map((tag: string, index: number) => (
+            <Tag
+              key={index}
+              color={getTagColor(tag)}
+              style={{
+                padding: '4px 12px',
+                fontSize: '13px',
+                fontWeight: 500,
+                borderRadius: 12,
+                boxShadow: '0 2px 4px rgba(0,0,0,0.1)',
+                border: 'none',
+                cursor: 'default',
+              }}
+            >
+              {tag}
+            </Tag>
+          ))}
+        </div>
+      </div>
+    );
+  };
+
   return (
     <ModalForm
-      title="求职者简历详情"
+      title="人才信息详情"
       open={props.open}
       width={1000}
       modalProps={{
@@ -88,36 +157,27 @@ const ResumeDetail: React.FC<ResumeDetailProps> = (props) => {
         <Row gutter={16}>
           <Col span={6}>
             <div style={{ textAlign: 'center' }}>
-              {values?.avatar ? (
-                <Image
-                  width={100}
-                  height={100}
+               {values?.avatar ? (
+                <Avatar
+                  size={100}
                   src={values.avatar}
                   style={{
                     borderRadius: '50%',
-                    marginBottom: 12,
-                    border: '2px solid #e8f4fd',
+                    border: '4px solid #e8f4fd',
                   }}
-                  preview={false}
                 />
               ) : (
-                <div
+                <Avatar
+                  size={100}
                   style={{
-                    width: 100,
-                    height: 100,
+                    backgroundColor: '#1890ff',
+                    fontSize: 36,
                     borderRadius: '50%',
-                    backgroundColor: '#f0f0f0',
-                    display: 'flex',
-                    alignItems: 'center',
-                    justifyContent: 'center',
-                    margin: '0 auto 12px',
-                    fontSize: 12,
-                    color: '#999',
-                    border: '2px solid #e8f4fd',
+                    border: '4px solid #e8f4fd',
                   }}
                 >
-                  暂无头像
-                </div>
+                  {values?.name?.charAt(0) || 'U'}
+                </Avatar>
               )}
               <h3 style={{ margin: '8px 0 4px 0', color: '#1890ff' }}>
                 {values?.name || '未填写'}
@@ -126,12 +186,15 @@ const ResumeDetail: React.FC<ResumeDetailProps> = (props) => {
                 {values?.jobTitle?.join(' / ') || '暂无期望岗位'}
               </p>
             </div>
+            
+            {renderTags()}
           </Col>
-          <Col span={18}>
+          
+          <Col span={18}  style={{display:'flex',alignItems:'center'}}>
             <ProDescriptions
               column={3}
               dataSource={values || {}}
-              size="small"
+              size="default"
               labelStyle={{ fontWeight: 'bold', color: '#333' }}
               contentStyle={{ color: '#666' }}
             >
@@ -206,7 +269,7 @@ const ResumeDetail: React.FC<ResumeDetailProps> = (props) => {
         </Row>
       </Card>
 
-      {/* 个人介绍与求职意向 */}
+ {/* 个人介绍与求职意向 */}
       <Card
         title="个人介绍与求职意向"
         style={{ marginBottom: 16 }}
@@ -576,4 +639,4 @@ const ResumeDetail: React.FC<ResumeDetailProps> = (props) => {
   );
 };
 
-export default ResumeDetail;
+export default ResumeDetail;
\ No newline at end of file