From a70cd94176a22d0616789629c790069d737b36a9 Mon Sep 17 00:00:00 2001
From: dkp <daikunping@xiaotiai.com>
Date: Wed, 18 Jun 2025 11:38:23 +0800
Subject: [PATCH 01/19] =?UTF-8?q?refactor(components):=20=E5=B0=86?=
 =?UTF-8?q?=E5=AE=B9=E5=99=A8=E7=BB=84=E4=BB=B6=E4=BB=8E=20workplace=20?=
 =?UTF-8?q?=E6=A8=A1=E5=9D=97=E4=B8=AD=E7=8B=AC=E7=AB=8B=E5=87=BA=E6=9D=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 从 workplace/modules 目录中移除 container.vue 文件- 在根 components 目录下创建新的 container.vue 文件
- 更新 workplace/index.vue 中的 Container 组件引用
- 调整 container.vue 中的样式，增加 border-radius 属性
- 修改 workplace/index.vue 中的 body 样式，使用 !important 优先级
---
 .../components/workplace/modules => components}/container.vue | 4 +++-
 src/views/components/workplace/index.vue                      | 4 ++--
 2 files changed, 5 insertions(+), 3 deletions(-)
 rename src/{views/components/workplace/modules => components}/container.vue (92%)

diff --git a/src/views/components/workplace/modules/container.vue b/src/components/container.vue
similarity index 92%
rename from src/views/components/workplace/modules/container.vue
rename to src/components/container.vue
index 40de2d5..a3cb0d7 100644
--- a/src/views/components/workplace/modules/container.vue
+++ b/src/components/container.vue
@@ -17,6 +17,7 @@ const props = defineProps<{
   border: 1px solid var(--BG-300, rgba(230, 230, 232, 1));
   background: var(--BG-white, rgba(255, 255, 255, 1));
   padding: 16px 24px 20px 24px;
+  border-radius: 8px;
 }
 .title {
   font-family: Alibaba PuHuiTi, serif;
@@ -24,6 +25,7 @@ const props = defineProps<{
   font-size: 18px;
   line-height: 24px;
   vertical-align: middle;
-  margin-bottom: 0px;
+  margin: 0;
+  padding: 0;
 }
 </style>
diff --git a/src/views/components/workplace/index.vue b/src/views/components/workplace/index.vue
index 8845741..3492935 100644
--- a/src/views/components/workplace/index.vue
+++ b/src/views/components/workplace/index.vue
@@ -21,7 +21,7 @@
   </div>
 </template>
 <script setup lang="ts">
-import Container from '@/views/components/workplace/modules/container.vue';
+import Container from '@/components/container.vue';
 import Product from '@/views/components/workplace/modules/product.vue';
 import Case from '@/views/components/workplace/modules/case.vue';
 import { fetchProductList, fetchSuccessCaseList } from '@/api/all/index';
@@ -44,7 +44,7 @@ const getSuccessCaseList = async () => {
 
 <style scoped lang="less">
 .body {
-  padding-left: 0;
+  padding-left: 0 !important;
   :deep(> .title) {
     padding-left: 20px;
   }

From d6dfab4c3ca8982ff70d3e7eed1ba91a90b7d11e Mon Sep 17 00:00:00 2001
From: dkp <daikunping@xiaotiai.com>
Date: Wed, 18 Jun 2025 11:53:17 +0800
Subject: [PATCH 02/19] =?UTF-8?q?style:=E8=B0=83=E6=95=B4=E5=B7=A5?=
 =?UTF-8?q?=E4=BD=9C=E5=8F=B0=E9=A1=B5=E9=9D=A2=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 将 body 的左侧填充从 0 修改为4 像素
-保持 title 的左侧填充为 20 像素
---
 src/views/components/workplace/index.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/views/components/workplace/index.vue b/src/views/components/workplace/index.vue
index 3492935..709e940 100644
--- a/src/views/components/workplace/index.vue
+++ b/src/views/components/workplace/index.vue
@@ -44,7 +44,7 @@ const getSuccessCaseList = async () => {
 
 <style scoped lang="less">
 .body {
-  padding-left: 0 !important;
+  padding-left: 4px !important;
   :deep(> .title) {
     padding-left: 20px;
   }

From a6f6cd8bff98773a27484dedff74c8a92ac3b221 Mon Sep 17 00:00:00 2001
From: dkp <daikunping@xiaotiai.com>
Date: Wed, 18 Jun 2025 17:59:54 +0800
Subject: [PATCH 03/19] =?UTF-8?q?refactor(components):=20=E5=B0=86?=
 =?UTF-8?q?=E5=AE=A2=E6=88=B7=E8=81=94=E7=B3=BB=E4=BA=8C=E7=BB=B4=E7=A0=81?=
 =?UTF-8?q?=E6=A8=A1=E6=80=81=E6=A1=86=E6=8A=BD=E7=A6=BB=E4=B8=BA=E7=8B=AC?=
 =?UTF-8?q?=E7=AB=8B=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 从 product.vue 中移除模态框代码
- 新建 customer-service-modal.vue 组件
- 在 product.vue 中引入并使用新的 CustomerServiceModal 组件
---
 src/components/customer-service-modal.vue         | 15 +++++++++++++++
 .../components/workplace/modules/product.vue      | 11 +++--------
 2 files changed, 18 insertions(+), 8 deletions(-)
 create mode 100644 src/components/customer-service-modal.vue

diff --git a/src/components/customer-service-modal.vue b/src/components/customer-service-modal.vue
new file mode 100644
index 0000000..1ce6743
--- /dev/null
+++ b/src/components/customer-service-modal.vue
@@ -0,0 +1,15 @@
+<template>
+  <a-modal v-bind="$attrs" >
+    <template #title>
+      扫描下面二维码联系客户
+    </template>
+    <div class="text-center">
+      <img width="200" src="@/assets/customer-service.svg" alt="" />
+    </div>
+  </a-modal>
+</template>
+<script setup lang="ts">
+
+</script>
+<style lang="less">
+</style>
diff --git a/src/views/components/workplace/modules/product.vue b/src/views/components/workplace/modules/product.vue
index c9b0115..4123de3 100644
--- a/src/views/components/workplace/modules/product.vue
+++ b/src/views/components/workplace/modules/product.vue
@@ -65,14 +65,7 @@
         </a-button>
       </a-popconfirm>
     </div>
-    <a-modal v-model:visible="visible">
-      <template #title>
-        扫描下面二维码联系客户
-      </template>
-      <div class="text-center">
-        <img width="200" src="@/assets/customer-service.svg" alt="" />
-      </div>
-    </a-modal>
+    <CustomerServiceModal v-model:visible="visible" />
   </div>
 </template>
 
@@ -80,6 +73,8 @@
 import { now } from '@vueuse/core';
 import { trialProduct } from '@/api/all';
 import { useRouter } from 'vue-router';
+import CustomerServiceModal from '@/components/customer-service-modal.vue';
+
 const props = defineProps<{
   product: Product;
 }>();

From 9de7565b2d9daa884f7e01b789344dcaabd34b60 Mon Sep 17 00:00:00 2001
From: dkp <daikunping@xiaotiai.com>
Date: Wed, 18 Jun 2025 18:00:33 +0800
Subject: [PATCH 04/19] =?UTF-8?q?feat(enterprise):=20=E6=B7=BB=E5=8A=A0?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9=E4=BC=81=E4=B8=9A=E5=90=8D=E7=A7=B0=E5=8A=9F?=
 =?UTF-8?q?=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 在 API 中新增 updateEnterpriseName 方法，用于更新企业名称
- 在路由中添加企业信息管理相关路径
- 实现企业信息页面，包括展示企业和修改企业名称的功能
- 新增 Modal组件用于弹窗展示
---
 src/api/all/index.ts                          |   5 +
 src/api/index.ts                              |   4 +
 src/components/modal.vue                      |  38 +++++
 src/router/index.ts                           |  15 ++
 .../management/enterprise/index.vue           | 139 ++++++++++++++++++
 5 files changed, 201 insertions(+)
 create mode 100644 src/components/modal.vue
 create mode 100644 src/views/components/management/enterprise/index.vue

diff --git a/src/api/all/index.ts b/src/api/all/index.ts
index 771d941..1b487ff 100644
--- a/src/api/all/index.ts
+++ b/src/api/all/index.ts
@@ -111,3 +111,8 @@ export const fetchSuccessCaseList = () => {
 export const trialProduct = (id: number) => {
   return Http.post(`/v1/products/${id}/try`, {}, { headers: { 'enterprise-id': 1 } });
 };
+
+// 修改企业名称
+export const updateEnterpriseName = (data: any) => {
+  return Http.patch(`/v1/enterprises/name`, data, { headers: { 'enterprise-id': 1 } });
+};
diff --git a/src/api/index.ts b/src/api/index.ts
index be83e51..2fe5ed6 100644
--- a/src/api/index.ts
+++ b/src/api/index.ts
@@ -77,6 +77,10 @@ export class Request {
   public delete<T = any>(url: string, config?: AxiosRequestConfig): Promise<T> {
     return this.instance.delete(url, config);
   }
+
+  public patch<T = any>(url: string, data?: any, config?: AxiosRequestConfig): Promise<T> {
+    return this.instance.patch(url, data, config);
+  }
 }
 
 //* 默认导出Request实例
diff --git a/src/components/modal.vue b/src/components/modal.vue
new file mode 100644
index 0000000..aa7d8b9
--- /dev/null
+++ b/src/components/modal.vue
@@ -0,0 +1,38 @@
+<template>
+  <a-modal title-align="start" modal-class="modal" body-class="body" v-bind="$attrs" >
+    <slot></slot>
+  </a-modal>
+</template>
+<script setup lang="ts">
+
+</script>
+<style lang="less">
+.modal {
+  .arco-modal-header {
+    border-bottom: none;
+  }
+  .arco-modal-footer {
+    border-top: none;
+    :first-child {
+      border: 1px solid var(--BG-500, rgba(177, 178, 181, 1));
+      border-radius: 4px;
+      padding: 7px 20px;
+      font-family: Alibaba PuHuiTi, serif;
+      font-weight: 400;
+      font-size: 14px;
+    }
+    :last-child {
+      border-radius: 4px;
+      padding: 7px 20px;
+      font-family: Alibaba PuHuiTi, serif;
+      font-weight: 400;
+      font-size: 14px;
+      margin-left: 16px;
+    }
+  }
+}
+.body {
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+</style>
diff --git a/src/router/index.ts b/src/router/index.ts
index 9356416..45d6557 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -50,6 +50,21 @@ const router = createRouter({
       name: 'auth',
       component: () => import('@/views/components/permission/auth.vue'),
     },
+    {
+      path: '/management/person',
+      name: 'person',
+      component: () => import('@/views/components/management/person'),
+    },
+    {
+      path: '/management/enterprise',
+      name: 'enterprise',
+      component: () => import('@/views/components/management/enterprise'),
+    },
+    {
+      path: '/management/account',
+      name: 'account',
+      component: () => import('@/views/components/management/account'),
+    },
   ],
   scrollBehavior() {
     return { top: 0 };
diff --git a/src/views/components/management/enterprise/index.vue b/src/views/components/management/enterprise/index.vue
new file mode 100644
index 0000000..1940730
--- /dev/null
+++ b/src/views/components/management/enterprise/index.vue
@@ -0,0 +1,139 @@
+<template>
+  <Container title="企业信息" class="container mt-24px">
+    <a-table :columns="columns" :data="data" :pagination="false" class="mt-16px">
+      <template #info="{ record }">
+        {{ record.name }}
+      </template>
+      <template #action>
+        <a-button class="edit-button" size="mini" type="outline" @click="handleUpdate" >修改</a-button>
+      </template>
+    </a-table>
+    <Modal v-model:visible="infoVisible" width="480px" title="修改企业名称" :okText="okText" @ok="handleOk">
+      <p class="tips">
+        企业名称只能修改2次，请谨慎操作。<span
+          >（剩余{{ enterpriseInfo.update_name_quota - enterpriseInfo.used_update_name_count }}次）
+        </span>
+      </p>
+      <a-form :model="form" class="form" :label-col-props="{span: 6, offset: 0}" :wrapper-col-props="{span: 18, offset: 0}" label-align="left">
+        <a-form-item required field="name" label="新企业名称">
+          <a-input size="small" :disabled="!canUpdate" v-model.trim="form.name" placeholder="请输入新企业名称" />
+        </a-form-item>
+      </a-form>
+    </Modal>
+    <CustomerServiceModal v-model:visible="customerServiceVisible" />
+  </Container>
+</template>
+<script setup lang="ts">
+import Container from '@/components/container.vue';
+import Modal from '@/components/modal.vue';
+import { ref, reactive, computed } from 'vue';
+import CustomerServiceModal from '@/components/customer-service-modal.vue';
+import { updateEnterpriseName } from '@/api/all';
+
+const form = reactive({
+  name: '',
+});
+
+const enterpriseInfo = reactive({
+  name: '123321',
+  update_name_quota: 2,
+  used_update_name_count: 2,
+});
+
+const columns = [
+  {
+    title: '企业名称',
+    slotName: 'info',
+  },
+  {
+    title: '操作',
+    slotName: 'action',
+  },
+];
+const data = ref([enterpriseInfo]);
+
+const infoVisible = ref(false);
+const customerServiceVisible = ref(false);
+
+const canUpdate = computed(() => {
+  return enterpriseInfo.update_name_quota > enterpriseInfo.used_update_name_count;
+});
+
+const okText = computed(() => {
+  if (!canUpdate.value) {
+    return '联系客服';
+  }
+  return '确定';
+});
+
+function handleUpdate() {
+  if (!canUpdate.value) {
+    form.name = enterpriseInfo.name;
+  }
+  infoVisible.value = true;
+}
+
+async function handleOk() {
+  if (!canUpdate.value) {
+    customerServiceVisible.value = true;
+  }
+  await updateEnterpriseName({ name: form.name });
+  AMessage.success('修改成功！');
+}
+</script>
+
+<style scoped lang="less">
+.tips {
+  height: 40px;
+  border-radius: 4px;
+  padding: 10px 16px;
+  background: var(--BG-100, rgba(247, 248, 250, 1));
+  border: 1px solid var(--BG-300, rgba(230, 230, 232, 1));
+  font-family: Alibaba PuHuiTi, serif;
+  font-weight: 400;
+  font-size: 12px;
+  span {
+    color: var(--Functional-Danger-6, rgba(246, 75, 49, 1));
+  }
+}
+.form {
+  :deep(.arco-form-item-label) {
+    font-family: Alibaba PuHuiTi;
+    font-weight: 400;
+    font-size: 14px;
+    margin: 0px;
+  }
+  :deep(.arco-input-wrapper) {
+    background: white;
+    border: 1px solid var(--Brand-Brand-6, rgba(109, 76, 254, 1));
+    font-family: Alibaba PuHuiTi;
+    font-weight: 400;
+    font-size: 14px;
+    input::placeholder {
+      font-family: Alibaba PuHuiTi;
+      font-weight: 400;
+      font-size: 14px;
+      color: var(--Text-4, rgba(147, 148, 153, 1));
+    }
+  }
+  :deep(.arco-input-disabled) {
+    background: var(--BG-200, rgba(242, 243, 245, 1));
+    border: 1px solid var(--BG-400, rgba(215, 215, 217, 1));
+    .arco-input:disabled {
+      font-family: Alibaba PuHuiTi;
+      font-weight: 400;
+      font-size: 14px;
+    }
+  }
+}
+.edit-button {
+  margin: 12px 0;
+  border: 1px solid rgba(109, 76, 254, 1);
+  border-radius: 4px;
+  padding: 2px 12px;
+  font-family: Alibaba PuHuiTi;
+  font-weight: 400;
+  font-size: 12px;
+  color: rgba(109, 76, 254, 1);
+}
+</style>

From cd0073a023760e878947b77912adb12d077fd6ef Mon Sep 17 00:00:00 2001
From: dkp <daikunping@xiaotiai.com>
Date: Wed, 18 Jun 2025 18:00:51 +0800
Subject: [PATCH 05/19] =?UTF-8?q?feat(views):=20=E6=B7=BB=E5=8A=A0?=
 =?UTF-8?q?=E4=B8=AA=E4=BA=BA=E4=BF=A1=E6=81=AF=E7=AE=A1=E7=90=86=E5=8A=9F?=
 =?UTF-8?q?=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 新增个人信息管理页面，包括用户信息展示和编辑功能- 添加头像上传和裁剪功能
- 引入 vue-cropper 组件用于头像裁剪
---
 package-lock.json                             |  7 ++
 package.json                                  |  3 +-
 .../components/management/person/index.vue    | 80 +++++++++++++++++++
 3 files changed, 88 insertions(+), 2 deletions(-)
 create mode 100644 src/views/components/management/person/index.vue

diff --git a/package-lock.json b/package-lock.json
index 739795d..d972c82 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -22,6 +22,7 @@
         "sass": "^1.89.2",
         "swiper": "^11.2.8",
         "vue": "^3.2.45",
+        "vue-cropper": "^1.1.4",
         "vue-echarts": "^7.0.3",
         "vue-router": "^4.1.6"
       },
@@ -8945,6 +8946,12 @@
         "@vue/shared": "3.2.47"
       }
     },
+    "node_modules/vue-cropper": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/vue-cropper/-/vue-cropper-1.1.4.tgz",
+      "integrity": "sha512-5m98vBsCEI9rbS4JxELxXidtAui3qNyTHLHg67Qbn7g8cg+E6LcnC+hh3SM/p94x6mFh6KRxT1ttnta+wCYqWA==",
+      "license": "ISC"
+    },
     "node_modules/vue-demi": {
       "version": "0.13.11",
       "resolved": "https://registry.npmmirror.com/vue-demi/-/vue-demi-0.13.11.tgz",
diff --git a/package.json b/package.json
index 184c6ae..b46c95a 100644
--- a/package.json
+++ b/package.json
@@ -24,11 +24,10 @@
     "mitt": "^3.0.0",
     "normalize.css": "^8.0.1",
     "pinia": "^2.0.29",
-
     "sass": "^1.89.2",
-
     "swiper": "^11.2.8",
     "vue": "^3.2.45",
+    "vue-cropper": "^1.1.4",
     "vue-echarts": "^7.0.3",
     "vue-router": "^4.1.6"
   },
diff --git a/src/views/components/management/person/index.vue b/src/views/components/management/person/index.vue
new file mode 100644
index 0000000..58636fd
--- /dev/null
+++ b/src/views/components/management/person/index.vue
@@ -0,0 +1,80 @@
+<template>
+  <Container title="个人信息" class="container mt-24px">
+    <a-table :columns="columns" :data="data" :pagination="false" class="mt-16px">
+      <template #info="{ record }">
+        <a-avatar :image-url="record.head_image" :size="32" />
+        {{ record.name }}
+        <icon-edit size="13" class="ml-8px" @click="openEditInfoModal" />
+      </template>
+      <template #mobile="{ record }">
+        {{ record.mobile.replace(/(\d{3})\d{4}(\d{4})/, '$1****$2') }}
+        <icon-edit size="13" class="ml-8px" />
+      </template>
+    </a-table>
+    <Modal v-model:visible="infoVisible" title="修改用户信息">
+      <a-form :model="userInfoForm" @submit="handleSubmitUserInfo">
+        <a-form-item field="head_image" label="头像">
+          <a-avatar :image-url="userInfoForm.head_image" :size="48" />
+          <a-upload action="/" />
+          <a-button @click="openEditImageModal"><icon-upload />上传新头像</a-button>
+        </a-form-item>
+        <a-form-item field="name" label="昵称">
+          <a-input v-model="userInfoForm.name" placeholder="请输入昵称" />
+        </a-form-item>
+      </a-form>
+    </Modal>
+    <Modal v-model:visible="imageVisible" title="头像裁剪">
+      <VueCropper></VueCropper>
+    </Modal>
+  </Container>
+</template>
+<script setup lang="ts">
+import Container from '@/components/container.vue';
+import Modal from '@/components/modal.vue';
+import { ref, reactive } from 'vue';
+import 'vue-cropper/dist/index.css';
+import { VueCropper }  from 'vue-cropper';
+
+const userInfo = reactive({
+  id: 1,
+  name: 'Jane Doe',
+  head_image: '',
+  mobile: '13600000000',
+});
+
+const columns = [
+  {
+    title: '用户信息',
+    slotName: 'info',
+  },
+  {
+    title: '手机号',
+    slotName: 'mobile',
+  },
+];
+const data = reactive([userInfo]);
+const infoVisible = ref(true);
+const imageVisible = ref(false);
+
+const userInfoForm = reactive({
+  name: '',
+  head_image: '',
+});
+
+function openEditInfoModal() {
+  infoVisible.value = true;
+}
+
+function openEditImageModal() {
+  imageVisible.value = true;
+}
+
+function handleSubmitUserInfo() {
+  console.log(123);
+}
+
+</script>
+
+<style scoped lang="less">
+
+</style>

From fe19d3ff34de95c6b80fe0b96a6bcadbd339d5db Mon Sep 17 00:00:00 2001
From: dkp <daikunping@xiaotiai.com>
Date: Thu, 19 Jun 2025 09:20:54 +0800
Subject: [PATCH 06/19] =?UTF-8?q?style:=E4=BC=98=E5=8C=96=E4=BC=81?=
 =?UTF-8?q?=E4=B8=9A=E4=BF=A1=E6=81=AF=E4=BF=AE=E6=94=B9=E5=8A=9F=E8=83=BD?=
 =?UTF-8?q?=E5=92=8C=20Modal=20=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

-调整企业信息表格的修改按钮样式
- 优化企业信息修改 Modal 的布局结构
-移除 Modal body 的上下内边距
---
 src/components/modal.vue                             |  4 ++--
 src/views/components/management/enterprise/index.vue | 12 +++++++++---
 2 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/src/components/modal.vue b/src/components/modal.vue
index aa7d8b9..6d905bd 100644
--- a/src/components/modal.vue
+++ b/src/components/modal.vue
@@ -32,7 +32,7 @@
   }
 }
 .body {
-  padding-top: 0px;
-  padding-bottom: 0px;
+  padding-top: 0;
+  padding-bottom: 0;
 }
 </style>
diff --git a/src/views/components/management/enterprise/index.vue b/src/views/components/management/enterprise/index.vue
index 1940730..f1dd93b 100644
--- a/src/views/components/management/enterprise/index.vue
+++ b/src/views/components/management/enterprise/index.vue
@@ -5,7 +5,7 @@
         {{ record.name }}
       </template>
       <template #action>
-        <a-button class="edit-button" size="mini" type="outline" @click="handleUpdate" >修改</a-button>
+        <a-button class="edit-button" size="mini" type="outline" @click="handleUpdate">修改</a-button>
       </template>
     </a-table>
     <Modal v-model:visible="infoVisible" width="480px" title="修改企业名称" :okText="okText" @ok="handleOk">
@@ -14,9 +14,15 @@
           >（剩余{{ enterpriseInfo.update_name_quota - enterpriseInfo.used_update_name_count }}次）
         </span>
       </p>
-      <a-form :model="form" class="form" :label-col-props="{span: 6, offset: 0}" :wrapper-col-props="{span: 18, offset: 0}" label-align="left">
+      <a-form
+        :model="form"
+        class="form"
+        :label-col-props="{ span: 6, offset: 0 }"
+        :wrapper-col-props="{ span: 18, offset: 0 }"
+        label-align="left"
+      >
         <a-form-item required field="name" label="新企业名称">
-          <a-input size="small" :disabled="!canUpdate" v-model.trim="form.name" placeholder="请输入新企业名称" />
+          <a-input v-model.trim="form.name" size="small" :disabled="!canUpdate" placeholder="请输入新企业名称" />
         </a-form-item>
       </a-form>
     </Modal>

From f3d21e1f39714d0728d5b72d6b006c63f6c118cc Mon Sep 17 00:00:00 2001
From: dkp <daikunping@xiaotiai.com>
Date: Thu, 19 Jun 2025 09:22:37 +0800
Subject: [PATCH 07/19] =?UTF-8?q?style(enterprise):=20=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E4=BC=81=E4=B8=9A=E4=BF=A1=E6=81=AF=E5=8D=A1=E7=89=87=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 为字体添加 serif 备选，提高文本可读性
- 统一表单标签、输入框和按钮的样式
- 调整部分样式属性，如移除多余的 margin
---
 src/views/components/management/enterprise/index.vue | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/views/components/management/enterprise/index.vue b/src/views/components/management/enterprise/index.vue
index f1dd93b..e59a3dc 100644
--- a/src/views/components/management/enterprise/index.vue
+++ b/src/views/components/management/enterprise/index.vue
@@ -104,19 +104,19 @@ async function handleOk() {
 }
 .form {
   :deep(.arco-form-item-label) {
-    font-family: Alibaba PuHuiTi;
+    font-family: Alibaba PuHuiTi, serif;
     font-weight: 400;
     font-size: 14px;
-    margin: 0px;
+    margin: 0;
   }
   :deep(.arco-input-wrapper) {
     background: white;
     border: 1px solid var(--Brand-Brand-6, rgba(109, 76, 254, 1));
-    font-family: Alibaba PuHuiTi;
+    font-family: Alibaba PuHuiTi, serif;
     font-weight: 400;
     font-size: 14px;
     input::placeholder {
-      font-family: Alibaba PuHuiTi;
+      font-family: Alibaba PuHuiTi, serif;
       font-weight: 400;
       font-size: 14px;
       color: var(--Text-4, rgba(147, 148, 153, 1));
@@ -126,7 +126,7 @@ async function handleOk() {
     background: var(--BG-200, rgba(242, 243, 245, 1));
     border: 1px solid var(--BG-400, rgba(215, 215, 217, 1));
     .arco-input:disabled {
-      font-family: Alibaba PuHuiTi;
+      font-family: Alibaba PuHuiTi, serif;
       font-weight: 400;
       font-size: 14px;
     }
@@ -137,7 +137,7 @@ async function handleOk() {
   border: 1px solid rgba(109, 76, 254, 1);
   border-radius: 4px;
   padding: 2px 12px;
-  font-family: Alibaba PuHuiTi;
+  font-family: Alibaba PuHuiTi, serif;
   font-weight: 400;
   font-size: 12px;
   color: rgba(109, 76, 254, 1);

From d19861d976f9d5710ab45988a4d8872b0b46579e Mon Sep 17 00:00:00 2001
From: dkp <daikunping@xiaotiai.com>
Date: Thu, 19 Jun 2025 09:25:49 +0800
Subject: [PATCH 08/19] =?UTF-8?q?refactor(components):=20=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96=E5=AE=A2=E6=88=B7=E6=9C=8D=E5=8A=A1=E4=B8=AD=E5=BF=83?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 使用自定义 Modal组件替换 a-modal
- 调整内容布局，增加上下边距
- 简化模板结构，提高可读性
---
 src/components/customer-service-modal.vue | 11 ++++-------
 1 file changed, 4 insertions(+), 7 deletions(-)

diff --git a/src/components/customer-service-modal.vue b/src/components/customer-service-modal.vue
index 1ce6743..24cc2f4 100644
--- a/src/components/customer-service-modal.vue
+++ b/src/components/customer-service-modal.vue
@@ -1,15 +1,12 @@
 <template>
-  <a-modal v-bind="$attrs" >
-    <template #title>
-      扫描下面二维码联系客户
-    </template>
-    <div class="text-center">
+  <Modal title="扫描下面二维码联系客户" v-bind="$attrs">
+    <div class="text-center mt-16px mb-16px">
       <img width="200" src="@/assets/customer-service.svg" alt="" />
     </div>
-  </a-modal>
+  </Modal>
 </template>
 <script setup lang="ts">
-
+import Modal from '@/components/modal.vue';
 </script>
 <style lang="less">
 </style>

From 33d1be159dee6e6d8b1438f66379475e98e29c00 Mon Sep 17 00:00:00 2001
From: dkp <daikunping@xiaotiai.com>
Date: Thu, 19 Jun 2025 09:36:41 +0800
Subject: [PATCH 09/19] =?UTF-8?q?style(enterprise):=20=E8=B0=83=E6=95=B4?=
 =?UTF-8?q?=E4=BC=81=E4=B8=9A=E4=BF=A1=E6=81=AF=E9=A1=B5=E9=9D=A2=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 修改企业名称更新计数为 1- 更新输入框未选中状态的样式
- 添加输入框选中状态的样式
---
 src/views/components/management/enterprise/index.vue | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/views/components/management/enterprise/index.vue b/src/views/components/management/enterprise/index.vue
index e59a3dc..7aa5c5c 100644
--- a/src/views/components/management/enterprise/index.vue
+++ b/src/views/components/management/enterprise/index.vue
@@ -43,7 +43,7 @@ const form = reactive({
 const enterpriseInfo = reactive({
   name: '123321',
   update_name_quota: 2,
-  used_update_name_count: 2,
+  used_update_name_count: 1,
 });
 
 const columns = [
@@ -111,7 +111,7 @@ async function handleOk() {
   }
   :deep(.arco-input-wrapper) {
     background: white;
-    border: 1px solid var(--Brand-Brand-6, rgba(109, 76, 254, 1));
+    border: 1px solid var(--BG-400, rgba(215, 215, 217, 1));
     font-family: Alibaba PuHuiTi, serif;
     font-weight: 400;
     font-size: 14px;
@@ -131,6 +131,9 @@ async function handleOk() {
       font-size: 14px;
     }
   }
+  :deep(.arco-input-focus) {
+    border: 1px solid var(--Brand-Brand-6, rgba(109, 76, 254, 1));
+  }
 }
 .edit-button {
   margin: 12px 0;

From cfefa7d5626aa26d93d658f063359672a425e350 Mon Sep 17 00:00:00 2001
From: dkp <daikunping@xiaotiai.com>
Date: Thu, 19 Jun 2025 11:22:53 +0800
Subject: [PATCH 10/19] =?UTF-8?q?style(enterprise):=20=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E8=BE=93=E5=85=A5=E6=A1=86=E8=81=9A=E7=84=A6=E7=8A=B6=E6=80=81?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 在企业管理系统组件中的输入框聚焦状态添加阴影效果
- 增加 box-shadow 属性以提升视觉反馈和用户体验
---
 src/views/components/management/enterprise/index.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/views/components/management/enterprise/index.vue b/src/views/components/management/enterprise/index.vue
index 7aa5c5c..64924e2 100644
--- a/src/views/components/management/enterprise/index.vue
+++ b/src/views/components/management/enterprise/index.vue
@@ -133,6 +133,7 @@ async function handleOk() {
   }
   :deep(.arco-input-focus) {
     border: 1px solid var(--Brand-Brand-6, rgba(109, 76, 254, 1));
+    box-shadow: 0 2px 4px 0 rgba(109, 76, 254, 0.2);
   }
 }
 .edit-button {

From fe132b480f077e1be68bc57520de49dc34dc440a Mon Sep 17 00:00:00 2001
From: dkp <daikunping@xiaotiai.com>
Date: Thu, 19 Jun 2025 16:29:41 +0800
Subject: [PATCH 11/19] =?UTF-8?q?feat(personal-info):=20=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E4=B8=AA=E4=BA=BA=E4=BF=A1=E6=81=AF=E9=A1=B5=E9=9D=A2=E5=8A=9F?=
 =?UTF-8?q?=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 添加修改手机号功能
- 实现头像上传和裁剪
- 优化用户信息编辑界面
- 增加表单验证和错误提示
- 实现验证码发送和倒计时功能
---
 src/api/all/index.ts                          |  26 +-
 .../components/management/person/index.vue    | 240 +++++++++++++++++-
 2 files changed, 252 insertions(+), 14 deletions(-)

diff --git a/src/api/all/index.ts b/src/api/all/index.ts
index 1b487ff..b00f92e 100644
--- a/src/api/all/index.ts
+++ b/src/api/all/index.ts
@@ -50,7 +50,6 @@ export const fetchNewKeywordDetail = (params: any) => {
   // 使用Http.get方法，发送GET请求，获取行业话题列表
   return Http.get('/v1/industry-new-keywords/' + params, {});
 };
-fetchIndustryTopicDetail;
 
 // 导出一个函数fetchUserPainPointsList，用于获取用户痛点列表
 export const fetchUserPainPointsList = (params: any) => {
@@ -116,3 +115,28 @@ export const trialProduct = (id: number) => {
 export const updateEnterpriseName = (data: any) => {
   return Http.patch(`/v1/enterprises/name`, data, { headers: { 'enterprise-id': 1 } });
 };
+
+// 发送修改手机号验证码
+export const sendUpdateMobileCaptcha = (data: any) => {
+  return Http.post(`/v1/sms/update-mobile-captcha`, data);
+};
+
+// 修改绑定的手机号
+export const updateMobile = (data: any) => {
+  return Http.post(`/v1/me/mobile`, data);
+};
+
+// 修改我的信息
+export const updateMyInfo = (data: any) => {
+  return Http.put(`/v1/me`, data);
+};
+
+// 获取企业账号分页
+export const fetchSubAccountPage = (params: any) => {
+  return Http.get(`/v1/enterprises/users`, params, { headers: { 'enterprise-id': 1 } });
+};
+
+// 获取企业账号分页
+export const fetchImageUploadFile = (params: any) => {
+  return Http.get(`/v1/oss/image-pre-signed-url`, params);
+};
diff --git a/src/views/components/management/person/index.vue b/src/views/components/management/person/index.vue
index 58636fd..5957f4c 100644
--- a/src/views/components/management/person/index.vue
+++ b/src/views/components/management/person/index.vue
@@ -8,32 +8,73 @@
       </template>
       <template #mobile="{ record }">
         {{ record.mobile.replace(/(\d{3})\d{4}(\d{4})/, '$1****$2') }}
-        <icon-edit size="13" class="ml-8px" />
+        <icon-edit size="13" class="ml-8px" @click="openEditMobileModal" />
       </template>
     </a-table>
-    <Modal v-model:visible="infoVisible" title="修改用户信息">
-      <a-form :model="userInfoForm" @submit="handleSubmitUserInfo">
+    <Modal v-model:visible="infoVisible" title="修改用户信息" @ok="handleSubmitUserInfo">
+      <a-form :model="userInfoForm">
         <a-form-item field="head_image" label="头像">
-          <a-avatar :image-url="userInfoForm.head_image" :size="48" />
-          <a-upload action="/" />
-          <a-button @click="openEditImageModal"><icon-upload />上传新头像</a-button>
+          <div class="flex item-center">
+            <a-avatar :image-url="userInfoForm.file_url" :size="48" />
+            <span class="upload-button" @click="triggerFileInput">
+              <input
+                ref="uploadInputRef"
+                accept="image/*"
+                type="file"
+                style="display: none"
+                @change="handleFileChange"
+              />
+              <a-button><icon-upload />上传新头像</a-button>
+            </span>
+          </div>
         </a-form-item>
         <a-form-item field="name" label="昵称">
-          <a-input v-model="userInfoForm.name" placeholder="请输入昵称" />
+          <a-input v-model.trim="userInfoForm.name" placeholder="请输入昵称" />
         </a-form-item>
       </a-form>
     </Modal>
     <Modal v-model:visible="imageVisible" title="头像裁剪">
       <VueCropper></VueCropper>
     </Modal>
+    <Modal v-model:visible="mobileVisible" title="修改手机号" @ok="handleUpdateMobile">
+      <a-form
+        ref="formRef"
+        :model="form"
+        class="form"
+        :rules="formRules"
+        :label-col-props="{ span: 6, offset: 0 }"
+        :wrapper-col-props="{ span: 18, offset: 0 }"
+        label-align="left"
+      >
+        <a-form-item required field="mobile" label="新手机号">
+          <a-input v-model.trim="form.mobile" size="small" placeholder="请输入新的手机号" />
+        </a-form-item>
+        <a-form-item required field="captcha" label="获取验证码">
+          <a-input v-model.trim="form.captcha" size="small" placeholder="请输入验证码">
+            <template #suffix>
+              <span v-if="countdown <= 0" @click="sendCaptcha">发送验证码</span>
+              <span v-else>{{ countdown }}s</span>
+            </template>
+          </a-input>
+        </a-form-item>
+      </a-form>
+      <PuzzleVerification
+        :show="verificationVisible"
+        @submit="handleVerificationSubmit"
+        @cancel="verificationVisible = false"
+      />
+    </Modal>
   </Container>
 </template>
 <script setup lang="ts">
 import Container from '@/components/container.vue';
 import Modal from '@/components/modal.vue';
+import PuzzleVerification from '@/views/components/login/PuzzleVerification.vue';
 import { ref, reactive } from 'vue';
 import 'vue-cropper/dist/index.css';
-import { VueCropper }  from 'vue-cropper';
+import { VueCropper } from 'vue-cropper';
+import { sendUpdateMobileCaptcha, updateMobile, fetchImageUploadFile, updateMyInfo } from '@/api/all';
+import axios from 'axios';
 
 const userInfo = reactive({
   id: 1,
@@ -53,28 +94,201 @@ const columns = [
   },
 ];
 const data = reactive([userInfo]);
-const infoVisible = ref(true);
+const infoVisible = ref(false);
 const imageVisible = ref(false);
+const mobileVisible = ref(false);
+const verificationVisible = ref(false);
+const timer = ref();
+const countdown = ref(0);
+const formRef = ref();
+const isSendCaptcha = ref(false);
+const uploadInputRef = ref();
+
+// 表单校验规则
+const formRules = {
+  mobile: [
+    {
+      required: true,
+      message: '请填写手机号',
+      trigger: ['blur', 'change'],
+    },
+    {
+      validator: (value: string, callback: (error?: string) => void) => {
+        if (!/^1[3-9]\d{9}$/.test(value)) {
+          callback('手机号格式不正确');
+        } else {
+          callback();
+        }
+      },
+      trigger: ['blur', 'change'],
+    },
+  ],
+  captcha: [
+    {
+      required: true,
+      message: '请填写验证码',
+      trigger: ['blur', 'change'],
+    },
+    {
+      validator: (value: string, callback: (error?: string) => void) => {
+        if (!/^\d{6}$/.test(value)) {
+          callback('验证码必须是6位数字');
+        } else {
+          callback();
+        }
+      },
+      trigger: ['blur', 'change'],
+    },
+  ],
+};
+
+const form = reactive({
+  mobile: '',
+  captcha: '',
+});
 
 const userInfoForm = reactive({
   name: '',
   head_image: '',
+  file_url: '',
 });
 
+function triggerFileInput() {
+  uploadInputRef.value.click();
+}
+
 function openEditInfoModal() {
   infoVisible.value = true;
 }
 
+async function handleFileChange(event: Event) {
+  const target = event.target as HTMLInputElement;
+  const file = target.files?.[0];
+  if (file) {
+    console.log('已选择的文件:', file);
+    const fileExtension = getFileExtension(file.name);
+    const res = await fetchImageUploadFile({
+      suffix: fileExtension,
+    });
+    const blob = new Blob([file], { type: file.type });
+    await axios.put(res.upload_url, blob, {
+      headers: { 'Content-Type': file.type },
+    });
+    userInfoForm.head_image = res.file_name;
+    userInfoForm.file_url = res.file_url;
+  }
+}
 function openEditImageModal() {
   imageVisible.value = true;
 }
 
-function handleSubmitUserInfo() {
-  console.log(123);
+function openEditMobileModal() {
+  mobileVisible.value = true;
 }
 
+async function handleSubmitUserInfo() {
+  await updateMyInfo(userInfoForm);
+  AMessage.success('修改成功！');
+}
+
+async function sendCaptcha() {
+  try {
+    const result = await formRef.value.validateField('mobile');
+    if (result === true || result === undefined) {
+      verificationVisible.value = true;
+      isSendCaptcha.value = true;
+    }
+    AMessage.error('请填写正确的手机号！');
+  } catch (error) {
+    console.log('手机号验证失败:', error);
+  }
+}
+
+function beginCountdown() {
+  timer.value = setInterval(() => {
+    countdown.value--;
+    if (countdown.value <= 0) {
+      clearInterval(timer.value);
+      timer.value = null;
+    }
+  }, 1000);
+}
+
+async function handleVerificationSubmit() {
+  await sendUpdateMobileCaptcha({ mobile: form.mobile });
+  AMessage.success('发送成功');
+  verificationVisible.value = false;
+  countdown.value = 60;
+  beginCountdown();
+}
+
+async function handleUpdateMobile() {
+  if (!isSendCaptcha.value) {
+    AMessage.error('请先获取验证码！');
+    return false;
+  }
+  const res = await formRef.value.validate();
+  if (res === true || res === undefined) {
+    await updateMobile(form);
+    AMessage.success('修改成功！');
+  }
+}
+
+function getFileExtension(filename: string): string {
+  const match = filename.match(/\.([^.]+)$/);
+  return match ? match[1].toLowerCase() : '';
+}
 </script>
-
 <style scoped lang="less">
-
+.form {
+  :deep(.arco-form-item-label) {
+    font-family: Alibaba PuHuiTi, serif;
+    font-weight: 400;
+    font-size: 14px;
+    margin: 0;
+  }
+  :deep(.arco-input-wrapper) {
+    background: white;
+    border: 1px solid var(--BG-400, rgba(215, 215, 217, 1));
+    font-family: Alibaba PuHuiTi, serif;
+    font-weight: 400;
+    font-size: 14px;
+    input::placeholder {
+      font-family: Alibaba PuHuiTi, serif;
+      font-weight: 400;
+      font-size: 14px;
+      color: var(--Text-4, rgba(147, 148, 153, 1));
+    }
+  }
+  :deep(.arco-input-disabled) {
+    background: var(--BG-200, rgba(242, 243, 245, 1));
+    border: 1px solid var(--BG-400, rgba(215, 215, 217, 1));
+    .arco-input:disabled {
+      font-family: Alibaba PuHuiTi, serif;
+      font-weight: 400;
+      font-size: 14px;
+    }
+  }
+  :deep(.arco-input-focus) {
+    border: 1px solid var(--Brand-Brand-6, rgba(109, 76, 254, 1));
+    box-shadow: 0 2px 4px 0 rgba(109, 76, 254, 0.2);
+  }
+}
+.upload-button {
+  width: 104px;
+  height: 24px;
+  margin-left: 12px;
+  :deep(.arco-btn) {
+    width: 104px;
+    height: 24px;
+    border-radius: 4px;
+    padding: 2px 12px;
+    border: 1px solid var(--BG-500, rgba(177, 178, 181, 1));
+    font-family: Alibaba PuHuiTi, serif;
+    font-weight: 400;
+    font-size: 12px;
+    vertical-align: middle;
+    color: var(--Text-2, rgba(60, 64, 67, 1));
+  }
+}
 </style>

From 7969167c7002a1d0737ad56baf335a6f0071605e Mon Sep 17 00:00:00 2001
From: dkp <daikunping@xiaotiai.com>
Date: Fri, 20 Jun 2025 11:22:52 +0800
Subject: [PATCH 12/19] =?UTF-8?q?feat(container):=20=E5=9C=A8=E5=AE=B9?=
 =?UTF-8?q?=E5=99=A8=E7=BB=84=E4=BB=B6=E4=B8=AD=E6=B7=BB=E5=8A=A0=E6=A0=87?=
 =?UTF-8?q?=E9=A2=98=E5=8F=B3=E4=BE=A7=E6=8F=92=E6=A7=BD=E5=B9=B6=E8=B0=83?=
 =?UTF-8?q?=E6=95=B4=E6=A0=B7=E5=BC=8F-=20=E5=9C=A8=20container.vue=20?=
 =?UTF-8?q?=E4=B8=AD=E6=B7=BB=E5=8A=A0=E4=BA=86=20header=20=E6=8F=92?=
 =?UTF-8?q?=E6=A7=BD=EF=BC=8C=E7=94=A8=E4=BA=8E=E5=9C=A8=E6=A0=87=E9=A2=98?=
 =?UTF-8?q?=E5=8F=B3=E4=BE=A7=E6=94=BE=E7=BD=AE=E5=86=85=E5=AE=B9=20-=20?=
 =?UTF-8?q?=E8=B0=83=E6=95=B4=E4=BA=86=20container.vue=20=E4=B8=AD?=
 =?UTF-8?q?=E7=9A=84=E6=A0=87=E9=A2=98=E5=B8=83=E5=B1=80=EF=BC=8C=E4=BD=BF?=
 =?UTF-8?q?=E5=85=B6=E4=B8=8E=E6=96=B0=E5=A2=9E=E6=8F=92=E6=A7=BD=E5=AF=B9?=
 =?UTF-8?q?=E9=BD=90-=20=E6=9B=B4=E6=96=B0=E4=BA=86=20workplace/index.vue?=
 =?UTF-8?q?=20=E4=B8=AD=E7=9A=84=E6=A0=B7=E5=BC=8F=E9=80=89=E6=8B=A9?=
 =?UTF-8?q?=E5=99=A8=EF=BC=8C=E4=BB=A5=E9=80=82=E5=BA=94=E6=96=B0=E7=9A=84?=
 =?UTF-8?q?=20DOM=20=E7=BB=93=E6=9E=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/container.vue             | 5 ++++-
 src/views/components/workplace/index.vue | 2 +-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/container.vue b/src/components/container.vue
index a3cb0d7..e63e4e9 100644
--- a/src/components/container.vue
+++ b/src/components/container.vue
@@ -1,6 +1,9 @@
 <template>
   <div class="container">
-    <h1 class="title">{{ props.title }}</h1>
+    <div class="flex item-center arco-row-justify-space-between">
+      <h1 class="title">{{ props.title }}</h1>
+      <slot name="header"></slot>
+    </div>
     <div>
       <slot></slot>
     </div>
diff --git a/src/views/components/workplace/index.vue b/src/views/components/workplace/index.vue
index 709e940..5a91ef9 100644
--- a/src/views/components/workplace/index.vue
+++ b/src/views/components/workplace/index.vue
@@ -45,7 +45,7 @@ const getSuccessCaseList = async () => {
 <style scoped lang="less">
 .body {
   padding-left: 4px !important;
-  :deep(> .title) {
+  :deep(> div > .title) {
     padding-left: 20px;
   }
 }

From 7d47dadc6d5edb3e15c128c8db2b4bd23a0055e5 Mon Sep 17 00:00:00 2001
From: dkp <daikunping@xiaotiai.com>
Date: Fri, 20 Jun 2025 11:24:33 +0800
Subject: [PATCH 13/19] =?UTF-8?q?feat(enterprise):=20=E6=B7=BB=E5=8A=A0?=
 =?UTF-8?q?=E5=AD=90=E8=B4=A6=E5=8F=B7=E7=AE=A1=E7=90=86=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 新增子账号管理页面，包括子账号列表、添加子账号和删除子账号功能- 实现获取子账号列表、生成企业邀请码和移除子账号的 API 接口
- 添加删除确认模态框组件- 优化企业信息展示页面布局
---
 src/api/all/index.ts                          |  10 +
 src/assets/warning.svg                        |   3 +
 src/components/delete-modal.vue               |  58 ++++
 .../components/management/account/index.vue   | 276 ++++++++++++++++++
 .../management/enterprise/index.vue           |   1 +
 5 files changed, 348 insertions(+)
 create mode 100644 src/assets/warning.svg
 create mode 100644 src/components/delete-modal.vue
 create mode 100644 src/views/components/management/account/index.vue

diff --git a/src/api/all/index.ts b/src/api/all/index.ts
index b00f92e..b2f861e 100644
--- a/src/api/all/index.ts
+++ b/src/api/all/index.ts
@@ -140,3 +140,13 @@ export const fetchSubAccountPage = (params: any) => {
 export const fetchImageUploadFile = (params: any) => {
   return Http.get(`/v1/oss/image-pre-signed-url`, params);
 };
+
+// 移除企业子账号
+export const removeEnterpriseAccount = (userId: number) => {
+  return Http.delete(`/v1/enterprises/users/${userId}`, { headers: { 'enterprise-id': 1 } });
+};
+
+// 获取企业邀请码
+export const getEnterpriseInviteCode = () => {
+  return Http.get(`/v1/enterprises/invite-code`, {}, { headers: { 'enterprise-id': 1 } });
+};
diff --git a/src/assets/warning.svg b/src/assets/warning.svg
new file mode 100644
index 0000000..788d818
--- /dev/null
+++ b/src/assets/warning.svg
@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M1.66675 9.99984C1.66675 5.39746 5.39771 1.6665 10.0001 1.6665C14.6025 1.6665 18.3334 5.39746 18.3334 9.99984C18.3334 14.6022 14.6025 18.3332 10.0001 18.3332C5.39771 18.3332 1.66675 14.6022 1.66675 9.99984ZM9.16675 12.4998V14.1665H10.8334V12.4998H9.16675ZM10.8334 11.6665L10.8334 5.83317L9.16675 5.83317L9.16675 11.6665H10.8334Z" fill="#FFAE00"/>
+</svg>
diff --git a/src/components/delete-modal.vue b/src/components/delete-modal.vue
new file mode 100644
index 0000000..e8cddd8
--- /dev/null
+++ b/src/components/delete-modal.vue
@@ -0,0 +1,58 @@
+<template>
+  <a-modal modal-class="delete-modal" body-class="body" cancel-text="返回" ok-text="确定删除" v-bind="$attrs">
+    <h2 class="delete-modal-title flex item-center">
+      <img src="@/assets/warning.svg" alt="" />
+      {{ $attrs.title }}
+    </h2>
+    <slot></slot>
+  </a-modal>
+</template>
+<script setup lang="ts">
+</script>
+<style lang="less">
+:deep(.arco-btn-status-danger) {
+  background-color: red !important;
+  width: 1000px !important;
+}
+.delete-modal {
+  .arco-modal-header {
+    display: none;
+  }
+  .delete-modal-title {
+    margin-top: 24px;
+    font-family: Alibaba PuHuiTi, serif;
+    font-weight: 400;
+    font-size: 14px;
+    color: var(--Text-1, rgba(33, 31, 36, 1));
+    img {
+      width: 20px;
+      height: 20px;
+      margin-right: 12px;
+    }
+  }
+  .arco-modal-footer {
+    border-top: none;
+    :first-child {
+      border: 1px solid var(--BG-500, rgba(177, 178, 181, 1));
+      border-radius: 4px;
+      padding: 7px 20px;
+      font-family: Alibaba PuHuiTi, serif;
+      font-weight: 400;
+      font-size: 14px;
+    }
+    :last-child {
+      border-radius: 4px;
+      padding: 7px 20px;
+      font-family: Alibaba PuHuiTi, serif;
+      font-weight: 400;
+      font-size: 14px;
+      margin-left: 16px;
+      border-color: var(--Functional-Danger-6, rgba(246, 75, 49, 1)) !important;
+      background-color: var(--Functional-Danger-6, rgba(246, 75, 49, 1)) !important;
+    }
+  }
+}
+.body {
+  padding: 0 24px;
+}
+</style>
diff --git a/src/views/components/management/account/index.vue b/src/views/components/management/account/index.vue
new file mode 100644
index 0000000..7c72d21
--- /dev/null
+++ b/src/views/components/management/account/index.vue
@@ -0,0 +1,276 @@
+<template>
+  <Container title="账号信息" class="container mt-24px">
+    <template #header>
+      <a-button type="outline" class="add-account-button" @click="handleAddAccount">添加子账号</a-button>
+    </template>
+    <a-table
+      :columns="columns"
+      :data="data"
+      :pagination="pagination"
+      class="mt-16px"
+      @page-change="handlePageChange"
+      @page-size-change="handlePageSizeChange"
+    >
+      <template #mobile="{ record }">
+        <div class="flex item-center pt-13px pb-13px">
+          <span class="mr-4px">{{ record.mobile }}</span>
+          <a-tag v-if="record.type === 0" class="primary-account">主账号</a-tag>
+          <a-tag v-else class="sub-account">子账号</a-tag>
+        </div>
+      </template>
+      <template #action="{ record }">
+        <a-button
+          v-if="record.type !== 0"
+          class="delete-button"
+          size="mini"
+          type="outline"
+          status="danger"
+          @click="openDeleteModal(record)"
+        >
+          删除
+        </a-button>
+      </template>
+    </a-table>
+    <Modal v-model:visible="addAccountVisible" width="480px" title="添加子账号" :okText="okText" @ok="handleOk">
+      <div v-if="canAddAccount" class="add-account-container">
+        <h2 class="add-account-title">生成企业专属链接，成员通过访问即可注册并加入企业账号。</h2>
+        <p class="add-account-subtitle">子账号可独立登录，权限继承主账号配置。</p>
+        <div class="add-account-body">
+          <p>用该链接加入企业吧！</p>
+          <p>{{ inviteUrl }}</p>
+        </div>
+      </div>
+      <div v-else class="add-account-container">
+        <h2 class="cannot-add-account-title flex item-center">
+          <img src="@/assets/warning.svg" alt="">
+          当前可用子账号数为0。
+        </h2>
+        <p class="cannot-add-account-subtitle">如需添加更多子账号，您可联系销售人员进行购买和权限扩展。</p>
+      </div>
+    </Modal>
+    <CustomerServiceModal v-model:visible="customerServiceVisible" />
+    <DeleteModal v-model:visible="deleteVisible" :title="deleteTitle" @ok="handleDelete">
+      <p class="delete-modal-content">删除后，该账号将无法登录您的企业。</p>
+    </DeleteModal>
+  </Container>
+</template>
+<script setup lang="ts">
+import Container from '@/components/container.vue';
+import { ref, onMounted, reactive, computed } from 'vue';
+import { fetchSubAccountPage, removeEnterpriseAccount, getEnterpriseInviteCode } from '@/api/all';
+import Modal from '@/components/modal.vue';
+import DeleteModal from '@/components/delete-modal.vue';
+import CustomerServiceModal from '@/components/customer-service-modal.vue';
+import { useClipboard } from '@vueuse/core'
+
+const columns = [
+  {
+    title: '手机号',
+    slotName: 'mobile',
+  },
+  {
+    title: '操作',
+    slotName: 'action',
+  },
+];
+const data = ref([]);
+const pagination = reactive({
+  total: 0,
+  showPageSize: true,
+  showTotal: true,
+  defaultCurrent: 1,
+  defaultPageSize: 10,
+});
+
+const params = reactive({
+  page_size: 10,
+  page: 1,
+});
+
+const inviteUrl = ref('');
+
+const addAccountVisible = ref(false);
+const deleteVisible = ref(false);
+const deleteTitle = ref('');
+
+const enterpriseInfo = reactive({
+  name: '123321',
+  sub_account_quota: 2,
+  used_sub_account_count: 1,
+});
+
+const okText = computed(() => {
+  if (!canAddAccount.value) {
+    return '联系客服';
+  }
+  return '复制邀请链接';
+});
+const customerServiceVisible = ref(false);
+const canAddAccount = computed(() => {
+  return enterpriseInfo.sub_account_quota > enterpriseInfo.used_sub_account_count;
+});
+
+const currentSelectAccount = ref();
+
+const { copy, copied, isSupported } = useClipboard({ source: inviteUrl });
+
+function handlePageChange(current: number) {
+  params.page = current;
+  getSubAccount();
+}
+
+function handlePageSizeChange(pageSize: number) {
+  params.page_size = pageSize;
+  getSubAccount();
+}
+
+async function getSubAccount() {
+  const res = await fetchSubAccountPage(params);
+  pagination.total = res.total;
+  data.value = res.data;
+}
+async function handleAddAccount() {
+  if (canAddAccount.value) {
+    const res = await getEnterpriseInviteCode();
+    const port = window.location.port === '' ? '' : ':' + window.location.port;
+    const domain = window.location.protocol + '//' + window.location.hostname + port;
+    inviteUrl.value = domain + '?invite_code=' + res.invite_code;
+  }
+  addAccountVisible.value = true;
+}
+
+function handleOk() {
+  if (!canAddAccount.value) {
+    customerServiceVisible.value = true;
+    return;
+  }
+  if (!isSupported) {
+    AMessage.error('您的浏览器不支持复制，请手动复制！');
+  }
+  copy(inviteUrl.value);
+  if (!copied) {
+    AMessage.error('复制失败，请手动复制！');
+  }
+  AMessage.success('复制成功！');
+}
+
+function openDeleteModal(record: { id: number; mobile: string }) {
+  currentSelectAccount.value = record;
+  deleteTitle.value = `确认删除“${record.mobile}”子账号吗？`;
+  deleteVisible.value = true;
+}
+
+async function handleDelete() {
+  await removeEnterpriseAccount(currentSelectAccount.value.id);
+  AMessage.success('移除成功！');
+}
+
+onMounted(() => {
+  getSubAccount();
+});
+</script>
+
+<style scoped lang="less">
+.primary-account {
+  border-radius: 2px;
+  padding-right: 8px;
+  padding-left: 8px;
+  background: var(--Brand-Brand-1, rgba(240, 237, 255, 1));
+  font-family: Alibaba PuHuiTi, serif;
+  font-weight: 400;
+  font-size: 12px;
+  line-height: 20px;
+  color: var(--Brand-Brand-6, rgba(109, 76, 254, 1));
+}
+.sub-account {
+  border-radius: 2px;
+  padding-right: 8px;
+  padding-left: 8px;
+  background: var(--Functional-Warning-1, rgba(255, 245, 222, 1));
+  font-family: Alibaba PuHuiTi, serif;
+  font-weight: 400;
+  font-size: 12px;
+  color: var(--Functional-Warning-6, rgba(255, 174, 0, 1));
+}
+.delete-button {
+  border-radius: 4px;
+  padding: 2px 12px;
+  border: 1px solid var(--Functional-Danger-6, rgba(246, 75, 49, 1));
+  font-family: Alibaba PuHuiTi, serif;
+  font-weight: 400;
+  font-size: 12px;
+  line-height: 20px;
+  color: var(--Functional-Danger-6, rgba(246, 75, 49, 1));
+}
+.add-account-button {
+  border-radius: 4px;
+  padding: 5px 16px;
+  border: 1px solid var(--Brand-Brand-6, rgba(109, 76, 254, 1));
+  font-family: Alibaba PuHuiTi, serif;
+  font-weight: 400;
+  font-size: 14px;
+  color: var(--Brand-Brand-6, rgba(109, 76, 254, 1));
+}
+.add-account-container {
+  margin-top: 13px;
+  margin-bottom: 12px;
+  .add-account-title {
+    margin: 0;
+    font-family: Alibaba PuHuiTi, serif;
+    font-weight: 400;
+    font-size: 14px;
+    color: var(--Text-1, rgba(33, 31, 36, 1));
+  }
+  .add-account-subtitle {
+    margin: 4px 0 0 0;
+    font-family: Alibaba PuHuiTi, serif;
+    font-weight: 400;
+    font-size: 12px;
+    color: var(--Text-2, rgba(60, 64, 67, 1));
+  }
+  .add-account-body {
+    margin-top: 16px;
+    width: 432px;
+    height: 84px;
+    border-radius: 4px;
+    padding: 12px 16px;
+    background: var(--BG-200, rgba(242, 243, 245, 1));
+    font-family: Alibaba PuHuiTi, serif;
+    font-weight: 400;
+    font-size: 12px;
+    color: var(--Text-2, rgba(60, 64, 67, 1));
+    p {
+      padding: 0;
+      margin: 0;
+    }
+  }
+  .cannot-add-account-title {
+    margin: 0;
+    font-family: Alibaba PuHuiTi, serif;
+    font-weight: 400;
+    font-size: 14px;
+    color: var(--Text-1, rgba(33, 31, 36, 1));
+    img {
+      width: 20px;
+      height: 20px;
+      margin-right: 12px;
+    }
+  }
+  .cannot-add-account-subtitle {
+    margin: 16px 0 0 0;
+    padding-left: 32px;
+    font-family: Alibaba PuHuiTi, serif;
+    font-weight: 400;
+    font-size: 12px;
+    color: var(--Text-2, rgba(60, 64, 67, 1));
+  }
+}
+.delete-modal-content {
+  margin-left: 34px;
+  margin-top: 16px;
+  font-family: Alibaba PuHuiTi, serif;
+  font-weight: 400;
+  font-size: 12px;
+  color: var(--Text-2, rgba(60, 64, 67, 1));
+}
+</style>
diff --git a/src/views/components/management/enterprise/index.vue b/src/views/components/management/enterprise/index.vue
index 64924e2..e6681c3 100644
--- a/src/views/components/management/enterprise/index.vue
+++ b/src/views/components/management/enterprise/index.vue
@@ -82,6 +82,7 @@ function handleUpdate() {
 async function handleOk() {
   if (!canUpdate.value) {
     customerServiceVisible.value = true;
+    return;
   }
   await updateEnterpriseName({ name: form.name });
   AMessage.success('修改成功！');

From 2694d1f89857968ee8ec6f0e2bec8221730bc99d Mon Sep 17 00:00:00 2001
From: dkp <daikunping@xiaotiai.com>
Date: Fri, 20 Jun 2025 13:48:26 +0800
Subject: [PATCH 14/19] =?UTF-8?q?style(enterprise):=20=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E8=A1=A8=E5=8D=95=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 添加表单顶部边距
- 调整表单项对齐方式
- 增加标签样式和占位符样式
---
 src/views/components/management/enterprise/index.vue | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/views/components/management/enterprise/index.vue b/src/views/components/management/enterprise/index.vue
index e6681c3..ead70d7 100644
--- a/src/views/components/management/enterprise/index.vue
+++ b/src/views/components/management/enterprise/index.vue
@@ -104,6 +104,10 @@ async function handleOk() {
   }
 }
 .form {
+  margin-top: 20px;
+  :deep(.arco-row) {
+    align-items: center;
+  }
   :deep(.arco-form-item-label) {
     font-family: Alibaba PuHuiTi, serif;
     font-weight: 400;
@@ -116,6 +120,7 @@ async function handleOk() {
     font-family: Alibaba PuHuiTi, serif;
     font-weight: 400;
     font-size: 14px;
+    padding: 4px 12px;
     input::placeholder {
       font-family: Alibaba PuHuiTi, serif;
       font-weight: 400;

From c26ac51c21ce2f9f219e6c4356714b58588f3871 Mon Sep 17 00:00:00 2001
From: dkp <daikunping@xiaotiai.com>
Date: Fri, 20 Jun 2025 15:16:15 +0800
Subject: [PATCH 15/19] =?UTF-8?q?refactor(person):=20=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E4=B8=AA=E4=BA=BA=E4=BF=A1=E6=81=AF=E9=A1=B5=E9=9D=A2=E5=B8=83?=
 =?UTF-8?q?=E5=B1=80=E5=92=8C=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 调整个人信息表格单元格内内容的垂直居中方式
- 优化用户信息表单布局，调整标签和输入框的宽度比例
- 统一表单样式，增加外边距和对齐方式- 调整手机号修改表单的标签和输入框宽度比例
- 优化表单项样式，添加内边距和对齐方式
---
 .../components/management/person/index.vue    | 24 ++++++++++++++-----
 1 file changed, 18 insertions(+), 6 deletions(-)

diff --git a/src/views/components/management/person/index.vue b/src/views/components/management/person/index.vue
index 5957f4c..95f90eb 100644
--- a/src/views/components/management/person/index.vue
+++ b/src/views/components/management/person/index.vue
@@ -2,9 +2,11 @@
   <Container title="个人信息" class="container mt-24px">
     <a-table :columns="columns" :data="data" :pagination="false" class="mt-16px">
       <template #info="{ record }">
-        <a-avatar :image-url="record.head_image" :size="32" />
-        {{ record.name }}
-        <icon-edit size="13" class="ml-8px" @click="openEditInfoModal" />
+        <div class="pt-3px pb-3px">
+          <a-avatar :image-url="record.head_image" :size="32" />
+          {{ record.name }}
+          <icon-edit size="13" class="ml-8px" @click="openEditInfoModal" />
+        </div>
       </template>
       <template #mobile="{ record }">
         {{ record.mobile.replace(/(\d{3})\d{4}(\d{4})/, '$1****$2') }}
@@ -12,7 +14,12 @@
       </template>
     </a-table>
     <Modal v-model:visible="infoVisible" title="修改用户信息" @ok="handleSubmitUserInfo">
-      <a-form :model="userInfoForm">
+      <a-form
+        class="form"
+        :model="userInfoForm"
+        :label-col-props="{ span: 3, offset: 0 }"
+        :wrapper-col-props="{ span: 21, offset: 0 }"
+      >
         <a-form-item field="head_image" label="头像">
           <div class="flex item-center">
             <a-avatar :image-url="userInfoForm.file_url" :size="48" />
@@ -42,8 +49,8 @@
         :model="form"
         class="form"
         :rules="formRules"
-        :label-col-props="{ span: 6, offset: 0 }"
-        :wrapper-col-props="{ span: 18, offset: 0 }"
+        :label-col-props="{ span: 5, offset: 0 }"
+        :wrapper-col-props="{ span: 19, offset: 0 }"
         label-align="left"
       >
         <a-form-item required field="mobile" label="新手机号">
@@ -241,6 +248,10 @@ function getFileExtension(filename: string): string {
 </script>
 <style scoped lang="less">
 .form {
+  margin-top: 13px;
+  :deep(.arco-row) {
+    align-items: center;
+  }
   :deep(.arco-form-item-label) {
     font-family: Alibaba PuHuiTi, serif;
     font-weight: 400;
@@ -253,6 +264,7 @@ function getFileExtension(filename: string): string {
     font-family: Alibaba PuHuiTi, serif;
     font-weight: 400;
     font-size: 14px;
+    padding: 4px 12px;
     input::placeholder {
       font-family: Alibaba PuHuiTi, serif;
       font-weight: 400;

From 84f86f77ee6276b5d0c20957a0e24b13d97b5428 Mon Sep 17 00:00:00 2001
From: dkp <daikunping@xiaotiai.com>
Date: Fri, 20 Jun 2025 16:16:17 +0800
Subject: [PATCH 16/19] =?UTF-8?q?feat(store):=20=E6=96=B0=E5=A2=9E?=
 =?UTF-8?q?=E7=94=A8=E6=88=B7=E5=92=8C=E4=BC=81=E4=B8=9A=E4=BF=A1=E6=81=AF?=
 =?UTF-8?q?=E7=AE=A1=E7=90=86=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 在 user store 中添加 userInfo 相关状态和操作
- 创建 enterprise store管理企业信息
- 更新相关组件以使用新的 store 方法
---
 src/stores/modules/enterprise/index.ts        | 39 ++++++++++++++++++
 src/stores/modules/user/index.ts              | 40 +++++++++++++++++--
 .../components/management/account/index.vue   | 10 ++---
 .../management/enterprise/index.vue           | 10 ++---
 .../components/management/person/index.vue    | 13 +++---
 5 files changed, 90 insertions(+), 22 deletions(-)
 create mode 100644 src/stores/modules/enterprise/index.ts

diff --git a/src/stores/modules/enterprise/index.ts b/src/stores/modules/enterprise/index.ts
new file mode 100644
index 0000000..4524cb1
--- /dev/null
+++ b/src/stores/modules/enterprise/index.ts
@@ -0,0 +1,39 @@
+interface EnterpriseInfo {
+  id: number;
+  name: string;
+  update_name_quota: number;
+  used_update_name_count: number;
+  sub_account_quota: number;
+  used_sub_account_count: number;
+}
+
+export const useEnterpriseStore = defineStore('enterprise', {
+  state: () => ({
+    // todo 暂时写死，登录功能完成后记得重置为null哦
+    enterpriseInfo: {
+      id: 1,
+      name: '企业1',
+      update_name_quota: 2,
+      used_update_name_count: 1,
+      sub_account_quota: 2,
+      used_sub_account_count: 2,
+    },
+  }),
+  actions: {
+    setEnterpriseInfo(enterpriseInfo: EnterpriseInfo) {
+      this.enterpriseInfo = enterpriseInfo;
+    },
+    setEnterpriseName(name: string) {
+      this.enterpriseInfo.name = name;
+    },
+    incUsedUpdateNameCount() {
+      this.enterpriseInfo.used_update_name_count++;
+    },
+    incUsedSubAccountCount() {
+      this.enterpriseInfo.used_sub_account_count++;
+    },
+    getEnterpriseInfo(): EnterpriseInfo {
+      return this.enterpriseInfo;
+    },
+  },
+});
diff --git a/src/stores/modules/user/index.ts b/src/stores/modules/user/index.ts
index 6fa9d89..4d470b3 100644
--- a/src/stores/modules/user/index.ts
+++ b/src/stores/modules/user/index.ts
@@ -11,12 +11,27 @@ type Role = 'ENTERPRISE' | 'PERSON';
 interface UserState {
   role: Role;
   isLogin: boolean;
+  userInfo: UserInfo | null;
+}
+
+interface UserInfo {
+  id: number;
+  mobile: string;
+  name: string;
+  head_image: string;
 }
 
 export const useUserStore = defineStore('user', {
   state: (): UserState => ({
     role: 'PERSON',
     isLogin: false,
+    // todo 暂时写死，登录功能完成后记得重置为null哦
+    userInfo: {
+      id: 1,
+      mobile: '13600000000',
+      name: '灵机用户0001',
+      head_image: '',
+    },
   }),
 
   getters: {
@@ -37,10 +52,27 @@ export const useUserStore = defineStore('user', {
       this.isLogin = isLogin;
     },
 
-    async getUserInfo() {
-      // todo 调用获取用户信息接口，当前用mock数据表示
-      AMessage.success(`当前用户角色为：ENTERPRISE`)
-      this.setUserRole('ENTERPRISE');
+    setUserInfo(userInfo: UserInfo | null) {
+      this.userInfo = userInfo;
+    },
+    setUserMobile(mobile: string) {
+      if (this.userInfo) {
+        this.userInfo.mobile = mobile;
+      }
+    },
+    setUserName(name: string) {
+      if (this.userInfo) {
+        this.userInfo.name = name;
+      }
+    },
+    setUserHeadImage(image: string) {
+      if (this.userInfo) {
+        this.userInfo.head_image = image;
+      }
+    },
+
+    getUserInfo() {
+      return this.userInfo;
     },
   },
 });
diff --git a/src/views/components/management/account/index.vue b/src/views/components/management/account/index.vue
index 7c72d21..6b8e66f 100644
--- a/src/views/components/management/account/index.vue
+++ b/src/views/components/management/account/index.vue
@@ -61,8 +61,10 @@ import { fetchSubAccountPage, removeEnterpriseAccount, getEnterpriseInviteCode }
 import Modal from '@/components/modal.vue';
 import DeleteModal from '@/components/delete-modal.vue';
 import CustomerServiceModal from '@/components/customer-service-modal.vue';
-import { useClipboard } from '@vueuse/core'
+import { useClipboard } from '@vueuse/core';
+import { useEnterpriseStore } from '@/stores/modules/enterprise';
 
+const store = useEnterpriseStore();
 const columns = [
   {
     title: '手机号',
@@ -93,11 +95,7 @@ const addAccountVisible = ref(false);
 const deleteVisible = ref(false);
 const deleteTitle = ref('');
 
-const enterpriseInfo = reactive({
-  name: '123321',
-  sub_account_quota: 2,
-  used_sub_account_count: 1,
-});
+const enterpriseInfo = store.getEnterpriseInfo();
 
 const okText = computed(() => {
   if (!canAddAccount.value) {
diff --git a/src/views/components/management/enterprise/index.vue b/src/views/components/management/enterprise/index.vue
index ead70d7..cf22bb6 100644
--- a/src/views/components/management/enterprise/index.vue
+++ b/src/views/components/management/enterprise/index.vue
@@ -35,16 +35,14 @@ import Modal from '@/components/modal.vue';
 import { ref, reactive, computed } from 'vue';
 import CustomerServiceModal from '@/components/customer-service-modal.vue';
 import { updateEnterpriseName } from '@/api/all';
+import { useEnterpriseStore } from '@/stores/modules/enterprise';
 
+const store = useEnterpriseStore();
 const form = reactive({
   name: '',
 });
 
-const enterpriseInfo = reactive({
-  name: '123321',
-  update_name_quota: 2,
-  used_update_name_count: 1,
-});
+const enterpriseInfo = store.getEnterpriseInfo();
 
 const columns = [
   {
@@ -85,6 +83,8 @@ async function handleOk() {
     return;
   }
   await updateEnterpriseName({ name: form.name });
+  store.setEnterpriseName(form.name);
+  store.incUsedUpdateNameCount();
   AMessage.success('修改成功！');
 }
 </script>
diff --git a/src/views/components/management/person/index.vue b/src/views/components/management/person/index.vue
index 95f90eb..9382544 100644
--- a/src/views/components/management/person/index.vue
+++ b/src/views/components/management/person/index.vue
@@ -82,13 +82,10 @@ import 'vue-cropper/dist/index.css';
 import { VueCropper } from 'vue-cropper';
 import { sendUpdateMobileCaptcha, updateMobile, fetchImageUploadFile, updateMyInfo } from '@/api/all';
 import axios from 'axios';
+import { useUserStore } from '@/stores';
 
-const userInfo = reactive({
-  id: 1,
-  name: 'Jane Doe',
-  head_image: '',
-  mobile: '13600000000',
-});
+const store = useUserStore();
+const userInfo = store.getUserInfo();
 
 const columns = [
   {
@@ -172,7 +169,6 @@ async function handleFileChange(event: Event) {
   const target = event.target as HTMLInputElement;
   const file = target.files?.[0];
   if (file) {
-    console.log('已选择的文件:', file);
     const fileExtension = getFileExtension(file.name);
     const res = await fetchImageUploadFile({
       suffix: fileExtension,
@@ -195,6 +191,8 @@ function openEditMobileModal() {
 
 async function handleSubmitUserInfo() {
   await updateMyInfo(userInfoForm);
+  store.setUserName(userInfoForm.name);
+  store.setUserHeadImage(userInfoForm.file_url);
   AMessage.success('修改成功！');
 }
 
@@ -237,6 +235,7 @@ async function handleUpdateMobile() {
   const res = await formRef.value.validate();
   if (res === true || res === undefined) {
     await updateMobile(form);
+    store.setUserMobile(form.mobile);
     AMessage.success('修改成功！');
   }
 }

From 87ef27759f2bb61454aead7387c01368d8462a36 Mon Sep 17 00:00:00 2001
From: dkp <daikunping@xiaotiai.com>
Date: Fri, 20 Jun 2025 16:58:03 +0800
Subject: [PATCH 17/19] =?UTF-8?q?refactor(api):=20=E9=87=8D=E6=9E=84=20API?=
 =?UTF-8?q?=E8=B0=83=E7=94=A8=E5=B9=B6=E4=BC=98=E5=8C=96=E4=BC=81=E4=B8=9A?=
 =?UTF-8?q?=E4=BF=A1=E6=81=AF=E5=A4=84=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 移除各 API函数中的重复 headers 设置
- 在全局请求拦截器中添加企业 ID 头部信息
- 优化企业信息状态管理，确保信息不为空时才进行更新
-调整 API 调用方式，统一使用新格式
---
 src/api/all/index.ts                   | 12 ++++++------
 src/api/index.ts                       |  9 ++++++++-
 src/stores/modules/enterprise/index.ts | 20 +++++++++++++++-----
 3 files changed, 29 insertions(+), 12 deletions(-)

diff --git a/src/api/all/index.ts b/src/api/all/index.ts
index b2f861e..3d60f5e 100644
--- a/src/api/all/index.ts
+++ b/src/api/all/index.ts
@@ -97,7 +97,7 @@ export const fetchGenderDistributionsList = (params: any) => {
 // 导出一个函数，用于获取产品列表
 export const fetchProductList = () => {
   // 使用Http.get方法，发送GET请求，获取产品列表
-  return Http.get('/v1/products/list', {}, { headers: { 'enterprise-id': 1 } });
+  return Http.get('/v1/products/list');
 };
 
 // 导出一个函数，用于获取成功案例列表
@@ -108,12 +108,12 @@ export const fetchSuccessCaseList = () => {
 
 // 试用产品
 export const trialProduct = (id: number) => {
-  return Http.post(`/v1/products/${id}/try`, {}, { headers: { 'enterprise-id': 1 } });
+  return Http.post(`/v1/products/${id}/try`);
 };
 
 // 修改企业名称
 export const updateEnterpriseName = (data: any) => {
-  return Http.patch(`/v1/enterprises/name`, data, { headers: { 'enterprise-id': 1 } });
+  return Http.patch(`/v1/enterprises/name`, data);
 };
 
 // 发送修改手机号验证码
@@ -133,7 +133,7 @@ export const updateMyInfo = (data: any) => {
 
 // 获取企业账号分页
 export const fetchSubAccountPage = (params: any) => {
-  return Http.get(`/v1/enterprises/users`, params, { headers: { 'enterprise-id': 1 } });
+  return Http.get(`/v1/enterprises/users`, params);
 };
 
 // 获取企业账号分页
@@ -143,10 +143,10 @@ export const fetchImageUploadFile = (params: any) => {
 
 // 移除企业子账号
 export const removeEnterpriseAccount = (userId: number) => {
-  return Http.delete(`/v1/enterprises/users/${userId}`, { headers: { 'enterprise-id': 1 } });
+  return Http.delete(`/v1/enterprises/users/${userId}`);
 };
 
 // 获取企业邀请码
 export const getEnterpriseInviteCode = () => {
-  return Http.get(`/v1/enterprises/invite-code`, {}, { headers: { 'enterprise-id': 1 } });
+  return Http.get(`/v1/enterprises/invite-code`);
 };
diff --git a/src/api/index.ts b/src/api/index.ts
index 2fe5ed6..3927722 100644
--- a/src/api/index.ts
+++ b/src/api/index.ts
@@ -8,7 +8,10 @@
 
 import axios from 'axios';
 import type { AxiosInstance, AxiosRequestConfig, AxiosResponse } from 'axios';
-
+import { useEnterpriseStore } from '@/stores/modules/enterprise';
+import pinia from '@/stores';
+const store = useEnterpriseStore(pinia);
+const enterprise = store.getEnterpriseInfo();
 //* 导出Request类，可以用来自定义传递配置来创建实例
 export class Request {
   //* axios 实例
@@ -27,6 +30,10 @@ export class Request {
         } else {
           config.headers!.satoken = '123';
         }
+
+        if (enterprise) {
+          config.headers!['enterprise-id'] = enterprise.id;
+        }
         return config;
       },
       (err: any) => {
diff --git a/src/stores/modules/enterprise/index.ts b/src/stores/modules/enterprise/index.ts
index 4524cb1..d71190d 100644
--- a/src/stores/modules/enterprise/index.ts
+++ b/src/stores/modules/enterprise/index.ts
@@ -7,8 +7,12 @@ interface EnterpriseInfo {
   used_sub_account_count: number;
 }
 
+interface EnterpriseState {
+  enterpriseInfo: EnterpriseInfo | null;
+}
+
 export const useEnterpriseStore = defineStore('enterprise', {
-  state: () => ({
+  state: (): EnterpriseState => ({
     // todo 暂时写死，登录功能完成后记得重置为null哦
     enterpriseInfo: {
       id: 1,
@@ -24,15 +28,21 @@ export const useEnterpriseStore = defineStore('enterprise', {
       this.enterpriseInfo = enterpriseInfo;
     },
     setEnterpriseName(name: string) {
-      this.enterpriseInfo.name = name;
+      if (this.enterpriseInfo) {
+        this.enterpriseInfo.name = name;
+      }
     },
     incUsedUpdateNameCount() {
-      this.enterpriseInfo.used_update_name_count++;
+      if (this.enterpriseInfo) {
+        this.enterpriseInfo.used_update_name_count++;
+      }
     },
     incUsedSubAccountCount() {
-      this.enterpriseInfo.used_sub_account_count++;
+      if (this.enterpriseInfo) {
+        this.enterpriseInfo.used_sub_account_count++;
+      }
     },
-    getEnterpriseInfo(): EnterpriseInfo {
+    getEnterpriseInfo(): EnterpriseInfo | null {
       return this.enterpriseInfo;
     },
   },

From c83eadcbedc90f2b49fc282752fef5dd5743e14d Mon Sep 17 00:00:00 2001
From: dkp <daikunping@xiaotiai.com>
Date: Fri, 20 Jun 2025 18:16:40 +0800
Subject: [PATCH 18/19] =?UTF-8?q?feat(layout):=20=E6=B7=BB=E5=8A=A0?=
 =?UTF-8?q?=E4=BC=81=E4=B8=9A=E9=82=80=E8=AF=B7=E7=A0=81=E5=8A=A0=E5=85=A5?=
 =?UTF-8?q?=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 在 Basic.vue 中添加 JoinModal 组件，用于展示加入企业的模态框
- 添加 checkHasInviteCode 方法，在页面加载时检查邀请码
- 新增 getQueryParam 工具函数，用于获取 URL 参数
- 添加加入企业的相关 API 接口
- 实现 JoinModal 组件，包含加入企业的逻辑和界面
---
 src/api/all/index.ts          | 10 ++++++++
 src/components/join-modal.vue | 47 +++++++++++++++++++++++++++++++++++
 src/layouts/Basic.vue         | 15 ++++++++++-
 src/utils/helper.ts           |  5 ++++
 4 files changed, 76 insertions(+), 1 deletion(-)
 create mode 100644 src/components/join-modal.vue
 create mode 100644 src/utils/helper.ts

diff --git a/src/api/all/index.ts b/src/api/all/index.ts
index 3d60f5e..6f0b095 100644
--- a/src/api/all/index.ts
+++ b/src/api/all/index.ts
@@ -150,3 +150,13 @@ export const removeEnterpriseAccount = (userId: number) => {
 export const getEnterpriseInviteCode = () => {
   return Http.get(`/v1/enterprises/invite-code`);
 };
+
+// 根据邀请码获取企业信息
+export const getEnterpriseByInviteCode = (inviteCode: string) => {
+  return Http.get(`/v1/enterprises/by-invite-code`, { invite_code: inviteCode });
+};
+
+// 根据邀请码加入企业
+export const joinEnterpriseByInviteCode = (inviteCode: string) => {
+  return Http.post(`/v1/enterprises/join`, { invite_code: inviteCode });
+};
diff --git a/src/components/join-modal.vue b/src/components/join-modal.vue
new file mode 100644
index 0000000..9d2ebfd
--- /dev/null
+++ b/src/components/join-modal.vue
@@ -0,0 +1,47 @@
+<template>
+  <Modal title="加入企业" @ok="handleJoin">
+    <div v-if="enterprise" class="join-body flex item-center">
+      <img src="@/assets/warning.svg" alt="" />
+      {{ `确定加入 “${enterprise.name}”吗？` }}
+    </div>
+  </Modal>
+</template>
+<script setup lang="ts">
+import Modal from '@components/modal.vue';
+import { ref, onMounted } from 'vue';
+import { getQueryParam } from '@/utils/helper';
+
+import { getEnterpriseByInviteCode, joinEnterpriseByInviteCode } from '@/api/all';
+const enterprise = ref();
+const inviteCode = ref();
+
+async function getEnterprise() {
+  inviteCode.value = getQueryParam('invite_code');
+  if (inviteCode.value) {
+    enterprise.value = await getEnterpriseByInviteCode(inviteCode.value);
+  }
+}
+
+async function handleJoin() {
+  await joinEnterpriseByInviteCode(inviteCode.value);
+  AMessage.success('加入成功');
+}
+onMounted(() => {
+  getEnterprise();
+});
+</script>
+<style lang="less">
+.join-body {
+  margin: 0;
+  font-family: Alibaba PuHuiTi, serif;
+  font-weight: 400;
+  font-size: 14px;
+  color: var(--Text-1, rgba(33, 31, 36, 1));
+  img {
+    width: 20px;
+    height: 20px;
+    margin-right: 12px;
+    margin-left: 0;
+  }
+}
+</style>
diff --git a/src/layouts/Basic.vue b/src/layouts/Basic.vue
index 8123734..565347c 100644
--- a/src/layouts/Basic.vue
+++ b/src/layouts/Basic.vue
@@ -1,7 +1,11 @@
 <script setup lang="ts">
 import { useAppStore } from '@/stores';
 import { useResponsive } from '@/hooks';
+import JoinModal from '@/components/join-modal.vue';
+import { getQueryParam } from '@/utils/helper';
+import { ref, onMounted } from 'vue';
 
+const joinEnterpriseVisible = ref(false);
 const appStore = useAppStore();
 const router = useRouter();
 
@@ -27,11 +31,19 @@ const route = useRoute();
 // onMounted(() => {
 //   showSidebar.value = route.meta.requiresSidebar == true;
 // });
-
+onMounted(() => {
+  checkHasInviteCode();
+});
 const setCollapsed = (val: boolean) => {
   appStore.updateSettings({ menuCollapse: val });
 };
 
+const checkHasInviteCode = () => {
+  const inviteCode = getQueryParam('invite_code');
+  if (inviteCode) {
+    joinEnterpriseVisible.value = true;
+  }
+};
 const drawerVisible = ref(false);
 const drawerCancel = () => {
   drawerVisible.value = false;
@@ -43,6 +55,7 @@ provide('toggleDrawerMenu', () => {
 
 <template>
   <a-layout :class="['layout', { mobile: appStore.hideMenu }]">
+    <JoinModal v-model:visible="joinEnterpriseVisible" />
     <div v-if="navbar" class="layout-navbar">
       <base-navbar />
     </div>
diff --git a/src/utils/helper.ts b/src/utils/helper.ts
new file mode 100644
index 0000000..9366884
--- /dev/null
+++ b/src/utils/helper.ts
@@ -0,0 +1,5 @@
+export function getQueryParam(param: string): string | null {
+  const search = window.location.search || window.location.hash.split('?')[1] || '';
+  const params = new URLSearchParams(search);
+  return params.get(param);
+}

From e2b956687521c1b326e5374fbc33e0d08e5efe99 Mon Sep 17 00:00:00 2001
From: lq <121091329@qq.com>
Date: Sat, 21 Jun 2025 11:39:35 +0800
Subject: [PATCH 19/19] =?UTF-8?q?=E6=8F=90=E7=A4=BA=E8=AF=AD=E7=9A=84?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/all/index.ts                          |  1 -
 src/views/components/dataEngine/hotCloud.vue  |  2 +-
 .../components/dataEngine/hotTranslation.vue  | 73 +++++++++++++++++--
 .../dataEngine/keyBrandMovement.vue           |  6 +-
 src/views/components/dataEngine/keyWord.vue   |  8 +-
 src/views/components/dataEngine/topHeader.vue | 29 ++++----
 .../components/dataEngine/userPainPoints.vue  |  2 +-
 yarn.lock                                     |  5 ++
 8 files changed, 98 insertions(+), 28 deletions(-)

diff --git a/src/api/all/index.ts b/src/api/all/index.ts
index b2f861e..7ef7aac 100644
--- a/src/api/all/index.ts
+++ b/src/api/all/index.ts
@@ -1,5 +1,4 @@
 import Http from '@/api';
-
 // 导出一个函数，用于获取行业树
 export const fetchIndustriesTree = (params = {}) => {
   // 发送GET请求，获取行业树
diff --git a/src/views/components/dataEngine/hotCloud.vue b/src/views/components/dataEngine/hotCloud.vue
index 632dc05..39c4446 100644
--- a/src/views/components/dataEngine/hotCloud.vue
+++ b/src/views/components/dataEngine/hotCloud.vue
@@ -11,7 +11,7 @@
             </template>
           </a-button>
           <template #content>
-            <p>基于xxx获取数据xxx，一段文字描述该数据的获取方式和来源等xxx</p>
+            <p style="margin: 0">基于行业内内容提取的高频词汇。</p>
           </template>
         </a-popover>
       </a-space>
diff --git a/src/views/components/dataEngine/hotTranslation.vue b/src/views/components/dataEngine/hotTranslation.vue
index 8b0e0ad..6c4485f 100644
--- a/src/views/components/dataEngine/hotTranslation.vue
+++ b/src/views/components/dataEngine/hotTranslation.vue
@@ -12,11 +12,12 @@
             </template>
           </a-button>
           <template #content>
-            <p>基于xxx获取数据xxx，一段文字描述该数据的获取方式和来源等xxx</p>
+            <p style="margin: 0">基于社交内容平台的行业数据，分析用户关注的热门话题与趋势。</p>
           </template>
         </a-popover>
       </a-space>
-      <a-table :data="dataList">
+
+      <a-table :data="dataList" @change="handleTableChange">
         <template #columns>
           <a-table-column title="排名" data-index="rank">
             <template #cell="{ record }">
@@ -32,7 +33,36 @@
               <a-tag v-for="item in record.keywords" :key="item" style="margin-right: 5px">{{ item }}</a-tag>
             </template>
           </a-table-column>
-          <a-table-column title="热度" data-index="heatLevel">
+          <a-table-column title="热度" data-index="hot">
+            <template #header>
+              <div style="display: flex; align-items: center; gap: 4px">
+                <!-- 左侧问号提示 -->
+                <a-popover position="tl">
+                  <a-button
+                    type="text"
+                    size="mini"
+                    style="padding: 0; width: 16px; height: 16px; color: #737478"
+                    @click.stop
+                  >
+                    <icon-question-circle style="font-size: 12px" />
+                  </a-button>
+                  <template #content>
+                    <p style="margin: 0; font-size: 12px">基于社交内容平台的行业数据，热度值越高表示话题讨论度越高</p>
+                  </template>
+                </a-popover>
+
+                <span style="margin: 0 4px"></span>
+                <a-button
+                  type="text"
+                  size="mini"
+                  style="padding: 0; width: 16px; height: 16px; color: #6d4cfe"
+                  @click="toggleHeatSort"
+                >
+                  <icon-arrow-up v-if="heatSortDirection === 'asc'" style="font-size: 12px" />
+                  <icon-arrow-down v-else style="font-size: 12px" />
+                </a-button>
+              </div>
+            </template>
             <template #cell="{ record }">
               <img v-for="i in record.hot" :key="i" :src="starImages[i - 1]" style="width: 16px; height: 16px" />
             </template>
@@ -67,7 +97,7 @@
         </template>
       </a-table>
     </a-space>
-    <!-- modal -->
+
     <a-modal :visible="visible" @ok="handleOk" @cancel="handleCancel" unmountOnClose>
       <template #title>
         <span style="text-align: left; width: 100%">行业热门话题洞察</span>
@@ -135,12 +165,31 @@ import star5 from '@/assets/img/hottranslation/star-fill5.png';
 import top1 from '@/assets/img/captcha/top1.svg';
 import top2 from '@/assets/img/captcha/top2.svg';
 import top3 from '@/assets/img/captcha/top3.svg';
+import { IconQuestionCircle, IconArrowUp, IconArrowDown } from '@arco-design/web-vue/es/icon';
+// 新增排序状态和函数
+const heatSortDirection = ref('desc'); // 默认降序排列
+
+// 切换排序方向
+const toggleHeatSort = () => {
+  heatSortDirection.value = heatSortDirection.value === 'asc' ? 'desc' : 'asc';
+  sortDataByHeat();
+};
+
+// 实际排序逻辑
+const sortDataByHeat = () => {
+  dataList.value.sort((a, b) => {
+    return heatSortDirection.value === 'asc' ? a.hot - b.hot : b.hot - a.hot;
+  });
+  // 排序后更新排名
+  dataList.value.forEach((item, index) => {
+    item.rank = index + 1;
+  });
+};
 
 const starImages = [star1, star2, star3, star4, star5];
 const topImages = [top1, top2, top3];
 // 行业大类
 const industriesTree = ref([]);
-
 // 行业热门话题洞察
 const dataList = ref([]);
 // 显示详情
@@ -174,6 +223,10 @@ const getIndustriesTree = async () => {
   getIndustryTopics();
 };
 
+const handleSort = () => {
+  console.log('table change');
+};
+
 // 行业热门话题
 const getIndustryTopics = async () => {
   let parms = {
@@ -230,4 +283,14 @@ const handleOk = () => {
   color: #737478 !important;
   margin-left: -5px;
 }
+
+:deep(.arco-icon) {
+  display: inline-block;
+  vertical-align: middle;
+}
+
+/* 按钮悬停效果 */
+:deep(.arco-btn-text:not(.arco-btn-disabled):hover) {
+  background-color: transparent;
+}
 </style>
diff --git a/src/views/components/dataEngine/keyBrandMovement.vue b/src/views/components/dataEngine/keyBrandMovement.vue
index 6ec882a..d62a6ad 100644
--- a/src/views/components/dataEngine/keyBrandMovement.vue
+++ b/src/views/components/dataEngine/keyBrandMovement.vue
@@ -12,7 +12,7 @@
             </template>
           </a-button>
           <template #content>
-            <p>基于xxx获取数据xxx，一段文字描述该数据的获取方式和来源等xxx</p>
+            <p style="margin: 0">基于该行业中近期提及频次高、用户互动活跃的品牌内容，筛选出关注度较高的代表性品牌。</p>
           </template>
         </a-popover>
       </a-space>
@@ -70,7 +70,9 @@
             </template>
           </a-button>
           <template #content>
-            <p>基于xxx获取数据xxx，一段文字描述该数据的获取方式和来源等xxx</p>
+            <p style="margin: 0">
+              基于情绪分析与敏感词识别，对行业内容中的负面或争议性话题进行监测，辅助判断舆情风险动态。
+            </p>
           </template>
         </a-popover>
       </a-space>
diff --git a/src/views/components/dataEngine/keyWord.vue b/src/views/components/dataEngine/keyWord.vue
index 6158445..4416bff 100644
--- a/src/views/components/dataEngine/keyWord.vue
+++ b/src/views/components/dataEngine/keyWord.vue
@@ -12,7 +12,7 @@
             </template>
           </a-button>
           <template #content>
-            <p>基于xxx获取数据xxx，一段文字描述该数据的获取方式和来源等xxx</p>
+            <p style="margin: 0">基于该行业用户内容中提及频率较高的关键词，按热度进行排序，反映近期关注焦点。</p>
           </template>
         </a-popover>
       </a-space>
@@ -92,7 +92,9 @@
             </template>
           </a-button>
           <template #content>
-            <p>基于xxx获取数据xxx，一段文字描述该数据的获取方式和来源等xxx</p>
+            <p style="margin: 0">
+              对该行业下用户内容进行情绪分析，按情绪类别统计占比，提取占比最高者作为行业情绪代表。
+            </p>
           </template>
         </a-popover>
       </a-space>
@@ -153,7 +155,7 @@
             </template>
           </a-button>
           <template #content>
-            <p>基于xxx获取数据xxx，一段文字描述该数据的获取方式和来源等xxx</p>
+            <p style="margin: 0">指当前周期中首次出现，或相较上一周期词频显著增长的关键词，反映近期出现的新关注点。</p>
           </template>
         </a-popover>
       </a-space>
diff --git a/src/views/components/dataEngine/topHeader.vue b/src/views/components/dataEngine/topHeader.vue
index 4f6eaee..3f1c380 100644
--- a/src/views/components/dataEngine/topHeader.vue
+++ b/src/views/components/dataEngine/topHeader.vue
@@ -5,10 +5,9 @@
       direction="vertical"
       style="background-color: #fff; width: 100%; padding: 24px; margin: 24px 0; color: #737478; font-size: 14px"
     >
-      <a-space align="center">
-        <!-- 行业选择 -->
-        <a-space align="center">
-          <span>行业大类</span>
+      <a-space align="start" style="width: 100%; margin-top: 20px; align-items: flex-start">
+        <span style="width: 60px; flex-shrink: 0; line-height: 28px">行业大类</span>
+        <div style="display: flex; flex-wrap: wrap; gap: 8px; width: 100%; align-items: flex-start">
           <a-tag
             size="Medium"
             v-for="item in industriesTree"
@@ -24,12 +23,12 @@
             "
             >{{ item.name }}</a-tag
           >
-        </a-space>
+        </div>
       </a-space>
-      <a-space align="center" style="margin-left: 'auto'; margin-top: 20px">
-        <!-- 二级类目 -->
-        <a-space align="center">
-          <span>二级类目</span>
+      <!-- 二级类目 -->
+      <a-space align="start" style="width: 100%; margin-top: 20px; align-items: flex-start">
+        <span style="width: 60px; flex-shrink: 0; line-height: 28px">二级类目</span>
+        <div style="display: flex; flex-wrap: wrap; gap: 8px; width: 100%; align-items: flex-start">
           <a-tag
             size="Medium"
             v-for="item in subCategories"
@@ -45,12 +44,12 @@
             "
             >{{ item.name }}</a-tag
           >
-        </a-space>
+        </div>
       </a-space>
-      <a-space align="center" style="margin-left: 'auto'; margin-top: 20px">
-        <!-- 时间筛选 -->
-        <a-space align="center">
-          <span>时间筛选</span>
+      <!-- </a-space> -->
+      <a-space align="start" style="width: 100%; margin-top: 20px; align-items: flex-start">
+        <span style="width: 60px; flex-shrink: 0; line-height: 28px">时间筛选</span>
+        <div style="display: flex; flex-wrap: wrap; gap: 8px; width: 100%; align-items: flex-start">
           <a-tag
             size="Medium"
             v-for="item in timePeriods"
@@ -66,7 +65,7 @@
             "
             >{{ item.label }}
           </a-tag>
-        </a-space>
+        </div>
       </a-space>
       <!-- 搜索区域 -->
       <a-space style="margin-left: 'auto'; margin-top: 20px">
diff --git a/src/views/components/dataEngine/userPainPoints.vue b/src/views/components/dataEngine/userPainPoints.vue
index 805f499..e22befe 100644
--- a/src/views/components/dataEngine/userPainPoints.vue
+++ b/src/views/components/dataEngine/userPainPoints.vue
@@ -13,7 +13,7 @@
             </template>
           </a-button>
           <template #content>
-            <p>基于xxx获取数据xxx，一段文字描述该数据的获取方式和来源等xxx</p>
+            <p style="margin:0">基于用户内容中的情绪分析与表达模式，提取反复出现的负面倾向主题，反映典型使用痛点。</p>
           </template>
         </a-popover>
       </a-space>
diff --git a/yarn.lock b/yarn.lock
index 7033a55..a549868 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -4911,6 +4911,11 @@ vm2@^3.9.8:
     acorn "^8.7.0"
     acorn-walk "^8.2.0"
 
+vue-cropper@^1.1.4:
+  version "1.1.4"
+  resolved "https://registry.npmjs.org/vue-cropper/-/vue-cropper-1.1.4.tgz"
+  integrity sha512-5m98vBsCEI9rbS4JxELxXidtAui3qNyTHLHg67Qbn7g8cg+E6LcnC+hh3SM/p94x6mFh6KRxT1ttnta+wCYqWA==
+
 vue-demi@*, vue-demi@^0.13.11:
   version "0.13.11"
   resolved "https://registry.npmmirror.com/vue-demi/-/vue-demi-0.13.11.tgz"