diff --git a/README.md b/README.md
index 5fa330d..d5e7b93 100644
--- a/README.md
+++ b/README.md
@@ -1,6 +1,6 @@
 ## template-admin-ts
 
-基于 Arco Design Pro 的中后台管理模板
+基于 Ant Design Vue 的中后台管理模板
 
 - vite 4.x
 - vue 3.x
@@ -10,7 +10,7 @@
 - axios
 - dayjs
 - lodash
-- arco-design
+- ant-design-vue
 - less
 - eslint + prettier
 
@@ -183,7 +183,7 @@ export { default as Comp } from './comp/index.vue';
 </template>
 ```
 
-### `ui` 框架 [`ArcoVue`](https://arco.design/vue/docs/start)
+### `ui` 框架 [`Ant Design Vue`](https://antdv.com/)
 
 - 自动导入组件，无需再次导入
 - 图标库已配置，同组件使用
diff --git a/package.json b/package.json
index d5f56e1..651b256 100644
--- a/package.json
+++ b/package.json
@@ -39,6 +39,7 @@
     "vue-draggable-next": "^2.2.1",
     "vue-draggable-plus": "^0.6.0",
     "vue-echarts": "^7.0.3",
+    "vue-lazyload": "^3.0.0",
     "vue-router": "^4.4.0",
     "vuedraggable": "^4.1.0"
   },
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 37f87db..02c3be0 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -92,6 +92,9 @@ importers:
       vue-echarts:
         specifier: ^7.0.3
         version: 7.0.3(@vue/runtime-core@3.5.18)(echarts@5.6.0)(vue@3.5.18(typescript@4.9.5))
+      vue-lazyload:
+        specifier: ^3.0.0
+        version: 3.0.0
       vue-router:
         specifier: ^4.4.0
         version: 4.5.1(vue@3.5.18(typescript@4.9.5))
@@ -447,133 +450,133 @@ packages:
     resolution: {integrity: sha512-KOEGMu6dmJZtpadb476IsZBclKvILjopjUii3V+7MnXIQCYh8W3NgNcgwo21n9LXZX6EDIKvqfjYxXebDwxKmQ==}
 
   '@esbuild/android-arm64@0.16.17':
-    resolution: {integrity: sha512-MIGl6p5sc3RDTLLkYL1MyL8BMRN4tLMRCn+yRJJmEDvYZ2M7tmAf80hx1kbNEUX2KJ50RRtxZ4JHLvCfuB6kBg==}
+    resolution: {integrity: sha512-MIGl6p5sc3RDTLLkYL1MyL8BMRN4tLMRCn+yRJJmEDvYZ2M7tmAf80hx1kbNEUX2KJ50RRtxZ4JHLvCfuB6kBg==, tarball: https://registry.npmmirror.com/@esbuild/android-arm64/-/android-arm64-0.16.17.tgz}
     engines: {node: '>=12'}
     cpu: [arm64]
     os: [android]
 
   '@esbuild/android-arm@0.16.17':
-    resolution: {integrity: sha512-N9x1CMXVhtWEAMS7pNNONyA14f71VPQN9Cnavj1XQh6T7bskqiLLrSca4O0Vr8Wdcga943eThxnVp3JLnBMYtw==}
+    resolution: {integrity: sha512-N9x1CMXVhtWEAMS7pNNONyA14f71VPQN9Cnavj1XQh6T7bskqiLLrSca4O0Vr8Wdcga943eThxnVp3JLnBMYtw==, tarball: https://registry.npmmirror.com/@esbuild/android-arm/-/android-arm-0.16.17.tgz}
     engines: {node: '>=12'}
     cpu: [arm]
     os: [android]
 
   '@esbuild/android-x64@0.16.17':
-    resolution: {integrity: sha512-a3kTv3m0Ghh4z1DaFEuEDfz3OLONKuFvI4Xqczqx4BqLyuFaFkuaG4j2MtA6fuWEFeC5x9IvqnX7drmRq/fyAQ==}
+    resolution: {integrity: sha512-a3kTv3m0Ghh4z1DaFEuEDfz3OLONKuFvI4Xqczqx4BqLyuFaFkuaG4j2MtA6fuWEFeC5x9IvqnX7drmRq/fyAQ==, tarball: https://registry.npmmirror.com/@esbuild/android-x64/-/android-x64-0.16.17.tgz}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [android]
 
   '@esbuild/darwin-arm64@0.16.17':
-    resolution: {integrity: sha512-/2agbUEfmxWHi9ARTX6OQ/KgXnOWfsNlTeLcoV7HSuSTv63E4DqtAc+2XqGw1KHxKMHGZgbVCZge7HXWX9Vn+w==}
+    resolution: {integrity: sha512-/2agbUEfmxWHi9ARTX6OQ/KgXnOWfsNlTeLcoV7HSuSTv63E4DqtAc+2XqGw1KHxKMHGZgbVCZge7HXWX9Vn+w==, tarball: https://registry.npmmirror.com/@esbuild/darwin-arm64/-/darwin-arm64-0.16.17.tgz}
     engines: {node: '>=12'}
     cpu: [arm64]
     os: [darwin]
 
   '@esbuild/darwin-x64@0.16.17':
-    resolution: {integrity: sha512-2By45OBHulkd9Svy5IOCZt376Aa2oOkiE9QWUK9fe6Tb+WDr8hXL3dpqi+DeLiMed8tVXspzsTAvd0jUl96wmg==}
+    resolution: {integrity: sha512-2By45OBHulkd9Svy5IOCZt376Aa2oOkiE9QWUK9fe6Tb+WDr8hXL3dpqi+DeLiMed8tVXspzsTAvd0jUl96wmg==, tarball: https://registry.npmmirror.com/@esbuild/darwin-x64/-/darwin-x64-0.16.17.tgz}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [darwin]
 
   '@esbuild/freebsd-arm64@0.16.17':
-    resolution: {integrity: sha512-mt+cxZe1tVx489VTb4mBAOo2aKSnJ33L9fr25JXpqQqzbUIw/yzIzi+NHwAXK2qYV1lEFp4OoVeThGjUbmWmdw==}
+    resolution: {integrity: sha512-mt+cxZe1tVx489VTb4mBAOo2aKSnJ33L9fr25JXpqQqzbUIw/yzIzi+NHwAXK2qYV1lEFp4OoVeThGjUbmWmdw==, tarball: https://registry.npmmirror.com/@esbuild/freebsd-arm64/-/freebsd-arm64-0.16.17.tgz}
     engines: {node: '>=12'}
     cpu: [arm64]
     os: [freebsd]
 
   '@esbuild/freebsd-x64@0.16.17':
-    resolution: {integrity: sha512-8ScTdNJl5idAKjH8zGAsN7RuWcyHG3BAvMNpKOBaqqR7EbUhhVHOqXRdL7oZvz8WNHL2pr5+eIT5c65kA6NHug==}
+    resolution: {integrity: sha512-8ScTdNJl5idAKjH8zGAsN7RuWcyHG3BAvMNpKOBaqqR7EbUhhVHOqXRdL7oZvz8WNHL2pr5+eIT5c65kA6NHug==, tarball: https://registry.npmmirror.com/@esbuild/freebsd-x64/-/freebsd-x64-0.16.17.tgz}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [freebsd]
 
   '@esbuild/linux-arm64@0.16.17':
-    resolution: {integrity: sha512-7S8gJnSlqKGVJunnMCrXHU9Q8Q/tQIxk/xL8BqAP64wchPCTzuM6W3Ra8cIa1HIflAvDnNOt2jaL17vaW+1V0g==}
+    resolution: {integrity: sha512-7S8gJnSlqKGVJunnMCrXHU9Q8Q/tQIxk/xL8BqAP64wchPCTzuM6W3Ra8cIa1HIflAvDnNOt2jaL17vaW+1V0g==, tarball: https://registry.npmmirror.com/@esbuild/linux-arm64/-/linux-arm64-0.16.17.tgz}
     engines: {node: '>=12'}
     cpu: [arm64]
     os: [linux]
 
   '@esbuild/linux-arm@0.16.17':
-    resolution: {integrity: sha512-iihzrWbD4gIT7j3caMzKb/RsFFHCwqqbrbH9SqUSRrdXkXaygSZCZg1FybsZz57Ju7N/SHEgPyaR0LZ8Zbe9gQ==}
+    resolution: {integrity: sha512-iihzrWbD4gIT7j3caMzKb/RsFFHCwqqbrbH9SqUSRrdXkXaygSZCZg1FybsZz57Ju7N/SHEgPyaR0LZ8Zbe9gQ==, tarball: https://registry.npmmirror.com/@esbuild/linux-arm/-/linux-arm-0.16.17.tgz}
     engines: {node: '>=12'}
     cpu: [arm]
     os: [linux]
 
   '@esbuild/linux-ia32@0.16.17':
-    resolution: {integrity: sha512-kiX69+wcPAdgl3Lonh1VI7MBr16nktEvOfViszBSxygRQqSpzv7BffMKRPMFwzeJGPxcio0pdD3kYQGpqQ2SSg==}
+    resolution: {integrity: sha512-kiX69+wcPAdgl3Lonh1VI7MBr16nktEvOfViszBSxygRQqSpzv7BffMKRPMFwzeJGPxcio0pdD3kYQGpqQ2SSg==, tarball: https://registry.npmmirror.com/@esbuild/linux-ia32/-/linux-ia32-0.16.17.tgz}
     engines: {node: '>=12'}
     cpu: [ia32]
     os: [linux]
 
   '@esbuild/linux-loong64@0.16.17':
-    resolution: {integrity: sha512-dTzNnQwembNDhd654cA4QhbS9uDdXC3TKqMJjgOWsC0yNCbpzfWoXdZvp0mY7HU6nzk5E0zpRGGx3qoQg8T2DQ==}
+    resolution: {integrity: sha512-dTzNnQwembNDhd654cA4QhbS9uDdXC3TKqMJjgOWsC0yNCbpzfWoXdZvp0mY7HU6nzk5E0zpRGGx3qoQg8T2DQ==, tarball: https://registry.npmmirror.com/@esbuild/linux-loong64/-/linux-loong64-0.16.17.tgz}
     engines: {node: '>=12'}
     cpu: [loong64]
     os: [linux]
 
   '@esbuild/linux-mips64el@0.16.17':
-    resolution: {integrity: sha512-ezbDkp2nDl0PfIUn0CsQ30kxfcLTlcx4Foz2kYv8qdC6ia2oX5Q3E/8m6lq84Dj/6b0FrkgD582fJMIfHhJfSw==}
+    resolution: {integrity: sha512-ezbDkp2nDl0PfIUn0CsQ30kxfcLTlcx4Foz2kYv8qdC6ia2oX5Q3E/8m6lq84Dj/6b0FrkgD582fJMIfHhJfSw==, tarball: https://registry.npmmirror.com/@esbuild/linux-mips64el/-/linux-mips64el-0.16.17.tgz}
     engines: {node: '>=12'}
     cpu: [mips64el]
     os: [linux]
 
   '@esbuild/linux-ppc64@0.16.17':
-    resolution: {integrity: sha512-dzS678gYD1lJsW73zrFhDApLVdM3cUF2MvAa1D8K8KtcSKdLBPP4zZSLy6LFZ0jYqQdQ29bjAHJDgz0rVbLB3g==}
+    resolution: {integrity: sha512-dzS678gYD1lJsW73zrFhDApLVdM3cUF2MvAa1D8K8KtcSKdLBPP4zZSLy6LFZ0jYqQdQ29bjAHJDgz0rVbLB3g==, tarball: https://registry.npmmirror.com/@esbuild/linux-ppc64/-/linux-ppc64-0.16.17.tgz}
     engines: {node: '>=12'}
     cpu: [ppc64]
     os: [linux]
 
   '@esbuild/linux-riscv64@0.16.17':
-    resolution: {integrity: sha512-ylNlVsxuFjZK8DQtNUwiMskh6nT0vI7kYl/4fZgV1llP5d6+HIeL/vmmm3jpuoo8+NuXjQVZxmKuhDApK0/cKw==}
+    resolution: {integrity: sha512-ylNlVsxuFjZK8DQtNUwiMskh6nT0vI7kYl/4fZgV1llP5d6+HIeL/vmmm3jpuoo8+NuXjQVZxmKuhDApK0/cKw==, tarball: https://registry.npmmirror.com/@esbuild/linux-riscv64/-/linux-riscv64-0.16.17.tgz}
     engines: {node: '>=12'}
     cpu: [riscv64]
     os: [linux]
 
   '@esbuild/linux-s390x@0.16.17':
-    resolution: {integrity: sha512-gzy7nUTO4UA4oZ2wAMXPNBGTzZFP7mss3aKR2hH+/4UUkCOyqmjXiKpzGrY2TlEUhbbejzXVKKGazYcQTZWA/w==}
+    resolution: {integrity: sha512-gzy7nUTO4UA4oZ2wAMXPNBGTzZFP7mss3aKR2hH+/4UUkCOyqmjXiKpzGrY2TlEUhbbejzXVKKGazYcQTZWA/w==, tarball: https://registry.npmmirror.com/@esbuild/linux-s390x/-/linux-s390x-0.16.17.tgz}
     engines: {node: '>=12'}
     cpu: [s390x]
     os: [linux]
 
   '@esbuild/linux-x64@0.16.17':
-    resolution: {integrity: sha512-mdPjPxfnmoqhgpiEArqi4egmBAMYvaObgn4poorpUaqmvzzbvqbowRllQ+ZgzGVMGKaPkqUmPDOOFQRUFDmeUw==}
+    resolution: {integrity: sha512-mdPjPxfnmoqhgpiEArqi4egmBAMYvaObgn4poorpUaqmvzzbvqbowRllQ+ZgzGVMGKaPkqUmPDOOFQRUFDmeUw==, tarball: https://registry.npmmirror.com/@esbuild/linux-x64/-/linux-x64-0.16.17.tgz}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [linux]
 
   '@esbuild/netbsd-x64@0.16.17':
-    resolution: {integrity: sha512-/PzmzD/zyAeTUsduZa32bn0ORug+Jd1EGGAUJvqfeixoEISYpGnAezN6lnJoskauoai0Jrs+XSyvDhppCPoKOA==}
+    resolution: {integrity: sha512-/PzmzD/zyAeTUsduZa32bn0ORug+Jd1EGGAUJvqfeixoEISYpGnAezN6lnJoskauoai0Jrs+XSyvDhppCPoKOA==, tarball: https://registry.npmmirror.com/@esbuild/netbsd-x64/-/netbsd-x64-0.16.17.tgz}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [netbsd]
 
   '@esbuild/openbsd-x64@0.16.17':
-    resolution: {integrity: sha512-2yaWJhvxGEz2RiftSk0UObqJa/b+rIAjnODJgv2GbGGpRwAfpgzyrg1WLK8rqA24mfZa9GvpjLcBBg8JHkoodg==}
+    resolution: {integrity: sha512-2yaWJhvxGEz2RiftSk0UObqJa/b+rIAjnODJgv2GbGGpRwAfpgzyrg1WLK8rqA24mfZa9GvpjLcBBg8JHkoodg==, tarball: https://registry.npmmirror.com/@esbuild/openbsd-x64/-/openbsd-x64-0.16.17.tgz}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [openbsd]
 
   '@esbuild/sunos-x64@0.16.17':
-    resolution: {integrity: sha512-xtVUiev38tN0R3g8VhRfN7Zl42YCJvyBhRKw1RJjwE1d2emWTVToPLNEQj/5Qxc6lVFATDiy6LjVHYhIPrLxzw==}
+    resolution: {integrity: sha512-xtVUiev38tN0R3g8VhRfN7Zl42YCJvyBhRKw1RJjwE1d2emWTVToPLNEQj/5Qxc6lVFATDiy6LjVHYhIPrLxzw==, tarball: https://registry.npmmirror.com/@esbuild/sunos-x64/-/sunos-x64-0.16.17.tgz}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [sunos]
 
   '@esbuild/win32-arm64@0.16.17':
-    resolution: {integrity: sha512-ga8+JqBDHY4b6fQAmOgtJJue36scANy4l/rL97W+0wYmijhxKetzZdKOJI7olaBaMhWt8Pac2McJdZLxXWUEQw==}
+    resolution: {integrity: sha512-ga8+JqBDHY4b6fQAmOgtJJue36scANy4l/rL97W+0wYmijhxKetzZdKOJI7olaBaMhWt8Pac2McJdZLxXWUEQw==, tarball: https://registry.npmmirror.com/@esbuild/win32-arm64/-/win32-arm64-0.16.17.tgz}
     engines: {node: '>=12'}
     cpu: [arm64]
     os: [win32]
 
   '@esbuild/win32-ia32@0.16.17':
-    resolution: {integrity: sha512-WnsKaf46uSSF/sZhwnqE4L/F89AYNMiD4YtEcYekBt9Q7nj0DiId2XH2Ng2PHM54qi5oPrQ8luuzGszqi/veig==}
+    resolution: {integrity: sha512-WnsKaf46uSSF/sZhwnqE4L/F89AYNMiD4YtEcYekBt9Q7nj0DiId2XH2Ng2PHM54qi5oPrQ8luuzGszqi/veig==, tarball: https://registry.npmmirror.com/@esbuild/win32-ia32/-/win32-ia32-0.16.17.tgz}
     engines: {node: '>=12'}
     cpu: [ia32]
     os: [win32]
 
   '@esbuild/win32-x64@0.16.17':
-    resolution: {integrity: sha512-y+EHuSchhL7FjHgvQL/0fnnFmO4T1bhvWANX6gcnqTjtnKWbTvUMCpGnv2+t+31d7RzyEAYAd4u2fnIhHL6N/Q==}
+    resolution: {integrity: sha512-y+EHuSchhL7FjHgvQL/0fnnFmO4T1bhvWANX6gcnqTjtnKWbTvUMCpGnv2+t+31d7RzyEAYAd4u2fnIhHL6N/Q==, tarball: https://registry.npmmirror.com/@esbuild/win32-x64/-/win32-x64-0.16.17.tgz}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [win32]
@@ -654,85 +657,91 @@ packages:
     engines: {node: ^14.16.0 || ^16.10.0 || ^17.0.0 || ^18.0.0 || ^19.0.0}
 
   '@parcel/watcher-android-arm64@2.5.1':
-    resolution: {integrity: sha512-KF8+j9nNbUN8vzOFDpRMsaKBHZ/mcjEjMToVMJOhTozkDonQFFrRcfdLWn6yWKCmJKmdVxSgHiYvTCef4/qcBA==}
+    resolution: {integrity: sha512-KF8+j9nNbUN8vzOFDpRMsaKBHZ/mcjEjMToVMJOhTozkDonQFFrRcfdLWn6yWKCmJKmdVxSgHiYvTCef4/qcBA==, tarball: https://registry.npmmirror.com/@parcel/watcher-android-arm64/-/watcher-android-arm64-2.5.1.tgz}
     engines: {node: '>= 10.0.0'}
     cpu: [arm64]
     os: [android]
 
   '@parcel/watcher-darwin-arm64@2.5.1':
-    resolution: {integrity: sha512-eAzPv5osDmZyBhou8PoF4i6RQXAfeKL9tjb3QzYuccXFMQU0ruIc/POh30ePnaOyD1UXdlKguHBmsTs53tVoPw==}
+    resolution: {integrity: sha512-eAzPv5osDmZyBhou8PoF4i6RQXAfeKL9tjb3QzYuccXFMQU0ruIc/POh30ePnaOyD1UXdlKguHBmsTs53tVoPw==, tarball: https://registry.npmmirror.com/@parcel/watcher-darwin-arm64/-/watcher-darwin-arm64-2.5.1.tgz}
     engines: {node: '>= 10.0.0'}
     cpu: [arm64]
     os: [darwin]
 
   '@parcel/watcher-darwin-x64@2.5.1':
-    resolution: {integrity: sha512-1ZXDthrnNmwv10A0/3AJNZ9JGlzrF82i3gNQcWOzd7nJ8aj+ILyW1MTxVk35Db0u91oD5Nlk9MBiujMlwmeXZg==}
+    resolution: {integrity: sha512-1ZXDthrnNmwv10A0/3AJNZ9JGlzrF82i3gNQcWOzd7nJ8aj+ILyW1MTxVk35Db0u91oD5Nlk9MBiujMlwmeXZg==, tarball: https://registry.npmmirror.com/@parcel/watcher-darwin-x64/-/watcher-darwin-x64-2.5.1.tgz}
     engines: {node: '>= 10.0.0'}
     cpu: [x64]
     os: [darwin]
 
   '@parcel/watcher-freebsd-x64@2.5.1':
-    resolution: {integrity: sha512-SI4eljM7Flp9yPuKi8W0ird8TI/JK6CSxju3NojVI6BjHsTyK7zxA9urjVjEKJ5MBYC+bLmMcbAWlZ+rFkLpJQ==}
+    resolution: {integrity: sha512-SI4eljM7Flp9yPuKi8W0ird8TI/JK6CSxju3NojVI6BjHsTyK7zxA9urjVjEKJ5MBYC+bLmMcbAWlZ+rFkLpJQ==, tarball: https://registry.npmmirror.com/@parcel/watcher-freebsd-x64/-/watcher-freebsd-x64-2.5.1.tgz}
     engines: {node: '>= 10.0.0'}
     cpu: [x64]
     os: [freebsd]
 
   '@parcel/watcher-linux-arm-glibc@2.5.1':
-    resolution: {integrity: sha512-RCdZlEyTs8geyBkkcnPWvtXLY44BCeZKmGYRtSgtwwnHR4dxfHRG3gR99XdMEdQ7KeiDdasJwwvNSF5jKtDwdA==}
+    resolution: {integrity: sha512-RCdZlEyTs8geyBkkcnPWvtXLY44BCeZKmGYRtSgtwwnHR4dxfHRG3gR99XdMEdQ7KeiDdasJwwvNSF5jKtDwdA==, tarball: https://registry.npmmirror.com/@parcel/watcher-linux-arm-glibc/-/watcher-linux-arm-glibc-2.5.1.tgz}
     engines: {node: '>= 10.0.0'}
     cpu: [arm]
     os: [linux]
+    libc: [glibc]
 
   '@parcel/watcher-linux-arm-musl@2.5.1':
-    resolution: {integrity: sha512-6E+m/Mm1t1yhB8X412stiKFG3XykmgdIOqhjWj+VL8oHkKABfu/gjFj8DvLrYVHSBNC+/u5PeNrujiSQ1zwd1Q==}
+    resolution: {integrity: sha512-6E+m/Mm1t1yhB8X412stiKFG3XykmgdIOqhjWj+VL8oHkKABfu/gjFj8DvLrYVHSBNC+/u5PeNrujiSQ1zwd1Q==, tarball: https://registry.npmmirror.com/@parcel/watcher-linux-arm-musl/-/watcher-linux-arm-musl-2.5.1.tgz}
     engines: {node: '>= 10.0.0'}
     cpu: [arm]
     os: [linux]
+    libc: [musl]
 
   '@parcel/watcher-linux-arm64-glibc@2.5.1':
-    resolution: {integrity: sha512-LrGp+f02yU3BN9A+DGuY3v3bmnFUggAITBGriZHUREfNEzZh/GO06FF5u2kx8x+GBEUYfyTGamol4j3m9ANe8w==}
+    resolution: {integrity: sha512-LrGp+f02yU3BN9A+DGuY3v3bmnFUggAITBGriZHUREfNEzZh/GO06FF5u2kx8x+GBEUYfyTGamol4j3m9ANe8w==, tarball: https://registry.npmmirror.com/@parcel/watcher-linux-arm64-glibc/-/watcher-linux-arm64-glibc-2.5.1.tgz}
     engines: {node: '>= 10.0.0'}
     cpu: [arm64]
     os: [linux]
+    libc: [glibc]
 
   '@parcel/watcher-linux-arm64-musl@2.5.1':
-    resolution: {integrity: sha512-cFOjABi92pMYRXS7AcQv9/M1YuKRw8SZniCDw0ssQb/noPkRzA+HBDkwmyOJYp5wXcsTrhxO0zq1U11cK9jsFg==}
+    resolution: {integrity: sha512-cFOjABi92pMYRXS7AcQv9/M1YuKRw8SZniCDw0ssQb/noPkRzA+HBDkwmyOJYp5wXcsTrhxO0zq1U11cK9jsFg==, tarball: https://registry.npmmirror.com/@parcel/watcher-linux-arm64-musl/-/watcher-linux-arm64-musl-2.5.1.tgz}
     engines: {node: '>= 10.0.0'}
     cpu: [arm64]
     os: [linux]
+    libc: [musl]
 
   '@parcel/watcher-linux-x64-glibc@2.5.1':
-    resolution: {integrity: sha512-GcESn8NZySmfwlTsIur+49yDqSny2IhPeZfXunQi48DMugKeZ7uy1FX83pO0X22sHntJ4Ub+9k34XQCX+oHt2A==}
+    resolution: {integrity: sha512-GcESn8NZySmfwlTsIur+49yDqSny2IhPeZfXunQi48DMugKeZ7uy1FX83pO0X22sHntJ4Ub+9k34XQCX+oHt2A==, tarball: https://registry.npmmirror.com/@parcel/watcher-linux-x64-glibc/-/watcher-linux-x64-glibc-2.5.1.tgz}
     engines: {node: '>= 10.0.0'}
     cpu: [x64]
     os: [linux]
+    libc: [glibc]
 
   '@parcel/watcher-linux-x64-musl@2.5.1':
-    resolution: {integrity: sha512-n0E2EQbatQ3bXhcH2D1XIAANAcTZkQICBPVaxMeaCVBtOpBZpWJuf7LwyWPSBDITb7In8mqQgJ7gH8CILCURXg==}
+    resolution: {integrity: sha512-n0E2EQbatQ3bXhcH2D1XIAANAcTZkQICBPVaxMeaCVBtOpBZpWJuf7LwyWPSBDITb7In8mqQgJ7gH8CILCURXg==, tarball: https://registry.npmmirror.com/@parcel/watcher-linux-x64-musl/-/watcher-linux-x64-musl-2.5.1.tgz}
     engines: {node: '>= 10.0.0'}
     cpu: [x64]
     os: [linux]
+    libc: [musl]
 
   '@parcel/watcher-win32-arm64@2.5.1':
-    resolution: {integrity: sha512-RFzklRvmc3PkjKjry3hLF9wD7ppR4AKcWNzH7kXR7GUe0Igb3Nz8fyPwtZCSquGrhU5HhUNDr/mKBqj7tqA2Vw==}
+    resolution: {integrity: sha512-RFzklRvmc3PkjKjry3hLF9wD7ppR4AKcWNzH7kXR7GUe0Igb3Nz8fyPwtZCSquGrhU5HhUNDr/mKBqj7tqA2Vw==, tarball: https://registry.npmmirror.com/@parcel/watcher-win32-arm64/-/watcher-win32-arm64-2.5.1.tgz}
     engines: {node: '>= 10.0.0'}
     cpu: [arm64]
     os: [win32]
 
   '@parcel/watcher-win32-ia32@2.5.1':
-    resolution: {integrity: sha512-c2KkcVN+NJmuA7CGlaGD1qJh1cLfDnQsHjE89E60vUEMlqduHGCdCLJCID5geFVM0dOtA3ZiIO8BoEQmzQVfpQ==}
+    resolution: {integrity: sha512-c2KkcVN+NJmuA7CGlaGD1qJh1cLfDnQsHjE89E60vUEMlqduHGCdCLJCID5geFVM0dOtA3ZiIO8BoEQmzQVfpQ==, tarball: https://registry.npmmirror.com/@parcel/watcher-win32-ia32/-/watcher-win32-ia32-2.5.1.tgz}
     engines: {node: '>= 10.0.0'}
     cpu: [ia32]
     os: [win32]
 
   '@parcel/watcher-win32-x64@2.5.1':
-    resolution: {integrity: sha512-9lHBdJITeNR++EvSQVUcaZoWupyHfXe1jZvGZ06O/5MflPcuPLtEphScIBL+AiCWBO46tDSHzWyD0uDmmZqsgA==}
+    resolution: {integrity: sha512-9lHBdJITeNR++EvSQVUcaZoWupyHfXe1jZvGZ06O/5MflPcuPLtEphScIBL+AiCWBO46tDSHzWyD0uDmmZqsgA==, tarball: https://registry.npmmirror.com/@parcel/watcher-win32-x64/-/watcher-win32-x64-2.5.1.tgz}
     engines: {node: '>= 10.0.0'}
     cpu: [x64]
     os: [win32]
 
   '@parcel/watcher@2.5.1':
-    resolution: {integrity: sha512-dfUnCxiN9H4ap84DvD2ubjw+3vUNpstxa0TneY/Paat8a3R4uQZDLSvWjmznAY/DoahqTHl9V46HF/Zs3F29pg==}
+    resolution: {integrity: sha512-dfUnCxiN9H4ap84DvD2ubjw+3vUNpstxa0TneY/Paat8a3R4uQZDLSvWjmznAY/DoahqTHl9V46HF/Zs3F29pg==, tarball: https://registry.npmmirror.com/@parcel/watcher/-/watcher-2.5.1.tgz}
     engines: {node: '>= 10.0.0'}
 
   '@polka/url@1.0.0-next.21':
@@ -791,13 +800,13 @@ packages:
     resolution: {integrity: sha512-21cFJr9z3g5dW8B0CVI9g2O9beqaThGQ6ZFBqHfwhzLDKUxaqTIy3vnfah/UPkfOiF2pLq+tGz+W8RyCskuslw==}
 
   '@types/sortablejs@1.15.8':
-    resolution: {integrity: sha512-b79830lW+RZfwaztgs1aVPgbasJ8e7AXtZYHTELNXZPsERt4ymJdjV4OccDbHQAvHrCcFpbF78jkm0R6h/pZVg==}
+    resolution: {integrity: sha512-b79830lW+RZfwaztgs1aVPgbasJ8e7AXtZYHTELNXZPsERt4ymJdjV4OccDbHQAvHrCcFpbF78jkm0R6h/pZVg==, tarball: https://registry.npmmirror.com/@types/sortablejs/-/sortablejs-1.15.8.tgz}
 
   '@types/svgo@2.6.4':
     resolution: {integrity: sha512-l4cmyPEckf8moNYHdJ+4wkHvFxjyW6ulm9l4YGaOxeyBWPhBOT0gvni1InpFPdzx1dKf/2s62qGITwxNWnPQng==}
 
   '@types/trusted-types@2.0.7':
-    resolution: {integrity: sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw==}
+    resolution: {integrity: sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw==, tarball: https://registry.npmmirror.com/@types/trusted-types/-/trusted-types-2.0.7.tgz}
 
   '@types/web-bluetooth@0.0.16':
     resolution: {integrity: sha512-oh8q2Zc32S6gd/j50GowEjKLoOVOwHP/bWVjKJInBwQqdOYMdPrf1oVlelTlyfFK3CKxL1uahMDAr+vy8T7yMQ==}
@@ -1678,7 +1687,7 @@ packages:
     resolution: {integrity: sha512-CPB+UL9XMT/Av+pJxCKGhdx+yg1hzplvFJQlJ2n68PyQGMz9L/E2zCyLdOL8uasbouTUgnPl+y0tccI/se+BEw==}
 
   canvg@3.0.11:
-    resolution: {integrity: sha512-5ON+q7jCTgMp9cjpu4Jo6XbvfYwSB2Ow3kzHKfIyJfaCAOHLbdKPQqGKgfED/R5B+3TFFfe8pegYA+b423SRyA==}
+    resolution: {integrity: sha512-5ON+q7jCTgMp9cjpu4Jo6XbvfYwSB2Ow3kzHKfIyJfaCAOHLbdKPQqGKgfED/R5B+3TFFfe8pegYA+b423SRyA==, tarball: https://registry.npmmirror.com/canvg/-/canvg-3.0.11.tgz}
     engines: {node: '>=10.0.0'}
 
   chalk@1.1.3:
@@ -1868,7 +1877,7 @@ packages:
     resolution: {integrity: sha512-3DdaFaU/Zf1AnpLiFDeNCD4TOWe3Zl2RZaTzUvWiIk5ERzcCodOE20Vqq4fzCbNoHURFHT4/us/Lfq+S2zyY4w==}
 
   core-js@3.45.0:
-    resolution: {integrity: sha512-c2KZL9lP4DjkN3hk/an4pWn5b5ZefhRJnAc42n6LJ19kSnbeRbdQZE5dSeE2LBol1OwJD3X1BQvFTAsa8ReeDA==}
+    resolution: {integrity: sha512-c2KZL9lP4DjkN3hk/an4pWn5b5ZefhRJnAc42n6LJ19kSnbeRbdQZE5dSeE2LBol1OwJD3X1BQvFTAsa8ReeDA==, tarball: https://registry.npmmirror.com/core-js/-/core-js-3.45.0.tgz}
 
   core-util-is@1.0.3:
     resolution: {integrity: sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==}
@@ -2188,7 +2197,7 @@ packages:
     engines: {node: '>=0.12'}
 
   errno@0.1.8:
-    resolution: {integrity: sha512-dJ6oBr5SQ1VSd9qkk7ByRgb/1SH4JZjCHSW/mr63/QcXO9zLVxvJ6Oy13nio03rxpSnVDDjFor75SjVeZWPW/A==}
+    resolution: {integrity: sha512-dJ6oBr5SQ1VSd9qkk7ByRgb/1SH4JZjCHSW/mr63/QcXO9zLVxvJ6Oy13nio03rxpSnVDDjFor75SjVeZWPW/A==, tarball: https://registry.npmmirror.com/errno/-/errno-0.1.8.tgz}
     hasBin: true
 
   error-ex@1.3.2:
@@ -2605,7 +2614,7 @@ packages:
     resolution: {integrity: sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==}
 
   fsevents@2.3.2:
-    resolution: {integrity: sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==}
+    resolution: {integrity: sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==, tarball: https://registry.npmmirror.com/fsevents/-/fsevents-2.3.2.tgz}
     engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
     os: [darwin]
 
@@ -2769,7 +2778,7 @@ packages:
     engines: {node: '>= 0.4'}
 
   graceful-fs@4.2.10:
-    resolution: {integrity: sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA==}
+    resolution: {integrity: sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA==, tarball: https://registry.npmmirror.com/graceful-fs/-/graceful-fs-4.2.10.tgz}
 
   grapheme-splitter@1.0.4:
     resolution: {integrity: sha512-bzh50DW9kTPM00T8y4o8vQg89Di9oLJVLW/KaOGIXJWP/iqCN6WKYkbNOF04vFLJhwcpYUh9ydh/+5vpOqV4YQ==}
@@ -3707,7 +3716,7 @@ packages:
     resolution: {integrity: sha512-sNPKHvyjVf7gyjwS4xGTaW/mCnF8wnjtifKBEhxfZ7E/S8tQ0rssrwGNn6q8JH/ohItJfSQp9mBtQYuTlH5QnA==}
 
   make-dir@2.1.0:
-    resolution: {integrity: sha512-LS9X+dc8KLxXCb8dni79fLIIUA5VyZoyjSMCwTluaXA0o27cCK0bhXkpgw+sTXVpPy/lSO57ilRixqk0vDmtRA==}
+    resolution: {integrity: sha512-LS9X+dc8KLxXCb8dni79fLIIUA5VyZoyjSMCwTluaXA0o27cCK0bhXkpgw+sTXVpPy/lSO57ilRixqk0vDmtRA==, tarball: https://registry.npmmirror.com/make-dir/-/make-dir-2.1.0.tgz}
     engines: {node: '>=6'}
 
   make-iterator@1.0.1:
@@ -3828,7 +3837,7 @@ packages:
     engines: {node: '>= 0.6'}
 
   mime@1.6.0:
-    resolution: {integrity: sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==}
+    resolution: {integrity: sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==, tarball: https://registry.npmmirror.com/mime/-/mime-1.6.0.tgz}
     engines: {node: '>=4'}
     hasBin: true
 
@@ -3957,7 +3966,7 @@ packages:
     resolution: {integrity: sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==}
 
   needle@3.2.0:
-    resolution: {integrity: sha512-oUvzXnyLiVyVGoianLijF9O/RecZUf7TkBfimjGrLM4eQhXyeJwM6GeAWccwfQ9aa4gMCZKqhAOuLaMIcQxajQ==}
+    resolution: {integrity: sha512-oUvzXnyLiVyVGoianLijF9O/RecZUf7TkBfimjGrLM4eQhXyeJwM6GeAWccwfQ9aa4gMCZKqhAOuLaMIcQxajQ==, tarball: https://registry.npmmirror.com/needle/-/needle-3.2.0.tgz}
     engines: {node: '>= 4.4.x'}
     hasBin: true
 
@@ -4863,7 +4872,7 @@ packages:
     engines: {node: '>=0.10.0'}
 
   source-map@0.6.1:
-    resolution: {integrity: sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==}
+    resolution: {integrity: sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==, tarball: https://registry.npmmirror.com/source-map/-/source-map-0.6.1.tgz}
     engines: {node: '>=0.10.0'}
 
   source-map@0.7.4:
@@ -5547,6 +5556,9 @@ packages:
     peerDependencies:
       eslint: '>=6.0.0'
 
+  vue-lazyload@3.0.0:
+    resolution: {integrity: sha512-h2keL/Rj550dLgesgOtXJS9qOiSMmuJNeVlfNAYV1/IYwOQYaWk5mFJlwRxmZDK9YC5gECcFLYYj7z1lKSf9ug==, tarball: https://registry.npmmirror.com/vue-lazyload/-/vue-lazyload-3.0.0.tgz}
+
   vue-router@4.5.1:
     resolution: {integrity: sha512-ogAF3P97NPm8fJsE4by9dwSYtDwXIY1nFY9T6DyQnGHd1E2Da94w9JIolpe42LJGIl0DwOHBi8TcRPlPGwbTtw==}
     peerDependencies:
@@ -12409,6 +12421,8 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  vue-lazyload@3.0.0: {}
+
   vue-router@4.5.1(vue@3.5.18(typescript@4.9.5)):
     dependencies:
       '@vue/devtools-api': 6.6.4
diff --git a/src/App.vue b/src/App.vue
index 54e0400..94e8c54 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,23 +1,25 @@
 <template>
-  <a-config-provider :locale="zhCN" size="small" :theme="redTheme">
-    <router-view v-if="$route.path === '/login' || ['ExploreList', 'ExploreDetail', 'Trial'].includes($route.name)" />
+  <ConfigProvider :locale="zhCN" :theme="redTheme">
+    <router-view v-if="$route.path === '/login' || ['ExploreList', 'ExploreDetail'].includes($route.name)" />
     <LayoutBasic v-else />
-  </a-config-provider>
+  </ConfigProvider>
 </template>
 
 <script setup>
 import { useUserStore } from '@/stores';
-import { useChatStore } from '@/stores/modules/chat';
+// import { useChatStore } from '@/stores/modules/chat';
 
 import { initApp } from '@/utils/user';
 import { useSidebarStore } from '@/stores/modules/side-bar';
 
-import zhCN from '@arco-design/web-vue/es/locale/lang/zh-cn';
+import { ConfigProvider } from 'ant-design-vue';
+import zhCN from 'ant-design-vue/es/locale/zh_CN';
+import 'dayjs/locale/zh-cn';
 
 const userStore = useUserStore();
-const route = useRoute();
+// const route = useRoute();
 const sidebarStore = useSidebarStore();
-const chatStore = useChatStore();
+// const chatStore = useChatStore();
 
 const redTheme = {
   token: {
diff --git a/src/api/axiosHandler.ts b/src/api/axiosHandler.ts
index b3791fa..5a31b64 100644
--- a/src/api/axiosHandler.ts
+++ b/src/api/axiosHandler.ts
@@ -8,7 +8,7 @@
 
 import router from '@/router';
 import { clearToken } from '@/utils/auth';
-import { Message } from '@arco-design/web-vue';
+import { message } from 'ant-design-vue';
 
 /**
  * 处理业务逻辑定义的错误code
@@ -28,5 +28,5 @@ export const handleCodeError = (error: any) => {
     default:
       errMessage = error.msg || `未知错误-${error.code}`;
   }
-  Message.error(errMessage);
+  message.error(errMessage);
 };
diff --git a/src/api/index.ts b/src/api/index.ts
index 4bc4561..86bf9a9 100644
--- a/src/api/index.ts
+++ b/src/api/index.ts
@@ -7,6 +7,7 @@
  */
 
 import axios from 'axios';
+import { message } from 'ant-design-vue';
 import type { AxiosInstance, AxiosRequestConfig, AxiosResponse } from 'axios';
 import { handleUserLogout, goUserLogin } from '@/utils/user';
 import { useEnterpriseStore } from '@/stores/modules/enterprise';
@@ -84,7 +85,7 @@ export class Request {
             break;
         }
 
-        AMessage.error(errMessage);
+        message.error(errMessage);
         return Promise.reject(err.response);
       },
     );
diff --git a/src/components/_base/index.ts b/src/components/_base/index.ts
index 72e9e7e..e69de29 100644
--- a/src/components/_base/index.ts
+++ b/src/components/_base/index.ts
@@ -1,2 +0,0 @@
-export { default as TabBar } from './tab-bar/index.vue';
-export { default as ModalSimple } from './modal/index.vue';
diff --git a/src/components/_base/modal/index.vue b/src/components/_base/modal/index.vue
deleted file mode 100644
index 73a797a..0000000
--- a/src/components/_base/modal/index.vue
+++ /dev/null
@@ -1,32 +0,0 @@
-<script setup lang="ts">
-import type { Component, DefineComponent } from 'vue';
-
-import IconHover from '@arco-design/web-vue/es/_components/icon-hover';
-
-defineProps<{
-  title?: string;
-  content?: string | (() => DefineComponent | Component);
-}>();
-
-defineEmits(['close']);
-</script>
-
-<template>
-  <slot name="header">
-    <div class="flex justify-end mb7">
-      <slot name="close">
-        <icon-hover @click="$emit('close')">
-          <icon-close />
-        </icon-hover>
-      </slot>
-    </div>
-  </slot>
-  <slot>
-    <div class="flex flex-col text-center">
-      <div v-if="title" class="mb4 text-lg font-600">{{ title }}</div>
-      <template v-else />
-      <component :is="content" v-if="typeof content === 'function'" />
-      <div v-else>{{ content }}</div>
-    </div>
-  </slot>
-</template>
diff --git a/src/components/_base/tab-bar/index.vue b/src/components/_base/tab-bar/index.vue
deleted file mode 100644
index d430421..0000000
--- a/src/components/_base/tab-bar/index.vue
+++ /dev/null
@@ -1,83 +0,0 @@
-<script lang="ts" setup>
-import type { RouteLocationNormalized } from 'vue-router';
-import { listenerRouteChange, removeRouteListener } from '@/utils/route-listener';
-import { useAppStore, useTabBarStore } from '@/stores';
-import TabItem from './tab-item.vue';
-const appStore = useAppStore();
-const tabBarStore = useTabBarStore();
-const affixRef = ref();
-const tagList = computed(() => {
-  return tabBarStore.getTabList;
-});
-const offsetTop = computed(() => {
-  return appStore.navbar ? 60 : 0;
-});
-watch(
-  () => appStore.navbar,
-  () => {
-    affixRef.value.updatePosition();
-  },
-);
-listenerRouteChange((route: RouteLocationNormalized) => {
-  if (!route.meta.noAffix && !tagList.value.some((tag) => tag.fullPath === route.fullPath)) {
-    tabBarStore.updateTabList(route);
-  }
-}, true);
-onUnmounted(() => {
-  removeRouteListener();
-});
-</script>
-
-<template>
-  <div class="tab-bar-container">
-    <a-affix ref="affixRef" :offset-top="offsetTop">
-      <div class="tab-bar-box">
-        <div class="tab-bar-scroll">
-          <div class="tags-wrap">
-            <tab-item v-for="(tag, index) in tagList" :key="tag.fullPath" :index="index" :item-data="tag" />
-          </div>
-        </div>
-        <div class="tag-bar-operation"></div>
-      </div>
-    </a-affix>
-  </div>
-</template>
-
-<style scoped lang="scss">
-.tab-bar-container {
-  position: relative;
-  background-color: var(--color-bg-2);
-  .tab-bar-box {
-    display: flex;
-    padding: 0 0 0 20px;
-    background-color: var(--color-bg-2);
-    border-bottom: 1px solid var(--color-border);
-    .tab-bar-scroll {
-      height: 32px;
-      flex: 1;
-      overflow: hidden;
-      .tags-wrap {
-        padding: 4px 0;
-        height: 48px;
-        white-space: nowrap;
-        overflow-x: auto;
-        :deep(.arco-tag) {
-          display: inline-flex;
-          align-items: center;
-          margin-right: 6px;
-          cursor: pointer;
-          &:first-child {
-            .arco-tag-close-btn {
-              display: none;
-            }
-          }
-        }
-      }
-    }
-  }
-  .tag-bar-operation {
-    width: 100px;
-    height: 32px;
-  }
-}
-</style>
diff --git a/src/components/_base/tab-bar/tab-item.vue b/src/components/_base/tab-bar/tab-item.vue
deleted file mode 100644
index 4bcdd29..0000000
--- a/src/components/_base/tab-bar/tab-item.vue
+++ /dev/null
@@ -1,177 +0,0 @@
-<script lang="ts" setup>
-import type { PropType } from 'vue';
-import type { TagProps } from '@/stores/modules/tab-bar/types';
-
-import { useTabBarStore } from '@/stores';
-import { DEFAULT_ROUTE_NAME, REDIRECT_ROUTE_NAME } from '@/router/constants';
-
-const props = defineProps({
-  itemData: {
-    type: Object as PropType<TagProps>,
-    default() {
-      return [];
-    },
-  },
-  index: {
-    type: Number,
-    default: 0,
-  },
-});
-// eslint-disable-next-line no-shadow
-enum Eaction {
-  reload = 'reload',
-  current = 'current',
-  left = 'left',
-  right = 'right',
-  others = 'others',
-  all = 'all',
-}
-const router = useRouter();
-const route = useRoute();
-const tabBarStore = useTabBarStore();
-const goto = (tag: TagProps) => {
-  router.push({ ...tag });
-};
-const tagList = computed(() => {
-  return tabBarStore.getTabList;
-});
-const disabledReload = computed(() => {
-  return props.itemData.fullPath !== route.fullPath;
-});
-const disabledCurrent = computed(() => {
-  return props.index === 0;
-});
-const disabledLeft = computed(() => {
-  return [0, 1].includes(props.index);
-});
-const disabledRight = computed(() => {
-  return props.index === tagList.value.length - 1;
-});
-const tagClose = (tag: TagProps, idx: number) => {
-  tabBarStore.deleteTag(idx, tag);
-  if (props.itemData.fullPath === route.fullPath) {
-    const latest = tagList.value[idx - 1]; // 获取队列的前一个tab
-    router.push({ name: latest.name });
-  }
-};
-const findCurrentRouteIndex = () => {
-  return tagList.value.findIndex((el) => el.fullPath === route.fullPath);
-};
-const actionSelect = async (value: any) => {
-  const { itemData, index } = props;
-  const copyTagList = [...tagList.value];
-  if (value === Eaction.current) {
-    tagClose(itemData, index);
-  } else if (value === Eaction.left) {
-    const currentRouteIdx = findCurrentRouteIndex();
-    copyTagList.splice(1, props.index - 1);
-    tabBarStore.freshTabList(copyTagList);
-    if (currentRouteIdx < index) {
-      router.push({ name: itemData.name });
-    }
-  } else if (value === Eaction.right) {
-    const currentRouteIdx = findCurrentRouteIndex();
-    copyTagList.splice(props.index + 1);
-    tabBarStore.freshTabList(copyTagList);
-    if (currentRouteIdx > index) {
-      router.push({ name: itemData.name });
-    }
-  } else if (value === Eaction.others) {
-    const filterList = tagList.value.filter((el, idx) => {
-      return idx === 0 || idx === props.index;
-    });
-    tabBarStore.freshTabList(filterList);
-    router.push({ name: itemData.name });
-  } else if (value === Eaction.reload) {
-    tabBarStore.deleteCache(itemData);
-    await router.push({
-      name: REDIRECT_ROUTE_NAME,
-      params: {
-        path: route.fullPath,
-      },
-    });
-    tabBarStore.addCache(itemData.name);
-  } else {
-    tabBarStore.resetTabList();
-    router.push({ name: DEFAULT_ROUTE_NAME });
-  }
-};
-</script>
-
-<template>
-  <a-dropdown trigger="contextMenu" :popup-max-height="false" @select="actionSelect">
-    <span
-      :class="[
-        'arco-tag arco-tag-size-medium arco-tag-checked',
-        { 'link-activated': itemData.fullPath === $route.fullPath },
-      ]"
-      @click="goto(itemData)"
-    >
-      <span class="tag-link">{{ itemData.title }}</span>
-      <span
-        class="arco-icon-hover arco-tag-icon-hover arco-icon-hover-size-medium arco-tag-close-btn"
-        @click.stop="tagClose(itemData, index)"
-      >
-        <icon-close />
-      </span>
-    </span>
-    <template #content>
-      <a-doption :disabled="disabledReload" :value="Eaction.reload">
-        <icon-refresh />
-        <span>重新加载</span>
-      </a-doption>
-      <a-doption class="sperate-line" :disabled="disabledCurrent" :value="Eaction.current">
-        <icon-close />
-        <span>关闭当前标签页</span>
-      </a-doption>
-      <a-doption :disabled="disabledLeft" :value="Eaction.left">
-        <icon-to-left />
-        <span>关闭左侧标签页</span>
-      </a-doption>
-      <a-doption class="sperate-line" :disabled="disabledRight" :value="Eaction.right">
-        <icon-to-right />
-        <span>关闭右侧标签页</span>
-      </a-doption>
-      <a-doption :value="Eaction.others">
-        <icon-swap />
-        <span>关闭其它标签页</span>
-      </a-doption>
-      <a-doption :value="Eaction.all">
-        <icon-folder-delete />
-        <span>关闭全部标签页</span>
-      </a-doption>
-    </template>
-  </a-dropdown>
-</template>
-
-<style scoped lang="scss">
-.tag-link {
-  color: var(--color-text-2);
-  text-decoration: none;
-}
-.link-activated {
-  color: rgb(var(--link-6));
-  .tag-link {
-    color: rgb(var(--link-6));
-  }
-  & + .arco-tag-close-btn {
-    color: rgb(var(--link-6));
-  }
-}
-:deep(.arco-dropdown-option-content) {
-  span {
-    margin-left: 10px;
-  }
-}
-.arco-dropdown-open {
-  .tag-link {
-    color: rgb(var(--danger-6));
-  }
-  .arco-tag-close-btn {
-    color: rgb(var(--danger-6));
-  }
-}
-.sperate-line {
-  border-bottom: 1px solid var(--color-neutral-3);
-}
-</style>
diff --git a/src/components/common-select/index.vue b/src/components/common-select/index.vue
index 80dc179..e3ef53c 100644
--- a/src/components/common-select/index.vue
+++ b/src/components/common-select/index.vue
@@ -3,23 +3,26 @@
  * @Date: 2025-06-25 14:02:40
 -->
 <template>
-  <a-select
-    v-model="selectedValues"
-    :multiple="multiple"
-    size="medium"
+  <Select
+    v-model:value="selectedValues"
+    :mode="multiple ? 'multiple' : undefined"
+    size="middle"
     :placeholder="placeholder"
-    :allow-clear="allClear"
-    :allow-search="allowSearch"
-    :max-tag-count="maxTagCount"
+    :allowClear="allClear"
+    :showSearch="allowSearch"
+    showArrow
+    :maxTagCount="maxTagCount"
     @change="handleChange"
   >
-    <a-option v-for="(item, index) in options" :key="index" :value="item.id" :label="item.name">
+    <Option v-for="(item, index) in options" :key="index" :value="item.id" :label="item.name">
       {{ item.name }}
-    </a-option>
-  </a-select>
+    </Option>
+  </Select>
 </template>
 
 <script setup>
+import { Select } from 'ant-design-vue';
+const { Option } = Select;
 import { ref, watch } from 'vue';
 
 const props = defineProps({
diff --git a/src/components/custom-table-column-modal/index.vue b/src/components/custom-table-column-modal/index.vue
index 5060d64..9da3768 100644
--- a/src/components/custom-table-column-modal/index.vue
+++ b/src/components/custom-table-column-modal/index.vue
@@ -3,14 +3,15 @@
  * @Date: 2025-06-30 10:54:49
 -->
 <template>
-  <a-modal
-    v-model:visible="visible"
+  <Modal
+    v-model:open="visible"
     title="自定义列"
     width="960px"
     unmountOnClose
     titleAlign="start"
-    class="custom-table-column-modal"
-    @close="close"
+    centered
+    wrapClassName="custom-table-column-modal"
+    @cancel="close"
   >
     <div class="modal-body">
       <!-- 左侧分组 -->
@@ -20,16 +21,16 @@
             <span class="text">{{ group.label }}</span>
           </div>
           <div class="fields">
-            <a-checkbox
+            <Checkbox
               v-for="option in group.columns"
               :key="option.value"
-              :model-value="isCheck(option)"
+              :checked="isCheck(option)"
               :value="option.value"
               :disabled="option.is_require === ENUM_STATUS.NO"
-              @change="(checked) => onCheckChange(checked, option)"
+              @change="(e) => onCheckChange(e.target.checked, option)"
             >
               {{ option.label }}
-            </a-checkbox>
+            </Checkbox>
           </div>
         </div>
       </div>
@@ -64,15 +65,16 @@
     </div>
 
     <template #footer>
-      <div style="text-align: right">
-        <a-button class="mr-8px" size="medium" @click="close">取消</a-button>
-        <a-button type="primary" size="medium" @click="onSubmit">确定</a-button>
+      <div class="flex">
+        <Button @click="close">取消</Button>
+        <Button type="primary" @click="onSubmit">确定</Button>
       </div>
     </template>
-  </a-modal>
+  </Modal>
 </template>
 
 <script setup>
+import { Checkbox, Modal, Button } from 'ant-design-vue';
 import { ref, defineExpose } from 'vue';
 import { VueDraggable } from 'vue-draggable-plus';
 
diff --git a/src/components/custom-table-column-modal/style.scss b/src/components/custom-table-column-modal/style.scss
index 948ca27..d31d4fd 100644
--- a/src/components/custom-table-column-modal/style.scss
+++ b/src/components/custom-table-column-modal/style.scss
@@ -1,5 +1,5 @@
 .custom-table-column-modal {
-  .arco-modal-body {
+  .ant-modal-body {
     .modal-body {
       height: 504px;
       border-radius: 8px;
diff --git a/src/components/delete-modal.vue b/src/components/delete-modal.vue
index ad26313..255544f 100644
--- a/src/components/delete-modal.vue
+++ b/src/components/delete-modal.vue
@@ -1,13 +1,31 @@
 <template>
-  <a-modal modal-class="delete-modal" body-class="body" cancel-text="返回" ok-text="确定删除" v-bind="$attrs">
+  <Modal wrapClassName="delete-modal" body-class="body" v-bind="$attrs" centered title="删除账号">
     <h2 class="delete-modal-title flex item-center">
       <img src="@/assets/warning.svg" alt="" />
-      {{ $attrs.title }}
+      {{ $attrs.content }}
     </h2>
-    <slot></slot>
-  </a-modal>
+    <p class="delete-modal-content">删除后，该账号将无法登录您的企业。</p>
+    <template #footer>
+      <div style="text-align: right">
+        <Button @click="close">返回</Button>
+        <Button type="primary" danger @click="onSubmit">确定删除</Button>
+      </div>
+    </template>
+  </Modal>
 </template>
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import { Modal, Button } from 'ant-design-vue';
+
+const emit = defineEmits(['close', 'ok']);
+
+const close = () => {
+  emit('close');
+};
+
+const onSubmit = () => {
+  emit('ok');
+};
+</script>
 <style lang="scss">
 :deep(.arco-btn-status-danger) {
   background-color: red !important;
@@ -18,7 +36,7 @@
     display: none;
   }
   .delete-modal-title {
-    margin-top: 24px;
+    // margin-top: 24px;
     font-family: $font-family-medium;
     font-weight: 400;
     font-size: 14px;
@@ -29,6 +47,14 @@
       margin-right: 12px;
     }
   }
+  .delete-modal-content {
+    margin-left: 34px;
+    margin-top: 16px;
+    font-family: $font-family-medium;
+    font-weight: 400;
+    font-size: 12px;
+    color: var(--Text-2, rgba(60, 64, 67, 1));
+  }
   .arco-modal-footer {
     border-top: none;
     :first-child {
@@ -53,5 +79,6 @@
 }
 .body {
   padding: 0 24px;
+  
 }
 </style>
diff --git a/src/components/hover-image-preview/index.vue b/src/components/hover-image-preview/index.vue
index be68fc0..1a0f9f8 100644
--- a/src/components/hover-image-preview/index.vue
+++ b/src/components/hover-image-preview/index.vue
@@ -3,32 +3,45 @@
  * @Date: 2025-08-11 22:15:35
 -->
 <template>
-  <a-popover
-    :trigger="'hover'"
-    class="hover-big-image-preview-popover"
-    :position="props.position"
-    :mouse-enter-delay="props.enterDelay"
-    :mouse-leave-delay="props.leaveDelay"
-    :disabled="!props.src"
+  <Popover
+    trigger="hover"
+    :placement="props.position"
+    :mouseEnterDelay="props.enterDelay / 1000"
+    :mouseLeaveDelay="props.leaveDelay / 1000"
+    :open="props.src ? undefined : false"
+    overlayClassName="hover-big-image-preview-popover"
   >
     <template #content>
       <div class="preview-container">
         <img :src="props.src" alt="preview" class="preview-image" />
       </div>
     </template>
-    
+
     <slot />
-  </a-popover>
+  </Popover>
 </template>
 
 <script lang="ts" setup>
+import { Popover } from 'ant-design-vue';
 // import { computed, onMounted, ref, watch } from 'vue';
 // import type { ImageOrientation } from '@/utils/tools';
 // import { getImageOrientationByUrl } from '@/utils/tools';
 
 interface Props {
   src: string;
-  position?: 'top' | 'tl' | 'tr' | 'bottom' | 'bl' | 'br' | 'left' | 'lt' | 'lb' | 'right' | 'rt' | 'rb';
+  position?:
+    | 'top'
+    | 'topLeft'
+    | 'topRight'
+    | 'bottom'
+    | 'bottomLeft'
+    | 'bottomRight'
+    | 'left'
+    | 'leftTop'
+    | 'leftBottom'
+    | 'right'
+    | 'rightTop'
+    | 'rightBottom';
   enterDelay?: number;
   leaveDelay?: number;
 }
@@ -37,6 +50,7 @@ const props = withDefaults(defineProps<Props>(), {
   position: 'right',
   enterDelay: 100,
   leaveDelay: 200,
+  src: '',
 });
 
 // const orientation = ref<ImageOrientation>('landscape');
@@ -67,7 +81,11 @@ const props = withDefaults(defineProps<Props>(), {
 
 <style lang="scss">
 .hover-big-image-preview-popover {
-  .arco-popover-popup-content {
+  .ant-popover-content {
+    padding: 0 !important;
+  }
+
+  .ant-popover-inner {
     padding: 16px !important;
     border-radius: 8px;
     background: #fff;
diff --git a/src/components/img-lazy-load/index.vue b/src/components/img-lazy-load/index.vue
new file mode 100644
index 0000000..2ecb4de
--- /dev/null
+++ b/src/components/img-lazy-load/index.vue
@@ -0,0 +1,90 @@
+<template>
+  <div class="img-lazy" v-lazy:background-image="imgSrc" :key="src" :class="imgClass" :style="style" />
+</template>
+
+<script setup>
+import { ref, onMounted, watch, computed } from 'vue';
+const emit = defineEmits(['click']);
+const props = defineProps({
+  width: {
+    type: [String, Number],
+  },
+  height: {
+    type: [String, Number],
+  },
+  loadingSize: {
+    type: [String],
+    default: '5',
+  },
+  errorSize: {
+    type: [String],
+    default: '5',
+  },
+  fit: {
+    type: [String],
+    default: 'cover',
+  },
+  src: {
+    type: String,
+  },
+  customImg: {
+    type: String,
+  },
+});
+
+const style = computed(() => {
+  return {
+    'background-size': props.fit,
+    width: props.width ? parseInt(props.width) + 'px' : undefined,
+    height: props.height ? parseInt(props.height) + 'px' : undefined,
+  };
+});
+
+const imgClass = computed(() => {
+  return {
+    ['loading-size-' + props.loadingSize]: true,
+  };
+});
+
+const imgSrc = computed(() => {
+  return props.innerSrc || props.src;
+});
+const innerSrc = ref('');
+
+watch(
+  () => props.customImg,
+  () => {
+    innerSrc.value = '';
+    if (props.customImg) {
+      const img = new Image();
+      img.src = props.src;
+      img.onerror = () => {
+        innerSrc.value = props.customImg;
+      };
+      img.onload = () => {
+        innerSrc.value = props.src;
+      };
+    }
+  },
+  { immediate: true },
+);
+onMounted(() => {});
+</script>
+<style scoped lang="scss">
+.img-lazy.block {
+  display: block;
+}
+.img-lazy {
+  display: inline-block;
+  overflow: hidden;
+  background-size: 100% 100%;
+  background-position: center center;
+  background-repeat: no-repeat;
+
+  @for $i from 0 to 10 {
+    &.loading-size-#{$i}[lazy='loading'] {
+      background-size: #{$i * 10 + '%'} !important;
+    }
+  }
+}
+</style>
diff --git a/src/components/join-modal.vue b/src/components/join-modal.vue
index 0b32313..9725c91 100644
--- a/src/components/join-modal.vue
+++ b/src/components/join-modal.vue
@@ -9,6 +9,7 @@
 <script setup lang="ts">
 import Modal from '@components/modal.vue';
 import { ref, onMounted } from 'vue';
+import { message } from 'ant-design-vue';
 import { getQueryParam } from '@/utils/helper';
 
 import { getEnterpriseByInviteCode, joinEnterpriseByInviteCode } from '@/api/all';
@@ -26,7 +27,7 @@ async function getEnterprise() {
 
 async function handleJoin() {
   await joinEnterpriseByInviteCode(inviteCode.value);
-  AMessage.success('加入成功');
+  message.success('加入成功');
 }
 // onMounted(() => {
 //   getEnterprise();
diff --git a/src/components/modal.vue b/src/components/modal.vue
index e13c2ec..055e96c 100644
--- a/src/components/modal.vue
+++ b/src/components/modal.vue
@@ -1,9 +1,11 @@
 <template>
-  <a-modal title-align="start" modal-class="modal" body-class="body" v-bind="$attrs">
+  <Modal title-align="start" wrapClassName="modal" cancelText="取消" okText="确定" body-class="body" v-bind="$attrs" centered>
     <slot></slot>
-  </a-modal>
+  </Modal>
 </template>
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import { Modal } from 'ant-design-vue';
+</script>
 <style lang="scss">
 .modal {
   .arco-modal-header {
diff --git a/src/components/upload/FileUpload.vue b/src/components/upload/FileUpload.vue
index e37922b..809c740 100644
--- a/src/components/upload/FileUpload.vue
+++ b/src/components/upload/FileUpload.vue
@@ -1,18 +1,16 @@
 <template>
-  <a-upload
-    :custom-request="customRequest"
+  <Upload
+    :customRequest="customRequest"
     action="/"
-    :limit="limit"
+    :maxCount="limit"
     :fileList="fileList"
     @change="onChange"
-    @success="handleSuccess"
-    @error="handleError"
   />
 </template>
 
 <script setup lang="ts">
 import { ref } from 'vue';
-import { Message } from '@arco-design/web-vue';
+import { Upload, message } from 'ant-design-vue';
 import { fetchImageUploadFile, fetchUploadFile } from '@/api/all';
 import axios from 'axios';
 
@@ -70,8 +68,10 @@ watch(
 );
 
 let previousFileListLength = 0;
-//删除图片
-const onChange = (fileList) => {
+const onChange = (info) => {
+  const { fileList } = info;
+  
+  // 如果删除了文件
   if (fileList.length < previousFileListLength) {
     if (props.limit === 1) {
       if (fileList.length === 0) {
@@ -86,28 +86,35 @@ const onChange = (fileList) => {
       }
     }
   }
+  
+  // 处理上传成功的文件
+  if (info.file.status === 'done' && info.file.response) {
+    handleSuccess(info.file);
+  } else if (info.file.status === 'error') {
+    handleError(info.file.error);
+  }
 
   previousFileListLength = fileList.length;
 };
 
 const beforeUpload = (file, files) => {
   if (props.limit > 0 && files.length >= props.limit) {
-    Message.warning(`最多只能上传 ${props.limit} 张图片`);
+    message.warning(`最多只能上传 ${props.limit} 张图片`);
     return false; // 阻止上传
   }
   return true;
 };
 
 const handleError = (error) => {
-  Message.error('上传失败');
+  message.error('上传失败');
   console.error(error);
 };
 
 const customRequest = async (option) => {
-  const { onProgress, onError, onSuccess, fileItem, name } = option;
+  const { onProgress, onError, onSuccess, file, name } = option;
   try {
     // 1. 获取预签名上传URL
-    const response = await fetchUploadFile({ suffix: getFileExtension(fileItem.file.name) });
+    const response = await fetchUploadFile({ suffix: getFileExtension(file.name) });
     const preSignedUrl = response?.data?.upload_url;
 
     if (!preSignedUrl) {
@@ -115,9 +122,9 @@ const customRequest = async (option) => {
     }
     console.log('preSignedUrl', preSignedUrl);
     // 2. 使用预签名URL上传文件
-    const blob = new Blob([fileItem.file], { type: fileItem.file.type });
+    const blob = new Blob([file], { type: file.type });
     await axios.put(preSignedUrl, blob, {
-      headers: { 'Content-Type': fileItem.file.type },
+      headers: { 'Content-Type': file.type },
     });
 
     onSuccess(JSON.stringify(response));
diff --git a/src/components/upload/ImageUpload.vue b/src/components/upload/ImageUpload.vue
index 9a0be66..f1a2529 100644
--- a/src/components/upload/ImageUpload.vue
+++ b/src/components/upload/ImageUpload.vue
@@ -1,20 +1,19 @@
 <template>
-  <a-upload
-    :custom-request="customRequest"
-    list-type="picture-card"
+  <Upload
+    :customRequest="customRequest"
+    listType="picture-card"
     action="/"
-    :limit="limit"
+    :maxCount="limit"
     :fileList="fileList"
-    image-preview
+    :showUploadList="{ showPreviewIcon: true, showRemoveIcon: true }"
     @change="onChange"
-    @success="handleSuccess"
-    @error="handleError"
+    @preview="handlePreview"
   />
 </template>
 
 <script setup lang="ts">
 import { ref } from 'vue';
-import { Message } from '@arco-design/web-vue';
+import { Upload, message } from 'ant-design-vue';
 import { fetchImageUploadFile } from '@/api/all';
 import axios from 'axios';
 
@@ -72,8 +71,14 @@ watch(
 );
 
 let previousFileListLength = 0;
-//删除图片
-const onChange = (fileList) => {
+const handlePreview = (file) => {
+  console.log('Preview file:', file);
+};
+
+const onChange = (info) => {
+  const { fileList } = info;
+  
+  // 如果删除了文件
   if (fileList.length < previousFileListLength) {
     if (props.limit === 1) {
       if (fileList.length === 0) {
@@ -88,28 +93,35 @@ const onChange = (fileList) => {
       }
     }
   }
+  
+  // 处理上传成功的文件
+  if (info.file.status === 'done' && info.file.response) {
+    handleSuccess(info.file);
+  } else if (info.file.status === 'error') {
+    handleError(info.file.error);
+  }
 
   previousFileListLength = fileList.length;
 };
 
 const beforeUpload = (file, files) => {
   if (props.limit > 0 && files.length >= props.limit) {
-    Message.warning(`最多只能上传 ${props.limit} 张图片`);
+    message.warning(`最多只能上传 ${props.limit} 张图片`);
     return false; // 阻止上传
   }
   return true;
 };
 
 const handleError = (error) => {
-  Message.error('上传失败');
+  message.error('上传失败');
   console.error(error);
 };
 
 const customRequest = async (option) => {
-  const { onProgress, onError, onSuccess, fileItem, name } = option;
+  const { onProgress, onError, onSuccess, file, name } = option;
   try {
     // 1. 获取预签名上传URL
-    const response = await fetchImageUploadFile({ suffix: getFileExtension(fileItem.file.name) });
+    const response = await fetchImageUploadFile({ suffix: getFileExtension(file.name) });
     const preSignedUrl = response?.data?.upload_url;
 
     if (!preSignedUrl) {
@@ -117,9 +129,9 @@ const customRequest = async (option) => {
     }
     console.log('preSignedUrl', preSignedUrl);
     // 2. 使用预签名URL上传文件
-    const blob = new Blob([fileItem.file], { type: fileItem.file.type });
+    const blob = new Blob([file], { type: file.type });
     await axios.put(preSignedUrl, blob, {
-      headers: { 'Content-Type': fileItem.file.type },
+      headers: { 'Content-Type': file.type },
     });
 
     onSuccess(JSON.stringify(response));
diff --git a/src/components/xt-chat/chat-view/components/right-view/index.vue b/src/components/xt-chat/chat-view/components/right-view/index.vue
index ca682d1..aac24e7 100644
--- a/src/components/xt-chat/chat-view/components/right-view/index.vue
+++ b/src/components/xt-chat/chat-view/components/right-view/index.vue
@@ -1,5 +1,5 @@
 <script lang="tsx">
-import { Button } from '@arco-design/web-vue';
+import { Button } from 'ant-design-vue';
 import { Bubble } from '@/components/xt-chat/xt-bubble';
 
 import Http from '@/api';
@@ -79,8 +79,8 @@ export default {
         <header class="header flex justify-end items-center mb-16px px-32px">
           {hasMediaCenter.value && (
             <Button
-              type="outline"
-              size="medium"
+              type="primary"
+              ghost
               class="mr-16px"
               v-slots={{ icon: () => <icon-plus size="14" /> }}
               onClick={onAddMediaCenter}
@@ -90,8 +90,8 @@ export default {
           )}
 
           <Button
-            type="outline"
-            size="medium"
+            type="primary"
+            ghost
             class="mr-16px"
             v-slots={{ icon: () => <icon-plus size="14" /> }}
             onClick={onAddTaskManage}
diff --git a/src/hooks/index.ts b/src/hooks/index.ts
index 182efb6..7bba71a 100644
--- a/src/hooks/index.ts
+++ b/src/hooks/index.ts
@@ -1,2 +1 @@
-export * from './responsive';
-export * from './modal';
+export * from './responsive';
\ No newline at end of file
diff --git a/src/hooks/modal.ts b/src/hooks/modal.ts
deleted file mode 100644
index 198482d..0000000
--- a/src/hooks/modal.ts
+++ /dev/null
@@ -1,55 +0,0 @@
-/*
- * @Author: 田鑫
- * @Date: 2023-02-21 15:11:01
- * @LastEditors: 田鑫
- * @LastEditTime: 2023-02-21 15:11:02
- * @Description:
- */
-import type { AppContext, Component, DefineComponent } from 'vue';
-import type { ModalConfig } from '@arco-design/web-vue';
-
-import { ModalSimple } from '@/components/_base';
-
-type CompType = DefineComponent | Component;
-interface SlotsType {
-  default?: CompType;
-  header?: CompType;
-  close?: CompType;
-}
-
-export const useModal = () => {
-  const instance = getCurrentInstance();
-
-  const Modal = AModal;
-
-  Modal._context = instance?.appContext as AppContext;
-
-  Modal.simple = (config: ModalConfig, slots: SlotsType) => {
-    const { title, content, ..._config } = config || {};
-
-    const modal = Modal.open({
-      ..._config,
-      simple: false,
-      footer: false,
-      closable: false,
-      content: () =>
-        h(
-          ModalSimple,
-          {
-            title,
-            content,
-            onClose: modal.close,
-          },
-          {
-            default: slots?.default,
-            header: slots?.header,
-            close: slots?.close,
-          },
-        ),
-    });
-
-    return modal;
-  };
-
-  return { Modal };
-};
diff --git a/src/hooks/table-hooks.ts b/src/hooks/table-hooks.ts
deleted file mode 100644
index 9cdb296..0000000
--- a/src/hooks/table-hooks.ts
+++ /dev/null
@@ -1,172 +0,0 @@
-/*
- * @Author: 田鑫
- * @Date: 2023-02-16 15:02:51
- * @LastEditors: 田鑫
- * @LastEditTime: 2023-03-09 11:20:59
- * @Description: table-hooks
- */
-import type { PaginationProps, TableBorder, TableColumnData, TableData, TableRowSelection } from '@arco-design/web-vue';
-type Size = 'mini' | 'small' | 'medium' | 'large';
-interface IDefaultProps {
-  /** 是否显示边框 */
-  bordered?: TableBorder;
-  /** 是否显示选中效果 */
-  hoverable?: boolean;
-  /** 表格的大小 */
-  size?: Size;
-  /** 是否允许调整列宽 */
-  'column-resizable'?: boolean;
-  /** 是否为加载中状态 */
-  loading?: boolean;
-  /** 分页参数 */
-  pagination?: PaginationProps;
-  /** table数据类型 */
-  data?: any[];
-  /** 表头参数 */
-  columns?: TableColumnData[];
-  /** 表格行 key 的取值字段 */
-  'row-key'?: string;
-  /** 表格的行选择器配置 */
-  'row-selection'?: TableRowSelection;
-  'selected-keys'?: (string | number)[];
-  [x: string]: any;
-}
-interface IPagination {
-  /** 当前页数 */
-  current?: number;
-  /** 总页数默认是0条 */
-  total?: number;
-}
-interface ITableResponse<T> {
-  current?: number;
-  records?: T[];
-  size?: number;
-  total?: number;
-  [x: string]: any;
-}
-type GetListFunc<T> = (v: object) => Promise<ITableResponse<T>>;
-export default function useTableProps<T>(loadListFunc: GetListFunc<T>) {
-  const defaultProps: IDefaultProps = {
-    bordered: { cell: true },
-    size: 'large',
-    'column-resizable': true,
-    loading: true,
-    data: [] as any[],
-    pagination: {
-      current: 1,
-      pageSize: 20,
-      total: 0,
-      showPageSize: true,
-      showTotal: true,
-    },
-    hoverable: false,
-    columns: [],
-  };
-  //* 属性组
-  const propsRes = reactive<IDefaultProps>(defaultProps);
-  //* 设置请求参数，如果出了分页参数还有搜索参数，在模板页面调用此方法，可以加入参数
-  const loadListParams = reactive<object>({
-    page: 1,
-    size: 20,
-  });
-  /**
-   * 单独设置默认属性
-   * @param params
-   */
-  const setProps = (params: IDefaultProps) => {
-    if (Object.keys(params).length > 0) {
-      Object.assign(defaultProps, params);
-    }
-  };
-  /**
-   * 设置表头数据
-   * @param columns
-   */
-  const setColumns = (columns: TableColumnData[]) => {
-    propsRes.columns = columns;
-  };
-  /**
-   * 设置loading
-   * @param status
-   */
-  const setLoading = (status: boolean) => {
-    propsRes.loading = status;
-  };
-  /**
-   * 设置分页
-   * @param param0
-   */
-  const setPagination = ({ current, total }: IPagination) => {
-    propsRes.pagination!.current = current;
-    total && (propsRes.pagination!.total = total);
-    Object.assign(loadListParams, { page: current });
-  };
-  /**
-   * 设置列表请求参数
-   * @param params
-   */
-  const setLoadListParams = <R>(params?: R) => {
-    Object.assign(loadListParams, params);
-  };
-  /**
-   * 加载列表
-   * @returns
-   */
-  const loadTableData = async (resetPageIndex = false) => {
-    if (resetPageIndex) {
-      setPagination({ current: 1 });
-    }
-    setLoading(true);
-    try {
-      const resData = await loadListFunc({
-        ...loadListParams,
-      });
-      console.log(resData);
-      const response = resData as ITableResponse<T>;
-      propsRes.data = response.records;
-      setPagination({
-        current: response.current,
-        total: response.total,
-      });
-      setLoading(false);
-      return resData;
-    } catch (error) {
-      setLoading(false);
-      return [];
-    }
-  };
-
-  // 事件触发组
-  const propsEvent = reactive({
-    // 排序触发
-    sorterChange: (dataIndex: string, direction: string) => {
-      console.log(dataIndex, direction);
-    },
-    // 分页触发
-    pageChange: (current: number) => {
-      setPagination({ current });
-      loadTableData();
-    },
-    // 修改每页显示条数
-    pageSizeChange: (size: number) => {
-      propsRes.pagination!.pageSize = size;
-      Object.assign(loadListParams, { size });
-      loadTableData();
-    },
-    selectionChange: (rowKeys: (string | number)[]) => {
-      propsRes['selected-keys'] = rowKeys;
-    },
-  });
-
-  return {
-    propsRes,
-    propsEvent,
-    loadListParams,
-    setProps,
-    setColumns,
-    setLoading,
-    setPagination,
-    loadTableData,
-    setLoadListParams,
-  };
-}
diff --git a/src/hooks/useTableSelectionWithPagination.ts b/src/hooks/useTableSelectionWithPagination.ts
index 71286e5..ebc6b22 100644
--- a/src/hooks/useTableSelectionWithPagination.ts
+++ b/src/hooks/useTableSelectionWithPagination.ts
@@ -22,30 +22,28 @@ export function useTableSelectionWithPagination(options: UseTableSelectionWithPa
   const rowKey = options.rowKey || 'id';
 
   const selectedRowKeys = ref<Array<string | number>>([]);
-  const selectedRows = ref<any[]>([]);
+  const selectedRows = ref<Array<any>>([]);
 
   const pageInfo = ref(merge({}, DEFAULT_PAGE_INFO, options.pageInfo));
 
   const dataSource = ref<any[]>([]);
 
   // 单行选择
-  const handleSelect = (selectedKeys: (string | number)[], rowKeyValue: string | number, record: any) => {
-    const select = selectedKeys.includes(rowKeyValue);
-    selectedRowKeys.value = selectedKeys;
-
+  const handleSelect = (record: any, select: boolean) => {
+    const _targetKey = record[rowKey];
     if (select) {
-      if (!selectedRows.value.some((v) => v[rowKey] === record[rowKey])) {
-        selectedRows.value.push(record);
-      }
+      selectedRows.value.push(record);
+      selectedRowKeys.value.push(_targetKey);
     } else {
-      selectedRows.value = selectedRows.value.filter((v) => v[rowKey] !== record[rowKey]);
+      selectedRows.value = selectedRows.value.filter((v) => v[rowKey] !== _targetKey);
+      selectedRowKeys.value = selectedRowKeys.value.filter((key) => key !== _targetKey);
     }
+
     options.onSelectChange?.();
   };
 
   // 全选/取消全选
   const handleSelectAll = (checked: boolean) => {
-    console.log('handleSelectAll', checked)
     const currentPageRows = dataSource.value;
     const currentPageKeys = currentPageRows.map((v) => v[rowKey]);
 
@@ -62,18 +60,21 @@ export function useTableSelectionWithPagination(options: UseTableSelectionWithPa
     options.onSelectChange?.();
   };
 
-  const onPageChange = (page: number) => {
+  const onPageChange = (page: number, pageSize: number) => {
+    // console.log('onPageChange', page, pageSize);
     pageInfo.value.page = page;
+    pageInfo.value.page_size = pageSize;
     options.onPageChange?.(page);
   };
-  const onPageSizeChange = (size: number) => {
-    pageInfo.value.page_size = size;
-    pageInfo.value.page = 1;
-    options.onPageSizeChange?.(size);
+  const onPageSizeChange = (current: number, size: number) => {
+    // console.log('onPageSizeChange', current, size);
+    // pageInfo.value.page_size = size;
+    // pageInfo.value.page = 1;
+    // options.onPageSizeChange?.(size);
   };
   const resetPageInfo = () => {
-    pageInfo.value = cloneDeep(DEFAULT_PAGE_INFO)
-  }
+    pageInfo.value = cloneDeep(DEFAULT_PAGE_INFO);
+  };
 
   const rowSelection = computed(() => ({
     type: 'checkbox',
diff --git a/src/layouts/Basic.vue b/src/layouts/Basic.vue
index e08ae80..5df5fe4 100644
--- a/src/layouts/Basic.vue
+++ b/src/layouts/Basic.vue
@@ -55,7 +55,7 @@ const checkHasInviteCode = () => {
 
 <template>
   <Layout :class="['layout-wrap', { mobile: appStore.hideMenu }]" class="h-full flex flex-col w-full">
-    <JoinModal v-model:visible="joinEnterpriseVisible" ref="joinModalRef" />
+    <JoinModal v-model:open="joinEnterpriseVisible" centered ref="joinModalRef" />
     <Layout.Header class="layout-header-wrap">
       <Navbar />
     </Layout.Header>
diff --git a/src/layouts/NotFound.vue b/src/layouts/NotFound.vue
index 33e7585..54aa38a 100644
--- a/src/layouts/NotFound.vue
+++ b/src/layouts/NotFound.vue
@@ -1,4 +1,7 @@
 <script setup lang="ts">
+import { Button, Result } from 'ant-design-vue';
+import { useRouter } from 'vue-router';
+
 const router = useRouter();
 const back = () => {
   router.replace('/');
@@ -7,9 +10,9 @@ const back = () => {
 
 <template>
   <div class="content">
-    <a-result class="result" status="404" subtitle="页面跑路了" />
-    <div class="operation-row">
-      <a-button key="back" type="primary" @click="back">返回</a-button>
+    <Result class="result" status="404" sub-title="页面跑路了" />
+    <div class="operation-row flex justify-center">
+      <Button key="back" type="primary" @click="back">返回</Button>
     </div>
   </div>
 </template>
@@ -19,8 +22,10 @@ const back = () => {
   position: absolute;
   top: 50%;
   left: 50%;
-  margin-left: -95px;
-  margin-top: -121px;
-  text-align: center;
+  transform: translate(-50%, -50%);
+  padding: 32px 32px 24px;
+  // margin-left: -95px;
+  // margin-top: -121px;
+  // text-align: center;
 }
 </style>
diff --git a/src/layouts/components/navbar/components/exit-account-modal/index.vue b/src/layouts/components/navbar/components/exit-account-modal/index.vue
index b100121..1ec5e2c 100644
--- a/src/layouts/components/navbar/components/exit-account-modal/index.vue
+++ b/src/layouts/components/navbar/components/exit-account-modal/index.vue
@@ -3,13 +3,14 @@
  * @Date: 2025-06-26 17:23:52
 -->
 <template>
-  <a-modal
-    v-model:visible="visible"
+  <Modal
+    v-model:open="visible"
     width="400px"
-    modal-class="exit-account-modal"
+    wrapClassName="exit-account-modal"
     show-close="false"
-    :footer="false"
-    @close="onClose"
+    :footer="null"
+    @cancel="onClose"
+    centered
   >
     <div class="flex items-center mb-16px">
       <img :src="icon1" width="20" height="20" class="mr-12px" />
@@ -17,15 +18,14 @@
     </div>
     <p class="m-0 p-0 mb-24px s2 ml-32px">退出登录后，你将无法收到该账号的通知</p>
     <div class="flex items-center justify-end">
-      <a-button class="!rounded-4px" size="medium" @click="onClose">返回</a-button>
-      <a-button type="primary" class="ml-16px danger-btn" status="danger" size="medium" @click="onLogout"
-        >退出登录</a-button
-      >
+      <Button @click="onClose">返回</Button>
+      <Button danger type="primary" @click="onLogout" class="ml-8px">退出登录</Button>
     </div>
-  </a-modal>
+  </Modal>
 </template>
 
 <script setup>
+import { Modal, Button, message } from 'ant-design-vue';
 import { ref } from 'vue';
 import { fetchLogOut } from '@/api/all/login';
 import { handleUserLogout } from '@/utils/user';
@@ -46,7 +46,7 @@ async function onLogout() {
   const { code } = await fetchLogOut();
   if (code === 200) {
     handleUserLogout();
-    AMessage.success('退出登录成功');
+    message.success('退出登录成功');
     onClose();
   }
 }
@@ -56,14 +56,14 @@ defineExpose({ open });
 
 <style lang="scss">
 .exit-account-modal {
-  border-radius: 8px;
-  border: 1px solid var(--BG-300, #e6e6e8) !important;
-  background-color: var(--BG-white, #fff) !important;
-  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
-  .arco-modal-header {
+  // border-radius: 8px;
+  // border: 1px solid var(--BG-300, #e6e6e8) !important;
+  // background-color: var(--BG-white, #fff) !important;
+  // box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
+  .ant-modal-header {
     display: none;
   }
-  .arco-modal-body {
+  .ant-modal-body {
     padding: 24px;
     .s1 {
       color: var(--Text-1, #211f24);
@@ -81,15 +81,6 @@ defineExpose({ open });
       font-weight: 400;
       line-height: 20px; /* 166.667% */
     }
-    .cancel-btn {
-      border-radius: 4px;
-    }
-    .danger-btn {
-      background: var(--Functional-Danger-6, #f64b31) !important;
-      &:hover {
-        background: var(--Functional-Danger-6, #f64b31) !important;
-      }
-    }
   }
 }
 </style>
diff --git a/src/layouts/components/navbar/components/right-side/index.vue b/src/layouts/components/navbar/components/right-side/index.vue
index 6e2bc12..8609e5a 100644
--- a/src/layouts/components/navbar/components/right-side/index.vue
+++ b/src/layouts/components/navbar/components/right-side/index.vue
@@ -10,33 +10,31 @@
     <div class="agent-entry mx-16px" :class="isAgentRoute ? 'agent' : ''" @click="handleAgentClick"></div>
 
     <!-- 头像设置 -->
-    <a-dropdown trigger="click" class="layout-avatar-dropdown">
-      <a-avatar class="cursor-pointer" :size="32">
-        <img alt="avatar" src="@/assets/avatar.svg" />
-      </a-avatar>
-      <template #content>
-        <div>
-          <a-doption>
-            <a-space class="flex justify-between w-100%" @click="setServerMenu">
+    <Dropdown trigger="click" overlayClassName="layout-avatar-dropdown">
+      <img alt="avatar" src="@/assets/avatar.svg" class="cursor-pointer w-32px h-32px rounded-50%" />
+      <template #overlay>
+        <Menu>
+          <MenuItem>
+            <div class="h-full flex justify-between items-center w-100%" @click="setServerMenu">
               <div class="flex items-center">
                 <img :src="icon1" class="w-16px h-16px mr-8px" />
                 <span>管理中心</span>
               </div>
               <icon-right size="12" />
-            </a-space>
-          </a-doption>
-          <a-dsubmenu value="option-1" position="lt" trigger="hover" class="enterprises-dsubmenu">
-            <a-doption class="enterprises-doption">
-              <a-space class="flex justify-between w-100%">
-                <div class="flex items-center">
-                  <img :src="icon3" class="w-16px h-16px mr-8px" />
-                  <span>切换企业账号</span>
+            </div>
+          </MenuItem>
+          <MenuItem>
+            <SubMenu value="option-1" position="lt" trigger="hover" popupClassName="enterprises-dsubmenu">
+              <template #title>
+                <div class="flex justify-between w-100% h-full items-center">
+                  <div class="flex items-center">
+                    <img :src="icon3" class="w-16px h-16px mr-8px" />
+                    <span>切换企业账号</span>
+                  </div>
+                  <icon-right size="12" />
                 </div>
-                <icon-right size="12" />
-              </a-space>
-            </a-doption>
-            <template #content>
-              <a-doption
+              </template>
+              <MenuItem
                 v-for="(item, index) in enterprises"
                 :key="index"
                 class="rounded-8px hover:bg-#F2F3F5"
@@ -49,21 +47,21 @@
                   <span>{{ item.name }}</span>
                   <icon-check v-if="enterpriseInfo?.id === item.id" size="16" />
                 </div>
-              </a-doption>
-            </template>
-          </a-dsubmenu>
-          <a-doption>
-            <a-space class="flex justify-between w-100%" @click="clickExit">
+              </MenuItem>
+            </SubMenu>
+          </MenuItem>
+          <MenuItem>
+            <div class="flex justify-between w-100% h-full items-center" @click="clickExit">
               <div class="flex items-center">
                 <img :src="icon2" class="w-16px h-16px mr-8px" />
                 <span>退出登录</span>
               </div>
               <icon-right size="12" />
-            </a-space>
-          </a-doption>
-        </div>
+            </div>
+          </MenuItem>
+        </Menu>
       </template>
-    </a-dropdown>
+    </Dropdown>
 
     <ExitAccountModal ref="exitAccountModalRef" />
     <DownloadCenterModal ref="downloadCenterModalRef" />
@@ -71,6 +69,7 @@
 </template>
 
 <script setup>
+import { Dropdown, Menu, MenuItem, SubMenu } from 'ant-design-vue';
 import router from '@/router';
 import { useEnterpriseStore } from '@/stores/modules/enterprise';
 import { useSidebarStore } from '@/stores/modules/side-bar';
@@ -137,35 +136,51 @@ const handleAgentClick = () => {
 <style lang="scss">
 .layout-avatar-dropdown,
 .enterprises-dsubmenu {
-  .arco-dropdown {
+  .ant-dropdown-menu {
     border-radius: 8px;
     border: 1px solid var(--BG-300, #e6e6e8);
     background: var(--BG-white, #fff);
     padding: 12px 0px;
-    .arco-dropdown-option {
+    .ant-dropdown-menu-item {
       padding: 0 12px;
       margin-bottom: 4px;
-      &-content {
+
+      .ant-dropdown-menu-title-content {
         display: flex;
         height: 40px;
         width: 100%;
         padding: 10px 24px;
         align-items: center;
-        .menu-item-text {
-          color: var(--Text-2, #3c4043);
-          font-family: $font-family-regular;
-          font-size: 16px;
-          font-style: normal;
-          font-weight: 400;
-          line-height: 22px;
+        .ant-dropdown-menu-submenu {
+          width: 100%;
+          .ant-dropdown-menu-submenu-title {
+            padding: 0;
+            &:hover {
+              background: none;
+            }
+            .ant-dropdown-menu-title-content {
+              padding: 0 !important;
+            }
+          }
+          .ant-dropdown-menu-submenu-arrow {
+            display: none;
+          }
         }
       }
-      .arco-dropdown-option-content {
+      .menu-item-text {
+        color: var(--Text-2, #3c4043);
+        font-family: $font-family-regular;
+        font-size: 16px;
+        font-style: normal;
+        font-weight: 400;
+        line-height: 22px;
+      }
+      .ant-dropdown-menu-title-content {
         border-radius: 8px !important;
       }
-      &:not(.arco-dropdown-option-disabled):hover {
+      &:not(.ant-dropdown-menu-item):hover {
         background-color: transparent;
-        .arco-dropdown-option-content {
+        .ant-dropdown-menu-title-content {
           background: var(--BG-200, #f2f3f5);
         }
       }
@@ -175,29 +190,29 @@ const handleAgentClick = () => {
 .layout-avatar-dropdown,
 .enterprises-dsubmenu {
   width: 200px;
-  .arco-dropdown {
+  .ant-dropdown-menu {
     padding: 12px 4px;
-    .arco-dropdown-option {
+    .ant-dropdown-menu-item {
       padding: 0 !important;
-      &-content {
+      .ant-dropdown-menu-title-content {
         padding: 0 12px !important;
       }
     }
   }
-  .arco-dropdown-option-suffix {
+  .ant-dropdown-option-suffix {
     display: none;
   }
-  .enterprises-doption {
-    .arco-dropdown-option-content {
-      padding: 0 !important;
-      border-radius: 8px;
-    }
-    &:not(.arco-dropdown-option-disabled):hover {
-      background-color: transparent;
-      .arco-dropdown-option-content {
-        background: var(--BG-200, #f2f3f5);
-      }
-    }
-  }
+  // .enterprises-doption {
+  //   .ant-dropdown-menu-title-content {
+  //     padding: 0 !important;
+  //     border-radius: 8px;
+  //   }
+  //   &:not(.ant-dropdown-option-disabled):hover {
+  //     background-color: transparent;
+  //     .ant-dropdown-menu-title-content {
+  //       background: var(--BG-200, #f2f3f5);
+  //     }
+  //   }
+  // }
 }
 </style>
diff --git a/src/layouts/components/navbar/components/task-center-modal/components/export-task/delete-task-modal.vue b/src/layouts/components/navbar/components/task-center-modal/components/export-task/delete-task-modal.vue
index e28a39a..cfda616 100644
--- a/src/layouts/components/navbar/components/task-center-modal/components/export-task/delete-task-modal.vue
+++ b/src/layouts/components/navbar/components/task-center-modal/components/export-task/delete-task-modal.vue
@@ -1,24 +1,24 @@
 <template>
-  <a-modal
-    v-model:visible="visible"
+  <Modal
+    v-model:open="visible"
     :title="isBatch ? '批量删除下载记录' : '删除下载记录'"
     width="400px"
-    @close="onClose"
+    @cancel="onClose"
+    centered
   >
     <div class="flex items-center">
       <img :src="icon1" width="20" height="20" class="mr-12px" />
       <span>确认删除 {{ accountName }} 这条记录吗？</span>
     </div>
     <template #footer>
-      <a-button size="large" @click="onClose">取消</a-button>
-      <a-button type="primary" class="ml-16px !bg-#f64b31 !border-none" status="danger" size="large" @click="onDelete"
-        >确定</a-button
-      >
+      <Button @click="onClose">取消</Button>
+      <Button type="primary" danger @click="onDelete">确定</Button>
     </template>
-  </a-modal>
+  </Modal>
 </template>
 
 <script setup>
+import { Modal, Button, message } from 'ant-design-vue';
 import { ref } from 'vue';
 import { deleteTask, deleteBatchTasks } from '@/api/all/common';
 import icon1 from '@/assets/img/media-account/icon-warn-1.png';
@@ -52,7 +52,7 @@ async function onDelete() {
 
   const { code } = await _fn(_params);
   if (code === 200) {
-    AMessage.success('删除成功');
+    message.success('删除成功');
     isBatch.value ? emits('batchUpdate') : emits('update');
     onClose();
   }
diff --git a/src/layouts/components/navbar/components/task-center-modal/components/export-task/index.vue b/src/layouts/components/navbar/components/task-center-modal/components/export-task/index.vue
index 3e1a3bf..7686ef4 100644
--- a/src/layouts/components/navbar/components/task-center-modal/components/export-task/index.vue
+++ b/src/layouts/components/navbar/components/task-center-modal/components/export-task/index.vue
@@ -1,7 +1,8 @@
 <script lang="jsx">
 import { ref, computed } from 'vue';
-import { Input, Table, TableColumn, Checkbox, Pagination, Button, Tooltip, Notification } from '@arco-design/web-vue';
+import { Button, Checkbox, Input, Tooltip, Table, Pagination, message, notification } from 'ant-design-vue';
 import { IconSearch, IconClose, IconQuestionCircle } from '@arco-design/web-vue/es/icon';
+
 import NoData from '@/components/no-data';
 import { getTask, postRedoTask, postBatchDownload, batchQueryTaskStatus } from '@/api/all/common';
 import { INITIAL_FORM, TABLE_COLUMNS } from './constants';
@@ -21,8 +22,6 @@ export default {
       dataSource,
       pageInfo,
       onPageChange,
-      onPageSizeChange,
-      rowSelection,
       handleSelect,
       handleSelectAll,
       DEFAULT_PAGE_INFO,
@@ -30,9 +29,6 @@ export default {
       onPageChange: () => {
         getData();
       },
-      onPageSizeChange: () => {
-        getData();
-      },
     });
     let queryTaskTimer = null;
 
@@ -75,10 +71,12 @@ export default {
       getData();
     };
 
-    const handleSorterChange = (column, order) => {
-      query.value.sort_column = column;
-      query.value.sort_order = order === 'ascend' ? 'asc' : 'desc';
-      reload();
+    const handleSorterChange = (pagination, filters, sorter) => {
+      if (sorter && !Array.isArray(sorter) && sorter.columnKey) {
+        query.value.sort_column = sorter.columnKey;
+        query.value.sort_order = sorter.order === 'ascend' ? 'asc' : 'desc';
+        reload();
+      }
     };
 
     const handleSearch = () => {
@@ -137,10 +135,10 @@ export default {
             completeTaskNum++;
 
             const notificationId = downloadTaskInfos.value.find((v) => v.id === id)?.randomId;
-            notificationId && Notification.remove(notificationId);
+            notificationId && notification.close(notificationId);
 
             if (status === 1) {
-              AMessage.success('批量下载已完成，正在下载文件...');
+              message.success('批量下载已完成，正在下载文件...');
               downloadByUrl(file);
             } else if (status === 2) {
               const onReDownload = () => {
@@ -208,11 +206,11 @@ export default {
           <div class="filter-row-item flex items-center">
             <span class="label">操作人员</span>
             <Input
-              v-model={query.value.operator_name}
+              v-model:value={query.value.operator_name}
               class="w-240px"
               placeholder="请输入操作人员"
-              size="medium"
-              allow-clear
+              size="middle"
+              allowClear
               onChange={handleSearch}
               v-slots={{
                 prefix: () => <IconSearch />,
@@ -222,11 +220,11 @@ export default {
           <div class="filter-row-item flex items-center">
             <span class="label">所属模块</span>
             <Input
-              v-model={query.value.module}
+              v-model:value={query.value.module}
               class="w-240px"
               placeholder="请输入所属模块"
-              size="medium"
-              allow-clear
+              size="middle"
+              allowClear
               onChange={handleSearch}
               v-slots={{
                 prefix: () => <IconSearch />,
@@ -239,17 +237,17 @@ export default {
         {dataSource.value.length > 0 && selectedRows.value.length > 0 && (
           <div
             class={[
-              'tip-row flex justify-between px-16px py-10px w-100% mb-16px h-42px',
+              'tip-row flex justify-between px-16px py-10px w-100% mb-16px h-48px items-center',
               selectedRows.value.length > 0 ? ' selected' : '',
             ].join('')}
           >
             <div class="flex items-center">
               <div class="flex items-center">
                 <Checkbox
-                  modelValue={checkedAll.value}
+                  checked={checkedAll.value}
                   indeterminate={indeterminate.value}
                   class="mr-8px"
-                  onChange={handleSelectAll}
+                  onChange={(e) => handleSelectAll(e.target.checked)}
                 />
                 <span class="label mr-24px">
                   已选
@@ -271,104 +269,96 @@ export default {
         {/* 表格 */}
         <Table
           ref="tableRef"
-          data={dataSource.value}
-          column-resizable
-          row-key="id"
-          row-selection={rowSelection.value}
-          selected-keys={selectedRowKeys.value}
+          dataSource={dataSource.value}
+          rowKey="id"
+          rowSelection={{
+            selectedRowKeys: selectedRowKeys.value,
+            onSelect: handleSelect,
+            onSelectAll: handleSelectAll,
+          }}
           pagination={false}
           scroll={{ x: '100%', y: '100%' }}
           class="w-100% flex-1 overflow-hidden"
           bordered
-          onSorterChange={handleSorterChange}
-          onSelect={handleSelect}
-          onSelectAll={handleSelectAll}
+          showSorterTooltip={false}
+          onChange={handleSorterChange}
           v-slots={{
-            empty: () => <NoData />,
-            columns: () => (
-              <>
-                {TABLE_COLUMNS.map((column) => (
-                  <TableColumn
-                    key={column.dataIndex}
-                    data-index={column.dataIndex}
-                    fixed={column.fixed}
-                    width={column.width}
-                    min-width={column.minWidth}
-                    sortable={column.sortable}
-                    align={column.align}
-                    ellipsis
-                    tooltip
-                    v-slots={{
-                      title: () => (
-                        <div class="flex items-center">
-                          <span class="cts mr-4px">{column.title}</span>
-                          {column.tooltip && (
-                            <Tooltip content={column.tooltip} position="top">
-                              <IconQuestionCircle class="tooltip-icon color-#737478" size={16} />
-                            </Tooltip>
-                          )}
-                        </div>
-                      ),
-                      cell: ({ record }) => {
-                        if (column.dataIndex === 'status') {
-                          return (
-                            <div class={['status-box', `status-box-${record.status}`]}>
-                              <span>{EXPORT_TASK_STATUS.find((v) => v.value === record.status)?.label}</span>
-                            </div>
-                          );
-                        } else if (column.dataIndex === 'operator.name') {
-                          return record.operator?.name || record.operator?.mobile;
-                        } else if (column.dataIndex === 'created_at') {
-                          return exactFormatTime(record.created_at, 'YYYY-MM-DD HH:mm:ss', 'YYYY-MM-DD HH:mm:ss');
-                        } else {
-                          return formatTableField(column, record, true);
-                        }
-                      },
-                    }}
-                  />
-                ))}
-                <TableColumn
-                  data-index="operation"
-                  width={dataSource.value.some((record) => record.status !== enumTaskStatus.Exporting) ? 120 : 60}
-                  fixed="right"
-                  title="操作"
-                  v-slots={{
-                    cell: ({ record }) => (
-                      <div class="flex items-center">
-                        <img
-                          src={icon1}
-                          width="14"
-                          height="14"
-                          class="mr-8px cursor-pointer"
-                          onClick={() => handleDelete(record)}
-                        />
-                        {record.status !== enumTaskStatus.Exporting && (
-                          <Button type="outline" size="mini" class="search-btn" onClick={() => handleDownload(record)}>
-                            {record.status === enumTaskStatus.Failed ? '重新导出' : '下载'}
-                          </Button>
-                        )}
-                      </div>
-                    ),
-                  }}
-                />
-              </>
-            ),
+            emptyText: () => <NoData />,
           }}
-        />
+        >
+          {TABLE_COLUMNS.map((column) => (
+            <Table.Column
+              key={column.dataIndex}
+              dataIndex={column.dataIndex}
+              fixed={column.fixed}
+              width={column.width}
+              minWidth={column.minWidth}
+              sorter={column.sortable}
+              align={column.align}
+              ellipsis
+              title={() => (
+                <>
+                  <span class="cts mr-4px">{column.title}</span>
+                  {column.tooltip && (
+                    <Tooltip title={column.tooltip} placement="top">
+                      <IconQuestionCircle class="tooltip-icon color-#737478" size={16} />
+                    </Tooltip>
+                  )}
+                </>
+              )}
+              customRender={({ record }) => {
+                if (column.dataIndex === 'status') {
+                  return (
+                    <div class={['status-box', `status-box-${record.status}`]}>
+                      <span>{EXPORT_TASK_STATUS.find((v) => v.value === record.status)?.label}</span>
+                    </div>
+                  );
+                } else if (column.dataIndex === 'operator.name') {
+                  return record.operator?.name || record.operator?.mobile;
+                } else if (column.dataIndex === 'created_at') {
+                  return exactFormatTime(record.created_at, 'YYYY-MM-DD HH:mm:ss', 'YYYY-MM-DD HH:mm:ss');
+                } else {
+                  return formatTableField(column, record, true);
+                }
+              }}
+            />
+          ))}
+          <Table.Column
+            dataIndex="operation"
+            width={dataSource.value.some((record) => record.status !== enumTaskStatus.Exporting) ? 120 : 60}
+            fixed="right"
+            title="操作"
+            customRender={({ record }) => (
+              <div class="flex items-center">
+                <img
+                  src={icon1}
+                  width="14"
+                  height="14"
+                  class="mr-8px cursor-pointer"
+                  onClick={() => handleDelete(record)}
+                />
+                {record.status !== enumTaskStatus.Exporting && (
+                  <Button type="primary" ghost size="small" class="search-btn" onClick={() => handleDownload(record)}>
+                    {record.status === enumTaskStatus.Failed ? '重新导出' : '下载'}
+                  </Button>
+                )}
+              </div>
+            )}
+          />
+        </Table>
 
         {/* 分页 */}
         {pageInfo.value.total > 0 && (
           <div class="flex justify-end my-16px">
             <Pagination
               total={pageInfo.value.total}
-              size="mini"
-              show-total
-              show-jumper
-              show-page-size
+              size="small"
+              showTotal={(total, range) => `共 ${total} 条记录`}
+              showQuickJumper
+              showSizeChanger
               current={pageInfo.value.page}
-              page-size={pageInfo.value.page_size}
+              pageSize={pageInfo.value.page_size}
               onChange={onPageChange}
-              onPageSizeChange={onPageSizeChange}
             />
           </div>
         )}
diff --git a/src/layouts/components/navbar/components/task-center-modal/components/import-task/delete-task-modal.vue b/src/layouts/components/navbar/components/task-center-modal/components/import-task/delete-task-modal.vue
index 1c7c09e..ebb76df 100644
--- a/src/layouts/components/navbar/components/task-center-modal/components/import-task/delete-task-modal.vue
+++ b/src/layouts/components/navbar/components/task-center-modal/components/import-task/delete-task-modal.vue
@@ -1,25 +1,25 @@
 <template>
-  <a-modal
-    v-model:visible="visible"
+  <Modal
+    v-model:open="visible"
     :title="isBatch ? '批量删除导入记录' : '删除导入记录'"
     width="400px"
-    @close="onClose"
+    centered
+    @cancel="onClose"
   >
     <div class="flex items-center">
       <img :src="icon1" width="20" height="20" class="mr-12px" />
       <span>确认删除 {{ accountName }} 这条记录吗？</span>
     </div>
     <template #footer>
-      <a-button size="large" @click="onClose">取消</a-button>
-      <a-button type="primary" class="ml-16px !bg-#f64b31 !border-none" status="danger" size="large" @click="onDelete"
-        >确定</a-button
-      >
+      <Button @click="onClose">取消</Button>
+      <Button type="primary" danger @click="onDelete">确定</Button>
     </template>
-  </a-modal>
+  </Modal>
 </template>
 
 <script setup>
 import { ref } from 'vue';
+import { Modal, Button, message } from 'ant-design-vue';
 import { deleteTask, deleteBatchTasks } from '@/api/all/common';
 import icon1 from '@/assets/img/media-account/icon-warn-1.png';
 
@@ -51,7 +51,7 @@ async function onDelete() {
   const _params = isBatch.value ? { ids: taskId.value } : taskId.value;
   const { code } = await _fn(_params);
   if (code === 200) {
-    AMessage.success('删除成功');
+    message.success('删除成功');
     isBatch.value ? emits('batchUpdate') : emits('update');
     onClose();
   }
diff --git a/src/layouts/components/navbar/components/task-center-modal/components/import-task/index.vue b/src/layouts/components/navbar/components/task-center-modal/components/import-task/index.vue
index 05de549..3648bea 100644
--- a/src/layouts/components/navbar/components/task-center-modal/components/import-task/index.vue
+++ b/src/layouts/components/navbar/components/task-center-modal/components/import-task/index.vue
@@ -1,6 +1,6 @@
 <script lang="jsx">
 import { ref, computed } from 'vue';
-import { Input, Table, TableColumn, Checkbox, Pagination, Button, Tooltip, Notification } from '@arco-design/web-vue';
+import { Button, Tooltip, Table, Pagination } from 'ant-design-vue';
 import { IconSearch, IconClose, IconQuestionCircle } from '@arco-design/web-vue/es/icon';
 import NoData from '@/components/no-data';
 import { getTask } from '@/api/all/common';
@@ -21,8 +21,6 @@ export default {
       dataSource,
       pageInfo,
       onPageChange,
-      onPageSizeChange,
-      rowSelection,
       handleSelect,
       handleSelectAll,
       DEFAULT_PAGE_INFO,
@@ -30,9 +28,6 @@ export default {
       onPageChange: () => {
         getData();
       },
-      onPageSizeChange: () => {
-        getData();
-      },
     });
 
     const query = ref({ ...INITIAL_FORM });
@@ -72,10 +67,12 @@ export default {
       getData();
     };
 
-    const handleSorterChange = (column, order) => {
-      query.value.sort_column = column;
-      query.value.sort_order = order === 'ascend' ? 'asc' : 'desc';
-      reload();
+    const handleSorterChange = (pagination, filters, sorter) => {
+      if (sorter && sorter.columnKey) {
+        query.value.sort_column = sorter.columnKey;
+        query.value.sort_order = sorter.order === 'ascend' ? 'asc' : 'desc';
+        reload();
+      }
     };
 
     const handleSearch = () => {
@@ -118,171 +115,98 @@ export default {
 
     return () => (
       <div class="import-task-wrap">
-        {/* 筛选行 */}
-        {/* <div class="filter-row flex mb-16px">
-          <div class="filter-row-item flex items-center">
-            <span class="label">操作人员</span>
-            <Input
-              v-model={query.value.operator_name}
-              class="w-240px"
-              placeholder="请输入操作人员"
-              size="medium"
-              allow-clear
-              onChange={handleSearch}
-              v-slots={{
-                prefix: () => <IconSearch />,
-              }}
-            />
-          </div>
-          <div class="filter-row-item flex items-center">
-            <span class="label">所属模块</span>
-            <Input
-              v-model={query.value.module}
-              class="w-240px"
-              placeholder="请输入所属模块"
-              size="medium"
-              allow-clear
-              onChange={handleSearch}
-              v-slots={{
-                prefix: () => <IconSearch />,
-              }}
-            />
-          </div>
-        </div> */}
-
-        {/* 已选提示行 */}
-        {/* {dataSource.value.length > 0 && selectedRows.value.length > 0 && (
-          <div
-            class={[
-              'tip-row flex justify-between px-16px py-10px w-100% mb-16px h-42px',
-              selectedRows.value.length > 0 ? ' selected' : '',
-            ].join('')}
-          >
-            <div class="flex items-center">
-              <div class="flex items-center">
-                <Checkbox
-                  modelValue={checkedAll.value}
-                  indeterminate={indeterminate.value}
-                  class="mr-8px"
-                  onChange={handleSelectAll}
-                />
-                <span class="label mr-24px">
-                  已选
-                  <span class="color-#6D4CFE">{selectedRows.value.length}</span>
-                  个文件
-                </span>
-                <span class="operation-btn" onClick={handleBatchDownload}>
-                  批量下载
-                </span>
-                <span class="operation-btn red" onClick={handleBatchDelete}>
-                  批量删除
-                </span>
-              </div>
-            </div>
-            <IconClose size={16} class="cursor-pointer color-#737478" onClick={handleCloseTip} />
-          </div>
-        )} */}
-
-        {/* 表格 */}
         <Table
           ref="tableRef"
-          data={dataSource.value}
-          column-resizable
-          row-key="id"
-          selected-keys={selectedRowKeys.value}
+          dataSource={dataSource.value}
+          rowKey="id"
+          rowSelection={{
+            selectedRowKeys: selectedRowKeys.value,
+            onSelect: handleSelect,
+            onSelectAll: handleSelectAll,
+          }}
           pagination={false}
           scroll={{ x: '100%', y: '100%' }}
           class="w-100% flex-1 overflow-hidden"
           bordered
-          onSorterChange={handleSorterChange}
-          onSelect={handleSelect}
-          onSelectAll={handleSelectAll}
+          showSorterTooltip={false}
+          onChange={handleSorterChange}
           v-slots={{
             empty: () => <NoData />,
-            columns: () => (
-              <>
-                {TABLE_COLUMNS.map((column) => (
-                  <TableColumn
-                    key={column.dataIndex}
-                    data-index={column.dataIndex}
-                    fixed={column.fixed}
-                    width={column.width}
-                    min-width={column.minWidth}
-                    sortable={column.sortable}
-                    align={column.align}
-                    ellipsis
-                    tooltip
-                    v-slots={{
-                      title: () => (
-                        <div class="flex items-center">
-                          <span class="cts mr-4px">{column.title}</span>
-                          {column.tooltip && (
-                            <Tooltip content={column.tooltip} position="top">
-                              <IconQuestionCircle class="tooltip-icon color-#737478" size={16} />
-                            </Tooltip>
-                          )}
-                        </div>
-                      ),
-                      cell: ({ record }) => {
-                        if (column.dataIndex === 'status') {
-                          return (
-                            <div class={['status-box', `status-box-${record.status}`]}>
-                              <span>{IMPORT_TASK_STATUS.find((v) => v.value === record.status)?.label}</span>
-                            </div>
-                          );
-                        } else if (column.dataIndex === 'operator.name') {
-                          return <span>{record.operator?.name || record.operator?.mobile}</span>;
-                        } else if (column.dataIndex === 'created_at') {
-                          return exactFormatTime(record.created_at, 'YYYY-MM-DD HH:mm:ss', 'YYYY-MM-DD HH:mm:ss');
-                        } else {
-                          return formatTableField(column, record, true);
-                        }
-                      },
-                    }}
-                  />
-                ))}
-                <TableColumn
-                  data-index="operation"
-                  width={dataSource.value.some((record) => record.status === enumTaskStatus.Failed) ? 180 : 60}
-                  fixed="right"
-                  title="操作"
-                  v-slots={{
-                    cell: ({ record }) => (
-                      <div class="flex items-center">
-                        <img
-                          src={icon1}
-                          width="14"
-                          height="14"
-                          class="mr-8px cursor-pointer"
-                          onClick={() => handleDelete(record)}
-                        />
-                        {record.status === enumTaskStatus.Failed && (
-                          <Button type="outline" size="mini" class="search-btn" onClick={() => handleDownload(record)}>
-                            下载问题表格
-                          </Button>
-                        )}
-                      </div>
-                    ),
-                  }}
-                />
-              </>
-            ),
           }}
-        />
+        >
+          {TABLE_COLUMNS.map((column) => (
+            <Table.Column
+              key={column.dataIndex}
+              dataIndex={column.dataIndex}
+              fixed={column.fixed}
+              width={column.width}
+              minWidth={column.minWidth}
+              sorter={column.sortable}
+              align={column.align}
+              ellipsis
+              title={() => (
+                <>
+                  <span class="cts mr-4px">{column.title}</span>
+                  {column.tooltip && (
+                    <Tooltip title={column.tooltip} placement="top">
+                      <IconQuestionCircle class="tooltip-icon color-#737478" size={16} />
+                    </Tooltip>
+                  )}
+                </>
+              )}
+              customRender={({ record }) => {
+                if (column.dataIndex === 'status') {
+                  return (
+                    <div class={['status-box', `status-box-${record.status}`]}>
+                      <span>{IMPORT_TASK_STATUS.find((v) => v.value === record.status)?.label}</span>
+                    </div>
+                  );
+                } else if (column.dataIndex === 'operator.name') {
+                  return <span>{record.operator?.name || record.operator?.mobile}</span>;
+                } else if (column.dataIndex === 'created_at') {
+                  return exactFormatTime(record.created_at, 'YYYY-MM-DD HH:mm:ss', 'YYYY-MM-DD HH:mm:ss');
+                } else {
+                  return formatTableField(column, record, true);
+                }
+              }}
+            />
+          ))}
+          <Table.Column
+            dataIndex="operation"
+            width={dataSource.value.some((record) => record.status === enumTaskStatus.Failed) ? 180 : 60}
+            fixed="right"
+            title="操作"
+            customRender={({ record }) => (
+              <div class="flex items-center">
+                <img
+                  src={icon1}
+                  width="14"
+                  height="14"
+                  class="mr-8px cursor-pointer"
+                  onClick={() => handleDelete(record)}
+                />
+                {record.status === enumTaskStatus.Failed && (
+                  <Button type="primary" ghost size="small" class="search-btn" onClick={() => handleDownload(record)}>
+                    下载问题表格
+                  </Button>
+                )}
+              </div>
+            )}
+          />
+        </Table>
 
         {/* 分页 */}
         {pageInfo.value.total > 0 && (
           <div class="flex justify-end my-16px">
             <Pagination
               total={pageInfo.value.total}
-              size="mini"
-              show-total
-              show-jumper
-              show-page-size
+              size="small"
+              showTotal={(total, range) => `共 ${total} 条记录`}
+              showQuickJumper
+              showSizeChanger
               current={pageInfo.value.page}
-              page-size={pageInfo.value.page_size}
+              pageSize={pageInfo.value.page_size}
               onChange={onPageChange}
-              onPageSizeChange={onPageSizeChange}
             />
           </div>
         )}
diff --git a/src/layouts/components/navbar/components/task-center-modal/index.vue b/src/layouts/components/navbar/components/task-center-modal/index.vue
index 09815c7..9d24519 100644
--- a/src/layouts/components/navbar/components/task-center-modal/index.vue
+++ b/src/layouts/components/navbar/components/task-center-modal/index.vue
@@ -1,37 +1,39 @@
 <template>
-  <a-modal
-    v-model:visible="visible"
+  <Modal
+    v-model:open="visible"
     title="任务中心"
-    modal-class="task-center-modal"
+    wrapClassName="task-center-modal"
     width="860px"
     :mask-closable="false"
-    :footer="false"
-    @close="onClose"
+    :footer="null"
+    @cancel="onClose"
+    centered
   >
-    <a-tabs :active-key="activeTab" @tab-click="handleTabClick">
-      <a-tab-pane key="0" title="导入"> </a-tab-pane>
-      <a-tab-pane key="1" title="导出"> </a-tab-pane>
-    </a-tabs>
+    <Tabs v-model:activeKey="activeTab" @change="handleTabClick">
+      <TabPane key="1" tab="导入"> </TabPane>
+      <TabPane key="2" tab="导出"> </TabPane>
+    </Tabs>
     <div class="content">
-      <component :is="activeTab === '0' ? ImportTask : ExportTask" ref="componentRef" />
+      <component :is="activeTab === '1' ? ImportTask : ExportTask" ref="componentRef" />
     </div>
-  </a-modal>
+  </Modal>
 </template>
 
 <script setup>
-import { Notification } from '@arco-design/web-vue';
+import { Checkbox, Modal, Button, Tabs, notification } from 'ant-design-vue';
+const { TabPane } = Tabs;
 
 import ExportTask from './components/export-task';
 import ImportTask from './components/import-task';
 
 const visible = ref(false);
 const componentRef = ref(null);
-const activeTab = ref('0');
+const activeTab = ref('1');
 
 let timer = null;
 
 const handleTabClick = (key) => {
-  activeTab.value = key;
+  // activeTab.value = key;
   nextTick(() => {
     getData();
   });
@@ -42,20 +44,21 @@ const getData = () => {
 };
 
 const open = () => {
-  getData();
+  visible.value = true;
+  nextTick(() => {
+    getData();
+  });
 
   timer = setInterval(() => {
     getData();
   }, 10000);
-
-  visible.value = true;
 };
 const onClose = () => {
   activeTab.value = '0';
 
   clearTimer();
   componentRef.value?.unloadComp?.();
-  Notification.clear();
+  notification.destroy();
   visible.value = false;
 };
 const clearTimer = () => {
diff --git a/src/layouts/components/navbar/components/task-center-modal/style.scss b/src/layouts/components/navbar/components/task-center-modal/style.scss
index 25c5e3b..393bcfb 100644
--- a/src/layouts/components/navbar/components/task-center-modal/style.scss
+++ b/src/layouts/components/navbar/components/task-center-modal/style.scss
@@ -1,7 +1,7 @@
 .task-center-modal {
-  .arco-modal-header {
+  .ant-modal-header {
     border-bottom: none !important;
-    .arco-modal-title {
+    .ant-modal-title {
       color: var(--Text-1, #211f24);
       font-size: 16px;
       font-style: normal;
@@ -10,7 +10,7 @@
       font-family: $font-family-medium;
     }
   }
-  .arco-modal-body {
+  .ant-modal-body {
     padding: 0 !important;
     display: flex;
     flex-direction: column;
diff --git a/src/main.ts b/src/main.ts
index a34a1d7..b42345c 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -7,17 +7,21 @@ import router from './router';
 import store from './stores';
 import * as directives from '@/directives';
 
+import VueLazyLoad from "vue-lazyload";
 import NoData from '@/components/no-data/index.vue';
 import SvgIcon from '@/components/svg-icon/index.vue';
 
 import '@/api/index';
-import '@arco-design/web-vue/dist/arco.css'; // Arco 默认样式
 import './core';
+import '@arco-design/web-vue/dist/arco.css'; // 已移除 Arco 样式
 
 import 'normalize.css';
 import 'uno.css';
 import 'virtual:svg-icons-register';
 
+import errorImage from '@/assets/img/error-img.png';
+import loadingImage from '@/assets/img/error-img.png';
+
 // import '@/styles/vars.css'; // 优先加载
 
 const app = createApp(App);
@@ -27,6 +31,10 @@ app.component('SvgIcon', SvgIcon);
 
 app.use(store);
 app.use(router);
+app.use(VueLazyLoad, {
+  error: errorImage,
+  loading: loadingImage,
+});
 
 Object.values(directives).forEach((directive) => {
   app.use(directive);
diff --git a/src/router/guard/userLoginInfo.ts b/src/router/guard/userLoginInfo.ts
index 729750c..2769425 100644
--- a/src/router/guard/userLoginInfo.ts
+++ b/src/router/guard/userLoginInfo.ts
@@ -3,6 +3,7 @@
  * @Date: 2025-06-22 22:59:16
  */
 import type { Router } from 'vue-router';
+import { message } from 'ant-design-vue';
 import NProgress from 'nprogress';
 import { goUserLogin } from '@/utils/user';
 // import router from '@/router';
@@ -29,7 +30,7 @@ export default function setupUserLoginInfoGuard(router: Router) {
     // if (requiresAuth) {
     //   const hasPermission = checkRoutePermission(routeName);
     //   if (!hasPermission) {
-    //     AMessage.error('您没有权限访问该页面');
+    //     message.error('您没有权限访问该页面');
     //     next('/');
     //     return;
     //   }
diff --git a/src/router/routes/modules/dataEngine.ts b/src/router/routes/modules/dataEngine.ts
index 3a2b8bc..60828fc 100644
--- a/src/router/routes/modules/dataEngine.ts
+++ b/src/router/routes/modules/dataEngine.ts
@@ -1,89 +1,89 @@
-// import { IconBookmark } from '@arco-design/web-vue/es/icon';
-// import type { AppRouteRecordRaw } from '../types';
-// import { MENU_GROUP_IDS } from '@/router/constants';
+import { IconBookmark } from '@arco-design/web-vue/es/icon';
+import type { AppRouteRecordRaw } from '../types';
+import { MENU_GROUP_IDS } from '@/router/constants';
 
-// const COMPONENTS: AppRouteRecordRaw[] = [
-//   {
-//     path: '/dataEngine',
-//     name: 'DataEngine',
-//     redirect: 'dataEngine/hotTranslation',
-//     meta: {
-//       locale: '全域数据引擎',
-//       icon: IconBookmark,
-//       requiresAuth: true,
-//       requireLogin: true,
-//       roles: ['*'],
-//       id: MENU_GROUP_IDS.DATA_ENGINE_ID,
-//     },
-//     children: [
-//       {
-//         path: 'hotTranslation',
-//         name: 'DataEngineHotTranslation',
-//         meta: {
-//           locale: '行业热门话题洞察',
-//           requiresAuth: true,
-//           requireLogin: true,
-//           roles: ['*'],
-//         },
-//         component: () => import('@/views/components/dataEngine/hotTranslation.vue'),
-//       },
-//       {
-//         path: 'hotCloud',
-//         name: 'DataEngineHotCloud',
-//         meta: {
-//           locale: '行业词云',
-//           requiresAuth: true,
-//           requireLogin: true,
-//           roles: ['*'],
-//         },
-//         component: () => import('@/views/components/dataEngine/hotCloud.vue'),
-//       },
-//       {
-//         path: 'keyWord',
-//         name: 'DataEngineKeyWord',
-//         meta: {
-//           locale: '行业关键词动向',
-//           requiresAuth: true,
-//           requireLogin: true,
-//           roles: ['*'],
-//         },
-//         component: () => import('@/views/components/dataEngine/keyWord.vue'),
-//       },
-//       {
-//         path: 'userPainPoints',
-//         name: 'DataEngineUserPainPoints',
-//         meta: {
-//           locale: '用户痛点观察',
-//           requiresAuth: true,
-//           requireLogin: true,
-//           roles: ['*'],
-//         },
-//         component: () => import('@/views/components/dataEngine/userPainPoints.vue'),
-//       },
-//       {
-//         path: 'keyBrandMovement',
-//         name: 'DataEngineKeyBrandMovement',
-//         meta: {
-//           locale: '重点品牌动向',
-//           requiresAuth: true,
-//           requireLogin: true,
-//           roles: ['*'],
-//         },
-//         component: () => import('@/views/components/dataEngine/keyBrandMovement.vue'),
-//       },
-//       {
-//         path: 'userPersona',
-//         name: 'DataEngineUserPersona',
-//         meta: {
-//           locale: '用户画像',
-//           requiresAuth: true,
-//           requireLogin: true,
-//           roles: ['*'],
-//         },
-//         component: () => import('@/views/components/dataEngine/userPersona.vue'),
-//       },
-//     ],
-//   },
-// ];
+const COMPONENTS: AppRouteRecordRaw[] = [
+  {
+    path: '/dataEngine',
+    name: 'DataEngine',
+    redirect: 'dataEngine/hotTranslation',
+    meta: {
+      locale: '全域数据引擎',
+      icon: IconBookmark,
+      requiresAuth: true,
+      requireLogin: true,
+      roles: ['*'],
+      id: MENU_GROUP_IDS.DATA_ENGINE_ID,
+    },
+    children: [
+      {
+        path: 'hotTranslation',
+        name: 'DataEngineHotTranslation',
+        meta: {
+          locale: '行业热门话题洞察',
+          requiresAuth: true,
+          requireLogin: true,
+          roles: ['*'],
+        },
+        component: () => import('@/views/components/dataEngine/hotTranslation.vue'),
+      },
+      {
+        path: 'hotCloud',
+        name: 'DataEngineHotCloud',
+        meta: {
+          locale: '行业词云',
+          requiresAuth: true,
+          requireLogin: true,
+          roles: ['*'],
+        },
+        component: () => import('@/views/components/dataEngine/hotCloud.vue'),
+      },
+      {
+        path: 'keyWord',
+        name: 'DataEngineKeyWord',
+        meta: {
+          locale: '行业关键词动向',
+          requiresAuth: true,
+          requireLogin: true,
+          roles: ['*'],
+        },
+        component: () => import('@/views/components/dataEngine/keyWord.vue'),
+      },
+      {
+        path: 'userPainPoints',
+        name: 'DataEngineUserPainPoints',
+        meta: {
+          locale: '用户痛点观察',
+          requiresAuth: true,
+          requireLogin: true,
+          roles: ['*'],
+        },
+        component: () => import('@/views/components/dataEngine/userPainPoints.vue'),
+      },
+      {
+        path: 'keyBrandMovement',
+        name: 'DataEngineKeyBrandMovement',
+        meta: {
+          locale: '重点品牌动向',
+          requiresAuth: true,
+          requireLogin: true,
+          roles: ['*'],
+        },
+        component: () => import('@/views/components/dataEngine/keyBrandMovement.vue'),
+      },
+      {
+        path: 'userPersona',
+        name: 'DataEngineUserPersona',
+        meta: {
+          locale: '用户画像',
+          requiresAuth: true,
+          requireLogin: true,
+          roles: ['*'],
+        },
+        component: () => import('@/views/components/dataEngine/userPersona.vue'),
+      },
+    ],
+  },
+];
 
-// export default COMPONENTS;
+export default COMPONENTS;
diff --git a/src/router/routes/modules/propertyMarketing.ts b/src/router/routes/modules/propertyMarketing.ts
index fcfbaa1..95f3afb 100644
--- a/src/router/routes/modules/propertyMarketing.ts
+++ b/src/router/routes/modules/propertyMarketing.ts
@@ -7,9 +7,9 @@ import { MENU_GROUP_IDS } from '@/router/constants';
 
 import IconRepository from '@/assets/svg/svg-repository.svg';
 import IconMediaAccount from '@/assets/svg/svg-mediaAccount.svg';
-import IconPutAccount from '@/assets/svg/svg-putAccount.svg';
-import IconIntelligentSolution from '@/assets/svg/svg-intelligentSolution.svg';
-import IconProjectManagement from '@/assets/svg/svg-projectManagement.svg';
+// import IconPutAccount from '@/assets/svg/svg-putAccount.svg';
+// import IconIntelligentSolution from '@/assets/svg/svg-intelligentSolution.svg';
+// import IconProjectManagement from '@/assets/svg/svg-projectManagement.svg';
 
 const COMPONENTS: AppRouteRecordRaw[] = [
   {
@@ -196,32 +196,32 @@ const COMPONENTS: AppRouteRecordRaw[] = [
   //     },
   //   ],
   // },
-  {
-    path: '/project-manage',
-    name: 'ProjectManagement',
-    redirect: 'project-manage/project-list',
-    meta: {
-      locale: '项目管理',
-      icon: IconProjectManagement,
-      requiresAuth: true,
-      requireLogin: true,
-      roles: ['*'],
-      id: MENU_GROUP_IDS.PROPERTY_ID,
-    },
-    children: [
-      {
-        path: 'project-list',
-        name: 'ProjectList',
-        meta: {
-          locale: '项目列表',
-          requiresAuth: true,
-          requireLogin: true,
-          roles: ['*'],
-        },
-        component: () => import('@/views/property-marketing/project-manage/project-list/index.vue'),
-      },
-    ],
-  },
+  // {
+  //   path: '/project-manage',
+  //   name: 'ProjectManagement',
+  //   redirect: 'project-manage/project-list',
+  //   meta: {
+  //     locale: '项目管理',
+  //     icon: IconProjectManagement,
+  //     requiresAuth: true,
+  //     requireLogin: true,
+  //     roles: ['*'],
+  //     id: MENU_GROUP_IDS.PROPERTY_ID,
+  //   },
+  //   children: [
+  //     {
+  //       path: 'project-list',
+  //       name: 'ProjectList',
+  //       meta: {
+  //         locale: '项目列表',
+  //         requiresAuth: true,
+  //         requireLogin: true,
+  //         roles: ['*'],
+  //       },
+  //       component: () => import('@/views/property-marketing/project-manage/project-list/index.vue'),
+  //     },
+  //   ],
+  // },
 ];
 
 export default COMPONENTS;
diff --git a/src/stores/modules/app/index.ts b/src/stores/modules/app/index.ts
index 4637a63..765ed52 100644
--- a/src/stores/modules/app/index.ts
+++ b/src/stores/modules/app/index.ts
@@ -3,7 +3,7 @@
  * @Date: 2025-06-23 03:56:22
  */
 import { defineStore } from 'pinia';
-import type { AppState, RouteRecordNormalized, NotificationReturn } from './types';
+import type { AppState, RouteRecordNormalized } from './types';
 
 import defaultSettings from '@/config/settings.json';
 import type { AppRouteRecordRaw } from '@/router/routes/types';
diff --git a/src/stores/modules/app/types.ts b/src/stores/modules/app/types.ts
index 332d660..b324dc9 100644
--- a/src/stores/modules/app/types.ts
+++ b/src/stores/modules/app/types.ts
@@ -1,8 +1,7 @@
 import type { RouteRecordNormalized } from 'vue-router';
-import type { NotificationReturn } from '@arco-design/web-vue/es/notification/interface';
 import type { AppRouteRecordRaw } from '@/router/routes/types';
 
-export { RouteRecordNormalized, NotificationReturn };
+export { RouteRecordNormalized };
 
 export interface AppState {
   theme: string;
diff --git a/src/styles/components/modal.scss b/src/styles/components/modal.scss
index c088215..1e63dc4 100644
--- a/src/styles/components/modal.scss
+++ b/src/styles/components/modal.scss
@@ -1,9 +1,9 @@
-.arco-modal {
-  .arco-modal-header {
+.ant-modal {
+  .ant-modal-header {
     border-bottom: 1px solid var(--Border-1, #d7d7d9);
     height: 56px;
     padding: 0 20px;
-    .arco-modal-title {
+    .ant-modal-title {
       font-family: $font-family-medium;
       color: #211f24;
       font-size: 16px;
@@ -13,11 +13,11 @@
     }
   }
 
-  .arco-modal-body {
+  .ant-modal-body {
     padding: 24px 20px;
   }
 
-  .arco-modal-footer {
+  .ant-modal-footer {
     display: flex;
     height: 64px;
     padding: 0px 20px;
diff --git a/src/utils/arcoD.tsx b/src/utils/arcoD.tsx
index 44b9d7d..454945e 100644
--- a/src/utils/arcoD.tsx
+++ b/src/utils/arcoD.tsx
@@ -1,4 +1,4 @@
-import { Notification } from '@arco-design/web-vue';
+import { notification } from 'ant-design-vue';
 import { downloadByUrl } from '@/utils/tools';
 import { IconLoading } from '@arco-design/web-vue/es/icon';
 
@@ -16,30 +16,30 @@ interface RenderNotificationData {
 
 // 下载通知框
 export function showExportNotification(label: string, others: { id?: string, duration?: number }) {
-  const { id = '', duration = 3000 } = others ?? {}
-  Notification.warning({
-    id,
-    showIcon: false,
-    closable: true,
-    content: () => (
+  const { id = '', duration = 3 } = others ?? {}
+  notification.warning({
+    key: id,
+    icon: () => null,
+    message: () => null,
+    description: (
       <div class="flex items-center pr-16px">
         <IconLoading size={16} class="color-#6D4CFE mr-8px" />
         <p class="text-14px lh-22px font-400 color-#211F24">{label}</p>
       </div>
     ),
     duration,
-    class: 'px-16px py-9px w-450px rounded-2px bg-#F0EDFF',
+    class: 'w-450px rounded-2px bg-#F0EDFF',
   });
 }
 
 // 下载失败框
 export function showFailExportNotification(label: string, others: { id?: string, duration?: number, onReDownload?: Function }) {
   const { id = '', duration = 0, onReDownload } = others ?? {}
-  Notification.warning({
-    id,
-    showIcon: false,
-    closable: true,
-    content: () => (
+  notification.warning({
+    key: id,
+    icon: () => null,
+    message: () => null,
+    description: (
       <div class="flex items-center justify-between pr-16px">
         <div class="flex items-center mr-10px">
           <img src={icon3} width={16} height={16} class=" mr-8px" />
@@ -50,7 +50,7 @@ export function showFailExportNotification(label: string, others: { id?: string,
       </div>
     ),
     duration,
-    class: 'px-16px py-9px w-500px rounded-2px bg-#FFE9E7',
+    class: 'w-500px rounded-2px bg-#FFE9E7',
   });
 }
 
@@ -61,10 +61,10 @@ export const showImportResultNotification = (data: RenderNotificationData) => {
     file && downloadByUrl(file);
   };
 
-  Notification.warning({
-    showIcon: false,
-    closable: true,
-    content: () => (
+  notification.warning({
+    icon: () => null,
+    message: () => null,
+    description: (
       <div>
         <div class="flex items-center mb-4px">
           <img src={hasError ? icon1 : icon2} width="16" height="16" class="mr-8px" />
@@ -89,6 +89,6 @@ export const showImportResultNotification = (data: RenderNotificationData) => {
       </div>
     ),
     duration: 3000,
-    class: `px-16px py-16px w-400px rounded-2px ${hasError ? 'bg-#FFF7E5' : 'bg-#EBF7F2'}`,
+    class: `w-400px rounded-2px ${hasError ? 'bg-#FFF7E5' : 'bg-#EBF7F2'}`,
   });
 };
\ No newline at end of file
diff --git a/src/views/agent/chat/components/HistoryChat.vue b/src/views/agent/chat/components/HistoryChat.vue
index ff992ed..d8a36e5 100644
--- a/src/views/agent/chat/components/HistoryChat.vue
+++ b/src/views/agent/chat/components/HistoryChat.vue
@@ -7,9 +7,9 @@
     </div>
     <div class="info-section">
       <div class="title-group">
-        <a-tooltip :content="cozeInfo.name">
+        <Tooltip :title="cozeInfo.name">
           <div class="title">{{ cozeInfo.name }}</div>
-        </a-tooltip>
+        </Tooltip>
         <div class="tag">
           <div>
             <img class="status-icon" :src="chatbotIcon" />
@@ -18,12 +18,8 @@
         </div>
       </div>
       <div class="usage-info">
-        <a-space>
-          <span class="count">{{ cozeInfo.views }}</span>
-        </a-space>
-        <a-space>
-          <span class="label"> 次使用 </span>
-        </a-space>
+        <span class="count">{{ cozeInfo.views }}</span>
+        <span class="label"> 次使用 </span>
       </div>
     </div>
     <div class="description-section">
@@ -36,6 +32,7 @@
 
 <script lang="ts" setup>
 import { defineProps } from 'vue';
+import { Tooltip } from 'ant-design-vue';
 import chatbotIcon from '@/assets/svg/chatbot.svg';
 
 const props = defineProps({
diff --git a/src/views/agent/chat/index.vue b/src/views/agent/chat/index.vue
index 205cd93..f7dd0fe 100644
--- a/src/views/agent/chat/index.vue
+++ b/src/views/agent/chat/index.vue
@@ -36,9 +36,9 @@
           <div class="body">
             <div class="">
               <div class="toggle-btn cursor-pointer" @click="toggleCollapse">
-                <a-tooltip :content="isCollapsed ? '展开' : '折叠'">
+                <Tooltip :title="isCollapsed ? '展开' : '折叠'">
                   <img class="status-icon" :src="isCollapsed ? menuUnfold : menuFold" />
-                </a-tooltip>
+                </Tooltip>
               </div>
             </div>
           </div>
@@ -55,6 +55,7 @@ import { getChatAgent } from '@/api/all/agent';
 import { useRouter } from 'vue-router';
 import menuFold from '@/assets/svg/menu-fold.svg';
 import menuUnfold from '@/assets/svg/menu-unfold.svg';
+import { Tooltip } from 'ant-design-vue';
 import { formatNumberShow } from '@/utils/tools';
 
 const router = useRouter();
diff --git a/src/views/agent/index/index.vue b/src/views/agent/index/index.vue
index 5a09ef0..7076ec2 100644
--- a/src/views/agent/index/index.vue
+++ b/src/views/agent/index/index.vue
@@ -1,41 +1,42 @@
 <template>
   <div class="agent-wrap relative h-full pl-16px">
-    <a-input
-      v-model="query.name"
+    <Input
+      v-model:value="query.name"
       @press-enter="getData()"
       placeholder="搜索智能体"
       size="large"
       allow-clear
-      class="absolute right-0 top-4px  !w-400px"
+      class="absolute right-0 top-4px !w-400px"
     >
       <template #prefix>
         <icon-search @click="getData()" />
       </template>
-    </a-input>
-    <div   v-for="(item, index) in list" :key="index">
+    </Input>
+    <div v-for="(item, index) in list" :key="index">
       <p class="span-title w-fit mb-16px">{{ item.name }}</p>
-      <a-row class="grid-demo" :gutter="[20, 16]" v-if="item.agent_products.length > 0">
-        <a-col  :xs="24"
-                :sm="12"
-                :md="8"
-                :lg="5"
-                :xl="6"
-                :xxl="4"
-                v-for="(product, k) in item.agent_products" :key="k">
+      <Row class="grid-demo" :gutter="[20, 16]" v-if="item.agent_products.length > 0">
+        <Col :xs="24" :sm="12" :md="8" :lg="5" :xl="6" :xxl="4" v-for="(product, k) in item.agent_products" :key="k">
           <div class="card-container cursor-pointer !h-252px" @click="goDetail(product?.type, product?.id)">
-            <div class="card-image h-120px w-100%  bg-cover bg-center mb-8px" v-image-main-color="product.image_url">
-              <img class="object-contain h-full w-100% " :src="product?.image_url"/>
+            <div class="card-image h-120px w-100% bg-cover bg-center mb-8px" v-image-main-color="product.image_url">
+              <img class="object-contain h-full w-100%" :src="product?.image_url" />
             </div>
 
             <div class="card-content w-full">
-              <TextoverTips :context="product.name" class="card-title mb-4px !text-16px"/>
-              <TextoverTips :context="product.description" class="card-description mb-8px color-#737478 text-14px lh-22px font-400" :line="2" />
+              <TextOverTips :context="product.name" class="card-title mb-4px !text-16px" />
+              <TextOverTips
+                :context="product.description"
+                class="card-description mb-8px color-#737478 text-14px lh-22px font-400"
+                :line="2"
+              />
             </div>
 
             <div class="card-footer">
               <div
                 :class="['status-tag', product.type === 1 ? 'blue-tag' : 'red-tag']"
-                :style="{ background: product.type === 1 ? 'var(--Functional-Blue-1, #F0EDFF)' : 'var(--Functional-Red-1, #FFE9E7)' }"
+                :style="{
+                  background:
+                    product.type === 1 ? 'var(--Functional-Blue-1, #F0EDFF)' : 'var(--Functional-Red-1, #FFE9E7)',
+                }"
                 data-size="mini-20px"
               >
                 <SvgIcon
@@ -48,13 +49,15 @@
                 <div class="status-text">{{ product.type === 1 ? '对话式' : '工作流' }}</div>
               </div>
               <div class="usage-info">
-                <div class="usage-count mr-2px">{{ formatNumberShow({ value: product?.views, showExactValue: true }) }}</div>
+                <div class="usage-count mr-2px">
+                  {{ formatNumberShow({ value: product?.views, showExactValue: true }) }}
+                </div>
                 <div class="usage-label">次使用</div>
               </div>
             </div>
           </div>
-        </a-col>
-      </a-row>
+        </Col>
+      </Row>
 
       <NoData v-else />
     </div>
@@ -62,10 +65,11 @@
 </template>
 
 <script setup lang="ts">
+import { Input, Row, Col } from 'ant-design-vue';
 import { useRouter } from 'vue-router';
 import { getAgentList } from '@/api/all/agent';
-import { formatNumberShow } from "@/utils/tools";
-import TextoverTips from "@/components/text-over-tips";
+import { formatNumberShow } from '@/utils/tools';
+import TextOverTips from '@/components/text-over-tips';
 
 const router = useRouter();
 
diff --git a/src/views/agent/work-flow/components/DynamicForm.vue b/src/views/agent/work-flow/components/DynamicForm.vue
index ae298f3..039c501 100644
--- a/src/views/agent/work-flow/components/DynamicForm.vue
+++ b/src/views/agent/work-flow/components/DynamicForm.vue
@@ -1,29 +1,26 @@
 <template>
   <div class="form-container">
-    <a-form :model="formData" ref="formRef" layout="vertical">
-      <a-form-item
+    <Form :model="formData" ref="formRef" layout="vertical">
+      <FormItem
         v-for="(field, index) in formFields"
         :key="index"
         :label="field.props.label"
-        :field="field.props.name"
+        :name="field.props.name"
         :rules="field.props.rules"
         :tooltip="field.props.tip"
       >
-        <a-input
+        <Input
           allowClear
           v-if="field.type === 'input'"
-          v-model="formData[field.props.name]"
+          v-model:value="formData[field.props.name]"
           :placeholder="field?.props?.placeholder"
         />
-        <a-textarea
+        <TextArea
           v-if="field.type === 'textarea'"
           style="width: 500px; height: 200px"
-          v-model="formData[field.props.name]"
+          v-model:value="formData[field.props.name]"
           :placeholder="field?.props?.placeholder"
         />
-        <!-- <a-color-picker    v-if="field.type === 'color_picker'"
-                              style="width: 500px; height: 200px"
-                              v-model="formData[field.props.name]" /> -->
         <ImageUpload
           v-if="field.type == 'upload_image'"
           v-model="formData[field.props.name]"
@@ -34,24 +31,28 @@
           v-model="formData[field.props.name]"
           :limit="field.props.limit"
         ></FileUpload>
-        <a-select
+        <Select
           v-else-if="field.type === 'select'"
-          v-model="formData[field.props.name]"
+          v-model:value="formData[field.props.name]"
           :placeholder="field.placeholder"
         >
-          <a-option v-for="(option, optIndex) in field.props.options" :key="optIndex" :value="option.value">
+          <Option v-for="(option, optIndex) in field.props.options" :key="optIndex" :value="option.value">
             {{ option.label }}
-          </a-option>
-        </a-select>
-      </a-form-item>
-    </a-form>
-    <a-button class="submit-btn" type="primary" :disabled="loading" @click="handleSubmit">提交执行</a-button>
+          </Option>
+        </Select>
+      </FormItem>
+    </Form>
+    <Button class="submit-btn" type="primary" :disabled="loading" @click="handleSubmit">提交执行</Button>
   </div>
 </template>
 <script setup>
 import { defineProps, defineEmits } from 'vue';
 import ImageUpload from '@/components/upload/ImageUpload.vue';
 import FileUpload from '@/components/upload/FileUpload.vue';
+import { Button, Input, Select, Row, Col, Form } from 'ant-design-vue';
+const { TextArea } = Input;
+const { Option } = Select;
+const { Item: FormItem } = Form;
 
 const props = defineProps({
   formFields: {
@@ -79,24 +80,25 @@ const handleSubmit = async () => {
 
 <style scoped lang="scss">
 .form-container {
-  :deep(.arco-input-wrapper),
-  :deep(.arco-textarea-wrapper) {
+  :deep(.ant-input),
+  :deep(.ant-input:focus),
+  :deep(.ant-input-focused) {
     border-radius: 4px;
     border-color: #d7d7d9;
     background-color: #fff;
     height: 35px;
     width: 300px;
 
-    &:focus-within,
-    &.arco-input-focus {
+    &:focus,
+    &:focus-within {
       background-color: var(--color-bg-2);
       border-color: rgb(var(--primary-6));
       box-shadow: 0 0 0 0 var(--color-primary-light-2);
     }
+  }
 
-    &.arco-textarea-wrapper {
-      height: 60px;
-    }
+  &.ant-textarea-wrapper {
+    height: 60px;
   }
 
   .submit-btn {
diff --git a/src/views/agent/work-flow/index.vue b/src/views/agent/work-flow/index.vue
index 79886dd..9e31ea6 100644
--- a/src/views/agent/work-flow/index.vue
+++ b/src/views/agent/work-flow/index.vue
@@ -42,15 +42,14 @@
                 {{ item.title }}
               </div>
               <div class="trigger-container">
-                <a-trigger
-                  mouse-leave-delay="200"
-                  position="top"
+                <Dropdown
+                  :mouseLeaveDelay="200"
+                  placement="top"
                   trigger="hover"
-                  :auto-fit-position="false"
-                  :unmount-on-close="true"
+                  :overlayStyle="{ width: 'auto' }"
                 >
                   <SvgIcon size="12" name="svg-more" class="icon-more" />
-                  <template #content>
+                  <template #overlay>
                     <div class="">
                       <div class="history-item-dropdown">
                         <div class="dropdown-item">
@@ -61,18 +60,19 @@
                         </div>
                         <div class="dropdown-item">
                           <SvgIcon size="12" name="svg-delete" class="icon color-#6D4CFE" />
-                          <a-popconfirm
+                          <Popconfirm
                             content="你确认删除该历史对话吗"
-                            @ok="deleteHistory(item.id, index)"
-                            type="error"
+                            @confirm="deleteHistory(item.id, index)"
+                            ok-text="确定"
+                            cancel-text="取消"
                           >
                             <div class="text delete">删除</div>
-                          </a-popconfirm>
+                          </Popconfirm>
                         </div>
                       </div>
                     </div>
                   </template>
-                </a-trigger>
+                </Dropdown>
               </div>
             </div>
           </div>
@@ -83,9 +83,9 @@
           <div class="body">
             <div class="">
               <div class="toggle-btn cursor-pointer" @click="toggleCollapse">
-                <a-tooltip :content="isCollapsed ? '展开' : '折叠'">
+                <Tooltip :title="isCollapsed ? '展开' : '折叠'">
                   <img class="status-icon" :src="isCollapsed ? menuUnfold : menuFold" />
-                </a-tooltip>
+                </Tooltip>
               </div>
             </div>
           </div>
@@ -95,7 +95,7 @@
             <DynamicForm :formFields="formFields.form" :formData="formData" :loading="loading" @submit="handleSubmit" />
           </div>
           <div class="res h-full">
-            <a-spin v-if="loading" class="spin-center" tip="生成中。。。" />
+            <Spin v-if="loading" wrapperClassName="spin-center" tip="生成中。。。" />
             <div
               class="markdown-container"
               v-if="workFlowRes.output != '' && loading === false"
@@ -107,15 +107,16 @@
       </div>
     </div>
 
-    <a-modal style="width: 500px" v-model:visible="editHistoryVisible">
+    <Modal style="width: 500px" v-model:open="editHistoryVisible" centered>
       <template #title> Title</template>
       <div></div>
-    </a-modal>
+    </Modal>
   </div>
 </template>
 
 <script setup>
 import { ref, reactive } from 'vue';
+import { Modal, Tooltip, message, Popconfirm, Spin, Dropdown } from 'ant-design-vue';
 import DynamicForm from './components/DynamicForm.vue';
 import {
   executeWorkFlow,
@@ -214,17 +215,17 @@ const handleTop = async (id, sort, event) => {
 
 //置顶
 const topHistory = async (id, sort) => {
-  const { code, message } = await topWorkflowHistoryApi(id);
+  const { code, message: msg } = await topWorkflowHistoryApi(id);
   if (code === 200) {
-    AMessage.success(message);
+    message.success(msg);
     getWorkflowHistoryList();
   }
 };
 //取消置顶
 const canceltopHistory = async (id, sort) => {
-  const { code, message } = await cancelTopWorkflowHistoryApi(id);
+  const { code, message: msg } = await cancelTopWorkflowHistoryApi(id);
   if (code === 200) {
-    AMessage.success(message);
+    message.success(msg);
     getWorkflowHistoryList();
   }
 };
diff --git a/src/views/components/common/AccountSelect.vue b/src/views/components/common/AccountSelect.vue
index 07b0a83..66c9231 100644
--- a/src/views/components/common/AccountSelect.vue
+++ b/src/views/components/common/AccountSelect.vue
@@ -1,13 +1,15 @@
 <template>
-  <a-select allow-search v-model="selectedValue" placeholder="请选择账号" allow-clear filterable @change="handleChange">
-    <a-option v-for="account in filteredAccounts" :key="account.id" :value="account.id" :label="account.name">
+  <Select showSearch v-model:value="selectedValue" placeholder="请选择账号" allowClear filterable @change="handleChange">
+    <Option v-for="account in filteredAccounts" :key="account.id" :value="account.id" :label="account.name">
       {{ account.name }}
-    </a-option>
-  </a-select>
+    </Option>
+  </Select>
 </template>
 
 <script setup lang="ts">
-import { ref, computed, onMounted } from 'vue';
+import { Select } from 'ant-design-vue';
+const { Option } = Select;
+import { ref, onMounted } from 'vue';
 import { getPlacementAccountsList } from '@/api/all/propertyMarketing';
 
 // 定义账号对象类型
diff --git a/src/views/components/common/PlanSelect.vue b/src/views/components/common/PlanSelect.vue
index e6c840c..c68f953 100644
--- a/src/views/components/common/PlanSelect.vue
+++ b/src/views/components/common/PlanSelect.vue
@@ -1,13 +1,15 @@
 <template>
-  <a-select allow-search v-model="selectedValue" placeholder="请选择计划" allow-clear filterable @change="handleChange">
-    <a-option v-for="item in listData" :key="item.id" :value="item.id" :label="item.name">
+  <Select showSearch v-model:value="selectedValue" placeholder="请选择计划" allowClear filterable @change="handleChange">
+    <Option v-for="item in listData" :key="item.id" :value="item.id" :label="item.name">
       {{ item.name }}
-    </a-option>
-  </a-select>
+    </Option>
+  </Select>
 </template>
 
 <script setup lang="ts">
-import { ref, computed, onMounted } from 'vue';
+import { Select } from 'ant-design-vue';
+const { Option } = Select;
+import { ref, computed, onMounted, type PropType } from 'vue';
 import { getplacementAccountProjectsLlist } from '@/api/all/propertyMarketing';
 
 interface Account {
@@ -17,7 +19,7 @@ interface Account {
 
 const props = defineProps({
   modelValue: {
-    type: Array,
+    type: Array as PropType<number[]>,
     default: () => [],
   },
 });
@@ -25,7 +27,7 @@ const props = defineProps({
 const emit = defineEmits(['update:modelValue', 'change']);
 
 // 响应式数据
-const selectedValue = ref(props.modelValue);
+const selectedValue = ref<number | undefined>(props.modelValue?.[0]);
 const allAccounts = ref<Account[]>([]);
 const listData = ref<Account[]>([]);
 const loading = ref(false);
diff --git a/src/views/components/dataEngine/hotCloud.vue b/src/views/components/dataEngine/hotCloud.vue
index 5b9a08c..833c4aa 100644
--- a/src/views/components/dataEngine/hotCloud.vue
+++ b/src/views/components/dataEngine/hotCloud.vue
@@ -1,13 +1,13 @@
 <template>
   <view>
     <topHeader ref="topHeaderRef" @search="search"></topHeader>
-    <a-space direction="vertical" class="bg-#fff rounded-8px w-100% py-0 px-20px mb-24px">
+    <div class="bg-#fff rounded-8px w-100% py-0 px-20px mb-24px">
       <div class="title-row">
         <span class="title mr-4px">行业词云</span>
-        <a-tooltip>
-          <template #content>基于行业内内容提取的高频词汇。</template>
+        <Tooltip>
+          <template #title>基于行业内内容提取的高频词汇。</template>
           <icon-question-circle size="16" class="!color-#737478" />
-        </a-tooltip>
+        </Tooltip>
       </div>
 
       <div class="multi-row-tag-cloud h-472px">
@@ -20,7 +20,7 @@
             class="tag-row"
             :style="{ justifyContent: row.align || 'center' }"
           >
-            <a-tag
+            <Tag
               v-for="(tag, tagIndex) in row.tags"
               :key="tagIndex"
               class="cursor-pointer"
@@ -39,16 +39,14 @@
               @mouseenter="hoverTag = tag"
               @mouseleave="hoverTag = null"
             >
-              <a-space>
-                <a-tooltip :content="`性价比:${Number(tag.rate * 100)}%`" position="tl">
-                  <a-space>{{ tag.term }}</a-space>
-                </a-tooltip>
-              </a-space>
-            </a-tag>
+                <Tooltip :title="`性价比:${Number(tag.rate * 100)}%`" placement="topLeft">
+                  <span>{{ tag.term }}</span>
+                </Tooltip>
+            </Tag>
           </div>
         </template>
       </div>
-    </a-space>
+    </div>
   </view>
 </template>
 
@@ -56,6 +54,7 @@
 import topHeader from './topHeader.vue';
 import { ref, computed } from 'vue';
 import { fetchindustryTerms } from '@/api/all/index';
+import { Tooltip, Tag } from 'ant-design-vue';
 
 const topHeaderRef = ref();
 // 从topHeader获取统一的状态
@@ -170,7 +169,7 @@ const processTagData = (apiData) => {
   color: #6d4cfe !important;
   border-color: #6d4cfe !important;
 }
-:deep(.arco-modal-body) {
+:deep(.ant-modal-body) {
   padding: 0px;
 }
 
@@ -199,7 +198,7 @@ const processTagData = (apiData) => {
 }
 
 /* 悬停放大效果 */
-a-tag:hover {
+.ant-tag:hover {
   transform: scale(1.1);
   z-index: 1;
 }
diff --git a/src/views/components/dataEngine/hotTranslation.vue b/src/views/components/dataEngine/hotTranslation.vue
index 8b7b6aa..fa5ee20 100644
--- a/src/views/components/dataEngine/hotTranslation.vue
+++ b/src/views/components/dataEngine/hotTranslation.vue
@@ -2,88 +2,99 @@
   <view>
     <topHeader ref="topHeaderRef" @search="search"></topHeader>
     <!-- tabel -->
-    <a-space
-      direction="vertical"
-      class="bg-#fff rounded-8px w-100% py-0 px-20px mb-24px"
-    >
+    <div class="bg-#fff rounded-8px w-100% py-0 px-20px mb-24px">
       <div class="title-row">
         <span class="title mr-4px">行业热门话题洞察</span>
-        <a-tooltip>
-          <template #content>基于社交内容平台的行业数据，分析用户关注的热门话题与趋势。</template>
+        <Tooltip>
+          <template #title>基于社交内容平台的行业数据，分析用户关注的热门话题与趋势。</template>
           <icon-question-circle size="16" class="!color-#737478" />
-        </a-tooltip>
+        </Tooltip>
       </div>
-      <a-table
-        :columns="columns"
-        :data="dataList"
-        :filter-icon-align-left="alignLeft"
-        :scroll="true"
+      <Table
+        :dataSource="dataList"
         :pagination="false"
+        :showSorterTooltip="false"
         @change="handleChange"
       >
-        <template #empty>
+        <Table.Column
+          v-for="column in columns"
+          :key="column.dataIndex"
+          :title="column.title"
+          :dataIndex="column.dataIndex"
+          :width="column.width"
+          :minWidth="column.minWidth"
+          :sortable="column.sortable"
+        >
+          <template v-if="column.slotName === 'rank'" #customRender="{ record }">
+            <img v-if="record.rank == 1" :src="topImages[0]" style="width: 25px; height: 17px" />
+            <img v-else-if="record.rank == 2" :src="topImages[1]" style="width: 25px; height: 17px" />
+            <img v-else-if="record.rank == 3" :src="topImages[2]" style="width: 25px; height: 17px" />
+            <span v-else>{{ record.rank }}</span>
+          </template>
+          <template v-else-if="column.slotName === 'keywords'" #customRender="{ record }">
+            <Tag
+              v-for="item in record.keywords"
+              :key="item"
+              class="!rounded-2px !px-8px !py-1px !bg-#F2F3F5 !h-22px !color-#3C4043 mb-5px mr-5px"
+              >{{ item }}</Tag
+            >
+          </template>
+          <template v-else-if="column.slotName === 'hot'" #customRender="{ record }">
+            <img
+              v-for="i in record.hot"
+              :key="i"
+              :src="starImages[i - 1]"
+              style="width: 16px; height: 16px"
+              class="mr-2px"
+            />
+          </template>
+          <template v-else-if="column.slotName === 'sentiment'" #customRender="{ record }">
+            <img v-if="record.felling == '2'" src="@/assets/img/hottranslation/good.png" class="w-24px h-24px" />
+            <img v-else-if="record.felling == '1'" src="@/assets/img/hottranslation/normal.png" class="w-24px h-24px" />
+            <img v-else-if="record.felling == '0'" src="@/assets/img/hottranslation/poor.png" class="w-24px h-24px" />
+          </template>
+          <template v-else-if="column.slotName === 'optional'" #customRender="{ record }">
+            <Button type="primary" ghost @click="gotoDetail(record)">详情</Button>
+          </template>
+          <template v-else-if="column.titleSlotName === 'hotTitle'" #title>
+            <div class="flex items-center">
+              <span class="mr-8px">热度指数</span>
+              <Tooltip>
+                <template #title>综合话题出现频次、互动数据（如点赞、收藏、评论）加权计算的热度得分。</template>
+                <icon-question-circle size="14" class="!color-#737478" />
+              </Tooltip>
+            </div>
+          </template>
+          <template v-else-if="column.titleSlotName === 'sentimentTitle'" #title>
+            <div class="flex items-center">
+              <span class="mr-8px">情感倾向</span>
+              <Tooltip>
+                <template #title
+                  >统计该行业下全部内容的情绪分布，选取占比最高的情绪类型作为该话题的整体情感倾向。</template
+                >
+                <icon-question-circle size="14" class="!color-#737478" />
+              </Tooltip>
+            </div>
+          </template>
+        </Table.Column>
+        <template #emptyText>
           <NoData />
         </template>
-        <template #hotTitle>
-          <a-space>
-            <span>热度指数</span>
-            <a-tooltip>
-              <template #content>综合话题出现频次、互动数据（如点赞、收藏、评论）加权计算的热度得分。</template>
-              <icon-question-circle size="14" class="!color-#737478" />
-            </a-tooltip>
-          </a-space>
-        </template>
-        <template #sentimentTitle>
-          <a-space>
-            <span>情感倾向</span>
-            <a-tooltip>
-              <template #content
-                >统计该行业下全部内容的情绪分布，选取占比最高的情绪类型作为该话题的整体情感倾向。</template
-              >
-              <icon-question-circle size="14" class="!color-#737478" />
-            </a-tooltip>
-          </a-space>
-        </template>
-        <template #rank="{ record }">
-          <img v-if="record.rank == 1" :src="topImages[0]" style="width: 25px; height: 17px" />
-          <img v-else-if="record.rank == 2" :src="topImages[1]" style="width: 25px; height: 17px" />
-          <img v-else-if="record.rank == 3" :src="topImages[2]" style="width: 25px; height: 17px" />
-          <span v-else>{{ record.rank }}</span>
-        </template>
-        <template #keywords="{ record }">
-          <a-tag
-            v-for="item in record.keywords"
-            :key="item"
-            class="!rounded-2px !px-8px !py-1px !bg-#F2F3F5 !h-22px !color-#3C4043 mb-5px mr-5px"
-            >{{ item }}</a-tag
-          >
-        </template>
-        <template #hot="{ record }">
-          <img
-            v-for="i in record.hot"
-            :key="i"
-            :src="starImages[i - 1]"
-            style="width: 16px; height: 16px"
-            class="mr-2px"
-          />
-        </template>
-        <template #sentiment="{ record }">
-          <img v-if="record.felling == '2'" src="@/assets/img/hottranslation/good.png" class="w-24px h-24px" />
-          <img v-else-if="record.felling == '1'" src="@/assets/img/hottranslation/normal.png" class="w-24px h-24px" />
-          <img v-else-if="record.felling == '0'" src="@/assets/img/hottranslation/poor.png" class="w-24px h-24px" />
-        </template>
-
-        <template #optional="{ record }">
-          <a-button type="outline" class="!rounded-4px" @click="gotoDetail(record)">详情</a-button>
-        </template>
-      </a-table>
-    </a-space>
-    <a-modal :visible="visible" unmountOnClose modal-class="hot-translation-modal" width="640px" @cancel="handleCancel">
+      </Table>
+    </div>
+    <Modal
+      v-model:open="visible"
+      unmountOnClose
+      centered
+      wrapClassName="hot-translation-modal"
+      width="640px"
+      @cancel="handleCancel"
+    >
       <template #title>
         <span style="text-align: left; width: 100%">行业热门话题洞察</span>
       </template>
       <div>
-        <a-space direction="vertical">
+        <Space direction="vertical">
           <div class="mb-4px flex items-center">
             <p class="cts !mr-16px flex-shrink-0 w-48px">话题名称</p>
             <span class="cts">{{ topicInfo.name }}</span>
@@ -94,11 +105,11 @@
           </div>
           <div class="mb-4px flex items-center">
             <p class="cts !mr-16px flex-shrink-0 w-48px">关键词</p>
-            <a-tag
+            <Tag
               v-for="item in topicInfo.keywords"
               :key="item"
               class="mr-8px py-10px px-8px rounded-4px bg-#F2F3F5 cts !h-24px"
-              >{{ item }}</a-tag
+              >{{ item }}</Tag
             >
           </div>
           <div class="mb-4px flex items-center">
@@ -123,25 +134,27 @@
             <p class="!mr-16px w-48px cts relative top-2px">原始来源</p>
             <div class="flex flex-col">
               <div v-for="item in topicInfo.industry_topic_sources" :key="item" class="mb-18px flex items-center">
-                <a-link style="background-color: initial" :href="item.link" target="_blank" class="!text-12px">{{
+                <Link :href="item.link" target="_blank" class="!text-12px">{{
                   item.title
-                }}</a-link>
+                }}</Link>
                 <img src="@/assets/img/hottranslation/xhs.png" width="16" height="16" />
               </div>
             </div>
           </div>
-        </a-space>
+        </Space>
       </div>
       <template #footer>
-        <a-button size="large" @click="handleCancel">取消</a-button>
-        <a-button type="primary" size="large" class="rounded-4px" @click="handleOk"> 确定 </a-button>
+        <Button size="large" @click="handleCancel">取消</Button>
+        <Button type="primary" size="large" @click="handleOk"> 确定 </Button>
       </template>
-    </a-modal>
+    </Modal>
   </view>
 </template>
 
 <script setup>
 import topHeader from './topHeader.vue';
+import { Modal, Button, Tooltip, Space, Table, Tag, Typography } from 'ant-design-vue';
+const { Link } = Typography;
 import { ref, computed } from 'vue';
 import { fetchIndustriesTree, fetchIndustryTopics, fetchIndustryTopicDetail } from '@/api/all/index';
 import star1 from '@/assets/img/hottranslation/star-fill1.png';
@@ -251,7 +264,7 @@ onMounted(() => {
 const getIndustriesTree = async () => {
   const res = await fetchIndustriesTree();
   industriesTree.value = res;
-  selectedIndustry.value = res[0].id;
+  selectedIndustry.value = res[0]?.id;
   getIndustryTopics();
 };
 
@@ -320,7 +333,7 @@ const handleOk = () => {
   color: #6d4cfe !important;
   border-color: #6d4cfe !important;
 }
-:deep(.arco-modal-body) {
+:deep(.ant-modal-body) {
   padding: 0px;
 }
 
@@ -374,7 +387,7 @@ const handleOk = () => {
     }
   }
 
-  .arco-modal-body {
+  .ant-modal-body {
     padding: 12px 20px 0;
     .cts {
       color: var(--Text-2, #3c4043);
diff --git a/src/views/components/dataEngine/keyBrandMovement.vue b/src/views/components/dataEngine/keyBrandMovement.vue
index adc742b..02b56e2 100644
--- a/src/views/components/dataEngine/keyBrandMovement.vue
+++ b/src/views/components/dataEngine/keyBrandMovement.vue
@@ -3,102 +3,122 @@
   <view>
     <topHeader ref="topHeaderRef" @click="search"></topHeader>
     <!-- 重点品牌列表 -->
-    <a-space
+    <Space
       direction="vertical"
       class="bg-#fff rounded-8px  w-100% py-0 px-20px mb-24px"
     >
       <div class="title-row">
         <span class="title mr-4px">重点品牌列表</span>
-        <a-tooltip>
-          <template #content
+        <Tooltip>
+          <template #title
             >基于该行业中近期提及频次高、用户互动活跃的品牌内容，筛选出关注度较高的代表性品牌。</template
           >
           <icon-question-circle size="16" class="!color-#737478" />
-        </a-tooltip>
+        </Tooltip>
       </div>
-      <a-table
-        :columns="columns"
-        :data="dataList"
-        :filter-icon-align-left="alignLeft"
-        :scroll="true"
+      <Table
+        :dataSource="dataList"
         :pagination="false"
+        :showSorterTooltip="false"
         @change="handleChange"
       >
-        <template #empty>
+        <Table.Column
+          v-for="column in columns"
+          :key="column.dataIndex"
+          :title="column.title"
+          :dataIndex="column.dataIndex"
+          :width="column.width"
+          :minWidth="column.minWidth"
+          :sortable="column.sortable"
+        >
+          <template v-if="column.slotName === 'rank'" #customRender="{ record }">
+            <img v-if="record.rank == 1" :src="topImages[0]" style="width: 25px; height: 17px" />
+            <img v-else-if="record.rank == 2" :src="topImages[1]" style="width: 25px; height: 17px" />
+            <img v-else-if="record.rank == 3" :src="topImages[2]" style="width: 25px; height: 17px" />
+            <span v-else>{{ record.rank }}</span>
+          </template>
+          <template v-else-if="column.slotName === 'hot'" #customRender="{ record }">
+            <img v-for="i in record.hot" :key="i" :src="starImages[i - 1]" style="width: 16px; height: 16px" />
+          </template>
+          <template v-else-if="column.slotName === 'trend'" #customRender="{ record }">
+            <div class="flex items-center" :class="record.trend > 0 ? 'color-#F64B31' : 'color-#25C883'">
+              <icon-arrow-up v-if="record.trend > 0" size="16" />
+              <icon-arrow-down v-else size="16" />
+              {{ `${(record.trend * 100).toFixed(2)}%` }}
+            </div>
+          </template>
+          <template v-else-if="column.slotName === 'volumeRate'" #customRender="{ record }">
+            <Statistic :value="record.volume_rate * 100" />%
+          </template>
+          <template v-else-if="column.titleSlotName === 'hotTitle'" #title>
+            <Space>
+              <span>热度指数</span>
+              <Tooltip>
+                <template #title>综合话题出现频次、互动数据（如点赞、收藏、评论）加权计算的热度得分。</template>
+                <icon-question-circle size="14" class="!color-#737478" />
+              </Tooltip>
+            </Space>
+          </template>
+          <template v-else-if="column.titleSlotName === 'trendTitle'" #title>
+            <Space>
+              <span>变化幅度</span>
+              <Tooltip>
+                <template #title>仅基于品牌出现频次。</template>
+                <icon-question-circle size="14" class="!color-#737478" />
+              </Tooltip>
+            </Space>
+          </template>
+          <template v-else-if="column.titleSlotName === 'volume_rateTitle'" #title>
+            <Space>
+              <span>占总声量比例</span>
+              <Tooltip>
+                <template #title>该品牌在当前周期内被提及的内容量，占整个行业内容总量的比例。</template>
+                <icon-question-circle size="14" class="!color-#737478" />
+              </Tooltip>
+            </Space>
+          </template>
+        </Table.Column>
+        <template #emptyText>
           <NoData />
         </template>
-        <template #hotTitle>
-          <a-space>
-            <span>热度指数</span>
-            <a-tooltip>
-              <template #content>综合话题出现频次、互动数据（如点赞、收藏、评论）加权计算的热度得分。</template>
-              <icon-question-circle size="14" class="!color-#737478" />
-            </a-tooltip>
-          </a-space>
-        </template>
-        <template #trendTitle>
-          <a-space>
-            <span>变化幅度</span>
-            <a-tooltip>
-              <template #content>仅基于品牌出现频次。</template>
-              <icon-question-circle size="14" class="!color-#737478" />
-            </a-tooltip>
-          </a-space>
-        </template>
-        <template #volume_rateTitle>
-          <a-space>
-            <span>占总声量比例</span>
-            <a-tooltip>
-              <template #content>该品牌在当前周期内被提及的内容量，占整个行业内容总量的比例。</template>
-              <icon-question-circle size="14" class="!color-#737478" />
-            </a-tooltip>
-          </a-space>
-        </template>
-        <template #rank="{ record }">
-          <img v-if="record.rank == 1" :src="topImages[0]" style="width: 25px; height: 17px" />
-          <img v-else-if="record.rank == 2" :src="topImages[1]" style="width: 25px; height: 17px" />
-          <img v-else-if="record.rank == 3" :src="topImages[2]" style="width: 25px; height: 17px" />
-          <span v-else>{{ record.rank }}</span>
-        </template>
-        <template #hot="{ record }">
-          <img v-for="i in record.hot" :key="i" :src="starImages[i - 1]" style="width: 16px; height: 16px" />
-        </template>
-        <template #trend="{ record }">
-          <div class="flex items-center" :class="record.trend > 0 ? 'color-#F64B31' : 'color-#25C883'">
-            <icon-arrow-up v-if="record.trend > 0" size="16" />
-            <icon-arrow-down v-else size="16" />
-            {{ `${(record.trend * 100).toFixed(2)}%` }}
-          </div>
-        </template>
-        <template #volumeRate="{ record }"> <a-statistic :value="record.volume_rate * 100" />% </template>
-      </a-table>
-    </a-space>
+      </Table>
+    </Space>
     <!--  舆情 & 敏感动态-->
-    <a-space
+    <Space
       direction="vertical"
       class="bg-#fff rounded-8px  w-100% py-0 px-20px mb-24px"
     >
       <div class="title-row">
         <span class="title mr-4px">舆情 & 敏感动态</span>
-        <a-tooltip>
-          <template #content
+        <Tooltip>
+          <template #title
             >基于情绪分析与敏感词识别，对行业内容中的负面或争议性话题进行监测，辅助判断舆情风险动态。</template
           >
           <icon-question-circle size="16" class="!color-#737478" />
-        </a-tooltip>
+        </Tooltip>
       </div>
 
-      <a-table :data="otherList" :columns="columns2" :pagination="false" :scroll="true" style="font-size: 12px">
-        <template #empty>
+      <Table :dataSource="otherList" :pagination="false" :showSorterTooltip="false" style="font-size: 12px">
+        <Table.Column
+          v-for="column in columns2"
+          :key="column.dataIndex"
+          :title="column.title"
+          :dataIndex="column.dataIndex"
+          :width="column.width"
+          :minWidth="column.minWidth"
+          :sortable="column.sortable"
+        />
+        <template #emptyText>
           <NoData />
         </template>
-      </a-table>
-    </a-space>
+      </Table>
+    </Space>
   </view>
 </template>
 
 <script setup>
 import topHeader from './topHeader.vue';
+import { Tooltip, Space, Table, Statistic } from 'ant-design-vue';
 import { fetchFocusBrandsList, fetchEventDynamicsList } from '@/api/all/index';
 import { ref, onMounted, computed } from 'vue';
 import star1 from '@/assets/img/hottranslation/star-fill1.png';
diff --git a/src/views/components/dataEngine/keyWord.vue b/src/views/components/dataEngine/keyWord.vue
index 77d15b6..f635834 100644
--- a/src/views/components/dataEngine/keyWord.vue
+++ b/src/views/components/dataEngine/keyWord.vue
@@ -3,46 +3,46 @@
   <view>
     <topHeader ref="topHeaderRef" @search="search"></topHeader>
     <!-- 关键词热度榜 -->
-    <a-space
+    <Space
       direction="vertical"
       class="bg-#fff rounded-8px  w-100% py-0 px-20px mb-20px"
     >
       <div class="title-row">
         <span class="title mr-4px">关键词热度榜</span>
-        <a-tooltip>
-          <template #content>基于该行业用户内容中提及频率较高的关键词，按热度进行排序，反映近期关注焦点。</template>
+        <Tooltip>
+          <template #title>基于该行业用户内容中提及频率较高的关键词，按热度进行排序，反映近期关注焦点。</template>
           <icon-question-circle size="16" class="!color-#737478" />
-        </a-tooltip>
+        </Tooltip>
       </div>
 
-      <a-table
+      <Table
         :columns="columns"
-        :data="dataList"
-        :filter-icon-align-left="alignLeft"
-        :scroll="true"
+        :dataSource="dataList"
+        :scroll="{ x: true }"
         :pagination="false"
+        :showSorterTooltip="false"
         @change="handleChange"
       >
-        <template #empty>
+        <template #emptyText>
           <NoData />
         </template>
         <template #heatLevel>
-          <a-space>
+          <Space>
             <span>热度指数</span>
-            <a-tooltip>
-              <template #content>综合话题出现频次、互动数据（如点赞、收藏、评论）加权计算的热度得分。</template>
+            <Tooltip>
+              <template #title>综合话题出现频次、互动数据（如点赞、收藏、评论）加权计算的热度得分。</template>
               <icon-question-circle size="14" class="!color-#737478" />
-            </a-tooltip>
-          </a-space>
+            </Tooltip>
+          </Space>
         </template>
         <template #trendTitle>
-          <a-space>
+          <Space>
             <span>变化幅度</span>
-            <a-tooltip>
-              <template #content>仅基于关键词出现频次。</template>
+            <Tooltip>
+              <template #title>仅基于关键词出现频次。</template>
               <icon-question-circle size="14" class="!color-#737478" />
-            </a-tooltip>
-          </a-space>
+            </Tooltip>
+          </Space>
         </template>
 
         <template #rank="{ record }">
@@ -52,7 +52,7 @@
           <span v-else>{{ record.rank }}</span>
         </template>
         <template #keywords="{ record }">
-          <a-tag v-for="item in record.keywords" :key="item" style="margin-right: 5px">{{ item }}</a-tag>
+          <Tag v-for="item in record.keywords" :key="item" style="margin-right: 5px">{{ item }}</Tag>
         </template>
         <template #hot="{ record }">
           <img v-for="i in record.hot" :key="i" :src="starImages[i - 1]" style="width: 16px; height: 16px" />
@@ -69,21 +69,21 @@
             {{ `${(record.trend * 100).toFixed(2)}%` }}
           </div>
         </template>
-      </a-table>
-    </a-space>
+      </Table>
+    </Space>
     <!-- 行业情绪 -->
-    <a-space
+    <Space
       direction="vertical"
       class="bg-#fff rounded-8px  w-100% py-0 px-20px mb-24px"
     >
       <div class="title-row">
         <span class="title mr-4px">行业情绪</span>
-        <a-tooltip>
-          <template #content
+        <Tooltip>
+          <template #title
             >对该行业下用户内容进行情绪分析，按情绪类别统计占比，提取占比最高者作为行业情绪代表。</template
           >
           <icon-question-circle size="16" class="!color-#737478" />
-        </a-tooltip>
+        </Tooltip>
       </div>
 
       <div class="flex items-center w-100%">
@@ -103,17 +103,16 @@
             </div>
           </div>
         </div>
-        <a-table
+        <Table
           class="flex-1"
           :columns="columns2"
-          :data="sortedRowData"
-          :span-method="spanMethod"
-          :filter-icon-align-left="alignLeft"
-          :scroll="true"
+          :dataSource="sortedRowData"
+          :scroll="{ x: true }"
           :pagination="false"
+          :showSorterTooltip="false"
           @change="handleChange"
         >
-          <template #empty>
+          <template #emptyText>
             <NoData />
           </template>
           <template #felling="{ record }">
@@ -122,33 +121,33 @@
               <span>{{ fellingStatus[record.felling].label }}</span>
             </div>
           </template>
-        </a-table>
+        </Table>
       </div>
-    </a-space>
+    </Space>
     <!-- 新兴关键词 -->
-    <a-space
+    <Space
       direction="vertical"
       class="bg-#fff rounded-8px  w-100% py-0 px-20px"
     >
       <div class="title-row">
         <span class="title mr-4px">新兴关键词</span>
-        <a-tooltip>
-          <template #content
+        <Tooltip>
+          <template #title
             >指当前周期中首次出现，或相较上一周期词频显著增长的关键词，反映近期出现的新关注点。</template
           >
           <icon-question-circle size="16" class="!color-#737478" />
-        </a-tooltip>
+        </Tooltip>
       </div>
 
-      <a-table
+      <Table
         :columns="columns3"
-        :data="keywordList"
-        :filter-icon-align-left="alignLeft"
-        :scroll="true"
+        :dataSource="keywordList"
+        :scroll="{ x: true }"
         :pagination="false"
+        :showSorterTooltip="false"
         @change="handleChange"
       >
-        <template #empty>
+        <template #emptyText>
           <NoData />
         </template>
         <template #rank="{ record }">
@@ -181,23 +180,23 @@
           <img v-for="i in record.hot" :key="i" :src="starImages[i - 1]" style="width: 16px; height: 16px" />
         </template>
 
-        <template #hotTitle="{ record }">
-          <a-space>
+        <template #hotTitle>
+          <Space>
             <span>当前热度指数</span>
-            <a-tooltip>
-              <template #content>综合关键词出现频次、互动表现（如点赞、收藏、评论）加权计算的热度得分。</template>
+            <Tooltip>
+              <template #title>综合关键词出现频次、互动表现（如点赞、收藏、评论）加权计算的热度得分。</template>
               <icon-question-circle size="16" class="!color-#737478" />
-            </a-tooltip>
-          </a-space>
+            </Tooltip>
+          </Space>
         </template>
-        <template #trendTitle="{ record }">
-          <a-space>
+        <template #trendTitle>
+          <Space>
             <span>变化幅度</span>
-            <a-tooltip>
-              <template #content>仅基于关键词出现频次。</template>
+            <Tooltip>
+              <template #title>仅基于关键词出现频次。</template>
               <icon-question-circle size="16" class="!color-#737478" />
-            </a-tooltip>
-          </a-space>
+            </Tooltip>
+          </Space>
         </template>
         <template #tred="{ record }">
           <div class="flex items-center" :class="record.trend > 0 ? 'color-#F64B31' : 'color-#25C883'">
@@ -207,15 +206,16 @@
           </div>
         </template>
         <template #optional="{ record }">
-          <a-button type="outline" @click="gotoDetail(record)">详情</a-button>
+          <Button type="primary" ghost @click="gotoDetail(record)">详情</Button>
         </template>
-      </a-table>
-    </a-space>
+      </Table>
+    </Space>
     <!-- modal -->
-    <a-modal
-      :visible="visible"
-      modal-class="keyword-modal"
+    <Modal
+      v-model:open="visible"
+      wrapClassName="keyword-modal"
       unmountOnClose
+      centered
       width="640px"
       @ok="handleOk"
       @cancel="handleCancel"
@@ -224,7 +224,7 @@
         <span style="text-align: left; width: 100%">新兴关键词</span>
       </template>
       <div>
-        <a-space direction="vertical">
+        <Space direction="vertical">
           <div class="mb-12px flex items-center">
             <p class="cts !mr-16px flex-shrink-0 w-83px">话题名称</p>
             <span class="cts">{{ topicInfo.name }}</span>
@@ -250,25 +250,27 @@
             <p class="!mr-16px w-83px cts relative top-2px">原始来源</p>
             <div class="flex flex-col">
               <div v-for="item in topicInfo.industry_new_keyword_sources" :key="item" class="mb-18px flex items-center">
-                <a-link style="background-color: initial" :href="item.link" target="_blank" class="!text-12px">{{
+                <Link :href="item.link" target="_blank" class="!text-12px">{{
                   item.title
-                }}</a-link>
+                }}</Link>
                 <img src="@/assets/img/hottranslation/xhs.png" width="16" height="16" />
               </div>
             </div>
           </div>
-        </a-space>
+        </Space>
       </div>
       <template #footer>
-        <a-button size="large" @click="handleCancel">取消</a-button>
-        <a-button type="primary" size="large" class="rounded-4px" @click="handleOk"> 确定 </a-button>
+        <Button size="large" @click="handleCancel">取消</Button>
+        <Button type="primary" size="large" @click="handleOk"> 确定 </Button>
       </template>
-    </a-modal>
+    </Modal>
   </view>
 </template>
 
 <script setup>
 import topHeader from './topHeader.vue';
+import { Modal, Button, Tooltip, Space, Table, Tag, Typography } from 'ant-design-vue';
+const { Link } = Typography;
 import {
   fetchKeywordTrendsList,
   fetchIndustryEmotions,
@@ -690,7 +692,7 @@ onMounted(() => {
     }
   }
 
-  .arco-modal-body {
+  .ant-modal-body {
     padding: 12px 20px 0;
     .cts {
       color: var(--Text-2, #3c4043);
diff --git a/src/views/components/dataEngine/topHeader.vue b/src/views/components/dataEngine/topHeader.vue
index 83b17d5..1edc4b5 100644
--- a/src/views/components/dataEngine/topHeader.vue
+++ b/src/views/components/dataEngine/topHeader.vue
@@ -1,97 +1,100 @@
 <template>
   <view>
     <!-- 头部 -->
-    <a-space
+    <Space
       direction="vertical"
       class="bg-#fff rounded-8px mb-20px"
       style="background-color: #fff; width: 100%; padding: 24px; color: #737478; font-size: 14px"
     >
-      <a-space align="start" style="width: 100%; align-items: flex-start" class="mb-12px">
+      <Space align="start" style="width: 100%; align-items: flex-start" class="mb-12px">
         <span style="flex-shrink: 0; line-height: 28px" class="mr-32px">行业大类</span>
         <div style="display: flex; flex-wrap: wrap; gap: 16px; width: 100%; align-items: flex-start">
-          <a-tag
+          <Tag
             v-for="item in industriesTree"
             :key="item.id"
             size="Medium"
             :checkable="true"
             :checked="selectedIndustry == item.id"
-            style="padding: 10px 16px; border-radius: 30px; height: 28px"
+            style="padding: 0 16px; border-radius: 30px; height: 28px"
+            class="lh-28px cursor-pointer"
             :style="
               selectedIndustry == item.id
                 ? 'color: #6D4CFE; background-color: #F0EDFF'
                 : 'color: #3C4043; background-color: #F7F8FA'
             "
-            @check="handleIndustryCheck(item.id)"
-            >{{ item.name }}</a-tag
+            @click="handleIndustryCheck(item.id)"
+            >{{ item.name }}</Tag
           >
         </div>
-      </a-space>
+      </Space>
       <!-- 二级类目 -->
-      <a-space align="start" style="width: 100%; align-items: flex-start" class="mb-12px">
+      <Space align="start" style="width: 100%; align-items: flex-start" class="mb-12px">
         <span style="flex-shrink: 0; line-height: 28px" class="mr-32px">二级类目</span>
         <div style="display: flex; flex-wrap: wrap; gap: 16px; width: 100%; align-items: flex-start">
-          <a-tag
+          <Tag
             v-for="item in subCategories"
             :key="item.id"
-            size="Medium"
+            size="small"
             :checkable="true"
             :checked="selectedSubCategory == item.id"
-            style="padding: 10px 16px; border-radius: 30px; height: 28px"
+            style="padding: 0 16px; border-radius: 30px; height: 28px"
+            class="lh-28px cursor-pointer"
             :style="
               selectedSubCategory == item.id
                 ? 'color: #6d4cfe; background-color: #f0edff'
                 : 'color: #3C4043; background-color: #F7F8FA'
             "
-            @check="handleSubCategoryCheck(item.id)"
-            >{{ item.name }}</a-tag
+            @click="handleSubCategoryCheck(item.id)"
+            >{{ item.name }}</Tag
           >
         </div>
-      </a-space>
-      <!-- </a-space> -->
-      <a-space align="start" style="width: 100%; align-items: flex-start" class="mb-12px">
+      </Space>
+      <!-- </Space> -->
+      <Space align="start" style="width: 100%; align-items: flex-start" class="mb-12px">
         <span style="flex-shrink: 0; line-height: 28px" class="mr-32px">时间筛选</span>
         <div style="display: flex; flex-wrap: wrap; gap: 16px; width: 100%; align-items: flex-start">
-          <a-tag
+          <Tag
             v-for="item in timePeriods"
             :key="item.value"
             size="Medium"
             :checkable="true"
             :checked="selectedTimePeriod == item.value"
-            style="padding: 10px 16px; border-radius: 30px; height: 28px"
+            class="lh-28px cursor-pointer"
+            style="padding: 0 16px; border-radius: 30px; height: 28px"
             :style="
               selectedTimePeriod == item.value
                 ? 'color: #6d4cfe; background-color: #f0edff'
                 : 'color: #3C4043; background-color: #F7F8FA'
             "
-            @check="handleTimePeriodCheck(item.value)"
+            @click="handleTimePeriodCheck(item.value)"
             >{{ item.label }}
-          </a-tag>
+          </Tag>
         </div>
-      </a-space>
+      </Space>
       <!-- 搜索区域 -->
-      <a-space style="margin-left: 'auto'">
-        <a-button type="primary" size="medium" @click="handleSearch">
+      <Space style="margin-left: 'auto'">
+        <Button type="primary" @click="handleSearch">
           <template #icon>
-            <icon-search />
+            <icon-search class="mr-8px"/>
           </template>
           <!-- Use the default slot to avoid extra spaces -->
           <template #default>搜索</template>
-        </a-button>
-        <a-button class="w-84px reset-btn" size="medium" @click="handleReset">
+        </Button>
+        <Button class="w-84px reset-btn" @click="handleReset">
           <template #icon>
-            <icon-refresh />
+            <icon-refresh class="mr-8px"/>
           </template>
           <template #default>重置</template>
-        </a-button>
-      </a-space>
-    </a-space>
+        </Button>
+      </Space>
+    </Space>
   </view>
 </template>
 
 <script setup lang="ts">
 import { ref, computed } from 'vue';
 import { fetchIndustriesTree } from '@/api/all/index';
-
+import { Button, Space, Tag } from 'ant-design-vue';
 const emit = defineEmits<(e: 'search') => void>();
 // 行业大类
 const industriesTree = ref([]);
@@ -139,6 +142,7 @@ const handleIndustryCheck = (id) => {
 };
 
 const handleSubCategoryCheck = (id) => {
+  console.log('handleSubCategoryCheck');
   selectedSubCategory.value = id;
 };
 
@@ -185,7 +189,7 @@ const handleReset = () => {
   color: #6d4cfe !important;
   border-color: #6d4cfe !important;
 }
-:deep(.arco-modal-body) {
+:deep(.ant-modal-body) {
   padding: 0px;
 }
 .reset-btn {
diff --git a/src/views/components/dataEngine/userPainPoints.vue b/src/views/components/dataEngine/userPainPoints.vue
index fb88eb5..a173929 100644
--- a/src/views/components/dataEngine/userPainPoints.vue
+++ b/src/views/components/dataEngine/userPainPoints.vue
@@ -3,63 +3,71 @@
     <topHeader ref="topHeaderRef" @search="search"></topHeader>
 
     <!-- 用户痛点观察 -->
-    <a-space
+    <Space
       direction="vertical"
       style="background-color: #fff; width: 100%; padding: 0 20px"
       class="bg-#fff rounded-8px  mb-24px"
     >
       <div class="title-row">
         <span class="title mr-4px">用户痛点观察</span>
-        <a-tooltip>
-          <template #content
+        <Tooltip>
+          <template #title
             >基于用户内容中的情绪分析与表达模式，提取反复出现的负面倾向主题，反映典型使用痛点。</template
           >
           <icon-question-circle size="16" class="!color-#737478" />
-        </a-tooltip>
+        </Tooltip>
       </div>
-      <a-table
-        :columns="columns"
-        :data="dataList"
-        :filter-icon-align-left="alignLeft"
-        :scroll="true"
+      <Table
+        :dataSource="dataList"
         :pagination="false"
+        :showSorterTooltip="false"
         @change="handleChange"
       >
-        <template #empty>
+        <Table.Column
+          v-for="column in columns"
+          :key="column.dataIndex"
+          :title="column.title"
+          :dataIndex="column.dataIndex"
+          :width="column.width"
+          :minWidth="column.minWidth"
+          :sortable="column.sortable"
+        >
+          <template v-if="column.slotName === 'rank'" #customRender="{ record }">
+            <img v-if="record.rank == 1" :src="topImages[0]" style="width: 25px; height: 17px" />
+            <img v-else-if="record.rank == 2" :src="topImages[1]" style="width: 25px; height: 17px" />
+            <img v-else-if="record.rank == 3" :src="topImages[2]" style="width: 25px; height: 17px" />
+            <span v-else>{{ record.rank }}</span>
+          </template>
+          <template v-else-if="column.slotName === 'keywords'" #customRender="{ record }">
+            <Tag
+              v-for="item in record.keywords"
+              :key="item"
+              class="!rounded-2px !px-8px !py-1px !bg-#F2F3F5 !h-22px !color-#3C4043 mb-5px mr-5px"
+              >{{ item }}</Tag
+            >
+          </template>
+          <template v-else-if="column.slotName === 'frequency'" #customRender="{ record }">
+            <Tag
+              :class="`!rounded-2px !px-8px !py-1px !bg-${frequencyStatus[record.frequency].bgColor} !h-22px !color-${
+                frequencyStatus[record.frequency].color
+              }`"
+              >{{ frequencyStatus[record.frequency].label }}</Tag
+            >
+          </template>
+          <template v-else-if="column.slotName === 'optional'" #customRender="{ record }">
+            <Button type="primary" ghost @click="gotoDetail(record)">详情</Button>
+          </template>
+        </Table.Column>
+        <template #emptyText>
           <NoData />
         </template>
-        <template #rank="{ record }">
-          <img v-if="record.rank == 1" :src="topImages[0]" style="width: 25px; height: 17px" />
-          <img v-else-if="record.rank == 2" :src="topImages[1]" style="width: 25px; height: 17px" />
-          <img v-else-if="record.rank == 3" :src="topImages[2]" style="width: 25px; height: 17px" />
-          <span v-else>{{ record.rank }}</span>
-        </template>
-        <template #keywords="{ record }">
-          <a-tag
-            v-for="item in record.keywords"
-            :key="item"
-            class="!rounded-2px !px-8px !py-1px !bg-#F2F3F5 !h-22px !color-#3C4043 mb-5px mr-5px"
-            >{{ item }}</a-tag
-          >
-        </template>
-        <template #frequency="{ record }">
-          <a-tag
-            :class="`!rounded-2px !px-8px !py-1px !bg-${frequencyStatus[record.frequency].bgColor} !h-22px !color-${
-              frequencyStatus[record.frequency].color
-            }`"
-            >{{ frequencyStatus[record.frequency].label }}</a-tag
-          >
-        </template>
+      </Table>
+    </Space>
 
-        <template #optional="{ record }">
-          <a-button type="outline" class="!rounded-4px" @click="gotoDetail(record)">详情</a-button>
-        </template>
-      </a-table>
-    </a-space>
-
-    <a-modal
-      :visible="visible"
-      modal-class="user-pain-points-modal"
+    <Modal
+      v-model:open="visible"
+      wrapClassName="user-pain-points-modal"
+      centered
       unmountOnClose
       width="640px"
       @ok="handleOk"
@@ -69,27 +77,27 @@
         <span style="text-align: left; width: 100%">用户痛点观察</span>
       </template>
       <div>
-        <a-space direction="vertical" style="font-size: 12px">
+        <Space direction="vertical" style="font-size: 12px">
           <div class="mb-12px flex items-center">
             <p class="cts !mr-16px flex-shrink-0 w-60px">痛点</p>
             <span class="cts">{{ topicInfo.name }}</span>
           </div>
           <div class="mb-12px flex items-center">
             <p class="cts !mr-16px flex-shrink-0 w-60px">关键词</p>
-            <a-tag
+            <Tag
               v-for="item in topicInfo.keywords"
               :key="item"
               class="mr-8px py-10px px-8px rounded-4px bg-#F2F3F5 cts !h-24px"
-              >{{ item }}</a-tag
+              >{{ item }}</Tag
             >
           </div>
           <div class="mb-12px flex items-center">
             <p class="cts !mr-16px flex-shrink-0 w-60px">频次</p>
-            <a-tag
+            <Tag
               :class="`!rounded-2px !px-8px !py-1px !bg-${
                 frequencyStatus[topicInfo.frequency].bgColor
               } !h-22px !color-${frequencyStatus[topicInfo.frequency].color}`"
-              >{{ frequencyStatus[topicInfo.frequency].label }}</a-tag
+              >{{ frequencyStatus[topicInfo.frequency].label }}</Tag
             >
           </div>
           <div class="mb-12px flex items-center">
@@ -100,25 +108,27 @@
             <p class="cts !mr-16px flex-shrink-0 w-60px">原始来源</p>
             <div class="flex flex-col">
               <div v-for="item in topicInfo.user_pain_point_sources" :key="item" class="mb-18px flex items-center">
-                <a-link style="background-color: initial" :href="item.link" target="_blank" class="!text-12px">{{
+                <Link :href="item.link" target="_blank" class="!text-12px">{{
                   item.title
-                }}</a-link>
+                }}</Link>
                 <img src="@/assets/img/hottranslation/xhs.png" width="16" height="16" />
               </div>
             </div>
           </div>
-        </a-space>
+        </Space>
       </div>
       <template #footer>
-        <a-button size="large" @click="handleCancel">取消</a-button>
-        <a-button type="primary" size="large" class="rounded-4px" @click="handleOk"> 确定 </a-button>
+        <Button size="large" @click="handleCancel">取消</Button>
+        <Button type="primary" size="large" @click="handleOk"> 确定 </Button>
       </template>
-    </a-modal>
+    </Modal>
   </view>
 </template>
 
 <script setup>
 import topHeader from './topHeader.vue';
+import { Modal, Button, Tooltip, Space, Table, Tag, Typography } from 'ant-design-vue';
+const { Link } = Typography;
 import { fetchUserPainPointsDetail, fetchUserPainPointsList } from '@/api/all/index';
 import { ref, onMounted, computed } from 'vue';
 import top1 from '@/assets/img/captcha/top1.svg';
@@ -286,16 +296,16 @@ const search = () => {
 </style>
 <style lang="scss">
 .user-pain-points-modal {
-  .arco-modal-header {
+  .ant-modal-header {
     border-bottom: none;
     height: 56px;
     padding: 0 20px;
-    .arco-modal-title {
+    .ant-modal-title {
       justify-content: flex-start;
     }
   }
 
-  .arco-modal-body {
+  .ant-modal-body {
     padding: 12px 20px 0;
     .cts {
       color: var(--Text-2, #3c4043);
@@ -311,7 +321,7 @@ const search = () => {
     }
   }
 
-  .arco-modal-footer {
+  .ant-modal-footer {
     display: flex;
     height: 64px;
     padding: 0px 20px;
diff --git a/src/views/components/dataEngine/userPersona.vue b/src/views/components/dataEngine/userPersona.vue
index 2689513..e47629d 100644
--- a/src/views/components/dataEngine/userPersona.vue
+++ b/src/views/components/dataEngine/userPersona.vue
@@ -6,52 +6,52 @@
       <div class="bg-#fff rounded-8px  w-100% py-0 px-20px w-600px mr-24px">
         <div class="title-row">
           <span class="title mr-4px">性别分布</span>
-          <a-tooltip>
-            <template #content>基于社交内容平台中用户资料、互动行为及语义特征进行智能识别与估算。</template>
+          <Tooltip>
+            <template #title>基于社交内容平台中用户资料、互动行为及语义特征进行智能识别与估算。</template>
             <icon-question-circle size="16" class="!color-#737478" />
-          </a-tooltip>
+          </Tooltip>
         </div>
-        <a-space v-if="genderData.length > 0">
+        <Space v-if="genderData.length > 0">
           <div id="container" class="w-300px h-300px"></div>
 
-          <a-space direction="vertical" style="font-size: 14px">
-            <a-space>
+          <Space direction="vertical" style="font-size: 14px">
+            <Space>
               <span style="width: 8px; height: 8px; background-color: #f64b31; border-radius: 50%"></span>
               <span>女性</span>
               <span>{{ (girlData.rate * 100).toFixed(2) }}%</span>
               <span>TGI</span>
               <span>{{ girlData.tgi }}</span>
-            </a-space>
-            <a-space>
+            </Space>
+            <Space>
               <span style="width: 8px; height: 8px; background-color: #2a59f3; border-radius: 50%"></span>
               <span>男性</span>
               <span>{{ (boyData.rate * 100).toFixed(2) }}%</span>
               <span>TGI</span>
               <span>{{ boyData.tgi }}</span>
-            </a-space>
-          </a-space>
-        </a-space>
+            </Space>
+          </Space>
+        </Space>
         <div v-else>
           <NoData class="w-100% h-100%" />
         </div>
       </div>
       <!-- 2. 年龄分布 -->
       <div class="bg-#fff rounded-8px  w-100% py-0 px-20px flex-1 flex flex-col">
-        <a-space style="display: flex; justify-content: space-between; width: 100%; font-size: 12px">
+        <Space style="display: flex; justify-content: space-between; width: 100%; font-size: 12px">
           <div class="title-row">
             <span class="title mr-4px">年龄分布</span>
-            <a-tooltip>
-              <template #content>基于社交平台的公开信息、内容偏好与行为模式，通过算法进行年龄段归类和统计。</template>
+            <Tooltip>
+              <template #title>基于社交平台的公开信息、内容偏好与行为模式，通过算法进行年龄段归类和统计。</template>
               <icon-question-circle size="16" class="!color-#737478" />
-            </a-tooltip>
+            </Tooltip>
           </div>
-          <a-space v-if="ageValueData.length > 0" align="center">
+          <Space v-if="ageValueData.length > 0" align="center">
             <span style="width: 16px; height: 8px; background-color: #6d4cfe; border-radius: 2px"></span>
             <span style="color: #6d4cfe">占比</span>
             <span style="width: 16px; height: 8px; background-color: #f64b31; border-radius: 2px"></span>
             <span style="color: #f64b31">TGI比</span>
-          </a-space>
-        </a-space>
+          </Space>
+        </Space>
         <div v-if="ageValueData.length === 0" class="w-100% flex-1">
           <NoData />
         </div>
@@ -61,17 +61,17 @@
     <div class="bg-#fff rounded-8px  w-100% py-0 px-20px flex-1 pb-20px">
       <div class="title-row">
         <span class="title mr-4px">地域分布</span>
-        <a-tooltip>
-          <template #content>基于社交平台的IP归属地、位置标签、内容发布地等数据推测用户活跃区域。</template>
+        <Tooltip>
+          <template #title>基于社交平台的IP归属地、位置标签、内容发布地等数据推测用户活跃区域。</template>
           <icon-question-circle size="16" class="!color-#737478" />
-        </a-tooltip>
+        </Tooltip>
       </div>
       <div class="flex">
-        <a-space direction="vertical">
+        <Space direction="vertical">
           <div id="chinaMap" style="height: 416px; width: 640px"></div>
-          <a-space direction="vertical" style="font-size: 14px">
+          <Space direction="vertical" style="font-size: 14px">
             <span class="cts">搜索指数</span>
-            <a-space>
+            <Space>
               <span class="cts">高</span>
               <span
                 v-for="item in 5"
@@ -86,44 +86,38 @@
                 }"
               ></span>
               <span class="cts">低</span>
-            </a-space>
-          </a-space>
-        </a-space>
+            </Space>
+          </Space>
+        </Space>
         <div class="flex flex-col h-486px">
-          <a-tabs default-active-key="1" class="h-100%" @change="tabChange">
-            <a-tab-pane key="1" title="省份">
-              <a-table :data="geoList" :pagination="false" class="h-100%" :scroll="{ y: '100%' }">
-                <template #empty>
+          <Tabs defaultActiveKey="1" class="h-100%" @change="tabChange" size="large">
+            <TabPane key="1" tab="省份">
+              <Table :dataSource="geoList" :pagination="false" class="h-100%" :scroll="{ y: '100%' }" :showSorterTooltip="false">
+                <template #emptyText>
                   <NoData />
                 </template>
-                <template #columns>
-                  <a-table-column title="排名" data-index="rank" />
-                  <a-table-column title="省份" data-index="geo" />
-                  <a-table-column title="分布占比" data-index="rate" />
-
-                  <a-table-column title="TGI指数" data-index="tgi" />
-                </template>
-              </a-table>
-            </a-tab-pane>
-            <a-tab-pane key="2" title="城市">
-              <a-table :data="geoList" :pagination="false" class="h-100%" :scroll="{ y: '100%' }">
-                <template #empty>
+                <Column title="排名" dataIndex="rank" />
+                <Column title="省份" dataIndex="geo" />
+                <Column title="分布占比" dataIndex="rate" />
+                <Column title="TGI指数" dataIndex="tgi" />
+              </Table>
+            </TabPane>
+            <TabPane key="2" tab="城市">
+              <Table :dataSource="geoList" :pagination="false" class="h-100%" :scroll="{ y: '100%' }" :showSorterTooltip="false">
+                <template #emptyText>
                   <NoData />
                 </template>
-                <template #columns>
-                  <a-table-column title="排名" data-index="rank" />
-                  <a-table-column title="城市" data-index="geo" />
-                  <a-table-column title="分布占比" data-index="rate">
-                    <template #cell="{ record }">
-                      <span class="cts">{{ (record.rate * 100).toFixed(2) }}%</span>
-                    </template>
-                  </a-table-column>
-
-                  <a-table-column title="TGI指数" data-index="tgi" />
-                </template>
-              </a-table>
-            </a-tab-pane>
-          </a-tabs>
+                <Column title="排名" dataIndex="rank" />
+                <Column title="城市" dataIndex="geo" />
+                <Column title="分布占比" dataIndex="rate">
+                  <template #customRender="{ record }">
+                    <span class="cts">{{ (record.rate * 100).toFixed(2) }}%</span>
+                  </template>
+                </Column>
+                <Column title="TGI指数" dataIndex="tgi" />
+              </Table>
+            </TabPane>
+          </Tabs>
         </div>
       </div>
     </div>
@@ -133,11 +127,15 @@
 <script setup>
 import topHeader from './topHeader.vue';
 import { fetchAgeDistributionsList, fetchGeoDistributionsList, fetchGenderDistributionsList } from '@/api/all/index';
-import { ref, onMounted, computed } from 'vue';
+import { ref, onMounted, computed, watch, nextTick } from 'vue';
 import * as echarts from 'echarts';
 import chinaJson from '@/assets/maps/china.json';
 
 echarts.registerMap('china', chinaJson);
+import { Tabs, Tooltip, Space, Table } from 'ant-design-vue';
+const { TabPane } = Tabs;
+const { Column } = Table;
+
 const scope = ref(1); // 地域范围，1-省，2-市
 const chartInstance = (ref < echarts.ECharts) | (null > null);
 const topHeaderRef = ref();
diff --git a/src/views/components/management/account/index.vue b/src/views/components/management/account/index.vue
index de43f76..f9be4ed 100644
--- a/src/views/components/management/account/index.vue
+++ b/src/views/components/management/account/index.vue
@@ -2,40 +2,44 @@
   <div class="bg-#fff rounded-8px w-100% py-0 px-20px pb-24px">
     <div class="title-row">
       <span class="title">账号管理</span>
-      <a-button type="outline" class="add-account-button" @click="handleAddAccount">添加子账号</a-button>
+      <Button type="primary" ghost class="add-account-button" @click="handleAddAccount">添加子账号</Button>
     </div>
-    <a-table
-      :columns="columns"
-      :data="dataSource"
+    <Table
+      :dataSource="dataSource"
       :pagination="pagination"
+      :showSorterTooltip="false"
       class="mt-8px"
-      @page-change="handlePageChange"
-      @page-size-change="handlePageSizeChange"
+      @change="handleTableChange"
     >
-      <template #empty>
+      <Table.Column title="手机号" dataIndex="mobile">
+        <template #customRender="{ record }">
+          <div class="flex item-center pt-13px pb-13px">
+            <span class="mr-4px">{{ record.mobile }}</span>
+            <Tag v-if="record.type === 0" class="primary-account">主账号</Tag>
+            <Tag v-else class="sub-account">子账号</Tag>
+          </div>
+        </template>
+      </Table.Column>
+      <Table.Column title="操作" dataIndex="action" width="120">
+        <template #customRender="{ record }">
+          <Button
+            v-if="record.type !== 0"
+            class="delete-button"
+            size="small"
+            type="primary"
+            ghost
+            danger
+            @click="openDeleteModal(record)"
+          >
+            删除
+          </Button>
+        </template>
+      </Table.Column>
+      <template #emptyText>
         <NoData />
       </template>
-      <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">
+    </Table>
+    <Modal v-model:open="addAccountVisible" centered 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>
@@ -52,15 +56,15 @@
         <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>
+    <CustomerServiceModal v-model:open="customerServiceVisible" centered/>
+    <DeleteModal v-model:open="deleteVisible" centered :content="deleteTitle" @ok="handleDelete" @cancel="deleteVisible = false">
     </DeleteModal>
   </div>
 </template>
 <script setup lang="ts">
-import Container from '@/components/container.vue';
 import { ref, onMounted, reactive, computed } from 'vue';
+import { Button, Table, message, Tag } from 'ant-design-vue';
+
 import { fetchSubAccountPage, removeEnterpriseAccount, getEnterpriseInviteCode } from '@/api/all';
 import Modal from '@/components/modal.vue';
 import DeleteModal from '@/components/delete-modal.vue';
@@ -82,10 +86,10 @@ const columns = [
 const dataSource = ref([]);
 const pagination = reactive({
   total: 0,
-  showPageSize: true,
-  showTotal: true,
-  defaultCurrent: 1,
-  defaultPageSize: 10,
+  showSizeChanger: true,
+  showTotal: (total: number, range: [number, number]) => `共 ${total} 条记录`,
+  current: 1,
+  pageSize: 10,
 });
 
 const params = reactive({
@@ -120,13 +124,12 @@ 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;
+function handleTableChange(paginationInfo: any, filters: any, sorter: any) {
+  params.page = paginationInfo.current;
+  params.page_size = paginationInfo.pageSize;
+  // 更新分页状态
+  pagination.current = paginationInfo.current;
+  pagination.pageSize = paginationInfo.pageSize;
   getSubAccount();
 }
 
@@ -155,13 +158,13 @@ function handleOk() {
     return;
   }
   if (!isSupported) {
-    AMessage.error('您的浏览器不支持复制，请手动复制！');
+    message.error('您的浏览器不支持复制，请手动复制！');
   }
   copy(inviteUrl.value);
   if (!copied) {
-    AMessage.error('复制失败，请手动复制！');
+    message.error('复制失败，请手动复制！');
   }
-  AMessage.success('复制成功！');
+  message.success('复制成功！');
 }
 
 function openDeleteModal(record: { id: number; mobile: string }) {
@@ -172,7 +175,7 @@ function openDeleteModal(record: { id: number; mobile: string }) {
 
 async function handleDelete() {
   await removeEnterpriseAccount(currentSelectAccount.value.id);
-  AMessage.success('移除成功！');
+  message.success('移除成功！');
 }
 
 onMounted(() => {
@@ -275,14 +278,7 @@ onMounted(() => {
     color: var(--Text-2, rgba(60, 64, 67, 1));
   }
 }
-.delete-modal-content {
-  margin-left: 34px;
-  margin-top: 16px;
-  font-family: $font-family-medium;
-  font-weight: 400;
-  font-size: 12px;
-  color: var(--Text-2, rgba(60, 64, 67, 1));
-}
+
 .title-row {
   display: flex;
   height: 64px;
diff --git a/src/views/components/management/enterprise/index.vue b/src/views/components/management/enterprise/index.vue
index 7329b1d..634ca36 100644
--- a/src/views/components/management/enterprise/index.vue
+++ b/src/views/components/management/enterprise/index.vue
@@ -3,39 +3,53 @@
     <div class="title-row">
       <span class="title">企业信息</span>
     </div>
-    <a-table :columns="columns" :data="dataSource" :pagination="false" class="mt-8px">
-      <template #empty>
+    <Table :dataSource="dataSource" :pagination="false" :showSorterTooltip="false" class="mt-8px">
+      <Table.Column title="企业信息" dataIndex="info">
+        <template #customRender="{ record }">
+          {{ record.name }}
+        </template>
+      </Table.Column>
+      <Table.Column title="操作" dataIndex="action" width="120">
+        <template #customRender>
+          <Button class="edit-button" size="small" type="primary" ghost @click="handleUpdate">修改</Button>
+        </template>
+      </Table.Column>
+      <template #emptyText>
         <NoData />
       </template>
-      <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">
+    </Table>
+    <Modal
+      v-model:open="infoVisible"
+      width="480px"
+      centered
+      title="修改企业名称"
+      :okText="okText"
+      @ok="handleOk"
+      cancelText="取消"
+    >
       <p class="tips">
         企业名称只能修改2次，请谨慎操作。<span
           >（剩余{{ enterpriseInfo!.update_name_quota - enterpriseInfo!.used_update_name_count }}次）
         </span>
       </p>
-      <a-form
+      <Form
         :model="form"
+        :rules="rules"
         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 v-model.trim="form.name" size="small" :disabled="!canUpdate" placeholder="请输入新企业名称" />
-        </a-form-item>
-      </a-form>
+        <FormItem required name="name" label="新企业名称">
+          <Input v-model:value.trim="form.name" size="small" :disabled="!canUpdate" placeholder="请输入新企业名称" />
+        </FormItem>
+      </Form>
     </Modal>
-    <CustomerServiceModal v-model:visible="customerServiceVisible" />
+    <CustomerServiceModal v-model:open="customerServiceVisible" centered />
   </div>
 </template>
 <script setup lang="ts">
+import { Button, Form, FormItem, Input, Table, message } from 'ant-design-vue';
 import Container from '@/components/container.vue';
 import Modal from '@/components/modal.vue';
 import { ref, reactive, computed } from 'vue';
@@ -48,6 +62,16 @@ const form = reactive({
   name: '',
 });
 
+const rules = {
+  name: [
+    {
+      required: true,
+      message: '请输入新企业名称',
+      trigger: ['blur'],
+    },
+  ],
+};
+
 const enterpriseInfo = computed(() => {
   return store.enterpriseInfo ?? {};
 });
@@ -98,7 +122,7 @@ async function handleOk() {
   await updateEnterpriseName({ name: form.name });
   store.setEnterpriseName(form.name);
   store.incUsedUpdateNameCount();
-  AMessage.success('修改成功！');
+  message.success('修改成功！');
 }
 </script>
 
diff --git a/src/views/components/management/person/index.vue b/src/views/components/management/person/index.vue
index ae09421..61dc69d 100644
--- a/src/views/components/management/person/index.vue
+++ b/src/views/components/management/person/index.vue
@@ -1,32 +1,37 @@
 <template>
   <div class="bg-#fff rounded-16px w-100% p-36px">
     <p class="title mb-32px">个人信息</p>
-    <a-table :columns="columns" :data="dataSource" :pagination="false" class="mt-8px">
-      <template #empty>
+    <Table :dataSource="dataSource" :pagination="false" :showSorterTooltip="false" class="mt-8px">
+      <Table.Column title="用户信息" dataIndex="info">
+        <template #customRender="{ record }">
+          <div class="pt-3px pb-3px">
+            <Avatar :src="record.head_image" :size="32" />
+            {{ record.name || '-' }}
+            <icon-edit size="13" class="ml-8px" @click="openEditInfoModal" />
+          </div>
+        </template>
+      </Table.Column>
+      <Table.Column title="手机号" dataIndex="mobile">
+        <template #customRender="{ record }">
+          {{ record.mobile.replace(/(\d{3})\d{4}(\d{4})/, '$1****$2') }}
+          <icon-edit size="13" class="ml-8px" @click="openEditMobileModal" />
+        </template>
+      </Table.Column>
+      <template #emptyText>
         <NoData />
       </template>
-      <template #info="{ record }">
-        <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') }}
-        <icon-edit size="13" class="ml-8px" @click="openEditMobileModal" />
-      </template>
-    </a-table>
-    <Modal v-model:visible="infoVisible" title="修改用户信息" @ok="handleSubmitUserInfo">
-      <a-form
+    </Table>
+    <Modal v-model:open="infoVisible" centered title="修改用户信息" @ok="handleSubmitUserInfo">
+      <Form
         class="form"
+        :rules="rules"
         :model="userInfoForm"
         :label-col-props="{ span: 3, offset: 0 }"
         :wrapper-col-props="{ span: 21, offset: 0 }"
       >
-        <a-form-item field="head_image" label="头像">
+        <FormItem name="head_image" label="头像">
           <div class="flex items-center">
-            <a-avatar :image-url="userInfoForm.file_url" :size="48" />
+            <Avatar :src="userInfoForm.file_url" :size="48" />
             <span class="upload-button" @click="triggerFileInput">
               <input
                 ref="uploadInputRef"
@@ -35,40 +40,40 @@
                 style="display: none"
                 @change="handleFileChange"
               />
-              <a-button><icon-upload />上传新头像</a-button>
+              <Button><icon-upload />上传新头像</Button>
             </span>
           </div>
-        </a-form-item>
-        <a-form-item field="name" label="昵称">
-          <a-input v-model.trim="userInfoForm.name" placeholder="请输入昵称" />
-        </a-form-item>
-      </a-form>
+        </FormItem>
+        <FormItem name="name" label="昵称">
+          <Input v-model:value="userInfoForm.name" placeholder="请输入昵称" />
+        </FormItem>
+      </Form>
     </Modal>
-    <Modal v-model:visible="imageVisible" title="头像裁剪">
+    <Modal v-model:open="imageVisible" centered title="头像裁剪">
       <VueCropper></VueCropper>
     </Modal>
-    <Modal v-model:visible="mobileVisible" title="修改手机号" @ok="handleUpdateMobile">
-      <a-form
+    <Modal v-model:open="mobileVisible" centered title="修改手机号" @ok="handleUpdateMobile">
+      <Form
         ref="formRef"
         :model="form"
         class="form"
         :rules="formRules"
-        :label-col-props="{ span: 5, offset: 0 }"
-        :wrapper-col-props="{ span: 19, offset: 0 }"
-        label-align="left"
+        labelAlign="right"
+        :labelCol="{ span: 4 }"
+        :wrapperCol="{ span: 20 }"
       >
-        <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="请输入验证码">
+        <FormItem required name="mobile" label="新手机号">
+          <Input v-model:value="form.mobile" size="small" placeholder="请输入新的手机号" />
+        </FormItem>
+        <FormItem required name="captcha" label="获取验证码">
+          <Input v-model:value="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>
+          </Input>
+        </FormItem>
+      </Form>
       <PuzzleVerification
         :show="verificationVisible"
         @submit="handleVerificationSubmit"
@@ -78,6 +83,7 @@
   </div>
 </template>
 <script setup lang="ts">
+import { Button, Form, FormItem, Input, Table, message, Avatar } from 'ant-design-vue';
 import Container from '@/components/container.vue';
 import Modal from '@/components/modal.vue';
 import PuzzleVerification from '@/views/login/components/PuzzleVerification.vue';
@@ -122,35 +128,32 @@ const dataSource = computed(() => {
 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();
+      validator: (_rule: any, value: string) => {
+        if (!value) {
+          return Promise.reject('请填写手机号');
         }
+        if (!/^1[3-9]\d{9}$/.test(value)) {
+          return Promise.reject('手机号格式不正确');
+        }
+        return Promise.resolve();
       },
+      required: true,
       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();
+      validator: (rule, value) => {
+        if (!value) {
+          return Promise.reject('请填写验证码');
         }
+        if (!/^\d{6}$/.test(value)) {
+          return Promise.reject('验证码必须是6位数字');
+        }
+        return Promise.resolve();
       },
+
       trigger: ['blur', 'change'],
     },
   ],
@@ -203,7 +206,7 @@ function openEditMobileModal() {
 
 async function handleSubmitUserInfo() {
   await updateMyInfo(userInfoForm);
-  AMessage.success('修改成功！');
+  message.success('修改成功！');
 }
 
 async function sendCaptcha() {
@@ -213,7 +216,7 @@ async function sendCaptcha() {
       verificationVisible.value = true;
       isSendCaptcha.value = true;
     }
-    AMessage.error('请填写正确的手机号！');
+    message.error('请填写正确的手机号！');
   } catch (error) {
     console.log('手机号验证失败:', error);
   }
@@ -231,7 +234,7 @@ function beginCountdown() {
 
 async function handleVerificationSubmit() {
   await sendUpdateMobileCaptcha({ mobile: form.mobile });
-  AMessage.success('发送成功');
+  message.success('发送成功');
   verificationVisible.value = false;
   countdown.value = 60;
   beginCountdown();
@@ -239,13 +242,13 @@ async function handleVerificationSubmit() {
 
 async function handleUpdateMobile() {
   if (!isSendCaptcha.value) {
-    AMessage.error('请先获取验证码！');
+    message.error('请先获取验证码！');
     return false;
   }
   const res = await formRef.value.validate();
   if (res === true || res === undefined) {
     await updateMobile(form);
-    AMessage.success('修改成功！');
+    message.success('修改成功！');
   }
 }
 
diff --git a/src/views/components/permission/auth.vue b/src/views/components/permission/auth.vue
deleted file mode 100644
index 9c8727c..0000000
--- a/src/views/components/permission/auth.vue
+++ /dev/null
@@ -1,34 +0,0 @@
-<!--
- * @Author: 田鑫
- * @Date: 2023-03-05 15:13:44
- * @LastEditors: 田鑫
- * @LastEditTime: 2023-03-05 15:43:18
- * @Description: 模拟登录鉴权页
--->
-
-<template>
-  <a-modal title="登录鉴权页" :visible="true" :footer="false">
-    <div w100 align-center>
-      <a-button w-160 @click="login" :loading="loading" type="primary">登录</a-button>
-    </div>
-  </a-modal>
-</template>
-
-<script  lang="ts" setup>
-const route = useRoute();
-const router = useRouter();
-const loading = ref(false);
-
-function login() {
-  loading.value = true;
-  localStorage.setItem('satoken', '123asdzxc');
-  AMessage.success('登录鉴权成功，准备跳转');
-  setTimeout(() => {
-    loading.value = false;
-    router.push({ name: route.query?.redirect ? route.query?.redirect : 'dashboard' });
-  }, 1500);
-}
-</script>
-
-<style lang="scss" scoped>
-</style>
\ No newline at end of file
diff --git a/src/views/components/permission/choose-enterprise.vue b/src/views/components/permission/choose-enterprise.vue
deleted file mode 100644
index 46763b0..0000000
--- a/src/views/components/permission/choose-enterprise.vue
+++ /dev/null
@@ -1,19 +0,0 @@
-<!--
- * @Author: 田鑫
- * @Date: 2023-03-05 14:27:21
- * @LastEditors: 田鑫
- * @LastEditTime: 2023-03-05 15:14:15
- * @Description: 
--->
-<template>
-  <a-modal title="选择企业：" :visible="true">
-    <a-select v-model="enterprise" placeholder="请选择您的企业"></a-select>
-  </a-modal>
-</template>
-
-<script  lang="ts" setup>
-const enterprise = ref('');
-</script>
-
-<style lang="scss" scoped>
-</style>
\ No newline at end of file
diff --git a/src/views/components/workplace/index.vue b/src/views/components/workplace/index.vue
index a672635..5f02175 100644
--- a/src/views/components/workplace/index.vue
+++ b/src/views/components/workplace/index.vue
@@ -6,7 +6,7 @@
   <div class="m-auto mt-24px max-w-1000px">
     <Container title="推荐产品" class="container-body">
       <div class="grid grid-cols-3 gap-20px">
-        <Product v-for="product in products" :key="product.id" :product="product" @refresh="getProductList" />
+        <!-- <Product v-for="product in products" :key="product.id" :product="product" @refresh="getProductList" /> -->
       </div>
       <NoData v-if="products.length === 0" />
     </Container>
@@ -20,7 +20,7 @@
 </template>
 <script setup lang="ts">
 import Container from '@/components/container.vue';
-import Product from '@/views/components/workplace/modules/product.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';
 import { ref, onMounted } from 'vue';
diff --git a/src/views/components/workplace/modules/product.vue b/src/views/components/workplace/modules/product.vue
index 16ee2a2..a1ee8f7 100644
--- a/src/views/components/workplace/modules/product.vue
+++ b/src/views/components/workplace/modules/product.vue
@@ -2,16 +2,15 @@
   <div class="container">
     <div class="flex arco-row-justify-space-between">
       <img class="avatar" :src="props.product.image" :alt="props.product.name" />
-      <a-tag v-if="props.product.status === Status.Enable" class="status status-enable">已开通</a-tag>
-      <a-tag v-if="props.product.status === Status.Disable" class="status status-disable">未开通</a-tag>
-      <a-tag v-if="props.product.status === Status.EXPIRED" class="status status-expired">已到期</a-tag>
-      <a-tag v-if="props.product.status === Status.TRIAL_ENDS" class="status status-expired">试用结束</a-tag>
-      <a-countdown
+      <Tag v-if="props.product.status === Status.Enable" class="status status-enable">已开通</Tag>
+      <Tag v-if="props.product.status === Status.Disable" class="status status-disable">未开通</Tag>
+      <Tag v-if="props.product.status === Status.EXPIRED" class="status status-expired">已到期</Tag>
+      <Tag v-if="props.product.status === Status.TRIAL_ENDS" class="status status-expired">试用结束</Tag>
+      <Countdown
         v-if="props.product.status === Status.ON_TRIAL"
         class="status-on-trill"
         title="试用中"
         :value="1000 * (props.product.expired_at ?? 0)"
-        :now="now()"
         format="D天H时m分s秒"
       />
     </div>
@@ -22,47 +21,50 @@
       </p>
     </div>
     <div class="footer flex arco-row-justify-start">
-      <a-button
+      <Button
         v-if="props.product.status === Status.Enable || props.product.status === Status.ON_TRIAL"
         type="primary"
-        size="mini"
+        size="small"
         class="mr-8px"
         @click="gotoModule(props.product.id)"
       >
         进入模块
-      </a-button>
-      <a-button
+      </Button>
+      <Button
         v-if="props.product.status === Status.TRIAL_ENDS || props.product.status === Status.EXPIRED"
-        size="mini"
+        size="small"
         type="primary"
         class="mr-8px"
         @click="visible = true"
       >
         立即购买
-      </a-button>
-      <a-button
+      </Button>
+      <Button
         v-if="props.product.status === Status.ON_TRIAL"
         class="mr-8px"
-        size="mini"
-        type="outline"
+        size="small"
+        type="primary"
+        ghost
         @click="visible = true"
       >
         升级购买
-      </a-button>
-      <a-button
+      </Button>
+      <Button
         v-if="props.product.status === Status.TRIAL_ENDS || props.product.status === Status.EXPIRED"
         class="mr-8px"
-        size="mini"
-        type="outline"
+        size="small"
+        type="primary"
+        ghost
         @click="visible = true"
       >
         联系客服
-      </a-button>
-      <a-popconfirm focusLock title="试用产品" content="确定试用该产品吗？" @ok="handleTrial(props.product.id)">
-        <a-button v-if="props.product.status === Status.Disable" size="mini" type="outline"> 免费试用7天 </a-button>
-      </a-popconfirm>
+      </Button>
+      <Popconfirm title="试用产品" ok-text="确定" cancel-text="取消" @confirm="handleTrial(props.product.id)">
+        <template #description>确定试用该产品吗？</template>
+        <Button v-if="props.product.status === Status.Disable" size="small" type="default" ghost> 免费试用7天 </Button>
+      </Popconfirm>
     </div>
-    <CustomerServiceModal v-model:visible="visible" />
+    <CustomerServiceModal v-model:open="visible" centered/>
   </div>
 </template>
 
@@ -71,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';
+import { Button, message, Tag, Statistic, Popconfirm } from 'ant-design-vue';
+const { Countdown } = Statistic;
 
 import { useSidebarStore } from '@/stores/modules/side-bar';
 import { useEnterpriseStore } from '@/stores/modules/enterprise';
@@ -110,7 +114,7 @@ const handleTrial = async (id: any) => {
   if (code === 200) {
     getUserEnterpriseInfo();
 
-    AMessage.success('试用成功！');
+    message.success('试用成功！');
     emit('refresh');
   }
 };
@@ -174,7 +178,7 @@ const gotoModule = (menuId: number) => {
     border-radius: 4px;
     background: rgba(255, 245, 222, 1);
 
-    :deep(.arco-statistic-title) {
+    :deep(.ant-statistic-title) {
       font-family: $font-family-medium;
       font-weight: 400;
       font-size: 12px;
@@ -184,7 +188,7 @@ const gotoModule = (menuId: number) => {
       padding: 0;
     }
 
-    :deep(.arco-statistic-value) {
+    :deep(.ant-statistic-content) {
       font-family: $font-family-medium;
       font-weight: 400;
       font-size: 10px;
diff --git a/src/views/home/components/history-conversation-drawer/delete-chat-modal.vue b/src/views/home/components/history-conversation-drawer/delete-chat-modal.vue
index bccba35..f5dd12a 100644
--- a/src/views/home/components/history-conversation-drawer/delete-chat-modal.vue
+++ b/src/views/home/components/history-conversation-drawer/delete-chat-modal.vue
@@ -1,20 +1,19 @@
 <template>
-  <a-modal v-model:visible="visible" title="删除对话" width="400px" @close="onClose">
+  <Modal v-model:open="visible" title="删除对话"  width="400px" @cancel="onClose" centered>
     <div class="flex items-center">
       <img :src="icon1" width="20" height="20" class="mr-12px" />
       <span>确认删除对话吗？删除后，聊天记录将不可恢复。</span>
     </div>
     <template #footer>
-      <a-button size="large" @click="onClose">取消</a-button>
-      <a-button type="primary" class="ml-16px !bg-#f64b31 !border-none" status="danger" size="large" @click="onDelete"
-        >确定</a-button
-      >
+      <Button @click="onClose">取消</Button>
+      <Button type="primary" danger @click="onDelete">确定</Button>
     </template>
-  </a-modal>
+  </Modal>
 </template>
 
 <script setup>
 import { ref } from 'vue';
+import { Modal, Button, message } from 'ant-design-vue';
 import { deleteHistoryItem } from '@/api/all/chat';
 import icon1 from '@/assets/img/media-account/icon-warn-1.png';
 
@@ -41,7 +40,7 @@ const open = (record) => {
 async function onDelete() {
   const { code } = await deleteHistoryItem(conversationId.value);
   if (code === 200) {
-    AMessage.success('删除成功');
+    message.success('删除成功');
     emits('delete', conversationId.value);
     onClose();
   }
diff --git a/src/views/home/components/history-conversation-drawer/index.vue b/src/views/home/components/history-conversation-drawer/index.vue
index 46c2f97..6015f7a 100644
--- a/src/views/home/components/history-conversation-drawer/index.vue
+++ b/src/views/home/components/history-conversation-drawer/index.vue
@@ -94,7 +94,7 @@ export default {
     });
 
     return () => (
-      <Drawer width={240} rootClassName="ct-history-conversation-drawer" v-model:open={open.value} onClose={onClose}>
+      <Drawer width={240} rootClassName="ct-history-conversation-drawer" v-model:open={open.value}  onClose={onClose}>
         <header class="header h-40px px-12px flex justify-between items-center">
           <span class="text-12px font-400 color-#211F24 font-family-medium">历史对话</span>
           <icon-close size={16} class="color-#211F24 cursor-pointer" onClick={onClose} />
diff --git a/src/views/material-center/components/finished-products/explore/detail/components/ai-suggest/delete-comment-modal.vue b/src/views/material-center/components/finished-products/explore/detail/components/ai-suggest/delete-comment-modal.vue
index a160c8a..f204429 100644
--- a/src/views/material-center/components/finished-products/explore/detail/components/ai-suggest/delete-comment-modal.vue
+++ b/src/views/material-center/components/finished-products/explore/detail/components/ai-suggest/delete-comment-modal.vue
@@ -1,18 +1,19 @@
 <template>
-  <a-modal v-model:visible="visible" title="确定删除评论？" width="400px" @close="onClose">
+  <Modal v-model:open="visible" title="确定删除评论？" width="400px" @cancel="onClose" centered>
     <div class="flex items-center">
       <img :src="icon1" width="20" height="20" class="mr-12px" />
       <span>删除的评论将从对话中消失，但仍在被引用的评论中可见</span>
     </div>
     <template #footer>
-      <a-button size="large" @click="onClose">取消</a-button>
-      <a-button type="primary" class="ml-16px !border-none" size="large" @click="onDelete">删除</a-button>
+      <Button @click="onClose">取消</Button>
+      <Button type="primary" danger @click="onDelete">确定</Button>
     </template>
-  </a-modal>
+  </Modal>
 </template>
 
 <script setup>
 import { ref } from 'vue';
+import { Modal, Button } from 'ant-design-vue';
 import icon1 from '@/assets/img/media-account/icon-warn-1.png';
 
 const emits = defineEmits(['delete', 'close']);
diff --git a/src/views/material-center/components/finished-products/explore/detail/components/ai-suggest/index.vue b/src/views/material-center/components/finished-products/explore/detail/components/ai-suggest/index.vue
index 2a60bd5..8e57e0f 100644
--- a/src/views/material-center/components/finished-products/explore/detail/components/ai-suggest/index.vue
+++ b/src/views/material-center/components/finished-products/explore/detail/components/ai-suggest/index.vue
@@ -1,5 +1,6 @@
 <script lang="jsx">
-import { Image, Spin, Button, Input, Textarea, Affix } from '@arco-design/web-vue';
+import { Button, Input, Image } from 'ant-design-vue';
+const { TextArea } = Input;
 import TextOverTips from '@/components/text-over-tips';
 import SvgIcon from '@/components/svg-icon/index.vue';
 import DeleteCommentModal from './delete-comment-modal.vue';
@@ -125,23 +126,23 @@ export default {
               </div>
             )}
 
-            <Textarea
+            <TextArea
               ref={textAreaRef}
-              auto-size
-              class={`max-h-220px overflow-y-auto ${isReplay.value ? 'pt-38px' : ''}`}
+              autoSize
+              class={`max-h-220px overflow-y-auto textarea-box ${isReplay.value ? 'pt-38px' : ''}`}
               size="large"
               placeholder="输入评论"
-              v-model={comment.value}
+              v-model:value={comment.value}
               onPressEnter={onComment}
             />
           </div>
 
           {comment.value && (
             <div class="flex justify-end mt-12px">
-              <Button type="outline" class="mr-12px rounded-8px" size="medium" onClick={onClearComment}>
+              <Button type="primary" ghost class="cancel-btn mr-12px !rounded-8px" onClick={onClearComment}>
                 取消
               </Button>
-              <Button type="primary" class="rounded-8px" size="medium" onClick={onComment}>
+              <Button type="primary" class="!rounded-8px" onClick={onComment}>
                 发送
               </Button>
             </div>
diff --git a/src/views/material-center/components/finished-products/explore/detail/components/ai-suggest/style.scss b/src/views/material-center/components/finished-products/explore/detail/components/ai-suggest/style.scss
index 81a7616..1a4dc11 100644
--- a/src/views/material-center/components/finished-products/explore/detail/components/ai-suggest/style.scss
+++ b/src/views/material-center/components/finished-products/explore/detail/components/ai-suggest/style.scss
@@ -19,6 +19,9 @@
         font-family: $font-family-medium;
       }
     }
+    .cancel-btn {
+      background-color: transparent !important;
+    }
     .ai-text {
       font-family: $font-family-medium;
       font-size: 16px;
@@ -30,7 +33,7 @@
       -webkit-background-clip: text;
       -webkit-text-fill-color: transparent;
     }
-    :deep(.arco-textarea-wrapper) {
+    .textarea-box {
       min-height: 38px;
       display: flex;
       border-color: transparent !important;
@@ -39,14 +42,11 @@
       background-color: #fff;
       color: #211f24 !important;
       transition: all 0.3s;
-      .arco-textarea-mirror,
-      .arco-textarea {
-        padding: 8px 16px !important;
-      }
+      padding: 8px 16px !important;
       &:hover {
         border-color: #6d4cfe !important;
       }
-      &.arco-textarea-focus {
+      &:focus-within {
         border-color: #6d4cfe !important;
       }
     }
diff --git a/src/views/material-center/components/finished-products/explore/detail/index.vue b/src/views/material-center/components/finished-products/explore/detail/index.vue
index c398547..89a5a48 100644
--- a/src/views/material-center/components/finished-products/explore/detail/index.vue
+++ b/src/views/material-center/components/finished-products/explore/detail/index.vue
@@ -1,5 +1,6 @@
 <script lang="jsx">
-import { Image, Spin, Button } from '@arco-design/web-vue';
+import { Button } from 'ant-design-vue';
+import { Spin } from 'ant-design-vue';
 import AiSuggest from './components/ai-suggest/';
 
 import { getShareWorksList, getShareWorksDetail, patchShareWorksConfirm } from '@/api/all/generationWorkshop.ts';
@@ -186,7 +187,7 @@ export default {
                 下一条
               </Button>
             )}
-            <Button type="outline" size="large" class="mr-12px" onClick={onBackList}>
+            <Button type="primary" ghost size="large" class="mr-12px" onClick={onBackList}>
               返回列表
             </Button>
             {renderConfirmBtn()}
@@ -220,7 +221,7 @@ export default {
             </div>
           </header>
           {loading.value ? (
-            <Spin spinning={loading.value} class="flex-1 w-full flex justify-center items-center" size={60} />
+            <Spin spinning={loading.value} wrapperClassName="flex-1 w-full flex justify-center items-center" size="large" />
           ) : (
             <section class={`page-wrap relative ${isExpand.value ? 'expand' : ''}`}>
               <div class="fold-box cursor-pointer" onClick={() => (isExpand.value = true)}>
diff --git a/src/views/material-center/components/finished-products/explore/list/index.vue b/src/views/material-center/components/finished-products/explore/list/index.vue
index dc6713f..fc7796e 100644
--- a/src/views/material-center/components/finished-products/explore/list/index.vue
+++ b/src/views/material-center/components/finished-products/explore/list/index.vue
@@ -1,6 +1,6 @@
 <script lang="jsx">
 import TextOverTips from '@/components/text-over-tips';
-import { Image, Spin } from '@arco-design/web-vue';
+import { Image, Spin } from 'ant-design-vue';
 
 import { exactFormatTime } from '@/utils/tools';
 import { handleUserHome } from '@/utils/user.ts';
@@ -52,7 +52,7 @@ export default {
           </header>
           <section class="page-wrapper flex justify-center">
             {loading.value ? (
-              <Spin spinning={loading.value} class="w-full flex justify-center items-center" size={60} />
+              <Spin spinning={loading.value} wrapperClassName="w-full flex justify-center items-center" size="large" />
             ) : (
               <div class="explore-container">
                 <div class="explore-list-wrap pt-24px pb-28px">
diff --git a/src/views/material-center/components/finished-products/index.vue b/src/views/material-center/components/finished-products/index.vue
index 1ba262a..afbbd7a 100644
--- a/src/views/material-center/components/finished-products/index.vue
+++ b/src/views/material-center/components/finished-products/index.vue
@@ -1,5 +1,5 @@
 <script lang="tsx">
-import { Tabs, TabPane } from 'ant-design-vue';
+import { Tabs, TabPane, Button } from 'ant-design-vue';
 import ManuscriptList from './manuscript/list/index.vue';
 import ManuscriptCheckList from './manuscript/check-list/index.vue';
 import ShareManuscriptModal from '@/views/material-center/components/finished-products/manuscript/components/share-manuscript-modal/index.vue';
@@ -33,17 +33,17 @@ export default defineComponent({
             v-slots={{
               rightExtra: () => (
                 <div class="flex items-center">
-                  <a-button type="outline" size="medium" onClick={handleShareModal}>
+                  <Button type="primary" ghost size="medium" onClick={handleShareModal}>
                     分享内容稿件
-                  </a-button>
+                  </Button>
                   {showManuscriptList.value && (
-                    <a-button
+                    <Button
                       type="primary"
                       size="medium"
                       class="ml-12px"
                       onClick={openUploadModal}
                       v-slots={{
-                        icon: () => <icon-plus size="16" />,
+                        icon: () => <icon-plus size="16" class="mr-8px" />,
                         default: () => '上传内容稿件',
                       }}
                     />
diff --git a/src/views/material-center/components/finished-products/manuscript/check-list/components/filter-block/index.vue b/src/views/material-center/components/finished-products/manuscript/check-list/components/filter-block/index.vue
index a60a125..cec2842 100644
--- a/src/views/material-center/components/finished-products/manuscript/check-list/components/filter-block/index.vue
+++ b/src/views/material-center/components/finished-products/manuscript/check-list/components/filter-block/index.vue
@@ -8,42 +8,42 @@
     <div class="filter-row">
       <div class="filter-row-item">
         <span class="label">内容稿件标题</span>
-        <a-space size="medium">
-          <a-input
-            v-model="query.title"
+        <Space size="medium">
+          <Input
+            v-model:value="query.title"
             class="!w-240px"
             placeholder="请输入内容稿件标题"
             size="medium"
-            allow-clear
+            allowClear
             @change="handleSearch"
           >
             <template #prefix>
               <icon-search />
             </template>
-          </a-input>
-        </a-space>
+          </Input>
+        </Space>
       </div>
       <div class="filter-row-item">
         <span class="label">序号</span>
-        <a-space size="medium">
-          <a-input
-            v-model="query.uid"
+        <Space size="medium">
+          <Input
+            v-model:value="query.uid"
             class="!w-160px"
             placeholder="请输入序号"
             size="medium"
-            allow-clear
+            allowClear
             @change="handleSearch"
           >
             <template #prefix>
               <icon-search />
             </template>
-          </a-input>
-        </a-space>
+          </Input>
+        </Space>
       </div>
       <div class="filter-row-item" v-if="query.audit_status === AuditStatus.Pending">
         <span class="label">上传时间</span>
-        <a-range-picker
-          v-model="created_at"
+        <DatePicker.RangePicker
+          v-model:value="created_at"
           size="medium"
           allow-clear
           format="YYYY-MM-DD"
@@ -54,25 +54,25 @@
       <template v-if="[AuditStatus.Auditing, AuditStatus.Passed].includes(query.audit_status)">
         <div class="filter-row-item">
           <span class="label">审核平台</span>
-          <a-select
-            v-model="query.audit_platform"
-            size="medium"
+          <Select
+            v-model:value="query.audit_platform"
+            size="middle"
             placeholder="全部"
-            allow-clear
+            allowClear
             @change="handleSearch"
             class="!w-160px"
           >
-            <a-option v-for="(item, index) in PLATFORMS" :key="index" :value="item.value" :label="item.label">{{
+            <Option v-for="(item, index) in PLATFORMS" :key="index" :value="item.value" :label="item.label">{{
               item.label
-            }}</a-option>
-          </a-select>
+            }}</Option>
+          </Select>
         </div>
         <div class="filter-row-item">
           <span class="label">审核时间</span>
-          <a-range-picker
-            v-model="audit_started_at"
+          <DatePicker.RangePicker
+            v-model:value="audit_started_at"
             size="medium"
-            allow-clear
+            allowClear
             format="YYYY-MM-DD"
             class="!w-280px"
             @change="(value) => onDateChange(value, 'audit_started_at')"
@@ -81,27 +81,31 @@
       </template>
 
       <div class="filter-row-item">
-        <a-button type="outline" class="mr-12px" size="medium" @click="handleSearch">
+        <Button type="primary" ghost class="mr-12px" size="medium" @click="handleSearch">
           <template #icon>
-            <icon-search />
+            <icon-search class="mr-8px"/>
           </template>
           <template #default>搜索</template>
-        </a-button>
-        <a-button size="medium" @click="handleReset">
+        </Button>
+        <Button size="medium" @click="handleReset">
           <template #icon>
-            <icon-refresh />
+            <icon-refresh class="mr-8px" />
           </template>
           <template #default>重置</template>
-        </a-button>
+        </Button>
       </div>
     </div>
   </div>
 </template>
 
 <script setup>
+import { Button, Input, Select, Space, DatePicker } from 'ant-design-vue';
+const { Option } = Select;
 import { defineEmits, defineProps } from 'vue';
 import { PLATFORMS } from '@/views/material-center/components/finished-products/manuscript/check-list/constants';
 import { AuditStatus } from '@/views/material-center/components/finished-products/constants';
+import { ref, nextTick } from 'vue';
+import dayjs from 'dayjs';
 
 const props = defineProps({
   query: {
@@ -110,7 +114,7 @@ const props = defineProps({
   },
 });
 
-const emits = defineEmits('search', 'reset', 'update:query');
+const emits = defineEmits(['search', 'reset', 'update:query']);
 const created_at = ref([]);
 const audit_started_at = ref([]);
 
@@ -137,6 +141,7 @@ const onDateChange = (value, type) => {
 
 const handleReset = () => {
   created_at.value = [];
+  audit_started_at.value = [];
   emits('reset');
 };
 </script>
diff --git a/src/views/material-center/components/finished-products/manuscript/check-list/components/manuscript-check-table/delete-manuscript-modal.vue b/src/views/material-center/components/finished-products/manuscript/check-list/components/manuscript-check-table/delete-manuscript-modal.vue
index 39f8fd3..d882f0e 100644
--- a/src/views/material-center/components/finished-products/manuscript/check-list/components/manuscript-check-table/delete-manuscript-modal.vue
+++ b/src/views/material-center/components/finished-products/manuscript/check-list/components/manuscript-check-table/delete-manuscript-modal.vue
@@ -1,25 +1,27 @@
 <template>
-  <a-modal
-    v-model:visible="visible"
+  <Modal
+    v-model:open="visible"
     title="删除内容稿件"
     width="480px"
-    @close="onClose"
+    centered
+    @cancel="onClose"
   >
     <div class="flex items-center">
       <img :src="icon1" width="20" height="20" class="mr-12px" />
       <span>确认删除 {{ projectName }} 这个内容稿件吗？</span>  
     </div>
     <template #footer>
-      <a-button size="medium" @click="onClose">取消</a-button>
-      <a-button type="primary" class="ml-16px" status="danger" size="medium" @click="onDelete"
-        >确认删除</a-button
+      <Button size="medium" @click="onClose">取消</Button>
+      <Button type="primary" class="ml-16px" danger size="medium" @click="onDelete"
+        >确认删除</Button
       >
     </template>
-  </a-modal>
+  </Modal>
 </template>
 
 <script setup>
 import { ref } from 'vue';
+import { Button, Modal, message } from 'ant-design-vue';
 import { deleteWork } from '@/api/all/generationWorkshop';
 import icon1 from '@/assets/img/media-account/icon-warn-1.png';
 
@@ -48,7 +50,7 @@ const open = (record) => {
 async function onDelete() {
   const { code } = await deleteWork(projectId.value);
   if (code === 200) {
-    AMessage.success('删除成功');
+    message.success('删除成功');
     update()
     onClose();
   }
diff --git a/src/views/material-center/components/finished-products/manuscript/check-list/components/manuscript-check-table/index.vue b/src/views/material-center/components/finished-products/manuscript/check-list/components/manuscript-check-table/index.vue
index 2f9467e..b0bb75e 100644
--- a/src/views/material-center/components/finished-products/manuscript/check-list/components/manuscript-check-table/index.vue
+++ b/src/views/material-center/components/finished-products/manuscript/check-list/components/manuscript-check-table/index.vue
@@ -1,133 +1,117 @@
 <template>
-  <a-table
+  <Table
     ref="tableRef"
-    :data="dataSource"
-    row-key="id"
-    column-resizable
+    :dataSource="dataSource"
+    rowKey="id"
     :pagination="false"
     :scroll="{ x: '100%' }"
     class="flex-1 manuscript-table w-100%"
     bordered
-    :row-selection="rowSelection"
-    :selected-row-keys="selectedRowKeys"
-    @sorter-change="handleSorterChange"
-    @select="(selectedKeys, rowKeyValue, record) => emits('select', selectedKeys, rowKeyValue, record)"
-    @select-all="(check) => emits('selectAll', check)"
+    :rowSelection="rowSelection"
+    :showSorterTooltip="false"
+    @change="handleTableChange"
   >
-    <template #empty>
+    <template #emptyText>
       <NoData text="暂无稿件" />
     </template>
-    <template #columns>
-      <a-table-column
-        v-for="column in tableColumns"
-        :key="column.dataIndex"
-        :data-index="column.dataIndex"
-        :fixed="column.fixed"
-        :width="column.width"
-        :min-width="column.minWidth"
-        :sortable="column.sortable"
-        :align="column.align"
-        ellipsis
-        tooltip
-      >
-        <template #title>
-          <div class="flex items-center">
-            <span class="cts mr-4px">{{ column.title }}</span>
-            <a-tooltip v-if="column.tooltip" :content="column.tooltip" position="top">
-              <icon-question-circle class="tooltip-icon color-#737478" size="16" />
-            </a-tooltip>
-          </div>
-        </template>
+    <Column
+      v-for="column in tableColumns"
+      :key="column.dataIndex"
+      :dataIndex="column.dataIndex"
+      :fixed="column.fixed"
+      :width="column.width"
+      :minWidth="column.minWidth"
+      :sorter="column.sortable"
+      :align="column.align"
+      :ellipsis="true"
+    >
+      <template #title>
+        <span class="cts mr-4px">{{ column.title }}</span>
+        <Tooltip v-if="column.tooltip" :title="column.tooltip" placement="top">
+          <icon-question-circle class="tooltip-icon color-#737478" size="16" />
+        </Tooltip>
+      </template>
 
-        <template v-if="column.dataIndex === 'customer_opinion'" #cell="{ record }">
-          <p
-            class="h-28px px-8px flex items-center rounded-2px w-fit"
-            :style="{ background: getCustomerOpinionInfo(record.customer_opinion)?.bg }"
-          >
-            <span class="cts" :class="getCustomerOpinionInfo(record.customer_opinion)?.color">{{
-              getCustomerOpinionInfo(record.customer_opinion)?.label ?? '-'
-            }}</span>
-          </p>
-        </template>
-        <template v-else-if="column.dataIndex === 'platform'" #cell="{ record }">
-          <template v-if="!PLATFORMS.find((item) => item.value === record.platform)"> - </template>
-          <img
-            v-else
-            width="24"
-            height="24"
-            class="rounded-4px"
-            :src="PLATFORMS.find((item) => item.value === record.platform)?.icon"
-          />
-        </template>
-        <template v-else-if="column.dataIndex === 'compliance_level'" #cell="{ record }">
-          <span class="cts num !color-#6D4CFE">{{
-            record.ai_review?.compliance_level ? `${record.ai_review?.compliance_level}%` : '-'
-          }}</span>
-        </template>
-        <template v-else-if="column.dataIndex === 'title'" #cell="{ record }">
-          <TextOverTips :context="record.title" :line="3" class="title" @click="onDetail(record)" />
-        </template>
-        <template v-else-if="column.dataIndex === 'type'" #cell="{ record }">
-          <div class="flex items-center">
-            <img
-              :src="record.type === EnumManuscriptType.Image ? icon2 : icon3"
-              width="16"
-              height="16"
-              class="mr-4px"
-            />
-            <span class="cts" :class="record.type === EnumManuscriptType.Image ? '!color-#25C883' : '!color-#6D4CFE'">{{
-              record.type === EnumManuscriptType.Image ? '图文' : '视频'
-            }}</span>
-          </div>
-        </template>
-        <template v-else-if="['uploader', 'last_modifier'].includes(column.dataIndex)" #cell="{ record }">
-          {{ record[column.dataIndex].name || record[column.dataIndex].mobile }}
-        </template>
-        <template
-          #cell="{ record }"
-          v-else-if="
-            ['created_at', 'last_modified_at', 'audit_started_at', 'audit_passed_at'].includes(column.dataIndex)
-          "
+      <template v-if="column.dataIndex === 'customer_opinion'" #customRender="{ record }">
+        <p
+          class="h-28px px-8px flex items-center rounded-2px w-fit"
+          :style="{ background: getCustomerOpinionInfo(record.customer_opinion)?.bg }"
         >
-          <span class="cts num">{{ exactFormatTime(record[column.dataIndex]) }}</span>
-        </template>
-        <template v-else-if="column.dataIndex === 'cover'" #cell="{ record }">
-          <HoverImagePreview :src="record.cover">
-            <a-image :width="64" :height="64" :src="record.cover" class="!rounded-6px" fit="cover">
-              <template #error>
-                <img :src="icon4" class="w-full h-full" />
-              </template>
-            </a-image>
-          </HoverImagePreview>
-        </template>
-        <template v-else-if="column.dataIndex === 'operation'" #cell="{ record }">
-          <div class="flex items-center">
-            <img class="mr-8px cursor-pointer" :src="icon1" width="14" height="14" @click="onDelete(record)" />
-            <a-button type="outline" size="mini" @click="onShare(record)" v-if="audit_status === AuditStatus.Passed"
-              >分享</a-button
-            >
-            <a-button
-              type="outline"
-              size="mini"
-              @click="onCheck(record)"
-              v-else-if="audit_status === AuditStatus.Pending"
-              >审核</a-button
-            >
-            <a-button type="outline" size="mini" @click="onScan(record)" v-else>查看</a-button>
-          </div>
-        </template>
-        <template v-else #cell="{ record }">
-          {{ formatTableField(column, record, true) }}
-        </template>
-      </a-table-column>
-    </template>
-  </a-table>
+          <span class="cts" :class="getCustomerOpinionInfo(record.customer_opinion)?.color">{{
+            getCustomerOpinionInfo(record.customer_opinion)?.label ?? '-'
+          }}</span>
+        </p>
+      </template>
+      <template v-else-if="column.dataIndex === 'platform'" #customRender="{ record }">
+        <template v-if="!PLATFORMS.find((item) => item.value === record.platform)"> - </template>
+        <img
+          v-else
+          width="24"
+          height="24"
+          class="rounded-4px"
+          :src="PLATFORMS.find((item) => item.value === record.platform)?.icon"
+        />
+      </template>
+      <template v-else-if="column.dataIndex === 'compliance_level'" #customRender="{ record }">
+        <span class="cts num !color-#6D4CFE">{{
+          record.ai_review?.compliance_level ? `${record.ai_review?.compliance_level}%` : '-'
+        }}</span>
+      </template>
+      <template v-else-if="column.dataIndex === 'title'" #customRender="{ record }">
+        <TextOverTips :context="record.title" :line="3" class="title" @click="onDetail(record)" />
+      </template>
+      <template v-else-if="column.dataIndex === 'type'" #customRender="{ record }">
+        <div class="flex items-center">
+          <img :src="record.type === EnumManuscriptType.Image ? icon2 : icon3" width="16" height="16" class="mr-4px" />
+          <span class="cts" :class="record.type === EnumManuscriptType.Image ? '!color-#25C883' : '!color-#6D4CFE'">{{
+            record.type === EnumManuscriptType.Image ? '图文' : '视频'
+          }}</span>
+        </div>
+      </template>
+      <template v-else-if="['uploader', 'last_modifier'].includes(column.dataIndex)" #customRender="{ record }">
+        {{ record[column.dataIndex].name || record[column.dataIndex].mobile }}
+      </template>
+      <template
+        #customRender="{ record }"
+        v-else-if="['created_at', 'last_modified_at', 'audit_started_at', 'audit_passed_at'].includes(column.dataIndex)"
+      >
+        <span class="cts num">{{ exactFormatTime(record[column.dataIndex]) }}</span>
+      </template>
+      <template v-else-if="column.dataIndex === 'cover'" #customRender="{ record }">
+        <HoverImagePreview :src="record.cover">
+          <ImgLazyLoad :width="64" :height="64" :src="record.cover" class="!rounded-6px" />
+        </HoverImagePreview>
+      </template>
+      <template v-else-if="column.dataIndex === 'operation'" #customRender="{ record }">
+        <div class="flex items-center">
+          <img class="mr-8px cursor-pointer" :src="icon1" width="14" height="14" @click="onDelete(record)" />
+          <Button type="primary" ghost size="small" @click="onShare(record)" v-if="audit_status === AuditStatus.Passed"
+            >分享</Button
+          >
+          <Button
+            type="primary"
+            ghost
+            size="small"
+            @click="onCheck(record)"
+            v-else-if="audit_status === AuditStatus.Pending"
+            >审核</Button
+          >
+          <Button type="primary" ghost size="small" @click="onScan(record)" v-else>查看</Button>
+        </div>
+      </template>
+      <template v-else #customRender="{ record }">
+        {{ formatTableField(column, record, true) }}
+      </template>
+    </Column>
+  </Table>
 
   <ShareModal ref="shareModalRef" />
 </template>
 
 <script setup>
 import { ref } from 'vue';
+import { Button, Tooltip, Table, Image } from 'ant-design-vue';
+const { Column } = Table;
 import { formatTableField, exactFormatTime } from '@/utils/tools';
 import { EnumManuscriptType } from '@/views/material-center/components/finished-products/manuscript/list/constants';
 import { patchWorkAuditsAudit } from '@/api/all/generationWorkshop';
@@ -139,16 +123,17 @@ import { AuditStatus } from '@/views/material-center/components/finished-product
 
 import { slsWithCatch } from '@/utils/stroage.ts';
 
-import TextOverTips from '@/components/text-over-tips';
+import TextOverTips from '@/components/text-over-tips'
+import ImgLazyLoad from "@/components/img-lazy-load";
 import ShareModal from '@/views/material-center/components/finished-products/manuscript/components/share-manuscript-modal/share-modal.vue';
 import HoverImagePreview from '@/components/hover-image-preview';
 
 import icon1 from '@/assets/img/media-account/icon-delete.png';
 import icon2 from '@/assets/img/creative-generation-workshop/icon-photo.png';
 import icon3 from '@/assets/img/creative-generation-workshop/icon-video.png';
-import icon4 from '@/assets/img/error-img.png';
+// import icon4 from '@/assets/img/error-img.png';
 
-const emits = defineEmits([ 'sorterChange', 'delete', 'select', 'selectAll']);
+const emits = defineEmits(['sorterChange', 'delete', 'select', 'selectAll']);
 const router = useRouter();
 
 const props = defineProps({
@@ -160,10 +145,6 @@ const props = defineProps({
     type: Array,
     default: () => [],
   },
-  rowSelection: {
-    type: Array,
-    default: () => [],
-  },
   selectedRowKeys: {
     type: Array,
     default: () => [],
@@ -176,8 +157,20 @@ const props = defineProps({
 const tableRef = ref(null);
 const shareModalRef = ref(null);
 
-const handleSorterChange = (column, order) => {
-  emits('sorterChange', column, order === 'ascend' ? 'asc' : 'desc');
+const handleTableChange = (pagination, filters, sorter) => {
+  if (sorter && sorter.field) {
+    emits('sorterChange', sorter.field, sorter.order === 'ascend' ? 'asc' : 'desc');
+  }
+};
+
+const rowSelection = {
+  selectedRowKeys: computed(() => props.selectedRowKeys),
+  onSelect: (record, selected) => {
+    emits('select', record, selected);
+  },
+  onSelectAll: (selected) => {
+    emits('selectAll', selected);
+  },
 };
 const onDelete = (item) => {
   emits('delete', item);
diff --git a/src/views/material-center/components/finished-products/manuscript/check-list/constants.ts b/src/views/material-center/components/finished-products/manuscript/check-list/constants.ts
index 28ab2b0..a42996a 100644
--- a/src/views/material-center/components/finished-products/manuscript/check-list/constants.ts
+++ b/src/views/material-center/components/finished-products/manuscript/check-list/constants.ts
@@ -219,7 +219,7 @@ export const INITIAL_QUERY = {
   title: '',
   created_at: [],
   audit_started_at: [],
-  audit_platform: '',
+  audit_platform: undefined,
   sort_column: undefined,
   sort_order: undefined,
 };
diff --git a/src/views/material-center/components/finished-products/manuscript/check-list/index.vue b/src/views/material-center/components/finished-products/manuscript/check-list/index.vue
index 6762d17..a4ba564 100644
--- a/src/views/material-center/components/finished-products/manuscript/check-list/index.vue
+++ b/src/views/material-center/components/finished-products/manuscript/check-list/index.vue
@@ -13,28 +13,29 @@
         class="flex justify-end mb-12px"
         v-if="[AuditStatus.Pending, AuditStatus.Auditing].includes(query.audit_status)"
       >
-        <a-button
-          type="outline"
+        <Button
+          type="primary"
+          ghost
           class="w-fit"
           size="medium"
           @click="handleBatchCheck"
           v-if="query.audit_status === AuditStatus.Pending"
-          >批量审核</a-button
+          >批量审核</Button
         >
-        <a-button
-          type="outline"
+        <Button
+          type="primary"
+          ghost
           class="w-fit"
           size="medium"
           @click="handleBatchView"
           v-if="query.audit_status === AuditStatus.Auditing"
-          >批量查看</a-button
+          >批量查看</Button
         >
       </div>
 
       <ManuscriptCheckTable
         :key="query.audit_status"
         :tableColumns="tableColumns"
-        :rowSelection="rowSelection"
         :selectedRowKeys="selectedRowKeys"
         :dataSource="dataSource"
         :audit_status="query.audit_status"
@@ -44,16 +45,15 @@
         @selectAll="handleSelectAll"
       />
       <div v-if="pageInfo.total > 0" class="pagination-row">
-        <a-pagination
+        <Pagination
           :total="pageInfo.total"
-          size="mini"
-          show-total
-          show-jumper
-          show-page-size
+          size="small"
+          :showTotal="(total, range) => `共 ${total} 条`"
+          showSizeChanger
+          showQuickJumper
           :current="pageInfo.page"
-          :page-size="pageInfo.page_size"
+          :pageSize="pageInfo.page_size"
           @change="onPageChange"
-          @page-size-change="onPageSizeChange"
         />
       </div>
     </div>
@@ -62,7 +62,7 @@
   </div>
 </template>
 <script lang="jsx" setup>
-import { Button, Message as AMessage } from '@arco-design/web-vue';
+import { Button, Pagination, message } from 'ant-design-vue';
 import FilterBlock from './components/filter-block';
 import ManuscriptCheckTable from './components/manuscript-check-table';
 import DeleteManuscriptModal from './components/manuscript-check-table/delete-manuscript-modal.vue';
@@ -83,22 +83,16 @@ const props = defineProps({
 const {
   dataSource,
   pageInfo,
-  rowSelection,
   onPageChange,
-  onPageSizeChange,
   resetPageInfo,
   selectedRowKeys,
   selectedRows,
   handleSelect,
   handleSelectAll,
-  DEFAULT_PAGE_INFO,
 } = useTableSelectionWithPagination({
   onPageChange: () => {
     getData();
   },
-  onPageSizeChange: () => {
-    getData();
-  },
 });
 const router = useRouter();
 const tableColumns = ref([]);
@@ -140,7 +134,7 @@ const handleSorterChange = (column, order) => {
 };
 const handleBatchCheck = () => {
   if (!selectedRows.value.length) {
-    AMessage.warning('请选择需审核的内容稿件');
+    message.warning('请选择需审核的内容稿件');
     return;
   }
 
@@ -151,7 +145,7 @@ const handleBatchCheck = () => {
 };
 const handleBatchView = () => {
   if (!selectedRows.value.length) {
-    AMessage.warning('请选择需查看的内容稿件');
+    message.warning('请选择需查看的内容稿件');
     return;
   }
 
@@ -175,7 +169,6 @@ const handleDelete = (item) => {
   deleteManuscriptModalRef.value?.open({ id, name: `“${title}”` });
 };
 
-
 watch(
   () => props.audit_status,
   (newVal) => {
diff --git a/src/views/material-center/components/finished-products/manuscript/check/cancel-check-modal.vue b/src/views/material-center/components/finished-products/manuscript/check/cancel-check-modal.vue
index beedea2..d564fc5 100644
--- a/src/views/material-center/components/finished-products/manuscript/check/cancel-check-modal.vue
+++ b/src/views/material-center/components/finished-products/manuscript/check/cancel-check-modal.vue
@@ -1,9 +1,10 @@
 <template>
-  <a-modal
-    v-model:visible="visible"
+  <Modal
+    v-model:open="visible"
     :title="action === 'exit' ? '退出审核' : '切换内容稿件'"
     width="480px"
-    @close="onClose"
+    centered
+    @cancel="onClose"
   >
     <div class="flex items-center">
       <img :src="icon1" width="20" height="20" class="mr-12px" />
@@ -14,16 +15,17 @@
       }}</span>
     </div>
     <template #footer>
-      <a-button size="medium" @click="onClose">继续编辑</a-button>
-      <a-button type="primary" class="ml-8px" size="medium" @click="onConfirm">
+      <Button size="medium" @click="onClose">继续编辑</Button>
+      <Button type="primary" class="ml-8px" size="medium" @click="onConfirm">
         {{ action === 'exit' ? '确认退出' : '确认切换' }}
-      </a-button>
+      </Button>
     </template>
-  </a-modal>
+  </Modal>
 </template>
 
 <script setup>
 import { ref } from 'vue';
+import { Button, Modal } from 'ant-design-vue';
 import icon1 from '@/assets/img/media-account/icon-warn-1.png';
 import { useRouter } from 'vue-router';
 
diff --git a/src/views/material-center/components/finished-products/manuscript/check/check-success-modal.vue b/src/views/material-center/components/finished-products/manuscript/check/check-success-modal.vue
index 9ca3ead..16a952a 100644
--- a/src/views/material-center/components/finished-products/manuscript/check/check-success-modal.vue
+++ b/src/views/material-center/components/finished-products/manuscript/check/check-success-modal.vue
@@ -1,10 +1,11 @@
 <template>
-  <a-modal
-    v-model:visible="visible"
+  <Modal
+    v-model:open="visible"
     title="提示"
     width="480px"
     @close="onClose"
-    modal-class="upload-success11-modal"
+    centered
+    wrapClassName="upload-success11-modal"
     :footer="null"
   >
     <div class="flex items-center flex-col justify-center">
@@ -13,14 +14,12 @@
       <p class="text-14px lh-22px font-400 color-#737478 ld">想让内容更抓眼球、更吸流量吗？</p>
       <p class="text-14px lh-22px font-400 color-#737478 ld">试试「内容稿件分析」功能吧！</p>
     </div>
-    <!-- <template #footer>
-      <a-button type="primary" class="ml-8px" size="medium" @click="onConfirm">内容稿件分析</a-button>
-    </template> -->
-  </a-modal>
+  </Modal>
 </template>
 
 <script setup>
 import { ref } from 'vue';
+import { Button, Modal } from 'ant-design-vue';
 import icon1 from '@/assets/img/media-account/icon-feedback-success.png';
 
 const router = useRouter();
diff --git a/src/views/material-center/components/finished-products/manuscript/check/components/check-list-drawer/index.vue b/src/views/material-center/components/finished-products/manuscript/check/components/check-list-drawer/index.vue
index 23d48f9..fedbe46 100644
--- a/src/views/material-center/components/finished-products/manuscript/check/components/check-list-drawer/index.vue
+++ b/src/views/material-center/components/finished-products/manuscript/check/components/check-list-drawer/index.vue
@@ -1,5 +1,5 @@
 <script lang="jsx">
-import { Drawer, Image } from '@arco-design/web-vue';
+import { Drawer, Image } from 'ant-design-vue';
 import TextOverTips from '@/components/text-over-tips';
 
 import icon1 from '@/assets/img/error-img.png';
@@ -32,12 +32,12 @@ export default {
     return () => (
       <Drawer
         title="审核列表"
-        visible={visible.value}
+        v-model:open={visible.value}
         width={420}
-        class="check-list-drawer-xt"
-        footer={false}
-        header={false}
-        onCancel={onClose}
+        rootClassName="check-list-drawer-xt"
+        footer={null}
+        closable={false}
+        onClose={onClose}
       >
         <div class="flex justify-between items-center h-56px px-24px">
           <div class="flex items-center">
@@ -61,13 +61,12 @@ export default {
                 height={48}
                 preview={false}
                 src={item.cover}
-                class="!rounded-4px mr-8px"
-                fit="cover"
+                class="!rounded-4px"
                 v-slots={{
                   error: () => <img src={icon1} class="w-full h-full" />,
                 }}
               />
-              <div class="flex-1 overflow-hidden flex flex-col items-start">
+              <div class="flex-1 overflow-hidden flex flex-col items-start ml-8px">
                 <TextOverTips context={item.title} class={`cts !color-#211F24 title mb-4px !text-14px`} />
                 <p class="cts !text-14px">{`合规程度：${
                   item.ai_review?.compliance_level ? `${item.ai_review?.compliance_level}%` : '-'
diff --git a/src/views/material-center/components/finished-products/manuscript/check/components/check-list-drawer/style.scss b/src/views/material-center/components/finished-products/manuscript/check/components/check-list-drawer/style.scss
index e32fa77..a2678d7 100644
--- a/src/views/material-center/components/finished-products/manuscript/check/components/check-list-drawer/style.scss
+++ b/src/views/material-center/components/finished-products/manuscript/check/components/check-list-drawer/style.scss
@@ -1,43 +1,44 @@
 .check-list-drawer-xt {
-  .arco-drawer-mask {
+  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.15);
+  .ant-drawer-mask {
     background-color: transparent;
   }
-  .arco-drawer {
-    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.15);
-    .arco-drawer-body {
-      overflow: hidden;
-      display: flex;
-      flex-direction: column;
-      padding: 0 0 24px;
-      .cts {
-        color: var(--Text-1, #939499);
+  .ant-drawer-header {
+    display: none;
+  }
+  .ant-drawer-body {
+    overflow: hidden;
+    display: flex;
+    flex-direction: column;
+    padding: 0 0 24px;
+    .cts {
+      color: var(--Text-1, #939499);
 
-        font-family: $font-family-regular;
-        font-size: 16px;
-        font-style: normal;
-        font-weight: 400;
-        line-height: 24px;
-        &.bold {
-          color: var(--Text-1, #211f24);
-          font-family: $font-family-medium;
-        }
+      font-family: $font-family-regular;
+      font-size: 16px;
+      font-style: normal;
+      font-weight: 400;
+      line-height: 24px;
+      &.bold {
+        color: var(--Text-1, #211f24);
+        font-family: $font-family-medium;
       }
-      .card-item {
-        cursor: pointer;
-        border: 1px solid transparent;
-        transition: all;
-        &:hover {
-          background-color: #e6e6e8;
-        }
-        &:not(:last-child) {
-          margin-bottom: 12px;
-        }
-        &.active {
-          border-color: #6d4cfe;
-          background-color: #f0edff;
-          :deep(.overflow-text) {
-            font-family: $font-family-medium !important;
-          }
+    }
+    .card-item {
+      cursor: pointer;
+      border: 1px solid transparent;
+      transition: all;
+      &:hover {
+        background-color: #e6e6e8;
+      }
+      &:not(:last-child) {
+        margin-bottom: 12px;
+      }
+      &.active {
+        border-color: #6d4cfe;
+        background-color: #f0edff;
+        :deep(.overflow-text) {
+          font-family: $font-family-medium !important;
         }
       }
     }
diff --git a/src/views/material-center/components/finished-products/manuscript/check/components/content-card/constants.ts b/src/views/material-center/components/finished-products/manuscript/check/components/content-card/constants.ts
index 0dbe0da..7ac725c 100644
--- a/src/views/material-center/components/finished-products/manuscript/check/components/content-card/constants.ts
+++ b/src/views/material-center/components/finished-products/manuscript/check/components/content-card/constants.ts
@@ -14,10 +14,10 @@ export const TAB_LIST = [
     label: '文本',
     value: enumTab.TEXT,
   },
-  // {
-  //   label: '图片',
-  //   value: enumTab.IMAGE,
-  // },
+  {
+    label: '图片',
+    value: enumTab.IMAGE,
+  },
 ];
 
 export enum Enum_Level {
diff --git a/src/views/material-center/components/finished-products/manuscript/check/components/content-card/highlight-textarea.vue b/src/views/material-center/components/finished-products/manuscript/check/components/content-card/highlight-textarea.vue
index a0bf5bb..3c6dd1d 100644
--- a/src/views/material-center/components/finished-products/manuscript/check/components/content-card/highlight-textarea.vue
+++ b/src/views/material-center/components/finished-products/manuscript/check/components/content-card/highlight-textarea.vue
@@ -24,6 +24,8 @@
 </template>
 
 <script setup lang="ts">
+import { Input } from 'ant-design-vue';
+const {TextArea}  = Input
 import { ref, computed, watch, defineProps, defineEmits, onMounted, onUnmounted } from 'vue';
 import { escapeRegExp } from './constants';
 
diff --git a/src/views/material-center/components/finished-products/manuscript/check/components/content-card/index.vue b/src/views/material-center/components/finished-products/manuscript/check/components/content-card/index.vue
index 863e004..530d2b1 100644
--- a/src/views/material-center/components/finished-products/manuscript/check/components/content-card/index.vue
+++ b/src/views/material-center/components/finished-products/manuscript/check/components/content-card/index.vue
@@ -1,23 +1,13 @@
 <script lang="jsx">
 import axios from 'axios';
 import { Swiper, SwiperSlide } from 'swiper/vue';
+import { Button, Form, Input, FormItem, Tabs, message, Image, Upload, Spin } from 'ant-design-vue';
 import { IconLoading } from '@arco-design/web-vue/es/icon';
-import {
-  Image,
-  Form,
-  FormItem,
-  Input,
-  Textarea,
-  Button,
-  Tabs,
-  Upload,
-  TabPane,
-  Spin,
-  Message as AMessage,
-} from '@arco-design/web-vue';
 import TextOverTips from '@/components/text-over-tips';
 import HighlightTextarea from './highlight-textarea';
 
+const { TabPane } = Tabs;
+
 import 'swiper/css';
 import 'swiper/css/navigation';
 import { Navigation } from 'swiper/modules';
@@ -87,7 +77,7 @@ export default {
 
     const onAgainCheck = () => {
       if (!isTextTab.value && !props.modelValue.files?.length) {
-        AMessage.warning('请先上传需审核图片');
+        message.warning('请先上传需审核图片');
         return;
       }
       emit('againCheck');
@@ -99,15 +89,7 @@ export default {
       activeTab.value = key;
     };
     const validate = () => {
-      return new Promise((resolve, reject) => {
-        formRef.value?.validate((errors) => {
-          if (errors) {
-            reject();
-          } else {
-            resolve();
-          }
-        });
-      });
+      return formRef.value?.validate();
     };
     const reset = () => {
       formRef.value?.resetFields?.();
@@ -139,24 +121,19 @@ export default {
         <Upload
           ref={uploadRef}
           action="/"
-          draggable
           class="w-fit"
-          custom-request={(option) => uploadImage(option, action)}
+          customRequest={(option) => uploadImage(option, action)}
           accept=".jpg,.jpeg,.png,.gif,.webp"
-          show-file-list={false}
+          showUploadList={false}
           multiple
         >
-          {{
-            'upload-button': () => <UploadBtn />,
-          }}
+          <UploadBtn />
         </Upload>
       );
     };
 
     const uploadImage = async (option, action = 'upload') => {
-      const {
-        fileItem: { file },
-      } = option;
+      const { file } = option;
 
       const { name, size, type } = file;
       const response = await getImagePreSignedUrl({ suffix: getFileExtension(name) });
@@ -190,11 +167,11 @@ export default {
     const renderFooterRow = () => {
       return (
         <>
-          <Button class="mr-12px" size="medium" onClick={onAgainCheck} disabled={isDisabled.value}>
+          <Button class="mr-12px" onClick={onAgainCheck} disabled={isDisabled.value}>
             再次审核
           </Button>
           {isTextTab.value ? (
-            <Button size="medium" type="outline" class="w-123px check-btn" onClick={onAiReplace} disabled={isDisabled.value}>
+            <Button type="primary" ghost class="w-123px check-btn" onClick={onAiReplace} disabled={isDisabled.value}>
               {aiReplaceLoading.value ? (
                 <>
                   <IconLoading size={14} />
@@ -210,7 +187,7 @@ export default {
           ) : (
             <div class="w-88px">
               {renderUpload(
-                <Button size="medium" type="outline">
+                <Button type="primary" ghost>
                   图片替换
                 </Button>,
                 'replaceImage',
@@ -223,17 +200,17 @@ export default {
     const renderTextForm = () => {
       return (
         <Form ref={formRef} model={props.modelValue} rules={FORM_RULES} layout="vertical" auto-label-width>
-          <FormItem label="标题" field="title" required>
+          <FormItem label="标题" name="title" required>
             <Input
-              v-model={props.modelValue.title}
+              v-model:value={props.modelValue.title}
               placeholder="请输入标题"
               size="large"
-              maxLength={30}
-              show-word-limit
+              maxlength={30}
+              showCount
               disabled={isDisabled.value}
             />
           </FormItem>
-          <FormItem label="作品描述" field="content" class="flex-1 content-form-item">
+          <FormItem label="作品描述" name="content" class="flex-1 content-form-item">
             <HighlightTextarea
               v-model={props.modelValue.content}
               disabled={isDisabled.value}
@@ -409,9 +386,9 @@ export default {
           <div class="right-box">
             <p class="cts bold !text-16px !lh-24px !color-#211F24 mb-16px">审核结果</p>
             <Spin
-              loading={true}
+              spinning={true}
               tip={`${isTextTab.value ? '文本' : '图片'}检测中`}
-              size={72}
+              size="large"
               class="h-298px !flex flex-col justify-center items-center"
             />
           </div>
@@ -421,7 +398,7 @@ export default {
           <div class="right-box">
             <p class="cts bold !text-16px !lh-24px !color-#211F24 mb-16px">审核结果</p>
             {props.getDataLoading ? (
-              <Spin loading={true} size={72} class="h-298px !flex justify-center items-center" />
+              <Spin spinning={true} size="large" class="h-298px !flex justify-center items-center" />
             ) : (
               renderCheckSuccessBox()
             )}
@@ -440,22 +417,20 @@ export default {
         <div class="h-full w-full px-24px pt-16px pb-24px content-wrap flex">
           <div class="flex-2 left-box mr-24px flex flex-col">
             <div class="flex-1 mb-12px rounded-8px border-1px pt-8px flex flex-col pb-16px bg-#F7F8FA border-#E6E6E8 border-solid">
-              <Tabs v-model={activeTab.value} onTabClick={handleTabClick} class="mb-16px">
+              <Tabs activeKey={activeTab.value} onChange={handleTabClick} class="mb-16px">
                 {TAB_LIST.map((item) => (
                   <TabPane
                     key={item.value}
-                    v-slots={{
-                      title: () => (
-                        <div class="flex items-center relative">
-                          <span>{item.label}</span>
-                          {
-                            // activeTab.value === item.value && aiReview.value?.violation_items.length > 0 &&  (
-                            //   <icon-exclamation-circle-fill size={14} class="color-#F64B31 absolute right--10px top-0" />
-                            // )
-                          }
-                        </div>
-                      ),
-                    }}
+                    tab={
+                      <div class="flex items-center relative">
+                        <span>{item.label}</span>
+                        {
+                          // activeTab.value === item.value && aiReview.value?.violation_items.length > 0 &&  (
+                          //   <icon-exclamation-circle-fill size={14} class="color-#F64B31 absolute right--10px top-0" />
+                          // )
+                        }
+                      </div>
+                    }
                   />
                 ))}
               </Tabs>
diff --git a/src/views/material-center/components/finished-products/manuscript/check/components/content-card/style.scss b/src/views/material-center/components/finished-products/manuscript/check/components/content-card/style.scss
index 39160fe..43a91b7 100644
--- a/src/views/material-center/components/finished-products/manuscript/check/components/content-card/style.scss
+++ b/src/views/material-center/components/finished-products/manuscript/check/components/content-card/style.scss
@@ -23,43 +23,32 @@
   }
 
   .left-box {
-    :deep(.arco-tabs) {
-      .arco-tabs-nav {
-        .arco-tabs-tab {
-          height: 40px;
-          //   padding: 0 8px;
-          margin: 0 16px;
-        }
-        &::before {
-          display: none;
-        }
-      }
-      .arco-tabs-content {
-        display: none;
-      }
-    }
-    :deep(.arco-form) {
+    :deep(.ant-form) {
       height: 100%;
       display: flex;
       flex-direction: column;
-      .arco-form-item {
+      .ant-form-item {
         margin-bottom: 24px;
-        .arco-form-item-label-col {
-          .arco-form-item-label {
+        .ant-form-item-label-col {
+          .ant-form-item-label {
             color: #939499;
           }
         }
       }
       .content-form-item {
         margin-bottom: 0;
-        display: flex;
-        flex-direction: column;
-        .arco-form-item-wrapper-col {
-          flex: 1;
-          .arco-form-item-content-wrapper,
-          .arco-form-item-content,
-          .arco-textarea-wrapper {
-            height: 100%;
+
+        .ant-row {
+          height: 100%;
+          display: flex;
+          flex-direction: column;
+          .ant-form-item-control-input {
+            flex: 1;
+            .ant-form-item-control-input-content,
+            .ant-form-item-control-input-content,
+            .ant-textarea-wrapper {
+              height: 100%;
+            }
           }
         }
       }
diff --git a/src/views/material-center/components/finished-products/manuscript/check/components/header-card/index.vue b/src/views/material-center/components/finished-products/manuscript/check/components/header-card/index.vue
index f9539a0..41e6ab2 100644
--- a/src/views/material-center/components/finished-products/manuscript/check/components/header-card/index.vue
+++ b/src/views/material-center/components/finished-products/manuscript/check/components/header-card/index.vue
@@ -1,5 +1,5 @@
 <script lang="jsx">
-import { Image } from '@arco-design/web-vue';
+import { Image } from 'ant-design-vue';
 import { Swiper, SwiperSlide } from 'swiper/vue';
 import TextOverTips from '@/components/text-over-tips';
 
@@ -56,13 +56,13 @@ export default {
                       height={48}
                       preview={false}
                       src={item.cover}
-                      class="!rounded-4px mr-8px"
+                      class="!rounded-4px"
                       fit="cover"
                       v-slots={{
                         error: () => <img src={icon1} class="w-full h-full" />,
                       }}
                     />
-                    <div class="flex-1 overflow-hidden flex flex-col items-start">
+                    <div class="flex-1 overflow-hidden flex flex-col items-start ml-8px">
                       <TextOverTips context={item.title} class={`cts !color-#211F24 title mb-4px`} />
                       <p class="cts">{`合规程度：${item.ai_review?.compliance_level ? `${item.ai_review?.compliance_level}%` : '-'}`}</p>
                     </div>
diff --git a/src/views/material-center/components/finished-products/manuscript/check/index.vue b/src/views/material-center/components/finished-products/manuscript/check/index.vue
index f733456..9b639c4 100644
--- a/src/views/material-center/components/finished-products/manuscript/check/index.vue
+++ b/src/views/material-center/components/finished-products/manuscript/check/index.vue
@@ -1,5 +1,6 @@
 <script lang="jsx">
-import { Button, Message as AMessage, Spin } from '@arco-design/web-vue';
+import { Button, message } from 'ant-design-vue';
+import { Spin } from 'ant-design-vue';
 import CancelCheckModal from './cancel-check-modal.vue';
 import CheckSuccessModal from './check-success-modal.vue';
 import HeaderCard from './components/header-card';
@@ -135,14 +136,14 @@ export default {
     };
     const onSave = async () => {
       if (!selectCardInfo.value.title) {
-        AMessage.warning('标题不能为空');
+        message.warning('标题不能为空');
       }
 
       contentCardRef.value?.validate().then(async () => {
         const { code, data } = await putWorkAuditsUpdate(selectCardInfo.value);
         if (code === 200) {
           isSaved.value = true;
-          AMessage.success('当前内容稿件已保存');
+          message.success('当前内容稿件已保存');
         }
       });
     };
@@ -181,13 +182,13 @@ export default {
     const renderFooterRow = () => {
       return (
         <>
-          <Button size="medium" type="outline" class="mr-12px" onClick={onExit}>
+          <Button type="primary" ghost class="mr-12px" onClick={onExit}>
             退出
           </Button>
-          <Button size="medium" type="outline" class="mr-12px" onClick={onSave}>
+          <Button type="primary" ghost class="mr-12px" onClick={onSave}>
             保存
           </Button>
-          <Button type="primary" size="medium" onClick={onSubmit} loading={submitLoading.value}>
+          <Button type="primary" onClick={onSubmit} loading={submitLoading.value}>
             {submitLoading.value ? '通过审核中...' : '通过审核'}
           </Button>
         </>
diff --git a/src/views/material-center/components/finished-products/manuscript/components/edit-form/img-box.vue b/src/views/material-center/components/finished-products/manuscript/components/edit-form/img-box.vue
index 0746114..35fd9d6 100644
--- a/src/views/material-center/components/finished-products/manuscript/components/edit-form/img-box.vue
+++ b/src/views/material-center/components/finished-products/manuscript/components/edit-form/img-box.vue
@@ -1,5 +1,5 @@
 <template>
-  <a-form-item field="files">
+  <FormItem name="files">
     <template #label>
       <div class="flex items-center">
         <span class="cts !color-#211F24 mr-4px">图片</span>
@@ -23,32 +23,31 @@
             />
           </div>
         </div>
-        <a-upload
+        <Upload
           v-if="files.length < 18"
           ref="uploadRef"
           action="/"
-          draggable
-          :custom-request="(option) => emit('upload', option)"
+          :customRequest="(option) => emit('upload', option)"
           accept=".jpg,.jpeg,.png,.gif,.webp"
-          :show-file-list="false"
+          :showUploadList="false"
           multiple
           class="!flex !items-center"
-          :limit="18 - files.length"
         >
-          <template #upload-button>
+          <template #default>
             <div class="upload-box">
               <icon-plus size="14" class="mb-16px color-#3C4043" />
               <span class="cts !color-#211F24">上传图片</span>
             </div>
           </template>
-        </a-upload>
+        </Upload>
       </VueDraggable>
     </div>
-  </a-form-item>
+  </FormItem>
 </template>
 
 <script setup>
 import { VueDraggable } from 'vue-draggable-plus';
+import { FormItem, Upload } from 'ant-design-vue';
 
 const props = defineProps({
   files: {
diff --git a/src/views/material-center/components/finished-products/manuscript/components/edit-form/index.vue b/src/views/material-center/components/finished-products/manuscript/components/edit-form/index.vue
index 273cda1..b778581 100644
--- a/src/views/material-center/components/finished-products/manuscript/components/edit-form/index.vue
+++ b/src/views/material-center/components/finished-products/manuscript/components/edit-form/index.vue
@@ -1,6 +1,6 @@
 <script lang="jsx">
 import axios from 'axios';
-import { Form, FormItem, Input, Textarea, Upload, Message as AMessage, Button } from '@arco-design/web-vue';
+import { Button, Form, FormItem, Input, message, Upload } from 'ant-design-vue';
 // import CommonSelect from '@/components/common-select';
 // import { VueDraggable } from 'vue-draggable-plus';
 import TextOverTips from '@/components/text-over-tips';
@@ -11,6 +11,8 @@ import { formatFileSize, getVideoInfo, formatDuration, formatUploadSpeed } from
 import { EnumManuscriptType } from '@/views/material-center/components/finished-products/manuscript/list/constants.ts';
 import { getImagePreSignedUrl, getVideoPreSignedUrl } from '@/api/all/common';
 
+const { TextArea } = Input;
+
 // import icon1 from '@/assets/img/creative-generation-workshop/icon-close.png';
 
 // 表单验证规则
@@ -128,9 +130,7 @@ export default {
         formData.value.videoInfo.uploadStatus = ENUM_UPLOAD_STATUS.UPLOADING;
         emit('updateVideoInfo', formData.value.videoInfo);
 
-        const {
-          fileItem: { file },
-        } = option;
+        const { file } = option;
         setVideoInfo(file);
 
         const response = await getVideoPreSignedUrl({ suffix: getFileExtension(file.name) });
@@ -161,13 +161,11 @@ export default {
     };
     // 文件上传处理
     const uploadImage = async (option) => {
-      const {
-        fileItem: { file },
-      } = option;
+      const { file } = option;
 
       // 验证文件数量
       if (formData.value.files?.length >= 18) {
-        AMessage.error('最多只能上传18张图片！');
+        message.error('最多只能上传18张图片！');
         return;
       }
       const { name, size, type } = file;
@@ -189,15 +187,7 @@ export default {
     };
 
     const validate = () => {
-      return new Promise((resolve, reject) => {
-        formRef.value?.validate((errors) => {
-          if (errors) {
-            reject(formData.value);
-          } else {
-            resolve();
-          }
-        });
-      });
+      return formRef.value?.validate();
     };
 
     const resetForm = () => {
@@ -211,25 +201,18 @@ export default {
         <Upload
           ref={uploadRef}
           action="/"
-          draggable
-          custom-request={uploadVideo}
+          customRequest={uploadVideo}
           accept=".mp4,.mov,.avi,.flv,.wmv"
-          show-file-list={false}
+          showUploadList={false}
         >
-          {{
-            'upload-button': () => {
-              if (formData.value.videoInfo.uploadStatus === ENUM_UPLOAD_STATUS.DEFAULT) {
-                return (
-                  <div class="upload-box">
-                    <icon-plus size="14" class="mb-16px color-#3C4043" />
-                    <span class="cts !color-#211F24">上传视频</span>
-                  </div>
-                );
-              } else {
-                return <Button type="text">替换视频</Button>;
-              }
-            },
-          }}
+          {formData.value.videoInfo.uploadStatus === ENUM_UPLOAD_STATUS.DEFAULT ? (
+            <div class="upload-box">
+              <icon-plus size="14" class="mb-16px color-#3C4043" />
+              <span class="cts !color-#211F24">上传视频</span>
+            </div>
+          ) : (
+            <Button type="text">替换视频</Button>
+          )}
         </Upload>
       );
     };
@@ -238,7 +221,7 @@ export default {
       const isEnd = formData.value.videoInfo.uploadStatus === ENUM_UPLOAD_STATUS.END;
       return (
         <FormItem
-          field="files"
+          name="files"
           v-slots={{
             label: () => (
               <div class="flex items-center">
@@ -315,30 +298,31 @@ export default {
 
     return () => (
       <Form ref={formRef} model={formData.value} rules={props.rules} layout="vertical" auto-label-width>
-        <FormItem label="标题" field="title" required>
+        <FormItem label="标题" name="title" required>
           <Input
-            v-model={formData.value.title}
+            v-model:value={formData.value.title}
             onInput={() => {
+              console.log('onInput');
               onChange();
               emit('reValidate');
             }}
             placeholder="请输入标题"
             size="large"
             class="!w-500px"
-            maxLength={30}
-            show-word-limit
+            maxlength={30}
+            showCount
           />
         </FormItem>
 
-        <FormItem label="作品描述" field="content">
-          <Textarea
-            v-model={formData.value.content}
+        <FormItem label="作品描述" name="content">
+          <TextArea
+            v-model:value={formData.value.content}
             onInput={onChange}
             placeholder="请输入作品描述"
             size="large"
             class="textarea-box !w-784px"
-            show-word-limit
-            max-length={1000}
+            showCount
+            maxlength={1000}
           />
         </FormItem>
         {isVideo.value ? (
@@ -352,7 +336,7 @@ export default {
           />
         )}
 
-        {/* <FormItem label="所属项目" field="project_ids">
+        {/* <FormItem label="所属项目" name="project_ids">
           <CommonSelect
             v-model={formData.value.project_ids}
             onChange={() => emit('change')}
diff --git a/src/views/material-center/components/finished-products/manuscript/components/edit-form/style.scss b/src/views/material-center/components/finished-products/manuscript/components/edit-form/style.scss
index daff403..e3a2839 100644
--- a/src/views/material-center/components/finished-products/manuscript/components/edit-form/style.scss
+++ b/src/views/material-center/components/finished-products/manuscript/components/edit-form/style.scss
@@ -31,8 +31,6 @@
   }
 }
 .textarea-box {
-  :deep(.arco-textarea) {
-    height: 140px;
-    max-height: 298px;
-  }
+  height: 140px;
+  max-height: 298px;
 }
diff --git a/src/views/material-center/components/finished-products/manuscript/components/share-manuscript-modal/constants.ts b/src/views/material-center/components/finished-products/manuscript/components/share-manuscript-modal/constants.ts
index 19964f0..eed6f86 100644
--- a/src/views/material-center/components/finished-products/manuscript/components/share-manuscript-modal/constants.ts
+++ b/src/views/material-center/components/finished-products/manuscript/components/share-manuscript-modal/constants.ts
@@ -1,5 +1,5 @@
 export const INITIAL_FORM = {
-  audit_status: '',
+  audit_status: undefined,
   sort_column: undefined,
   sort_order: undefined,
 };
diff --git a/src/views/material-center/components/finished-products/manuscript/components/share-manuscript-modal/index.vue b/src/views/material-center/components/finished-products/manuscript/components/share-manuscript-modal/index.vue
index 86ea333..483e3ed 100644
--- a/src/views/material-center/components/finished-products/manuscript/components/share-manuscript-modal/index.vue
+++ b/src/views/material-center/components/finished-products/manuscript/components/share-manuscript-modal/index.vue
@@ -1,22 +1,15 @@
 <script lang="jsx">
-import {
-  Input,
-  Table,
-  Modal,
-  TableColumn,
-  Checkbox,
-  Pagination,
-  Button,
-  Tooltip,
-  Notification,
-} from '@arco-design/web-vue';
+import { Button, Modal, Tooltip, Table, Pagination } from 'ant-design-vue';
 import CommonSelect from '@/components/common-select';
 import TextOverTips from '@/components/text-over-tips';
 import ShareModal from '@/views/material-center/components/finished-products/manuscript/components/share-manuscript-modal/share-modal';
 
 import { INITIAL_FORM, TABLE_COLUMNS } from './constants';
 import { formatTableField, exactFormatTime } from '@/utils/tools';
-import { CHECK_STATUS, EnumManuscriptType } from '@/views/material-center/components/finished-products/manuscript/list/constants';
+import {
+  CHECK_STATUS,
+  EnumManuscriptType,
+} from '@/views/material-center/components/finished-products/manuscript/list/constants';
 import { useTableSelectionWithPagination } from '@/hooks/useTableSelectionWithPagination';
 import { getWorksPage, getWriterLinksGenerate } from '@/api/all/generationWorkshop.ts';
 
@@ -31,8 +24,6 @@ export default {
       dataSource,
       pageInfo,
       onPageChange,
-      onPageSizeChange,
-      rowSelection,
       handleSelect,
       handleSelectAll,
       DEFAULT_PAGE_INFO,
@@ -40,9 +31,6 @@ export default {
       onPageChange: () => {
         getData();
       },
-      onPageSizeChange: () => {
-        getData();
-      },
     });
     const visible = ref(false);
     const query = ref(cloneDeep(INITIAL_FORM));
@@ -86,42 +74,44 @@ export default {
       reset();
     };
 
-    const renderColumn = () => {
-      return TABLE_COLUMNS.map((column) => (
-        <TableColumn
-          key={column.dataIndex}
-          data-index={column.dataIndex}
-          fixed={column.fixed}
-          width={column.width}
-          min-width={column.minWidth}
-          sortable={column.sortable}
-          align={column.align}
-          ellipsis
-          tooltip
-          v-slots={{
-            title: () => (
-              <div class="flex items-center">
-                <span class="cts mr-4px">{column.title}</span>
-                {column.tooltip && (
-                  <Tooltip content={column.tooltip} position="top">
-                    <IconQuestionCircle class="tooltip-icon color-#737478" size={16} />
-                  </Tooltip>
-                )}
-              </div>
-            ),
-            cell: ({ record }) => renderCell(record),
-          }}
-        />
-      ));
-    };
+    // const renderColumn = () => {
+    //   return TABLE_COLUMNS.map((column) => (
+    //     <TableColumn
+    //       key={column.dataIndex}
+    //       data-index={column.dataIndex}
+    //       fixed={column.fixed}
+    //       width={column.width}
+    //       min-width={column.minWidth}
+    //       sortable={column.sortable}
+    //       align={column.align}
+    //       ellipsis
+    //       tooltip
+    //       v-slots={{
+    //         title: () => (
+    //           <>
+    //             <span class="cts mr-4px">{column.title}</span>
+    //             {column.tooltip && (
+    //               <Tooltip title={column.tooltip} placement="top">
+    //                 <IconQuestionCircle class="tooltip-icon color-#737478" size={16} />
+    //               </Tooltip>
+    //             )}
+    //           </>
+    //         ),
+    //         cell: ({ record }) => renderCell(record),
+    //       }}
+    //     />
+    //   ));
+    // };
 
     const onShare = () => {
       shareModalRef.value?.open(selectedRowKeys.value);
     };
-    const handleSorterChange = (column, order) => {
-      query.value.sort_column = column;
-      query.value.sort_order = order === 'ascend' ? 'asc' : 'desc';
-      reload();
+    const handleSorterChange = (pagination, filters, sorter) => {
+      if (sorter && !Array.isArray(sorter) && sorter.columnKey) {
+        query.value.sort_column = sorter.columnKey;
+        query.value.sort_order = sorter.order === 'ascend' ? 'asc' : 'desc';
+        reload();
+      }
     };
     const getStatusInfo = (audit_status) => {
       return CHECK_STATUS.find((v) => v.id === audit_status) ?? {};
@@ -132,12 +122,13 @@ export default {
     return () => (
       <>
         <Modal
-          v-model:visible={visible.value}
+          v-model:open={visible.value}
           title="分享内容稿件"
           width="920px"
-          onClose={onClose}
-          unmount-on-close
-          modal-class="share-manuscript-modal"
+          onCancel={onClose}
+          centered
+          destroyOnClose
+          wrapClassName="share-manuscript-modal"
           v-slots={{
             footer: () => (
               <div class="flex justify-between w-full items-center">
@@ -145,16 +136,8 @@ export default {
                   已选择 <span class="cts color-#211F24 bold">{selectedRows.value.length}</span> 个
                 </p>
                 <div class="flex items-center">
-                  <Button size="medium" onClick={onClose}>
-                    取消
-                  </Button>
-                  <Button
-                    type="primary"
-                    class="ml-16px"
-                    size="medium"
-                    onClick={onShare}
-                    disabled={!selectedRows.value.length}
-                  >
+                  <Button onClick={onClose}>取消</Button>
+                  <Button type="primary" class="ml-16px" onClick={onShare} disabled={!selectedRows.value.length}>
                     分享
                   </Button>
                 </div>
@@ -176,109 +159,99 @@ export default {
             </div>
             <Table
               ref={tableRef}
-              data={dataSource.value}
-              row-key="id"
-              column-resizable
-              row-selection={rowSelection.value}
-              selected-keys={selectedRowKeys.value}
+              dataSource={dataSource.value}
+              rowKey="id"
+              rowSelection={{
+                selectedRowKeys: selectedRowKeys.value,
+                onSelect: handleSelect,
+                onSelectAll: handleSelectAll,
+              }}
               pagination={false}
               scroll={{ x: '100%', y: '100%' }}
               class="overflow-hidden"
               bordered
-              onSorterChange={handleSorterChange}
-              onSelect={handleSelect}
-              onSelectAll={handleSelectAll}
+              showSorterTooltip={false}
+              onChange={handleSorterChange}
               v-slots={{
-                empty: () => <NoData />,
-                columns: () => (
-                  <>
-                    {TABLE_COLUMNS.map((column) => (
-                      <TableColumn
-                        key={column.dataIndex}
-                        data-index={column.dataIndex}
-                        fixed={column.fixed}
-                        width={column.width}
-                        min-width={column.minWidth}
-                        sortable={column.sortable}
-                        align={column.align}
-                        ellipsis
-                        tooltip
-                        v-slots={{
-                          title: () => (
-                            <div class="flex items-center">
-                              <span class="cts mr-4px bold color-#211F24">{column.title}</span>
-                              {column.tooltip && (
-                                <Tooltip content={column.tooltip} position="top">
-                                  <IconQuestionCircle class="tooltip-icon color-#737478" size={16} />
-                                </Tooltip>
-                              )}
-                            </div>
-                          ),
-                          cell: ({ record }) => {
-                            if (column.dataIndex === 'audit_status') {
-                              return (
-                                <div
-                                  class="flex items-center w-fit h-24px px-8px rounded-2px"
-                                  style={{ backgroundColor: getStatusInfo(record.audit_status).backgroundColor }}
-                                >
-                                  <span class="cts s1 bold" style={{ color: getStatusInfo(record.audit_status).color }}>
-                                    {getStatusInfo(record.audit_status).name}
-                                  </span>
-                                </div>
-                              );
-                            } else if (column.dataIndex === 'title') {
-                              return <TextOverTips context={record.title} />;
-                            } else if (column.dataIndex === 'type') {
-                              return (
-                                <div class="flex items-center">
-                                  <img
-                                    src={record.type === EnumManuscriptType.Image ? icon2 : icon3}
-                                    width="16"
-                                    height="16"
-                                    class="mr-4px"
-                                  />
-                                  <span
-                                    class={`cts !text-14px !lh-22px ${
-                                      record.type === EnumManuscriptType.Image ? '!color-#25C883' : '!color-#6D4CFE'
-                                    }`}
-                                  >
-                                    {record.type === EnumManuscriptType.Image ? '图文' : '视频'}
-                                  </span>
-                                </div>
-                              );
-                            } else if (column.dataIndex === 'last_modified_at') {
-                              return (
-                                <span class="cts num">
-                                  {exactFormatTime(
-                                    record.last_modified_at,
-                                    'YYYY-MM-DD HH:mm:ss',
-                                    'YYYY-MM-DD HH:mm:ss',
-                                  )}
-                                </span>
-                              );
-                            } else {
-                              return formatTableField(column, record, true);
-                            }
-                          },
-                        }}
-                      />
-                    ))}
-                  </>
-                ),
+                emptyText: () => <NoData />,
               }}
-            />
+            >
+              {TABLE_COLUMNS.map((column) => (
+                <Table.Column
+                  key={column.dataIndex}
+                  dataIndex={column.dataIndex}
+                  fixed={column.fixed}
+                  width={column.width}
+                  minWidth={column.minWidth}
+                  sorter={column.sortable}
+                  align={column.align}
+                  ellipsis
+                  title={() => (
+                    <>
+                      <span class="cts mr-4px bold color-#211F24">{column.title}</span>
+                      {column.tooltip && (
+                        <Tooltip title={column.tooltip} placement="top">
+                          <IconQuestionCircle class="tooltip-icon color-#737478" size={16} />
+                        </Tooltip>
+                      )}
+                    </>
+                  )}
+                  customRender={({ record }) => {
+                    if (column.dataIndex === 'audit_status') {
+                      return (
+                        <div
+                          class="flex items-center w-fit h-24px px-8px rounded-2px"
+                          style={{ backgroundColor: getStatusInfo(record.audit_status).backgroundColor }}
+                        >
+                          <span class="cts s1 bold" style={{ color: getStatusInfo(record.audit_status).color }}>
+                            {getStatusInfo(record.audit_status).name}
+                          </span>
+                        </div>
+                      );
+                    } else if (column.dataIndex === 'title') {
+                      return <TextOverTips context={record.title} class="!text-12px" />;
+                    } else if (column.dataIndex === 'type') {
+                      return (
+                        <div class="flex items-center">
+                          <img
+                            src={record.type === EnumManuscriptType.Image ? icon2 : icon3}
+                            width="16"
+                            height="16"
+                            class="mr-4px"
+                          />
+                          <span
+                            class={`cts !text-14px !lh-22px ${
+                              record.type === EnumManuscriptType.Image ? '!color-#25C883' : '!color-#6D4CFE'
+                            }`}
+                          >
+                            {record.type === EnumManuscriptType.Image ? '图文' : '视频'}
+                          </span>
+                        </div>
+                      );
+                    } else if (column.dataIndex === 'last_modified_at') {
+                      return (
+                        <span class="cts num">
+                          {exactFormatTime(record.last_modified_at, 'YYYY-MM-DD HH:mm:ss', 'YYYY-MM-DD HH:mm:ss')}
+                        </span>
+                      );
+                    } else {
+                      return formatTableField(column, record, true);
+                    }
+                  }}
+                />
+              ))}
+            </Table>
             {pageInfo.value.total > 0 && (
               <div class="flex justify-end mt-16px">
                 <Pagination
                   total={pageInfo.value.total}
-                  size="mini"
-                  show-total
-                  show-jumper
-                  show-page-size
+                  size="small"
+                  showTotal={(total, range) => `共 ${total} 条`}
+                  showQuickJumper
+                  showSizeChanger
                   current={pageInfo.value.page}
-                  page-size={pageInfo.value.page_size}
+                  pageSize={pageInfo.value.page_size}
                   onChange={onPageChange}
-                  onPageSizeChange={onPageSizeChange}
                 />
               </div>
             )}
diff --git a/src/views/material-center/components/finished-products/manuscript/components/share-manuscript-modal/share-modal.vue b/src/views/material-center/components/finished-products/manuscript/components/share-manuscript-modal/share-modal.vue
index c849795..774a1fd 100644
--- a/src/views/material-center/components/finished-products/manuscript/components/share-manuscript-modal/share-modal.vue
+++ b/src/views/material-center/components/finished-products/manuscript/components/share-manuscript-modal/share-modal.vue
@@ -1,5 +1,5 @@
 <script lang="jsx">
-import { Modal, Form, FormItem, Input, Button, Message as AMessage } from '@arco-design/web-vue';
+import { Button, Modal, Form, FormItem, Input, Tooltip, message } from 'ant-design-vue';
 import CommonSelect from '@/components/common-select';
 
 import { useClipboard } from '@vueuse/core';
@@ -65,24 +65,22 @@ export default {
     };
 
     const onGenerateLink = () => {
-      formRef.value.validate().then(async (errors) => {
-        if (!errors) {
-          try {
-            loading.value = true;
-            const { code, data } = await postShareLinksGenerate(formData.value);
-            if (code === 200) {
-              onClose();
+      formRef.value.validate().then(async () => {
+        try {
+          loading.value = true;
+          const { code, data } = await postShareLinksGenerate(formData.value);
+          if (code === 200) {
+            onClose();
 
-              const url = router.resolve({
-                path: `/explore/list/${data.code}`,
-              }).href;
-              copy(generateFullUrl(url));
-              AMessage.success('链接已复制！');
-              emit('close');
-            }
-          } finally {
-            loading.value = false;
+            const url = router.resolve({
+              path: `/explore/list/${data.code}`,
+            }).href;
+            copy(generateFullUrl(url));
+            message.success('链接已复制！');
+            emit('close');
           }
+        } finally {
+          loading.value = false;
         }
       });
     };
@@ -96,27 +94,33 @@ export default {
     });
     return () => (
       <Modal
-        v-model:visible={visible.value}
+        v-model:open={visible.value}
         title="分享内容稿件"
         width="480px"
-        onClose={onClose}
-        unmount-on-close
+        onCancel={onClose}
+        destroyOnClose
+        centered
         auto-label-width
         v-slots={{
           footer: () => (
             <>
-              <Button size="medium" onClick={onClose}>
-                取消
-              </Button>
-              <Button type="primary" class="ml-16px" size="medium" onClick={onGenerateLink} disabled={loading.value}>
+              <Button onClick={onClose}>取消</Button>
+              <Button type="primary" class="ml-16px" onClick={onGenerateLink} disabled={loading.value}>
                 {loading.value ? '生成中...' : '生成链接'}
               </Button>
             </>
           ),
         }}
       >
-        <Form ref={formRef} rules={rules} model={formData.value} auto-label-width>
-          <FormItem label="有效期" prop="days" row-class="!items-center">
+        <Form
+          ref={formRef}
+          rules={rules}
+          model={formData.value}
+          labelAlign="right"
+          labelCol={{ span: 5 }}
+          wrapperCol={{ span: 19 }}
+        >
+          <FormItem label="有效期" name="days" row-class="!items-center">
             <CommonSelect
               v-model={formData.value.days}
               options={OPTIONS}
@@ -128,21 +132,20 @@ export default {
             />
           </FormItem>
           <FormItem
-            label="分享对象"
-            prop="receiver"
+            name="receiver"
             row-class="!items-center"
             v-slots={{
               label: () => (
                 <div class="flex items-center">
                   <span>分享对象</span>
-                  <a-tooltip content="可填写客户名称、昵称等，非必填" position="top">
+                  <Tooltip title="可填写客户名称、昵称等，非必填" placement="top">
                     <icon-question-circle class="tooltip-icon color-#737478 ml-4px" size="14" />
-                  </a-tooltip>
+                  </Tooltip>
                 </div>
               ),
             }}
           >
-            <Input v-model={formData.value.receiver} class="!w-240px" size="large" placeholder="请输入分享对象" />
+            <Input v-model:value={formData.value.receiver} class="!w-240px" size="large" placeholder="请输入分享对象" />
           </FormItem>
         </Form>
       </Modal>
diff --git a/src/views/material-center/components/finished-products/manuscript/components/share-manuscript-modal/style.scss b/src/views/material-center/components/finished-products/manuscript/components/share-manuscript-modal/style.scss
index a3b9dd3..9574a26 100644
--- a/src/views/material-center/components/finished-products/manuscript/components/share-manuscript-modal/style.scss
+++ b/src/views/material-center/components/finished-products/manuscript/components/share-manuscript-modal/style.scss
@@ -18,49 +18,36 @@
       font-size: 14px;
     }
   }
-  .arco-modal-body {
+  .ant-modal-body {
     height: 464px;
     display: flex;
     flex-direction: column;
     overflow: hidden;
-    .arco-scrollbar-track {
+    .ant-scrollbar-track {
       display: none !important;
     }
-    .arco-table {
-      .arco-table-container {
-        .arco-table-element {
-          thead {
-            .arco-table-tr {
-              .arco-table-th {
-                .arco-table-cell {
-                  padding: 10px 16px !important;
-                }
-              }
-            }
-          }
-          tbody {
-            .arco-table-tr {
-              .arco-table-td {
-                .arco-table-cell {
-                  padding: 6px 16px;
-                  .arco-table-cell-content,
-                  .arco-table-td-content {
-                    font-size: 12px;
-                    line-height: 20px;
-                  }
-                }
-              }
-            }
+    .ant-table {
+      .ant-table-thead {
+        .ant-table-cell {
+          padding: 10px 16px !important;
+        }
+      }
+      .ant-table-body {
+        .ant-table-cell {
+          padding: 6px 16px !important;
+          .ant-table-cell-content {
+            font-size: 12px;
+            line-height: 20px;
           }
         }
       }
     }
-    .arco-pagination {
-      .arco-pagination-total,
-      .arco-pagination-jumper-prepend {
+    .ant-pagination {
+      .ant-pagination-total-text,
+      .ant-pagination-options-quick-jumper {
         font-size: 14px;
       }
-      .arco-pagination-jumper-prepend {
+      .ant-pagination-options-quick-jumper {
         font-family: $font-family-regular;
       }
     }
diff --git a/src/views/material-center/components/finished-products/manuscript/components/upload-manuscript-modal/index.vue b/src/views/material-center/components/finished-products/manuscript/components/upload-manuscript-modal/index.vue
index 523449d..41f482e 100644
--- a/src/views/material-center/components/finished-products/manuscript/components/upload-manuscript-modal/index.vue
+++ b/src/views/material-center/components/finished-products/manuscript/components/upload-manuscript-modal/index.vue
@@ -1,16 +1,5 @@
 <script lang="jsx">
-import {
-  Modal,
-  Form,
-  FormItem,
-  Input,
-  RadioGroup,
-  Radio,
-  Upload,
-  Button,
-  Message as AMessage,
-  Textarea,
-} from '@arco-design/web-vue';
+import { Modal, Button, Form, FormItem, RadioGroup, Radio, Input, message, Upload } from 'ant-design-vue';
 import { useClipboard } from '@vueuse/core';
 import { getWriterLinksGenerate, getTemplateUrl, postWorksByLink, postWorksByFile } from '@/api/all/generationWorkshop';
 import { generateFullUrl } from '@/utils/tools';
@@ -18,6 +7,9 @@ import { slsWithCatch } from '@/utils/stroage.ts';
 
 import TextOverTips from '@/components/text-over-tips';
 import icon1 from '@/assets/img/media-account/icon-feedback-fail.png';
+import icon2 from '@/assets/img/media-account/icon-download.png';
+
+const { TextArea } = Input;
 
 // 状态枚举
 const TASK_STATUS = {
@@ -41,7 +33,7 @@ const INITIAL_FORM = {
 
 export default {
   setup(props, { emit, expose }) {
-    const update = inject('update');
+    // const update = inject('update');
     const router = useRouter();
 
     // 响应式状态
@@ -119,15 +111,13 @@ export default {
         handleHandwriteSubmit();
         return;
       }
-      formRef.value?.validate(async (errors) => {
-        if (!errors) {
-          taskStatus.value = TASK_STATUS.LOADING;
-          const { link } = form.value;
-          const { code, data } = await postWorksByLink({ link });
-          if (code === 200) {
-            taskStatus.value = TASK_STATUS.SUCCESS;
-            works.value = data ? [data] : [];
-          }
+      formRef.value?.validate().then(async () => {
+        taskStatus.value = TASK_STATUS.LOADING;
+        const { link } = form.value;
+        const { code, data } = await postWorksByLink({ link });
+        if (code === 200) {
+          taskStatus.value = TASK_STATUS.SUCCESS;
+          works.value = data ? [data] : [];
         }
       });
     }, 300);
@@ -140,27 +130,25 @@ export default {
     // 手写提交处理
     const handleHandwriteSubmit = () => {
       if (!form.value.writerLink) {
-        AMessage.warning('请输入上传链接！');
+        message.warning('请输入上传链接！');
         return;
       }
 
       copy(form.value.writerLink);
-      AMessage.success('复制成功！');
+      message.success('复制成功！');
       onClose();
     };
 
     // 取消上传
     const onCancelUpload = () => {
       taskStatus.value = TASK_STATUS.DEFAULT;
-      AMessage.info('已取消上传');
+      message.info('已取消上传');
     };
 
     // 文件上传处理
     const handleUpload = async (option) => {
       taskStatus.value = TASK_STATUS.LOADING;
-      const {
-        fileItem: { file },
-      } = option;
+      const { file } = option;
 
       const formData = new FormData();
       formData.append('file', file);
@@ -222,9 +210,9 @@ export default {
 
     // 渲染链接上传表单
     const renderLinkForm = () => (
-      <FormItem label="链接地址" field="link" required>
-        <Textarea
-          v-model={form.value.link}
+      <FormItem label="链接地址" name="link" required>
+        <TextArea
+          v-model:value={form.value.link}
           size="large"
           placeholder="请输入飞书链接地址"
           autoSize={{ minRows: 5, maxRows: 8 }}
@@ -234,8 +222,8 @@ export default {
 
     // 渲染手写上传表单
     const renderHandwriteForm = () => (
-      <FormItem label="上传链接" field="writerLink">
-        <Input v-model={form.value.writerLink} placeholder="请输入上传链接" disabled size="large" />
+      <FormItem label="上传链接" name="writerLink">
+        <Input v-model:value={form.value.writerLink} placeholder="请输入上传链接" disabled size="large" />
       </FormItem>
     );
 
@@ -245,24 +233,20 @@ export default {
         <div class="flex flex-col w-full">
           <Upload
             action="/"
-            draggable
             multiple
             customRequest={handleUpload}
+            class="w-full"
             accept=".xlsx,.xls,.docx,.doc,.mp4,.mov,.avi,.flv,.wmv,.m4v"
-            show-file-list={false}
+            showUploadList={false}
           >
-            {{
-              'upload-button': () => (
-                <div class="upload-box">
-                  <icon-plus size="14" class="mb-16px" />
-                  <span class="text mb-4px">点击或拖拽文件到此处上传</span>
-                  <span class="tip">支持文档（文本+图）, 视频批量上传</span>
-                </div>
-              ),
-            }}
+            <div class="upload-box">
+              <icon-plus size="14" class="mb-16px" />
+              <span class="text mb-4px">点击或拖拽文件到此处上传</span>
+              <span class="tip">支持文档（文本+图）, 视频批量上传</span>
+            </div>
           </Upload>
           <div class="flex items-center cursor-pointer mt-8px" onClick={handleDownloadTemplate}>
-            <icon-download size="14" class="mr-4px !color-#6D4CFE" />
+            <img src={icon2} width="16" height="16" class="mr-4px" />
             <span class="cts color-#6D4CFE">下载示例文档</span>
           </div>
         </div>
@@ -332,36 +316,30 @@ export default {
     const renderFooterButtons = () => {
       const buttonMap = {
         [TASK_STATUS.LOADING]: () => (
-          <Button type="primary" size="medium" onClick={onCancelUpload}>
+          <Button type="primary" onClick={onCancelUpload}>
             取消上传
           </Button>
         ),
         [TASK_STATUS.DEFAULT]: () => (
           <>
-            <Button size="medium" onClick={onClose}>
-              取消
-            </Button>
-            <Button type="primary" size="medium" onClick={onSubmit}>
+            <Button onClick={onClose}>取消</Button>
+            <Button type="primary" onClick={onSubmit}>
               {isHandwrite.value ? '复制链接' : '确认'}
             </Button>
           </>
         ),
         [TASK_STATUS.FAILED]: () => (
           <>
-            <Button size="medium" onClick={onClose}>
-              取消
-            </Button>
-            <Button type="primary" size="medium" onClick={onClose}>
+            <Button onClick={onClose}>取消</Button>
+            <Button type="primary" onClick={onClose}>
               重新上传
             </Button>
           </>
         ),
         [TASK_STATUS.SUCCESS]: () => (
           <>
-            <Button size="medium" onClick={onClose}>
-              取消
-            </Button>
-            <Button type="primary" size="medium" onClick={goUpload}>
+            <Button onClick={onClose}>取消</Button>
+            <Button type="primary" onClick={goUpload}>
               确认
             </Button>
           </>
@@ -375,17 +353,16 @@ export default {
 
     return () => (
       <Modal
-        v-model:visible={visible.value}
+        centered
+        v-model:open={visible.value}
         title={getTitle()}
-        modal-class="upload-manuscript-modal"
+        wrapClassName="upload-manuscript-modal"
         width="500px"
-        mask-closable={false}
-        unmount-on-close
-        onClose={onClose}
-        footer={!(isDefault.value && isLocal.value)}
-        v-slots={{
-          footer: () => renderFooterButtons(),
-        }}
+        maskClosable={false}
+        destroyOnClose
+        centered
+        onCancel={onClose}
+        footer={isDefault.value && isLocal.value ? null : renderFooterButtons()}
       >
         <Form
           ref={formRef}
@@ -398,7 +375,7 @@ export default {
         >
           {isDefault.value && (
             <FormItem label="上传方式">
-              <RadioGroup v-model={uploadType.value} onChange={onUploadTypeChange}>
+              <RadioGroup v-model:value={uploadType.value} onChange={onUploadTypeChange}>
                 <Radio value={UPLOAD_TYPE.LINK}>链接上传</Radio>
                 <Radio value={UPLOAD_TYPE.LOCAL}>本地上传</Radio>
                 <Radio value={UPLOAD_TYPE.HANDWRITE}>写手上传</Radio>
diff --git a/src/views/material-center/components/finished-products/manuscript/components/upload-manuscript-modal/style.scss b/src/views/material-center/components/finished-products/manuscript/components/upload-manuscript-modal/style.scss
index 494dff7..4970499 100644
--- a/src/views/material-center/components/finished-products/manuscript/components/upload-manuscript-modal/style.scss
+++ b/src/views/material-center/components/finished-products/manuscript/components/upload-manuscript-modal/style.scss
@@ -28,4 +28,8 @@
     border: 1px dashed var(--Border-1, #d7d7d9);
     background: var(--BG-200, #f2f3f5);
   }
+  .ant-upload {
+    cursor: pointer;
+    width: 100%;
+  }
 }
diff --git a/src/views/material-center/components/finished-products/manuscript/detail/index.vue b/src/views/material-center/components/finished-products/manuscript/detail/index.vue
index f2c042e..97cb0ef 100644
--- a/src/views/material-center/components/finished-products/manuscript/detail/index.vue
+++ b/src/views/material-center/components/finished-products/manuscript/detail/index.vue
@@ -1,5 +1,5 @@
 <script lang="jsx">
-import { Button, Message as AMessage, Spin } from '@arco-design/web-vue';
+import { Button, Spin, message } from 'ant-design-vue';
 
 import { useRouter, useRoute } from 'vue-router';
 import { AuditStatus } from '@/views/material-center/components/finished-products/constants';
@@ -119,12 +119,12 @@ export default {
 
       return (
         <>
-          <Button size="medium" type="outline" class="mr-12px" onClick={onBack}>
+          <Button type="primary" ghost class="mr-12px" onClick={onBack}>
             退出
           </Button>
           <Button
-            size="medium"
-            type="outline"
+            type="primary"
+            ghost
             class="mr-12px"
             onClick={() =>
               router.push({
@@ -138,7 +138,7 @@ export default {
             编辑
           </Button>
           {audit_status !== AuditStatus.Passed && (
-            <Button type="primary" size="medium" onClick={_fn}>
+            <Button type="primary" onClick={_fn}>
               去审核
             </Button>
           )}
@@ -157,7 +157,7 @@ export default {
     });
 
     return () => (
-      <Spin loading={loading.value} class="manuscript-detail-wrap" size={50}>
+      <Spin spinning={loading.value} wrapperClassName="manuscript-detail-wrap" size="large">
         <div class="h-full w-full flex flex-col">
           <div class="flex items-center mb-8px">
             <span class="cts color-#4E5969 cursor-pointer" onClick={onBack}>
diff --git a/src/views/material-center/components/finished-products/manuscript/edit/cancel-edit-modal.vue b/src/views/material-center/components/finished-products/manuscript/edit/cancel-edit-modal.vue
index a68f732..bb1e81f 100644
--- a/src/views/material-center/components/finished-products/manuscript/edit/cancel-edit-modal.vue
+++ b/src/views/material-center/components/finished-products/manuscript/edit/cancel-edit-modal.vue
@@ -1,18 +1,19 @@
 <template>
-  <a-modal v-model:visible="visible" title="退出编辑" width="480px" @close="onClose">
+  <Modal v-model:open="visible" title="退出编辑" centered width="480px" @cancel="onClose">
     <div class="flex items-center">
       <img :src="icon1" width="20" height="20" class="mr-12px" />
       <span>内容已修改尚未保存，若退出编辑，本次修改将不保存。</span>
     </div>
     <template #footer>
-      <a-button size="medium" @click="onClose">继续编辑</a-button>
-      <a-button type="primary" class="ml-8px" size="medium" @click="onConfirm">确认退出</a-button>
+      <Button size="medium" @click="onClose">继续编辑</Button>
+      <Button type="primary" class="ml-8px" size="medium" @click="onConfirm">确认退出</Button>
     </template>
-  </a-modal>
+  </Modal>
 </template>
 
 <script setup>
 import { ref } from 'vue';
+import { Button, Modal } from 'ant-design-vue';
 import icon1 from '@/assets/img/media-account/icon-warn-1.png';
 
 const router = useRouter();
diff --git a/src/views/material-center/components/finished-products/manuscript/edit/index.vue b/src/views/material-center/components/finished-products/manuscript/edit/index.vue
index 96d6d68..75abf35 100644
--- a/src/views/material-center/components/finished-products/manuscript/edit/index.vue
+++ b/src/views/material-center/components/finished-products/manuscript/edit/index.vue
@@ -1,5 +1,5 @@
 <script lang="jsx">
-import { Button, Message as AMessage } from '@arco-design/web-vue';
+import { Button, message } from 'ant-design-vue';
 import EditForm, { ENUM_UPLOAD_STATUS, INITIAL_VIDEO_INFO } from '../components/edit-form';
 import CancelEditModal from './cancel-edit-modal.vue';
 
@@ -43,14 +43,14 @@ export default {
     const onSave = async (check = false) => {
       formRef.value?.validate().then(async () => {
         if (dataSource.value.videoInfo.uploadStatus === ENUM_UPLOAD_STATUS.UPLOADING) {
-          AMessage.warning('有视频正在上传中，请等待上传完成后再提交');
+          message.warning('有视频正在上传中，请等待上传完成后再提交');
           return;
         }
 
         const filteredWorks = omit(dataSource.value, 'videoInfo');
         const { code, data } = await putWorksUpdate({ id: workId.value, ...filteredWorks });
         if (code === 200) {
-          AMessage.success('保存成功');
+          message.success('保存成功');
           isSaved.value = true;
 
           if (check) {
diff --git a/src/views/material-center/components/finished-products/manuscript/list/components/filter-block/index.vue b/src/views/material-center/components/finished-products/manuscript/list/components/filter-block/index.vue
index f68d0b5..fb0249e 100644
--- a/src/views/material-center/components/finished-products/manuscript/list/components/filter-block/index.vue
+++ b/src/views/material-center/components/finished-products/manuscript/list/components/filter-block/index.vue
@@ -3,18 +3,17 @@
     <div class="filter-row">
       <div class="filter-row-item">
         <span class="label">内容稿件标题</span>
-        <a-input
-          v-model="query.title"
+        <Input
+          v-model:value="query.title"
           class="!w-240px"
           placeholder="请输入内容稿件标题"
-          size="medium"
-          allow-clear
+          allowClear
           @change="handleSearch"
         >
           <template #prefix>
             <icon-search />
           </template>
-        </a-input>
+        </Input>
       </div>
       <!-- <div class="filter-row-item">
         <span class="label">所属项目</span>
@@ -28,20 +27,17 @@
       </div> -->
       <div class="filter-row-item">
         <span class="label">序号</span>
-        <a-space size="medium">
-          <a-input
-            v-model="query.uid"
-            class="!w-160px"
-            placeholder="请输入序号"
-            size="medium"
-            allow-clear
-            @change="handleSearch"
-          >
-            <template #prefix>
-              <icon-search />
-            </template>
-          </a-input>
-        </a-space>
+        <Input
+          v-model:value="query.uid"
+          class="!w-160px"
+          placeholder="请输入序号"
+          allowClear
+          @change="handleSearch"
+        >
+          <template #prefix>
+            <icon-search />
+          </template>
+        </Input>
       </div>
       <div class="filter-row-item">
         <span class="label">审核状态</span>
@@ -56,8 +52,8 @@
       </div>
       <div class="filter-row-item">
         <span class="label">上传时间</span>
-        <a-range-picker
-          v-model="created_at"
+        <DatePicker.RangePicker
+          v-model:value="created_at"
           size="medium"
           allow-clear
           format="YYYY-MM-DD"
@@ -66,24 +62,25 @@
         />
       </div>
       <div class="filter-row-item">
-        <a-button type="outline" class="mr-12px" size="medium" @click="handleSearch">
+        <Button type="primary" ghost class="mr-12px" size="medium" @click="handleSearch">
           <template #icon>
-            <icon-search />
+            <icon-search class="mr-8px" />
           </template>
           <template #default>搜索</template>
-        </a-button>
-        <a-button size="medium" @click="handleReset">
+        </Button>
+        <Button size="medium" @click="handleReset">
           <template #icon>
-            <icon-refresh />
+            <icon-refresh class="mr-8px" />
           </template>
           <template #default>重置</template>
-        </a-button>
+        </Button>
       </div>
     </div>
   </div>
 </template>
 
 <script setup>
+import { Button, Input, DatePicker } from 'ant-design-vue';
 import { defineEmits, defineProps } from 'vue';
 import { CHECK_STATUS } from '@/views/material-center/components/finished-products/manuscript/list/constants';
 import CommonSelect from '@/components/common-select';
@@ -96,7 +93,7 @@ const props = defineProps({
   },
 });
 
-const emits = defineEmits('search', 'reset', 'update:query');
+const emits = defineEmits(['search', 'reset', 'update:query']);
 
 const created_at = ref([]);
 // const projects = ref([]);
diff --git a/src/views/material-center/components/finished-products/manuscript/list/components/manuscript-table/constants.ts b/src/views/material-center/components/finished-products/manuscript/list/components/manuscript-table/constants.ts
index d6d437b..a4faf84 100644
--- a/src/views/material-center/components/finished-products/manuscript/list/components/manuscript-table/constants.ts
+++ b/src/views/material-center/components/finished-products/manuscript/list/components/manuscript-table/constants.ts
@@ -67,7 +67,7 @@ export const TABLE_COLUMNS = [
   {
     title: '操作',
     dataIndex: 'operation',
-    width: 180,
+    width: 200,
     fixed: 'right',
   },
 ];
diff --git a/src/views/material-center/components/finished-products/manuscript/list/components/manuscript-table/delete-manuscript-modal.vue b/src/views/material-center/components/finished-products/manuscript/list/components/manuscript-table/delete-manuscript-modal.vue
index ef68bd5..a960b4e 100644
--- a/src/views/material-center/components/finished-products/manuscript/list/components/manuscript-table/delete-manuscript-modal.vue
+++ b/src/views/material-center/components/finished-products/manuscript/list/components/manuscript-table/delete-manuscript-modal.vue
@@ -1,25 +1,19 @@
 <template>
-  <a-modal
-    v-model:visible="visible"
-    title="删除稿件"
-    width="480px"
-    @close="onClose"
-  >
+  <Modal v-model:open="visible" title="删除稿件" centered width="480px" @cancel="onClose">
     <div class="flex items-center">
       <img :src="icon1" width="20" height="20" class="mr-12px" />
-      <span>确认删除 {{ projectName }} 这个稿件吗？</span>  
+      <span>确认删除 {{ projectName }} 这个稿件吗？</span>
     </div>
     <template #footer>
-      <a-button size="large" @click="onClose">取消</a-button>
-      <a-button type="primary" class="ml-16px" status="danger" size="large" @click="onDelete"
-        >确认删除</a-button
-      >
+      <Button size="large" @click="onClose">取消</Button>
+      <Button type="primary" class="ml-16px" danger size="large" @click="onDelete">确认删除</Button>
     </template>
-  </a-modal>
+  </Modal>
 </template>
 
 <script setup>
 import { ref } from 'vue';
+import { Button, Modal, message } from 'ant-design-vue';
 import { deleteWork } from '@/api/all/generationWorkshop';
 import icon1 from '@/assets/img/media-account/icon-warn-1.png';
 
@@ -48,8 +42,8 @@ const open = (record) => {
 async function onDelete() {
   const { code } = await deleteWork(projectId.value);
   if (code === 200) {
-    AMessage.success('删除成功');
-    update()
+    message.success('删除成功');
+    update();
     onClose();
   }
 }
diff --git a/src/views/material-center/components/finished-products/manuscript/list/components/manuscript-table/index.vue b/src/views/material-center/components/finished-products/manuscript/list/components/manuscript-table/index.vue
index 834f749..4eb1dcd 100644
--- a/src/views/material-center/components/finished-products/manuscript/list/components/manuscript-table/index.vue
+++ b/src/views/material-center/components/finished-products/manuscript/list/components/manuscript-table/index.vue
@@ -1,123 +1,114 @@
 <template>
-  <a-table
+  <Table
     ref="tableRef"
-    :data="dataSource"
-    row-key="id"
-    column-resizable
+    :dataSource="dataSource"
+    rowKey="id"
     :pagination="false"
     :scroll="{ x: '100%' }"
     class="manuscript-table w-100% flex-1"
     bordered
-    @sorter-change="handleSorterChange"
+    :showSorterTooltip="false"
+    @change="handleTableChange"
   >
-    <template #empty>
+    <template #emptyText>
       <NoData text="暂无稿件" />
     </template>
-    <template #columns>
-      <a-table-column
-        v-for="column in TABLE_COLUMNS"
-        :key="column.dataIndex"
-        :data-index="column.dataIndex"
-        :fixed="column.fixed"
-        :width="column.width"
-        :min-width="column.minWidth"
-        :sortable="column.sortable"
-        :align="column.align"
-        ellipsis
-        tooltip
-      >
-        <template #title>
-          <div class="flex items-center">
-            <span class="cts mr-4px">{{ column.title }}</span>
-            <a-tooltip v-if="column.tooltip" :content="column.tooltip" position="top">
-              <icon-question-circle class="tooltip-icon color-#737478" size="16" />
-            </a-tooltip>
-          </div>
-        </template>
+    <Column
+      v-for="column in TABLE_COLUMNS"
+      :key="column.dataIndex"
+      :dataIndex="column.dataIndex"
+      :fixed="column.fixed"
+      :width="column.width"
+      :minWidth="column.minWidth"
+      :sorter="column.sortable"
+      :align="column.align"
+      :ellipsis="true"
+    >
+      <template #title>
+        <span class="cts mr-4px">{{ column.title }}</span>
+        <Tooltip v-if="column.tooltip" :title="column.tooltip" placement="top">
+          <icon-question-circle class="tooltip-icon color-#737478" size="16" />
+        </Tooltip>
+      </template>
 
-        <template v-if="column.dataIndex === 'create_at'" #cell="{ record }">
-          {{ exactFormatTime(record.create_at) }}
-        </template>
-        <template v-else-if="column.dataIndex === 'customer_opinion'" #cell="{ record }">
-          <p
-            class="h-28px px-8px flex items-center rounded-2px w-fit"
-            :style="{ background: getCustomerOpinionInfo(record.customer_opinion)?.bg }"
-          >
-            <span class="cts" :class="getCustomerOpinionInfo(record.customer_opinion)?.color">{{
-              getCustomerOpinionInfo(record.customer_opinion)?.label ?? '-'
-            }}</span>
-          </p>
-        </template>
-        <template v-else-if="column.dataIndex === 'title'" #cell="{ record }">
-          <TextOverTips :context="record.title" :line="3" class="title" @click="onDetail(record)" />
-        </template>
-        <template v-else-if="column.dataIndex === 'audit_status'" #cell="{ record }">
-          <div
-            class="flex items-center w-fit h-28px px-8px rounded-2px"
-            :style="{ backgroundColor: getStatusInfo(record.audit_status).backgroundColor }"
-          >
-            <span class="cts s1" :style="{ color: getStatusInfo(record.audit_status).color }">{{
-              getStatusInfo(record.audit_status).name
-            }}</span>
-          </div>
-        </template>
-        <template v-else-if="column.dataIndex === 'type'" #cell="{ record }">
-          <div class="flex items-center">
-            <img
-              :src="record.type === EnumManuscriptType.Image ? icon2 : icon3"
-              width="16"
-              height="16"
-              class="mr-4px"
-            />
-            <span class="cts" :class="record.type === EnumManuscriptType.Image ? '!color-#25C883' : '!color-#6D4CFE'">{{
-              record.type === EnumManuscriptType.Image ? '图文' : '视频'
-            }}</span>
-          </div>
-        </template>
-        <template v-else-if="['uploader', 'last_modifier'].includes(column.dataIndex)" #cell="{ record }">
-          {{ record[column.dataIndex].name || record[column.dataIndex].mobile }}
-        </template>
-        <template v-else-if="['created_at', 'last_modified_at'].includes(column.dataIndex)" #cell="{ record }">
-          {{ exactFormatTime(record[column.dataIndex]) }}
-        </template>
-        <template v-else-if="column.dataIndex === 'cover'" #cell="{ record }">
-          <HoverImagePreview :src="record.cover">
-            <a-image :width="64" :height="64" :src="record.cover" class="!rounded-6px" fit="cover">
-              <template #error>
-                <img :src="icon4" class="w-full h-full" />
-              </template>
-            </a-image>
-          </HoverImagePreview>
-        </template>
-        <template v-else-if="column.dataIndex === 'operation'" #cell="{ record }">
-          <div class="flex items-center">
-            <img class="mr-8px cursor-pointer" :src="icon1" width="14" height="14" @click="onDelete(record)" />
-            <a-button type="outline" size="mini" class="mr-8px" @click="onEdit(record)">编辑</a-button>
-            <a-button type="outline" size="mini" @click="onDetail(record)">详情</a-button>
-          </div>
-        </template>
-        <template v-else #cell="{ record }">
-          {{ formatTableField(column, record, true) }}
-        </template>
-      </a-table-column>
-    </template>
-  </a-table>
+      <template v-if="column.dataIndex === 'create_at'" #customRender="{ record }">
+        {{ exactFormatTime(record.create_at) }}
+      </template>
+      <template v-else-if="column.dataIndex === 'customer_opinion'" #customRender="{ record }">
+        <p
+          class="h-28px px-8px flex items-center rounded-2px w-fit"
+          :style="{ background: getCustomerOpinionInfo(record.customer_opinion)?.bg }"
+        >
+          <span class="cts" :class="getCustomerOpinionInfo(record.customer_opinion)?.color">{{
+            getCustomerOpinionInfo(record.customer_opinion)?.label ?? '-'
+          }}</span>
+        </p>
+      </template>
+      <template v-else-if="column.dataIndex === 'title'" #customRender="{ record }">
+        <TextOverTips :context="record.title" :line="3" class="title" @click="onDetail(record)" />
+      </template>
+      <template v-else-if="column.dataIndex === 'audit_status'" #customRender="{ record }">
+        <div
+          class="flex items-center w-fit h-28px px-8px rounded-2px"
+          :style="{ backgroundColor: getStatusInfo(record.audit_status).backgroundColor }"
+        >
+          <span class="cts s1" :style="{ color: getStatusInfo(record.audit_status).color }">{{
+            getStatusInfo(record.audit_status).name
+          }}</span>
+        </div>
+      </template>
+      <template v-else-if="column.dataIndex === 'type'" #customRender="{ record }">
+        <div class="flex items-center">
+          <img :src="record.type === EnumManuscriptType.Image ? icon2 : icon3" width="16" height="16" class="mr-4px" />
+          <span class="cts" :class="record.type === EnumManuscriptType.Image ? '!color-#25C883' : '!color-#6D4CFE'">{{
+            record.type === EnumManuscriptType.Image ? '图文' : '视频'
+          }}</span>
+        </div>
+      </template>
+      <template v-else-if="['uploader', 'last_modifier'].includes(column.dataIndex)" #customRender="{ record }">
+        {{ record[column.dataIndex].name || record[column.dataIndex].mobile }}
+      </template>
+      <template v-else-if="['created_at', 'last_modified_at'].includes(column.dataIndex)" #customRender="{ record }">
+        {{ exactFormatTime(record[column.dataIndex]) }}
+      </template>
+      <template v-else-if="column.dataIndex === 'cover'" #customRender="{ record }">
+        <HoverImagePreview :src="record.cover">
+          <ImgLazyLoad :width="64" :height="64" :src="record.cover" class="!rounded-6px" />
+        </HoverImagePreview>
+      </template>
+      <template v-else-if="column.dataIndex === 'operation'" #customRender="{ record }">
+        <div class="flex items-center">
+          <img class="mr-8px cursor-pointer" :src="icon1" width="14" height="14" @click="onDelete(record)" />
+          <Button type="primary" ghost size="small" class="mr-8px" @click="onEdit(record)">编辑</Button>
+          <Button type="primary" ghost size="small" @click="onDetail(record)">详情</Button>
+        </div>
+      </template>
+      <template v-else #customRender="{ record }">
+        {{ formatTableField(column, record, true) }}
+      </template>
+    </Column>
+  </Table>
 </template>
 
 <script setup>
 import { ref } from 'vue';
+import { Button, Tooltip, Table, Image } from 'ant-design-vue';
+const { Column } = Table;
 import { formatTableField, exactFormatTime } from '@/utils/tools';
 import { TABLE_COLUMNS } from './constants';
-import { CHECK_STATUS, EnumManuscriptType } from '@/views/material-center/components/finished-products/manuscript/list/constants';
+import {
+  CHECK_STATUS,
+  EnumManuscriptType,
+} from '@/views/material-center/components/finished-products/manuscript/list/constants';
 import { CUSTOMER_OPINION } from '@/views/material-center/components/finished-products/manuscript/check-list/constants';
 
 import TextOverTips from '@/components/text-over-tips';
 import HoverImagePreview from '@/components/hover-image-preview';
+import ImgLazyLoad from "@/components/img-lazy-load";
 
 import icon1 from '@/assets/img/media-account/icon-delete.png';
 import icon2 from '@/assets/img/creative-generation-workshop/icon-photo.png';
 import icon3 from '@/assets/img/creative-generation-workshop/icon-video.png';
-import icon4 from '@/assets/img/error-img.png';
 
 const emits = defineEmits(['edit', 'sorterChange', 'delete']);
 const router = useRouter();
@@ -131,8 +122,10 @@ const props = defineProps({
 
 const tableRef = ref(null);
 
-const handleSorterChange = (column, order) => {
-  emits('sorterChange', column, order === 'ascend' ? 'asc' : 'desc');
+const handleTableChange = (pagination, filters, sorter) => {
+  if (sorter && sorter.field) {
+    emits('sorterChange', sorter.field, sorter.order === 'ascend' ? 'asc' : 'desc');
+  }
 };
 const onDelete = (item) => {
   emits('delete', item);
diff --git a/src/views/material-center/components/finished-products/manuscript/list/constants.ts b/src/views/material-center/components/finished-products/manuscript/list/constants.ts
index b06f7cd..777d52d 100644
--- a/src/views/material-center/components/finished-products/manuscript/list/constants.ts
+++ b/src/views/material-center/components/finished-products/manuscript/list/constants.ts
@@ -2,7 +2,7 @@ export const INITIAL_QUERY = {
   title: '',
   // project_ids: [],
   uid: '',
-  audit_status: '',
+  audit_status: undefined,
   created_at: [],
   sort_column: undefined,
   sort_order: undefined,
@@ -11,13 +11,13 @@ export const INITIAL_QUERY = {
 export enum EnumCheckStatus {
   All = '',
   Wait = 1,
-  Checking = 2, 
+  Checking = 2,
   Passed = 3,
 }
 export enum EnumManuscriptType {
   All = '',
   Image = 0,
-  Video = 1,  
+  Video = 1,
 }
 
 export const CHECK_STATUS = [
@@ -25,19 +25,19 @@ export const CHECK_STATUS = [
     name: '待审核',
     id: EnumCheckStatus.Wait,
     backgroundColor: '#F2F3F5',
-    color: '#3C4043'
+    color: '#3C4043',
   },
   {
     name: '审核中',
     id: EnumCheckStatus.Checking,
     backgroundColor: '#FFF7E5',
-    color: '#FFAE00'
+    color: '#FFAE00',
   },
   {
     name: '已通过',
     id: EnumCheckStatus.Passed,
     backgroundColor: '#EBF7F2',
-    color: '#25C883'
+    color: '#25C883',
   },
 ];
 export const MANUSCRIPT_TYPE = [
@@ -53,4 +53,4 @@ export const MANUSCRIPT_TYPE = [
     label: '视频',
     value: EnumManuscriptType.Video,
   },
-]
+];
diff --git a/src/views/material-center/components/finished-products/manuscript/list/index.vue b/src/views/material-center/components/finished-products/manuscript/list/index.vue
index 516883e..91fbcab 100644
--- a/src/views/material-center/components/finished-products/manuscript/list/index.vue
+++ b/src/views/material-center/components/finished-products/manuscript/list/index.vue
@@ -8,16 +8,15 @@
     >
       <ManuscriptTable :dataSource="dataSource" @sorterChange="handleSorterChange" @delete="handleDelete" />
       <div v-if="pageInfo.total > 0" class="pagination-row">
-        <a-pagination
+        <Pagination
           :total="pageInfo.total"
-          size="mini"
-          show-total
-          show-jumper
-          show-page-size
+          size="small"
+          :showTotal="(total, range) => `共 ${total} 条`"
+          showSizeChanger
+          showQuickJumper
           :current="pageInfo.page"
-          :page-size="pageInfo.page_size"
+          :pageSize="pageInfo.page_size"
           @change="onPageChange"
-          @page-size-change="onPageSizeChange"
         />
       </div>
     </div>
@@ -27,7 +26,7 @@
 </template>
 <script lang="jsx" setup>
 import { defineComponent } from 'vue';
-import { Button } from '@arco-design/web-vue';
+import { Button, Pagination } from 'ant-design-vue';
 import FilterBlock from './components/filter-block';
 import ManuscriptTable from './components/manuscript-table';
 import DeleteManuscriptModal from './components/manuscript-table/delete-manuscript-modal.vue';
@@ -36,13 +35,10 @@ import { useTableSelectionWithPagination } from '@/hooks/useTableSelectionWithPa
 import { getWorksPage } from '@/api/all/generationWorkshop.ts';
 import { INITIAL_QUERY, EnumCheckStatus } from '@/views/material-center/components/finished-products/manuscript/list/constants.ts';
 
-const { dataSource, pageInfo, onPageChange, onPageSizeChange, resetPageInfo } = useTableSelectionWithPagination({
+const { dataSource, pageInfo, onPageChange, resetPageInfo } = useTableSelectionWithPagination({
   onPageChange: () => {
     getData();
   },
-  onPageSizeChange: () => {
-    getData();
-  },
 });
 const query = ref(cloneDeep(INITIAL_QUERY));
 const addManuscriptModalRef = ref(null);
diff --git a/src/views/material-center/components/finished-products/manuscript/upload/cancel-upload-modal.vue b/src/views/material-center/components/finished-products/manuscript/upload/cancel-upload-modal.vue
index afbe71a..b37360a 100644
--- a/src/views/material-center/components/finished-products/manuscript/upload/cancel-upload-modal.vue
+++ b/src/views/material-center/components/finished-products/manuscript/upload/cancel-upload-modal.vue
@@ -1,18 +1,19 @@
 <template>
-  <a-modal v-model:visible="visible" title="确认提示" width="480px" @close="onClose">
+  <Modal v-model:open="visible" centered title="确认提示" width="480px" @cancel="onClose">
     <div class="flex items-center">
       <img :src="icon1" width="20" height="20" class="mr-12px" />
       <span>确认取消上传这 {{ num }} 个文件吗？此操作不可恢复。</span>
     </div>
     <template #footer>
-      <a-button size="medium" @click="onClose">继续编辑</a-button>
-      <a-button type="primary" class="ml-8px" size="medium" @click="onConfirm">确认取消</a-button>
+      <Button size="medium" @click="onClose">继续编辑</Button>
+      <Button type="primary" class="ml-8px" size="medium" @click="onConfirm">确认取消</Button>
     </template>
-  </a-modal>
+  </Modal>
 </template>
 
 <script setup>
 import { ref } from 'vue';
+import { Button, Modal } from 'ant-design-vue';
 import icon1 from '@/assets/img/media-account/icon-warn-1.png';
 
 const router = useRouter();
diff --git a/src/views/material-center/components/finished-products/manuscript/upload/index.vue b/src/views/material-center/components/finished-products/manuscript/upload/index.vue
index 429ce2e..0dd9a42 100644
--- a/src/views/material-center/components/finished-products/manuscript/upload/index.vue
+++ b/src/views/material-center/components/finished-products/manuscript/upload/index.vue
@@ -1,5 +1,5 @@
 <script lang="jsx">
-import { Button, Message as AMessage } from '@arco-design/web-vue';
+import { Button, message } from 'ant-design-vue';
 import TextOverTips from '@/components/text-over-tips';
 import EditForm, { ENUM_UPLOAD_STATUS, INITIAL_VIDEO_INFO } from '../components/edit-form';
 import CancelUploadModal from './cancel-upload-modal.vue';
@@ -45,7 +45,7 @@ export default {
           (item) => item.videoInfo?.uploadStatus === ENUM_UPLOAD_STATUS.UPLOADING,
         );
         if (uploadingVideos.length > 0) {
-          AMessage.warning(`有 ${uploadingVideos.length} 个视频正在上传中，请等待上传完成后再提交`);
+          message.warning(`有 ${uploadingVideos.length} 个视频正在上传中，请等待上传完成后再提交`);
           return;
         }
 
@@ -59,7 +59,7 @@ export default {
         }
 
         if (errorDataCards.value.length > 0) {
-          AMessage.warning(`有 ${errorDataCards.value.length} 个必填信息未填写，请检查`);
+          message.warning(`有 ${errorDataCards.value.length} 个必填信息未填写，请检查`);
 
           setTimeout(() => {
             const el = document.getElementById(`card-${errorDataCards.value[0]?.id}`);
@@ -79,7 +79,7 @@ export default {
         if (action === 'batchUpload') {
           uploadSuccessModal.value?.open(data);
         } else {
-          AMessage.success('上传成功');
+          message.success('上传成功');
           if (action === 'uploadAndCheck') {
             slsWithCatch('manuscriptCheckIds', data);
             router.push({ name: 'ManuscriptCheck' });
@@ -145,10 +145,10 @@ export default {
       if (works.value.length > 1) {
         return (
           <>
-            <Button size="medium" type="outline" onClick={onCancel} class="mr-12px">
+            <Button type="primary" ghost onClick={onCancel} class="mr-12px">
               取消上传
             </Button>
-            <Button type="primary" size="medium" onClick={() => onUpload('batchUpload')} loading={uploadLoading.value}>
+            <Button type="primary" onClick={() => onUpload('batchUpload')} loading={uploadLoading.value}>
               {uploadLoading.value ? '批量上传中...' : '批量上传'}
             </Button>
           </>
@@ -156,12 +156,13 @@ export default {
       } else {
         return (
           <>
-            <Button size="medium" type="outline" onClick={onCancel} class="mr-12px">
+            <Button type="primary" ghost onClick={onCancel} class="mr-12px">
               取消上传
             </Button>
             <Button
               size="medium"
-              type="outline"
+              type="primary"
+              ghost
               onClick={() => onUpload('singleUpload')}
               class="mr-12px"
               loading={uploadLoading.value}
@@ -311,7 +312,7 @@ export default {
         >
           {renderFooterRow()}
         </footer>
-        
+
         <CancelUploadModal ref={cancelUploadModal} />
         <UploadSuccessModal ref={uploadSuccessModal} />
       </>
diff --git a/src/views/material-center/components/finished-products/manuscript/upload/upload-success-modal.vue b/src/views/material-center/components/finished-products/manuscript/upload/upload-success-modal.vue
index d0a9706..435853b 100644
--- a/src/views/material-center/components/finished-products/manuscript/upload/upload-success-modal.vue
+++ b/src/views/material-center/components/finished-products/manuscript/upload/upload-success-modal.vue
@@ -1,5 +1,12 @@
 <template>
-  <a-modal v-model:visible="visible" title="提示" width="480px" @close="onClose" modal-class="upload-success11-modal">
+  <Modal
+    v-model:open="visible"
+    title="提示"
+    centered
+    width="480px"
+    @cancel="onClose"
+    wrapClassName="upload-success11-modal"
+  >
     <div class="flex items-center flex-col justify-center">
       <img :src="icon1" width="80" height="80" class="mb-16px" />
       <span class="text-18px lh-26px font-400 color-#211F24 md">上传成功</span>
@@ -7,14 +14,15 @@
       <p class="text-14px lh-22px font-400 color-#737478 ld">检测是否存在违规内容</p>
     </div>
     <template #footer>
-      <a-button size="medium" @click="onBack">回到列表</a-button>
-      <a-button type="primary" class="ml-8px" size="medium" @click="onConfirm">批量审核</a-button>
+      <Button size="medium" @click="onBack">回到列表</Button>
+      <Button type="primary" class="ml-8px" size="medium" @click="onConfirm">批量审核</Button>
     </template>
-  </a-modal>
+  </Modal>
 </template>
 
 <script setup>
 import { ref } from 'vue';
+import { Button, Modal } from 'ant-design-vue';
 import { slsWithCatch } from '@/utils/stroage.ts';
 import icon1 from '@/assets/img/media-account/icon-feedback-success.png';
 
diff --git a/src/views/material-center/components/raw-material/components/filter-block/index.vue b/src/views/material-center/components/raw-material/components/filter-block/index.vue
index 00525a5..43e667b 100644
--- a/src/views/material-center/components/raw-material/components/filter-block/index.vue
+++ b/src/views/material-center/components/raw-material/components/filter-block/index.vue
@@ -3,51 +3,30 @@
     <div class="filter-row">
       <div class="filter-row-item">
         <span class="label">文件名称</span>
-        <a-input
-          v-model="query.name"
+        <Input
+          v-model:value="query.name"
           class="!w-240px"
           placeholder="请输入文件名称"
-          size="medium"
-          allow-clear
+          allowClear
           @change="handleSearch"
         >
           <template #prefix>
             <icon-search />
           </template>
-        </a-input>
+        </Input>
       </div>
       <div class="filter-row-item">
         <span class="label">序号</span>
-        <a-space size="medium">
-          <a-input
-            v-model="query.uid"
-            class="!w-160px"
-            placeholder="请输入序号"
-            size="medium"
-            allow-clear
-            @change="handleSearch"
-          >
-            <template #prefix>
-              <icon-search />
-            </template>
-          </a-input>
-        </a-space>
+        <Input v-model:value="query.uid" class="!w-160px" placeholder="请输入序号" allowClear @change="handleSearch">
+          <template #prefix>
+            <icon-search />
+          </template>
+        </Input>
       </div>
-      <!-- <div class="filter-row-item">
-        <span class="label">来源</span>
-        <CommonSelect
-          placeholder="请选择所属项目"
-          :options="CHECK_STATUS"
-          v-model="query.audit_status"
-          class="!w-160px"
-          :multiple="false"
-          @change="handleSearch"
-        />
-      </div> -->
       <div class="filter-row-item">
         <span class="label">上传时间</span>
-        <a-range-picker
-          v-model="created_at"
+        <DatePicker.RangePicker
+          v-model:value="created_at"
           size="medium"
           allow-clear
           format="YYYY-MM-DD"
@@ -56,26 +35,27 @@
         />
       </div>
       <div class="filter-row-item">
-        <a-button type="outline" class="mr-12px" size="medium" @click="handleSearch">
+        <Button type="primary" ghost class="mr-12px" size="medium" @click="handleSearch">
           <template #icon>
-            <icon-search />
+            <icon-search class="mr-8px" />
           </template>
           <template #default>搜索</template>
-        </a-button>
-        <a-button size="medium" @click="handleReset">
+        </Button>
+        <Button size="medium" @click="handleReset">
           <template #icon>
-            <icon-refresh />
+            <icon-refresh class="mr-8px" />
           </template>
           <template #default>重置</template>
-        </a-button>
+        </Button>
       </div>
     </div>
   </div>
 </template>
 
 <script setup>
-import { defineEmits, defineProps } from 'vue';
-// import CommonSelect from '@/components/common-select';
+import { defineEmits, defineProps, ref, nextTick } from 'vue';
+import { Button, Input, DatePicker } from 'ant-design-vue';
+import dayjs from 'dayjs';
 
 const props = defineProps({
   query: {
@@ -84,7 +64,7 @@ const props = defineProps({
   },
 });
 
-const emits = defineEmits('search', 'reset', 'update:query');
+const emits = defineEmits(['search', 'reset', 'update:query']);
 
 const created_at = ref([]);
 
@@ -112,10 +92,8 @@ const onDateChange = (value) => {
   handleSearch();
 };
 
-
 const handleReset = () => {
   created_at.value = [];
   emits('reset');
 };
-
 </script>
diff --git a/src/views/material-center/components/raw-material/components/table/delete-file-modal.vue b/src/views/material-center/components/raw-material/components/table/delete-file-modal.vue
index fe55b31..12b738c 100644
--- a/src/views/material-center/components/raw-material/components/table/delete-file-modal.vue
+++ b/src/views/material-center/components/raw-material/components/table/delete-file-modal.vue
@@ -1,18 +1,19 @@
 <template>
-  <a-modal v-model:visible="visible" title="删除文件" width="480px" @close="onClose">
+  <Modal v-model:open="visible" title="删除文件" centered width="480px" @cancel="onClose">
     <div class="flex items-center">
       <img :src="icon1" width="20" height="20" class="mr-12px" />
       <span>确认删除 {{ fileName }} 文件吗？</span>
     </div>
     <template #footer>
-      <a-button size="medium" @click="onClose">取消</a-button>
-      <a-button type="primary" class="ml-16px" status="danger" size="medium" @click="onDelete">确认删除</a-button>
+      <Button size="medium" @click="onClose">取消</Button>
+      <Button type="primary" class="ml-16px" danger size="medium" @click="onDelete">确认删除</Button>
     </template>
-  </a-modal>
+  </Modal>
 </template>
 
 <script setup>
 import { ref } from 'vue';
+import { Button, Modal, message } from 'ant-design-vue';
 import { deleteRawMaterial, batchDeleteRawMaterials } from '@/api/all/generationWorkshop';
 import icon1 from '@/assets/img/media-account/icon-warn-1.png';
 
@@ -43,7 +44,7 @@ async function onDelete() {
   const _params = isBatch.value ? { ids: fileId.value } : fileId.value;
   const { code } = await _fn(_params);
   if (code === 200) {
-    AMessage.success('删除成功');
+    message.success('删除成功');
     isBatch.value ? emits('batchUpdate') : emits('update');
 
     onClose();
diff --git a/src/views/material-center/components/raw-material/components/table/index.vue b/src/views/material-center/components/raw-material/components/table/index.vue
index 5fb0e2c..82843bc 100644
--- a/src/views/material-center/components/raw-material/components/table/index.vue
+++ b/src/views/material-center/components/raw-material/components/table/index.vue
@@ -1,101 +1,92 @@
 <template>
-  <a-table
+  <Table
     ref="tableRef"
-    :data="dataSource"
-    row-key="id"
-    column-resizable
+    :dataSource="dataSource"
+    rowKey="id"
     :pagination="false"
     :scroll="{ x: '100%' }"
     class="flex-1 manuscript-table w-100%"
     bordered
-    :row-selection="rowSelection"
-    :selected-row-keys="selectedRowKeys"
-    @sorter-change="handleSorterChange"
-    @select="(selectedKeys, rowKeyValue, record) => emits('select', selectedKeys, rowKeyValue, record)"
-    @select-all="(check) => emits('selectAll', check)"
+    :rowSelection="rowSelection"
+    :showSorterTooltip="false"
+    @change="handleTableChange"
   >
-    <template #empty>
+    <template #emptyText>
       <NoData text="暂无文件" />
     </template>
-    <template #columns>
-      <a-table-column
-        v-for="column in tableColumns"
-        :key="column.dataIndex"
-        :data-index="column.dataIndex"
-        :fixed="column.fixed"
-        :width="column.width"
-        :min-width="column.minWidth"
-        :sortable="column.sortable"
-        :align="column.align"
-        ellipsis
-        tooltip
-      >
-        <template #title>
-          <div class="flex items-center">
-            <span class="cts mr-4px">{{ column.title }}</span>
-            <a-tooltip v-if="column.tooltip" :content="column.tooltip" position="top">
-              <icon-question-circle class="tooltip-icon color-#737478" size="16" />
-            </a-tooltip>
+    <Column
+      v-for="column in tableColumns"
+      :key="column.dataIndex"
+      :dataIndex="column.dataIndex"
+      :fixed="column.fixed"
+      :width="column.width"
+      :minWidth="column.minWidth"
+      :sorter="column.sortable"
+      :align="column.align"
+      :ellipsis="true"
+    >
+      <template #title>
+        <span class="cts mr-4px">{{ column.title }}</span>
+        <Tooltip v-if="column.tooltip" :title="column.tooltip" placement="top">
+          <icon-question-circle class="tooltip-icon color-#737478" size="16" />
+        </Tooltip>
+      </template>
+      <template v-if="column.dataIndex === 'name'" #customRender="{ record }">
+        <div class="flex items-center">
+          <HoverImagePreview :src="record.cover">
+            <ImgLazyLoad :width="64" :height="64" :src="record.cover" class="!rounded-6px mr-16px" />
+          </HoverImagePreview>
+          <div class="flex-1 flex flex-col overflow-hidden">
+            <TextOverTips :context="record.name" :line="1" class="cts mb-4px regular" />
+            <TextOverTips :context="`序号：${record.uid}`" :line="1" class="cts !color-#737478 regular" />
           </div>
-        </template>
-        <template v-if="column.dataIndex === 'name'" #cell="{ record }">
-          <div class="flex items-center">
-            <HoverImagePreview :src="record.cover">
-              <a-image :width="64" :height="64" :src="record.cover" class="!rounded-8px mr-16px" fit="cover">
-                <template #error>
-                  <img :src="icon4" class="w-full h-full" />
-                </template>
-              </a-image>
-            </HoverImagePreview>
-            <div class="flex-1 flex flex-col overflow-hidden">
-              <TextOverTips :context="record.name" :line="1" class="cts mb-4px regular" />
-              <TextOverTips :context="`序号：${record.uid}`" :line="1" class="cts !color-#737478 regular" />
-            </div>
-          </div>
-        </template>
-        <template v-else-if="column.dataIndex === 'type'" #cell="{ record }">
-          {{ TABS_LIST.find((item) => item.value === record.type)?.label ?? '-' }}
-        </template>
-        <template v-else-if="column.dataIndex === 'size'" #cell="{ record }">
-          <span class="cts num">{{ formatFileSize(record.size) }}</span>
-        </template>
-        <template v-else-if="column.dataIndex === 'origin'" #cell="{ record }">
-          {{ ORIGIN_LIST.find((item) => item.value === record.origin)?.label ?? '-' }}
-        </template>
-        <template v-else-if="['uploader', 'last_modifier'].includes(column.dataIndex)" #cell="{ record }">
-          {{ record[column.dataIndex].name || record[column.dataIndex].mobile }}
-        </template>
-        <template #cell="{ record }" v-else-if="['created_at'].includes(column.dataIndex)">
-          <span class="cts num">{{ exactFormatTime(record[column.dataIndex]) }}</span>
-        </template>
-        <template v-else-if="column.dataIndex === 'operation'" #cell="{ record }">
-          <div class="flex items-center">
-            <img class="mr-8px cursor-pointer" :src="icon1" width="14" height="14" @click="onDelete(record)" />
-            <a-button type="outline" size="mini" @click="onDownload(record)">下载</a-button>
-          </div>
-        </template>
-        <template v-else #cell="{ record }">
-          {{ formatTableField(column, record, true) }}
-        </template>
-      </a-table-column>
-    </template>
-  </a-table>
+        </div>
+      </template>
+      <template v-else-if="column.dataIndex === 'type'" #customRender="{ record }">
+        {{ TABS_LIST.find((item) => item.value === record.type)?.label ?? '-' }}
+      </template>
+      <template v-else-if="column.dataIndex === 'size'" #customRender="{ record }">
+        <span class="cts num">{{ formatFileSize(record.size) }}</span>
+      </template>
+      <template v-else-if="column.dataIndex === 'origin'" #customRender="{ record }">
+        {{ ORIGIN_LIST.find((item) => item.value === record.origin)?.label ?? '-' }}
+      </template>
+      <template v-else-if="['uploader', 'last_modifier'].includes(column.dataIndex)" #customRender="{ record }">
+        {{ record[column.dataIndex].name || record[column.dataIndex].mobile }}
+      </template>
+      <template #customRender="{ record }" v-else-if="['created_at'].includes(column.dataIndex)">
+        <span class="cts num">{{ exactFormatTime(record[column.dataIndex]) }}</span>
+      </template>
+      <template v-else-if="column.dataIndex === 'operation'" #customRender="{ record }">
+        <div class="flex items-center">
+          <img class="mr-8px cursor-pointer" :src="icon1" width="14" height="14" @click="onDelete(record)" />
+          <Button type="primary" ghost size="small" @click="onDownload(record)">下载</Button>
+        </div>
+      </template>
+      <template v-else #customRender="{ record }">
+        {{ formatTableField(column, record, true) }}
+      </template>
+    </Column>
+  </Table>
 </template>
 
 <script setup>
-import { ref } from 'vue';
+import { ref, computed } from 'vue';
+import { Button, Tooltip, Table, Image } from 'ant-design-vue';
+const { Column } = Table;
 import { formatTableField, exactFormatTime, formatFileSize, downloadByUrl } from '@/utils/tools';
 import { slsWithCatch } from '@/utils/stroage.ts';
 import { TABS_LIST, ORIGIN_LIST } from '../../constants';
 
 import TextOverTips from '@/components/text-over-tips';
-import ShareModal from '@/views/material-center/components/finished-products/manuscript/components/share-manuscript-modal/share-modal.vue';
+// import ShareModal from '@/views/material-center/components/finished-products/manuscript/components/share-manuscript-modal/share-modal.vue';
 import HoverImagePreview from '@/components/hover-image-preview';
+import ImgLazyLoad from '@/components/img-lazy-load';
 
 import icon1 from '@/assets/img/media-account/icon-delete.png';
-import icon2 from '@/assets/img/creative-generation-workshop/icon-photo.png';
-import icon3 from '@/assets/img/creative-generation-workshop/icon-video.png';
-import icon4 from '@/assets/img/error-img.png';
+// import icon2 from '@/assets/img/creative-generation-workshop/icon-photo.png';
+// import icon3 from '@/assets/img/creative-generation-workshop/icon-video.png';
+// import icon4 from '@/assets/img/error-img.png';
 
 const emits = defineEmits(['sorterChange', 'delete', 'select', 'selectAll']);
 const router = useRouter();
@@ -109,10 +100,6 @@ const props = defineProps({
     type: Array,
     default: () => [],
   },
-  rowSelection: {
-    type: Object,
-    default: () => {},
-  },
   selectedRowKeys: {
     type: Array,
     default: () => [],
@@ -121,8 +108,20 @@ const props = defineProps({
 
 const tableRef = ref(null);
 
-const handleSorterChange = (column, order) => {
-  emits('sorterChange', column, order === 'ascend' ? 'asc' : 'desc');
+const handleTableChange = (pagination, filters, sorter) => {
+  if (sorter && sorter.field) {
+    emits('sorterChange', sorter.field, sorter.order === 'ascend' ? 'asc' : 'desc');
+  }
+};
+
+const rowSelection = {
+  selectedRowKeys: computed(() => props.selectedRowKeys),
+  onSelect: (record, selected) => {
+    emits('select', record, selected);
+  },
+  onSelectAll: (selected) => {
+    emits('selectAll', selected);
+  },
 };
 const onDelete = (item) => {
   emits('delete', item);
diff --git a/src/views/material-center/components/raw-material/index.vue b/src/views/material-center/components/raw-material/index.vue
index 3dd1de8..0673c1c 100644
--- a/src/views/material-center/components/raw-material/index.vue
+++ b/src/views/material-center/components/raw-material/index.vue
@@ -1,6 +1,6 @@
 <script lang="tsx">
 import { provide } from 'vue';
-import { Tabs, TabPane } from 'ant-design-vue';
+import { Tabs, TabPane, Button, Pagination } from 'ant-design-vue';
 import { TABS_LIST, RawMaterialType, INITIAL_QUERY, TABLE_COLUMNS } from './constants';
 import FilterBlock from './components/filter-block/index.vue';
 import RawMaterialTable from './components/table/index.vue';
@@ -14,9 +14,7 @@ export default defineComponent({
     const {
       dataSource,
       pageInfo,
-      rowSelection,
       onPageChange,
-      onPageSizeChange,
       selectedRowKeys,
       selectedRows,
       handleSelect,
@@ -26,9 +24,6 @@ export default defineComponent({
       onPageChange: () => {
         getData();
       },
-      onPageSizeChange: () => {
-        getData();
-      },
     });
 
     const deleteRawMaterialModalRef = ref(null);
@@ -106,14 +101,20 @@ export default defineComponent({
         </div>
         <div class="table-wrap bg-#fff rounded-8px px-24px py-24px flex flex-col">
           <div class="flex justify-end mb-12px">
-            <a-button type="outline" class="w-fit" size="medium" onClick={handleBatchDelete}>
+            <Button
+              type="primary"
+              ghost
+              class="w-fit"
+              size="medium"
+              onClick={handleBatchDelete}
+              disabled={!selectedRows.value.length}
+            >
               批量删除
-            </a-button>
+            </Button>
           </div>
 
           <RawMaterialTable
             tableColumns={TABLE_COLUMNS}
-            rowSelection={rowSelection}
             selectedRowKeys={selectedRowKeys.value}
             dataSource={dataSource.value}
             onSorterChange={handleSorterChange}
@@ -123,16 +124,15 @@ export default defineComponent({
           />
           {pageInfo.value.total > 0 && (
             <div class="pagination-row">
-              <a-pagination
+              <Pagination
                 total={pageInfo.value.total}
-                size="mini"
-                show-total
-                show-jumper
-                show-page-size
+                size="small"
+                showTotal={(total: number) => `共 ${total} 条记录`}
+                showSizeChanger
+                showQuickJumper
                 current={pageInfo.value.page}
                 pageSize={pageInfo.value.page_size}
                 onChange={onPageChange}
-                onPageSizeChange={onPageSizeChange}
               />
             </div>
           )}
diff --git a/src/views/property-marketing/brands/brand-materials/index.vue b/src/views/property-marketing/brands/brand-materials/index.vue
index 10caacb..9620cd9 100644
--- a/src/views/property-marketing/brands/brand-materials/index.vue
+++ b/src/views/property-marketing/brands/brand-materials/index.vue
@@ -1,10 +1,10 @@
 <template>
   <div class="brand-wrap">
-    <div class="filter-wrap bg-#fff rounded-8px ">
+    <div class="filter-wrap bg-#fff rounded-8px">
       <div class="top flex h-64px px-24px py-10px justify-between items-center">
         <p class="text-18px font-400 lh-26px color-#211F24 title">品牌物料</p>
         <div class="flex items-center">
-          <a-button class="add-btn" type="primary" @click="handleAdd">+ 添加品牌</a-button>
+          <Button type="primary" class="add-btn" @click="handleAdd">+ 添加品牌</Button>
         </div>
       </div>
 
@@ -12,32 +12,33 @@
         <div class="filter-row flex mb-20px">
           <div class="filter-row-item flex items-center">
             <span class="label">品牌名称</span>
-            <a-space size="medium">
-              <a-input v-model="query.name" class="w-240px" placeholder="请搜索..." size="medium" allow-clear>
+            <Space size="medium">
+              <Input v-model:value="query.name" class="w-240px" placeholder="请搜索..." size="medium" allowClear>
                 <template #prefix>
                   <icon-search />
                 </template>
-              </a-input>
-            </a-space>
+              </Input>
+            </Space>
           </div>
           <div class="filter-row flex">
-            <a-button type="outline" class="mr-12px" size="medium" @click="handleSearch">
+            <Button type="outline" ghost class="mr-12px" @click="handleSearch">
               <template #icon>
-                <icon-search />
+                <icon-search class="mr-8px" />
               </template>
               <template #default>搜索</template>
-            </a-button>
-            <a-button size="medium" @click="handleReset">
+            </Button>
+            <Button @click="handleReset">
               <template #icon>
-                <icon-refresh />
+                <icon-refresh class="mr-8px" />
               </template>
               <template #default>重置</template>
-            </a-button>
+            </Button>
           </div>
         </div>
-        <a-modal
-          v-model:visible="modalVisible"
-          :mask-closable="false"
+        <Modal
+          v-model:open="modalVisible"
+          :maskClosable="false"
+          centered
           :esc-to-close="false"
           width="510px"
           @cancel="handleModalCancel"
@@ -45,78 +46,77 @@
           <template #title>
             <span class="modal-title">{{ form.id > 0 ? '编辑品牌' : '添加品牌' }}</span>
           </template>
-          <a-form :model="form" :rules="formRule" ref="formRef" layout="horizontal" auto-label-width>
-            <a-form-item field="name" label="品牌名称">
-              <a-input v-model="form.name" class="h-36px" placeholder="请输入..." />
-            </a-form-item>
-            <a-form-item field="logo" class="form-item-logo" label="标准版Logo">
-              <a-space>
+          <Form
+            :model="form"
+            :rules="formRule"
+            ref="formRef"
+            layout="horizontal"
+            labelAlign="right"
+            :labelCol="{ span: 4 }"
+            :wrapperCol="{ span: 20 }"
+          >
+            <FormItem name="name" label="品牌名称">
+              <Input v-model:value="form.name" class="h-36px" placeholder="请输入..." />
+            </FormItem>
+            <FormItem name="logo" class="form-item-logo" label="标准版Logo">
+              <div class="inline-flex">
                 <ImageUpload v-model="form.logo" :limit="1"></ImageUpload>
-              </a-space>
-              <a-space>
+              </div>
+              <div class="inline-flex">
                 <span class="form-tip">（品牌常规展示使用，支持PNG，JPG格式）</span>
-              </a-space>
-            </a-form-item>
-            <a-form-item field="otherLogos" class="form-item-logo" label="其他Logo">
+              </div>
+            </FormItem>
+            <FormItem name="otherLogos" class="form-item-logo" label="其他Logo">
               <ImageUpload v-model="form.other_logos" :limit="3"></ImageUpload>
-            </a-form-item>
-            <a-form-item field="slogan" label="Slogan">
-              <a-textarea v-model="form.slogan" placeholder="请输入..." :max-length="50" show-word-limit />
-            </a-form-item>
-          </a-form>
+            </FormItem>
+            <FormItem name="slogan" label="Slogan">
+              <TextArea v-model:value="form.slogan" placeholder="请输入..." :maxlength="50" showCount />
+            </FormItem>
+          </Form>
           <template #footer>
-            <a-button @click="handleModalCancel">取消</a-button>
-            <a-button type="primary" @click="handleModalOk">{{ btn_str }}</a-button>
+            <Button @click="handleModalCancel">取消</Button>
+            <Button type="primary" @click="handleModalOk">{{ btn_str }}</Button>
           </template>
-        </a-modal>
+        </Modal>
       </div>
     </div>
-    <div
-      class="table-wrap bg-#fff rounded-8px  px-24px py-24px  flex flex-col"
-    >
-      <a-table :data="tableData" ref="tableRef" :pagination="false">
-        <template #columns>
-          <a-table-column title="品牌名称" data-index="name" />
-          <a-table-column title="品牌logo" data-index="logo">
-            <template #cell="{ record }">
-              <img :src="record.logo" style="width: 50px; height: 50px" />
-            </template>
-          </a-table-column>
-          <a-table-column title="Slogan" data-index="slogan" />
-          <a-table-column width="150" min-widht="150" title="操作" data-index="optional">
-            <template #cell="{ record }">
-              <a-space size="medium">
-                <a-space>
-                  <a-popconfirm
-                    content="确定删除吗?"
-                    type="warning"
-                    ok-text="确认删除"
-                    cancel-text="取消"
-                    @ok="deleteBrand(record.id)"
-                  >
-                    <icon-delete></icon-delete>
-                  </a-popconfirm>
-                </a-space>
-                <a-space>
-                  <a-button class="edit-btn" type="outline" @click="handleEdit(record.id)">编辑</a-button>
-                </a-space>
-              </a-space>
-            </template>
-          </a-table-column>
-        </template>
-      </a-table>
+    <div class="table-wrap bg-#fff rounded-8px px-24px py-24px flex flex-col">
+      <Table :dataSource="tableData" ref="tableRef" :pagination="false" :showSorterTooltip="false">
+        <Table.Column title="品牌名称" dataIndex="name" />
+        <Table.Column title="品牌logo" dataIndex="logo">
+          <template #customRender="{ record }">
+            <img :src="record.logo" style="width: 50px; height: 50px" />
+          </template>
+        </Table.Column>
+        <Table.Column title="Slogan" dataIndex="slogan" />
+        <Table.Column :width="80" title="操作" dataIndex="optional">
+          <template #customRender="{ record }">
+            <Space>
+              <Popconfirm
+                title="确定删除吗?"
+                okText="确认删除"
+                cancelText="取消"
+                @confirm="deleteBrand(record.id)"
+              >
+                <icon-delete></icon-delete>
+              </Popconfirm>
+              <Button type="outline" class="edit-btn" size="small" @click="handleEdit(record.id)">编辑</Button>
+            </Space>
+          </template>
+        </Table.Column>
+      </Table>
 
       <div class="pagination-row">
-        <a-pagination
+        <Pagination
           :total="pageInfo.total"
-          size="mini"
-          show-total
-          show-jumper
-          show-page-size
+          size="small"
+          :showTotal="(total, range) => `共 ${total} 条`"
+          showSizeChanger
+          showQuickJumper
           :current="pageInfo.page"
-          :page-size="pageInfo.pageSize"
+          :pageSize="pageInfo.pageSize"
           @change="onPageChange"
-          @page-size-change="onPageSizeChange"
+          :hideOnSinglePage="false"
         />
       </div>
     </div>
@@ -125,8 +125,9 @@
 
 <script setup>
 import { ref, computed, reactive, onMounted } from 'vue';
-import { Message } from '@arco-design/web-vue';
 import { IconDelete } from '@arco-design/web-vue/es/icon';
+import { Button, Modal, Space, Form, FormItem, Pagination, Input, Table, message, Popconfirm } from 'ant-design-vue';
+const { TextArea } = Input;
 
 import {
   addMaterials,
@@ -196,19 +197,16 @@ const handleReset = () => {
   reload();
 };
 
-const onPageChange = (current) => {
+const onPageChange = (current, pageSize) => {
   pageInfo.page = current;
+  pageInfo.pageSize = pageSize;
   handleSearch();
 };
 
-const onPageSizeChange = (pageSize) => {
-  pageInfo.pageSize = pageSize;
-  reload();
-};
 const deleteBrand = (id) => {
   console.log(id, 'id');
   deleteMaterials(id).then(() => {
-    Message.success('删除成功');
+    message.success('删除成功');
     handleSearch();
   });
 };
@@ -231,24 +229,22 @@ function handleModalOk() {
   formRef.value
     .validate()
     .then((valid) => {
-      if (!valid) {
-        if (form.id) {
-          updateMaterials(form.id, form).then(() => {
-            Message.success('修改成功');
-            handleSearch();
-          });
-        } else {
-          addMaterials(form).then((response) => {
-            Message.success('新增成功');
-            handleSearch();
-          });
-        }
-        modalVisible.value = false;
+      if (form.id) {
+        updateMaterials(form.id, form).then(() => {
+          message.success('修改成功');
+          handleSearch();
+        });
+      } else {
+        addMaterials(form).then((response) => {
+          message.success('新增成功');
+          handleSearch();
+        });
       }
+      modalVisible.value = false;
     })
     .catch((error) => {
       console.error('验证失败:', error);
-      Message.error('请检查表单填写是否正确');
+      message.error('请检查表单填写是否正确');
     });
 }
 
diff --git a/src/views/property-marketing/brands/brand-materials/style.scss b/src/views/property-marketing/brands/brand-materials/style.scss
index 6e8e882..7bacca7 100644
--- a/src/views/property-marketing/brands/brand-materials/style.scss
+++ b/src/views/property-marketing/brands/brand-materials/style.scss
@@ -37,6 +37,9 @@
 
 
 }
+:deep(.ant-popconfirm-buttons) {
+  display: flex;
+}
 
 :deep(.arco-input-wrapper),
 :deep(.arco-select-view-single),
diff --git a/src/views/property-marketing/component.scss b/src/views/property-marketing/component.scss
index 982258f..f506121 100644
--- a/src/views/property-marketing/component.scss
+++ b/src/views/property-marketing/component.scss
@@ -1,11 +1,11 @@
-.arco-modal {
-  .arco-modal-body {
-    .arco-form-item {
+.ant-modal {
+  .ant-modal-body {
+    .ant-form-item {
       margin-bottom: 16px;
       &:last-child {
         margin-bottom: 0;
       }
-      .arco-form-item-label {
+      .ant-form-item-label {
         color: var(--Text-1, #211f24);
         font-family: $font-family-regular;
         font-size: 14px;
diff --git a/src/views/property-marketing/intelligent-solution/businessAnalysisReport.vue b/src/views/property-marketing/intelligent-solution/businessAnalysisReport.vue
index 1635a60..5e43550 100644
--- a/src/views/property-marketing/intelligent-solution/businessAnalysisReport.vue
+++ b/src/views/property-marketing/intelligent-solution/businessAnalysisReport.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="business-wrap">
-    <div class="filter-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid">
+    <div class="filter-wrap bg-#fff rounded-8px">
       <div class="top flex h-64px px-24px py-10px justify-between items-center">
         <p class="text-18px font-400 lh-26px color-#211F24 title">业务洞察报告</p>
       </div>
@@ -9,54 +9,59 @@
         <div class="filter-row flex mb-20px">
           <div class="filter-row-item flex items-center">
             <span class="label">服务/产品</span>
-            <a-space size="medium">
-              <a-input v-model="query.name" class="w-240px" placeholder="请搜索..." size="medium" allow-clear>
-                <template #prefix>
-                  <icon-search />
-                </template>
-              </a-input>
-            </a-space>
+            <Input v-model:value="query.name" class="w-240px" placeholder="请搜索..." size="middle" allowClear>
+              <template #prefix>
+                <icon-search />
+              </template>
+            </Input>
           </div>
           <div class="filter-row-item flex items-center">
             <span class="label">时间筛选</span>
-            <a-space class="w-240px">
-              <a-range-picker size="medium" allow-clear format="YYYY-MM-DD HH:mm" class="w-100%" />
-            </a-space>
+            <Space class="w-240px">
+              <DatePicker.RangePicker allowClear format="YYYY-MM-DD HH:mm" class="w-100%" />
+            </Space>
           </div>
 
           <div class="filter-row flex">
-            <a-button type="outline" class="mr-12px" size="medium">
+            <Button class="mr-12px outline-btn">
               <template #icon>
                 <icon-search />
               </template>
-              <template #default>搜索</template>
-            </a-button>
-            <a-button size="medium">
+              搜索
+            </Button>
+            <Button>
               <template #icon>
                 <icon-refresh />
               </template>
-              <template #default>重置</template>
-            </a-button>
+              重置
+            </Button>
           </div>
         </div>
       </div>
     </div>
     <div
-      class="table-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid px-24px py-24px flex-1 flex flex-col"
+      class="table-wrap bg-#fff rounded-8px px-24px py-24px flex-1 flex flex-col"
     >
-      <a-table :columns="columns" :data="tableData" @change="handleChange"  :pagination="false">
-      </a-table>
+      <Table :dataSource="tableData" :pagination="false" :showSorterTooltip="false" @change="handleChange">
+        <Table.Column
+          v-for="column in columns"
+          :key="column.dataIndex"
+          :title="column.title"
+          :dataIndex="column.dataIndex"
+          :width="column.width"
+          :minWidth="column.minWidth"
+        />
+      </Table>
       <div class="pagination-row">
-        <a-pagination
+        <Pagination
           :total="pageInfo.total"
-          size="mini"
-          show-total
-          show-jumper
-          show-page-size
+          size="small"
+          :showTotal="(total, range) => `共 ${total} 条`"
+          showSizeChanger
+          showQuickJumper
           :current="pageInfo.page"
-          :page-size="pageInfo.pageSize"
+          :pageSize="pageInfo.pageSize"
           @change="onPageChange"
-          @page-size-change="onPageSizeChange"
         />
       </div>
     </div>
@@ -65,6 +70,7 @@
 
 <script setup lang="ts">
 import { reactive, ref } from 'vue';
+import { Button, Input, Space, Table, Pagination, DatePicker } from 'ant-design-vue';
 
 const pageInfo = reactive({
   page: 1,
@@ -79,17 +85,19 @@ const listResult = reactive({
   data: [],
   total: 0,
 });
-const onPageSizeChange = () => {};
 const tableData = ref([]);
 const handleChange = () => {};
-const onPageChange = () => {};
-const columns = [
+const onPageChange = (page: number, pageSize:number) => {
+  pageInfo.page = page;
+  pageInfo.pageSize = pageSize;
+};
+  const columns = [
   {
     title: '服务/产品',
     dataIndex: 'service_name',
     slotName: 'rank',
-    width: 60,
-    minWidth: 60,
+    width: 100,
+    minWidth: 100,
   },
   {
     title: '生成日期',
@@ -140,10 +148,12 @@ const columns = [
   display: flex;
   flex-direction: column;
 
-  :deep(.search-btn) {
-    border-radius: 4px;
-    border: 1px solid var(--Brand-Brand-6, #6d4cfe);
-    color: #6d4cfe;
+  :deep(.outline-btn) {
+    border: 1px solid #d9d9d9;
+    &:hover {
+      color: #6d4cfe;
+      border-color: #6d4cfe;
+    }
   }
 
   :deep(.edit-btn) {
@@ -157,9 +167,9 @@ const columns = [
     background: var(--BG-white, #fff);
   }
 
-  :deep(.arco-input-wrapper),
+  :deep(.arcoInput-wrapper),
   :deep(.arco-select-view-single),
-  :deep(.arco-textarea-wrapper),
+  :deep(.ant-input),
   :deep(.arco-picker),
   :deep(.arco-select-view-multiple) {
     border-radius: 4px;
@@ -167,7 +177,7 @@ const columns = [
     background-color: #fff;
 
     &:focus-within,
-    &.arco-input-focus {
+    &.arcoInput-focus {
       background-color: var(--color-bg-2);
       border-color: rgb(var(--primary-6));
       box-shadow: 0 0 0 0 var(--color-primary-light-2);
diff --git a/src/views/property-marketing/intelligent-solution/competitiveProductAnalysisReport.vue b/src/views/property-marketing/intelligent-solution/competitiveProductAnalysisReport.vue
index 8b06cd2..bf4720c 100644
--- a/src/views/property-marketing/intelligent-solution/competitiveProductAnalysisReport.vue
+++ b/src/views/property-marketing/intelligent-solution/competitiveProductAnalysisReport.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="competitive-wrap">
-    <div class="filter-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid">
+    <div class="filter-wrap bg-#fff rounded-8px ">
       <div class="top flex h-64px px-24px py-10px justify-between items-center">
         <p class="text-18px font-400 lh-26px color-#211F24 title">竞品对比报告</p>
       </div>
@@ -9,54 +9,89 @@
         <div class="filter-row flex mb-20px">
           <div class="filter-row-item flex items-center">
             <span class="label">服务/产品</span>
-            <a-space size="medium">
-              <a-input v-model="query.name" class="w-240px" placeholder="请搜索..." size="medium" allow-clear>
+            <Space>
+              <Input v-model:value="query.name" class="w-240px" placeholder="请搜索..." allowClear>
                 <template #prefix>
                   <icon-search />
                 </template>
-              </a-input>
-            </a-space>
+              </Input>
+            </Space>
           </div>
           <div class="filter-row-item flex items-center">
             <span class="label">时间筛选</span>
-            <a-space class="w-240px">
-              <a-range-picker size="medium" allow-clear format="YYYY-MM-DD HH:mm" class="w-100%" />
-            </a-space>
+            <Space class="w-240px">
+              <DatePicker.RangePicker allow-clear format="YYYY-MM-DD HH:mm" class="w-100%" />
+            </Space>
           </div>
 
           <div class="filter-row flex">
-            <a-button type="outline" class="mr-12px" size="medium">
+            <Button type="primary" ghost class="mr-12px">
               <template #icon>
-                <icon-search />
+                <icon-search class="mr-8px" />
               </template>
               <template #default>搜索</template>
-            </a-button>
-            <a-button  size="medium">
+            </Button>
+            <Button>
               <template #icon>
-                <icon-refresh />
+                <icon-refresh class="mr-8px" />
               </template>
               <template #default>重置</template>
-            </a-button>
+            </Button>
           </div>
         </div>
       </div>
     </div>
     <div
-      class="table-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid px-24px py-24px flex-1 flex flex-col"
+      class="table-wrap bg-#fff rounded-8px  px-24px py-24px flex-1 flex flex-col"
     >
-      <a-table :columns="columns" :data="tableData" @change="handleChange"  :pagination="false">
-      </a-table>
+      <Table :dataSource="tableData" :pagination="false" :showSorterTooltip="false" @change="handleChange">
+        <Table.Column
+          title="服务/产品"
+          dataIndex="service_name"
+          :width="60"
+          :minWidth="60"
+        />
+        <Table.Column
+          title="生成日期"
+          dataIndex="create_time"
+          :width="120"
+          :minWidth="120"
+        />
+        <Table.Column
+          :width="180"
+          :minWidth="180"
+          title="竞争对手"
+          dataIndex="customer"
+        />
+        <Table.Column
+          title="最后更新日期"
+          dataIndex="volumeRate"
+          :width="180"
+          :minWidth="180"
+        />
+        <Table.Column
+          title="操作人"
+          dataIndex="operator"
+          :width="120"
+          :minWidth="120"
+        />
+        <Table.Column
+          title="操作"
+          dataIndex="operator"
+          :width="120"
+          :minWidth="120"
+        />
+      </Table>
       <div class="pagination-row">
-        <a-pagination
+        <Pagination
           :total="pageInfo.total"
-          size="mini"
-          show-total
-          show-jumper
-          show-page-size
+          size="small"
+          :showTotal="(total, range) => `共 ${total} 条`"
+          showSizeChanger
+          showQuickJumper
           :current="pageInfo.page"
-          :page-size="pageInfo.pageSize"
+          :pageSize="pageInfo.pageSize"
           @change="onPageChange"
-          @page-size-change="onPageSizeChange"
         />
       </div>
     </div>
@@ -64,6 +99,7 @@
 </template>
 
 <script setup lang="ts">
+import { Button, Input, Space, Pagination, Table, DatePicker } from 'ant-design-vue';
 import { reactive, ref } from 'vue';
 
 const pageInfo = reactive({
@@ -76,54 +112,14 @@ const query = reactive({
 });
 
 const handleChange = () => {};
-const onPageChange = () => {};
+const onPageChange = (page: number, pageSize:number) => {
+  pageInfo.page = page;
+  pageInfo.pageSize = pageSize;
+};
 const onPageSizeChange = () => {};
 const tableData = ref([]);
 
-const columns = [
-  {
-    title: '服务/产品',
-    dataIndex: 'service_name',
-    slotName: 'rank',
-    width: 60,
-    minWidth: 60,
-  },
-  {
-    title: '生成日期',
-    dataIndex: 'create_time',
-    width: 120,
-    minWidth: 120,
-  },
-  {
-    titleSlotName: 'customer',
-    width: 180,
-    minWidth: 180,
-    title: '竞争对手',
-    dataIndex: 'customer',
-    slotName: 'hot',
-  },
 
-  {
-    titleSlotName: 'lasterUpdateTime',
-    title: '最后更新日期',
-    dataIndex: 'volumeRate',
-    width: 180,
-    minWidth: 180,
-    slotName: 'lasterUpdateTime',
-  },
-  {
-    title: '操作人',
-    dataIndex: 'operator',
-    width: 120,
-    minWidth: 120,
-  },
-  {
-    title: '操作',
-    dataIndex: 'operator',
-    width: 120,
-    minWidth: 120,
-  },
-];
 </script>
 
 <style scoped lang="scss">
@@ -151,7 +147,7 @@ const columns = [
 
   :deep(.arco-input-wrapper),
   :deep(.arco-select-view-single),
-  :deep(.arco-textarea-wrapper),
+  :deep(.ant-input),
   :deep(.arco-picker),
   :deep(.arco-select-view-multiple) {
     border-radius: 4px;
diff --git a/src/views/property-marketing/media-account/account-dashboard/components/account-table/index.vue b/src/views/property-marketing/media-account/account-dashboard/components/account-table/index.vue
index 716690d..987b699 100644
--- a/src/views/property-marketing/media-account/account-dashboard/components/account-table/index.vue
+++ b/src/views/property-marketing/media-account/account-dashboard/components/account-table/index.vue
@@ -5,151 +5,143 @@
 <template>
   <div class="action-row mb-12px flex justify-between">
     <div>
-      <a-checkbox
+      <Checkbox
         v-if="dataSource.length > 0"
-        :model-value="checkedAll"
+        :checked="checkedAll"
         :indeterminate="indeterminate"
         class="!pl-13px"
-        @change="handleSelectAll"
-        >全选</a-checkbox
+        @change="(e) => handleSelectAll(e.target.checked)"
+        >全选</Checkbox
       >
     </div>
     <div class="flex items-center">
-      <a-button type="outline" class="w-110px mr-12px" size="medium" @click="handleExport">
-        <template #icon> <icon-download /> </template>
+      <Button type="outline" class="w-110px mr-12px" size="medium" @click="handleExport">
+        <template #icon> <icon-download class="mr-8px" /> </template>
         <template #default>导出数据</template>
-      </a-button>
-      <a-button type="outline" class="w-110px" size="medium" @click="openCustomColumn">
+      </Button>
+      <Button type="outline" class="w-110px" size="medium" @click="openCustomColumn">
         <template #icon>
-          <img :src="icon1" width="14" height="14" />
+          <img :src="icon1" width="14" height="14" class="mr-8px" />
         </template>
         <template #default>自定义列</template>
-      </a-button>
+      </Button>
     </div>
   </div>
 
-  <a-table
+  <Table
     ref="tableRef"
-    :data="dataSource"
-    row-key="id"
-    column-resizable
-    :row-selection="{
+    :dataSource="dataSource"
+    rowKey="id"
+    :rowSelection="{
       type: 'checkbox',
-      showCheckedAll: true,
-      width: 48,
+      selectedRowKeys: selectedItems,
+      onSelect: handleSelect,
+      onSelectAll: handleSelectAll,
     }"
-    :selected-keys="selectedItems"
     :pagination="false"
     :scroll="{ x: '100%' }"
     class="account-table w-100% flex-1"
     bordered
-    @sorter-change="handleSorterChange"
-    @select="handleSelect"
-    @select-all="handleSelectAll"
+    :showSorterTooltip="false"
+    @change="handleTableChange"
   >
-    <template #empty>
+    <template #emptyText>
       <NoData />
     </template>
-    <template #columns>
-      <a-table-column
-        v-for="column in tableColumns"
-        :key="column.dataIndex"
-        :data-index="column.dataIndex"
-        :fixed="column.fixed"
-        :width="column.width"
-        :min-width="column.minWidth"
-        :sortable="column.sortable"
-        :align="column.align"
-        ellipsis
-        tooltip
-      >
-        <template #title>
-          <div class="flex items-center">
-            <img v-if="column.dataIndex === 'ai_evaluate'" width="16" height="16" :src="icon5" class="mr-4px" />
-            <span class="cts mr-4px">{{ column.title }}</span>
-            <a-tooltip v-if="column.tooltip" :content="column.tooltip" position="top">
-              <icon-question-circle class="tooltip-icon color-#737478" size="16" />
-            </a-tooltip>
-          </div>
-        </template>
+    <Column
+      v-for="column in tableColumns"
+      :key="column.dataIndex"
+      :dataIndex="column.dataIndex"
+      :fixed="column.fixed"
+      :width="column.width"
+      :minWidth="column.minWidth"
+      :sorter="column.sortable"
+      :align="column.align"
+      :ellipsis="true"
+    >
+      <template #title>
+        <img v-if="column.dataIndex === 'ai_evaluate'" width="16" height="16" :src="icon5" class="mr-4px" />
+        <span class="cts mr-4px">{{ column.title }}</span>
+        <Tooltip v-if="column.tooltip" :title="column.tooltip" placement="top">
+          <icon-question-circle class="tooltip-icon color-#737478" size="16" />
+        </Tooltip>
+      </template>
 
-        <template v-if="column.dataIndex === 'platform'" #cell="{ record }">
-          <img :src="getMediaAccountPlatformLogo(record.platform)" width="20" height="20" class="rounded-4px" />
-        </template>
-        <template v-else-if="column.dataIndex === 'status'" #cell="{ record }">
-          <StatusBox :item="record" class="w-fit h-28px" />
-        </template>
-        <template v-else-if="column.dataIndex === 'ai_evaluate'" #cell="{ record }">
-          <div class="ai-evaluation-row flex">
-            <template v-if="record.ai_evaluate">
-              <img
-                width="16"
-                height="16"
-                :src="record.ai_evaluate?.status === 0 ? icon2 : record.ai_evaluate?.status === 1 ? icon3 : icon4"
-                class="mr-8px icon"
-              />
-              <div>
-                <p class="cts">{{ `${record.ai_evaluate?.level} | ${record.ai_evaluate?.advise}` }}。</p>
-                <p class="cts text-12px lh-20px !color-#939499">
-                  {{
-                    `观看: ${record[`${getPropPrefix(dateType)}view_rate`]}%  点赞: ${
-                      record[`${getPropPrefix(dateType)}like_rate`]
-                    }%`
-                  }}
-                </p>
-              </div>
-            </template>
-            <template v-else>
-              <p class="cts">-</p>
-            </template>
-          </div>
-        </template>
-        <template v-else-if="column.dataIndex === 'like_collect_number'" #cell="{ record }">
-          {{
-            formatNumberShow({
-              value: `${record[`${getPropPrefix(dateType)}like_number`] ?? 0} + ${
-                record[`${getPropPrefix(dateType)}collect_number`] ?? 0
-              }`,
-              showExactValue: true,
-            })
-          }}
-        </template>
-        <template v-else-if="column.dataIndex === 'operation'" #cell="{ record }">
-          <a-button type="outline" size="small" @click="handleDetail(record)">详情</a-button>
-        </template>
+      <template v-if="column.dataIndex === 'platform'" #customRender="{ record }">
+        <img :src="getMediaAccountPlatformLogo(record.platform)" width="20" height="20" class="rounded-4px" />
+      </template>
+      <template v-else-if="column.dataIndex === 'status'" #customRender="{ record }">
+        <StatusBox :item="record" class="w-fit h-28px" />
+      </template>
+      <template v-else-if="column.dataIndex === 'ai_evaluate'" #customRender="{ record }">
+        <div class="ai-evaluation-row flex">
+          <template v-if="record.ai_evaluate">
+            <img
+              width="16"
+              height="16"
+              :src="record.ai_evaluate?.status === 0 ? icon2 : record.ai_evaluate?.status === 1 ? icon3 : icon4"
+              class="mr-8px icon"
+            />
+            <div>
+              <p class="cts">{{ `${record.ai_evaluate?.level} | ${record.ai_evaluate?.advise}` }}。</p>
+              <p class="cts text-12px lh-20px !color-#939499">
+                {{
+                  `观看: ${record[`${getPropPrefix(dateType)}view_rate`]}%  点赞: ${
+                    record[`${getPropPrefix(dateType)}like_rate`]
+                  }%`
+                }}
+              </p>
+            </div>
+          </template>
+          <template v-else>
+            <p class="cts">-</p>
+          </template>
+        </div>
+      </template>
+      <template v-else-if="column.dataIndex === 'like_collect_number'" #customRender="{ record }">
+        {{
+          formatNumberShow({
+            value: `${record[`${getPropPrefix(dateType)}like_number`] ?? 0} + ${
+              record[`${getPropPrefix(dateType)}collect_number`] ?? 0
+            }`,
+            showExactValue: true,
+          })
+        }}
+      </template>
+      <template v-else-if="column.dataIndex === 'operation'" #customRender="{ record }">
+        <Button type="outline" size="small" @click="handleDetail(record)">详情</Button>
+      </template>
 
-        <template v-else-if="column.isRateField" #cell="{ record }">
-          <div class="flex items-center rate-row justify-end" :class="record[column.dataIndex] > 0 ? 'up' : 'down'">
-            <icon-arrow-up v-if="record[column.dataIndex] > 0" size="16" />
-            <icon-arrow-down v-else size="16" />
-            {{ formatTableField(column, record) }}
-          </div>
-        </template>
-        <template v-else-if="column.dataIndex === 'newest_work_title'" #cell="{ record }">
-          <p class="cts cursor-pointer hover:!color-#6D4CFE">{{ record.newest_work_title }}</p>
-          <p class="cts text-12px lh-20px !color-#939499">
-            {{ exactFormatTime(record.newest_work_published_at) }}
-          </p>
-        </template>
-        <template v-else-if="column.dataIndex === 'second_new_work_title'" #cell="{ record }">
-          <p class="cts cursor-pointer hover:!color-#6D4CFE">{{ record.second_new_work_title }}</p>
-          <p class="cts text-12px lh-20px !color-#939499">
-            {{ exactFormatTime(record.second_new_work_published_at) }}
-          </p>
-        </template>
+      <template v-else-if="column.isRateField" #customRender="{ record }">
+        <div class="flex items-center rate-row justify-end" :class="record[column.dataIndex] > 0 ? 'up' : 'down'">
+          <icon-arrow-up v-if="record[column.dataIndex] > 0" size="16" />
+          <icon-arrow-down v-else size="16" />
+          {{ formatTableField(column, record) }}
+        </div>
+      </template>
+      <template v-else-if="column.dataIndex === 'newest_work_title'" #customRender="{ record }">
+        <p class="cts cursor-pointer hover:!color-#6D4CFE">{{ record.newest_work_title }}</p>
+        <p class="cts text-12px lh-20px !color-#939499">
+          {{ exactFormatTime(record.newest_work_published_at) }}
+        </p>
+      </template>
+      <template v-else-if="column.dataIndex === 'second_new_work_title'" #customRender="{ record }">
+        <p class="cts cursor-pointer hover:!color-#6D4CFE">{{ record.second_new_work_title }}</p>
+        <p class="cts text-12px lh-20px !color-#939499">
+          {{ exactFormatTime(record.second_new_work_published_at) }}
+        </p>
+      </template>
 
-        <template v-else #cell="{ record }">
-          {{ formatTableField(column, record, true) }}
-        </template>
-
-      </a-table-column>
-      <a-table-column data-index="operation" fixed="right" width="100" title="操作">
-        <template #cell="{ record }">
-          <a-button type="outline" size="small" @click="handleDetail(record)">详情</a-button>
-        </template>
-      </a-table-column>
-    </template>
-  </a-table>
+      <template v-else #customRender="{ record }">
+        {{ formatTableField(column, record, true) }}
+      </template>
+    </Column>
+    <Column dataIndex="operation" fixed="right" :width="100" title="操作">
+      <template #customRender="{ record }">
+        <Button type="outline" size="small" @click="handleDetail(record)">详情</Button>
+      </template>
+    </Column>
+  </Table>
 
   <CustomTableColumnModal
     ref="customTableColumnModalRef"
@@ -162,6 +154,8 @@
 <script setup>
 import { ref, computed } from 'vue';
 import { useRouter } from 'vue-router';
+import { Checkbox, Button, Tooltip, Table } from 'ant-design-vue';
+const { Column } = Table;
 
 import { getCustomColumns } from '@/api/all/common';
 import StatusBox from '@/views/property-marketing/media-account/components/status-select/status-box.tsx';
@@ -209,7 +203,7 @@ const dateType = computed(() => (props.query.type === 7 ? 'week' : 'month'));
 const tableColumns = computed(() => {
   const _result = [];
   const _columns = getDefaultColumns(dateType.value);
-  console.log({_columns})
+  console.log({ _columns });
 
   selectedColumns.value.forEach((item) => {
     const _column = _columns.find((_item) => _item.prop === item);
@@ -220,30 +214,32 @@ const tableColumns = computed(() => {
   return _result;
 });
 
-const handleSelectAll = (checked) => {
-  if (checked) {
-    selectedItems.value = props.dataSource.map((item) => item.id);
-  } else {
-    selectedItems.value = [];
-  }
-  emit('selectionChange', checked ? selectedItems.value : []);
-};
-
 const handleDetail = (record) => {
   router.push(`/media-account/detail/${record.id}?type=${dateType.value}`);
 };
 
-// 处理排序变化
-const handleSorterChange = (column, order) => {
-  console.log(column, order);
-  emit('sorterChange', column, order === 'ascend' ? 'asc' : 'desc');
+// 处理表格变化
+const handleTableChange = (pagination, filters, sorter) => {
+  if (sorter && sorter.field) {
+    emit('sorterChange', sorter.field, sorter.order === 'ascend' ? 'asc' : 'desc');
+  }
 };
 
-const handleSelect = (selectedRowKeys, selectedRows) => {
-  selectedItems.value = selectedRowKeys;
+const handleSelect = (record, selected, selectedRows, nativeEvent) => {
+  selectedItems.value = selectedRows.map((row) => row.id);
   emit('selectionChange', selectedRows);
 };
 
+const handleSelectAll = (selected, selectedRows, changeRows) => {
+  if (selected) {
+    selectedItems.value = props.dataSource.map((item) => item.id);
+    emit('selectionChange', props.dataSource);
+  } else {
+    selectedItems.value = [];
+    emit('selectionChange', []);
+  }
+};
+
 const handleExport = () => {
   emit('export');
 };
diff --git a/src/views/property-marketing/media-account/account-dashboard/components/custom-column-modal/index.vue b/src/views/property-marketing/media-account/account-dashboard/components/custom-column-modal/index.vue
index c60a1a5..a4da9fd 100644
--- a/src/views/property-marketing/media-account/account-dashboard/components/custom-column-modal/index.vue
+++ b/src/views/property-marketing/media-account/account-dashboard/components/custom-column-modal/index.vue
@@ -3,14 +3,15 @@
  * @Date: 2025-06-30 10:54:49
 -->
 <template>
-  <a-modal
-    v-model:visible="visible"
+  <Modal
+    v-model:open="visible"
     title="自定义列"
     width="960px"
     unmountOnClose
     titleAlign="start"
-    class="custom-table-column-modal-98"
-    @close="close"
+    centered
+    wrapClassName="custom-table-column-modal-98"
+    @cancel="close"
   >
     <div class="modal-body">
       <!-- 左侧分组 -->
@@ -20,16 +21,16 @@
             <span class="text">{{ group.label }}</span>
           </div>
           <div class="fields">
-            <a-checkbox
+            <Checkbox
               v-for="option in group.columns"
               :key="option.value"
-              :model-value="isCheck(option)"
+              :checked="isCheck(option)"
               :value="option.value"
               :disabled="option.is_require === ENUM_STATUS.NO"
-              @change="(checked) => onCheckChange(checked, option)"
+              @change="(e) => onCheckChange(e.target.checked, option)"
             >
               {{ localFields.find((item) => item.prop === option.value)?.title }}
-            </a-checkbox>
+            </Checkbox>
           </div>
         </div>
       </div>
@@ -64,15 +65,16 @@
     </div>
 
     <template #footer>
-      <div style="text-align: right">
-        <a-button class="mr-8px" size="medium" @click="close">取消</a-button>
-        <a-button type="primary" size="medium" @click="onSubmit">确定</a-button>
+      <div class="flex">
+        <Button @click="close">取消</Button>
+        <Button type="primary" @click="onSubmit">确定</Button>
       </div>
     </template>
-  </a-modal>
+  </Modal>
 </template>
 
 <script setup>
+import { Checkbox, Modal, Button } from 'ant-design-vue';
 import { ref, defineExpose } from 'vue';
 import { VueDraggable } from 'vue-draggable-plus';
 
@@ -169,6 +171,7 @@ const removeCheckedField = (value) => {
 
 // 勾选/取消
 const onCheckChange = (checked, option) => {
+  console.log(checked, option);
   if (checked) {
     checkColumns.value.push(option.value);
   } else {
diff --git a/src/views/property-marketing/media-account/account-dashboard/components/custom-column-modal/style.scss b/src/views/property-marketing/media-account/account-dashboard/components/custom-column-modal/style.scss
index 8901d4a..9a26861 100644
--- a/src/views/property-marketing/media-account/account-dashboard/components/custom-column-modal/style.scss
+++ b/src/views/property-marketing/media-account/account-dashboard/components/custom-column-modal/style.scss
@@ -1,5 +1,5 @@
 .custom-table-column-modal-98 {
-  .arco-modal-body {
+  .ant-modal-body {
     .modal-body {
       height: 504px;
       border-radius: 8px;
diff --git a/src/views/property-marketing/media-account/account-dashboard/components/filter-block/index.vue b/src/views/property-marketing/media-account/account-dashboard/components/filter-block/index.vue
index 3a969b3..28a3903 100644
--- a/src/views/property-marketing/media-account/account-dashboard/components/filter-block/index.vue
+++ b/src/views/property-marketing/media-account/account-dashboard/components/filter-block/index.vue
@@ -8,18 +8,11 @@
     <div class="filter-row flex">
       <div class="filter-row-item flex items-center">
         <span class="label">账号名称</span>
-        <a-input
-          v-model="query.name"
-          placeholder="请搜索..."
-          size="medium"
-          class="!w-240px"
-          allow-clear
-          @change="handleSearch"
-        >
+        <Input v-model:value="query.name" placeholder="请搜索..." class="!w-240px" allowClear @change="handleSearch">
           <template #prefix>
             <icon-search />
           </template>
-        </a-input>
+        </Input>
       </div>
       <div class="filter-row-item flex items-center">
         <span class="label">分组</span>
@@ -43,37 +36,40 @@
     <div class="filter-row flex">
       <div class="filter-row-item flex items-center">
         <span class="label">时间筛选</span>
-        <a-select v-model="query.type" size="medium" placeholder="全部" class="!w-240px" @change="handleSearch">
-          <template #arrow-icon> <icon-calendar size="16" /> </template>
-          <a-option :value="7" label="近7天">近7天</a-option>
-          <!-- <a-option :value="14" label="近14天">近14天</a-option> -->
-          <a-option :value="30" label="近30天">近30天</a-option>
-        </a-select>
+        <Select v-model:value="query.type" size="middle" placeholder="全部" class="!w-240px" @change="handleSearch">
+          <template #suffixIcon> <icon-calendar size="16" /> </template>
+          <Option :value="7" label="近7天">近7天</Option>
+          <!-- <Option :value="14" label="近14天">近14天</Option> -->
+          <Option :value="30" label="近30天">近30天</Option>
+        </Select>
       </div>
       <div class="filter-row-item flex items-center">
-        <a-button type="outline" class="w-84px mr-12px" size="medium" @click="handleSearch">
+        <Button type="primary" ghost class="w-84px mr-12px" @click="handleSearch">
           <template #icon>
-            <icon-search />
+            <icon-search class="mr-8px" />
           </template>
           <template #default>搜索</template>
-        </a-button>
-        <a-button class="w-84px" size="medium" @click="handleReset">
+        </Button>
+        <Button class="w-84px" @click="handleReset">
           <template #icon>
-            <icon-refresh />
+            <icon-refresh class="mr-8px" />
           </template>
           <template #default>重置</template>
-        </a-button>
+        </Button>
       </div>
     </div>
   </div>
 </template>
 
 <script setup>
-import { reactive, defineEmits, defineProps } from 'vue';
+import { Button, Input, Select } from 'ant-design-vue';
+import { reactive, defineEmits, defineProps, onMounted, nextTick, ref } from 'vue';
 import { fetchAccountGroups, fetchAccountOperators } from '@/api/all/propertyMarketing';
 import StatusSelect from '@/views/property-marketing/media-account/components/status-select';
 import CommonSelect from '@/components/common-select';
 
+const { Option } = Select;
+
 const props = defineProps({
   query: {
     type: Object,
@@ -81,7 +77,7 @@ const props = defineProps({
   },
 });
 
-const emits = defineEmits('onSearch', 'onReset', 'update:query');
+const emits = defineEmits(['onSearch', 'onReset', 'update:query']);
 
 const groups = ref([]);
 const operators = ref([]);
diff --git a/src/views/property-marketing/media-account/account-dashboard/constants.ts b/src/views/property-marketing/media-account/account-dashboard/constants.ts
index a91f1e9..0fc62ba 100644
--- a/src/views/property-marketing/media-account/account-dashboard/constants.ts
+++ b/src/views/property-marketing/media-account/account-dashboard/constants.ts
@@ -37,8 +37,8 @@ export const CARD_FIELDS = [
 
 export const INITIAL_QUERY = {
   name: '',
-  status: '',
-  operator_id: '',
+  status: undefined,
+  operator_id: undefined,
   group_ids: [],
   type: 7,
   column: '',
diff --git a/src/views/property-marketing/media-account/account-dashboard/index.vue b/src/views/property-marketing/media-account/account-dashboard/index.vue
index 374dd47..53af1c1 100644
--- a/src/views/property-marketing/media-account/account-dashboard/index.vue
+++ b/src/views/property-marketing/media-account/account-dashboard/index.vue
@@ -9,9 +9,9 @@
       <div class="top flex h-64px py-10px justify-between items-center">
         <div class="flex items-center">
           <p class="text-18px font-400 lh-26px color-#211F24 mr-4px title">数据总览</p>
-          <a-tooltip content="展示所筛选的账号的信息汇总">
+          <Tooltip title="展示所筛选的账号的信息汇总">
             <icon-question-circle size="16" class="color-#737478" />
-          </a-tooltip>
+          </Tooltip>
         </div>
       </div>
       <div class="overview-row flex">
@@ -19,15 +19,15 @@
           <div class="flex items-center mb-8px">
             <img :src="item.icon" width="20" height="20" class="mr-8px" />
             <p class="label color-#211F24">{{ item.label }}</p>
-            <a-tooltip v-if="item.tooltip" :content="item.tooltip">
+            <Tooltip v-if="item.tooltip" :title="item.tooltip">
               <img :src="icon1" width="14" height="14" class="ml-4px" />
-            </a-tooltip>
+            </Tooltip>
           </div>
           <span class="value color-#211F24 ml-32px">{{ formatNumberShow(overviewData[item.prop]) }}</span>
         </div>
       </div>
     </div>
-    <div class=" bg-#fff rounded-8px mb-16px">
+    <div class="bg-#fff rounded-8px mb-16px">
       <FilterBlock v-model:query="query" @onSearch="handleSearch" @onReset="handleReset" />
     </div>
     <div class="table-wrap bg-#fff rounded-8px px-24px py-24px flex flex-col">
@@ -40,16 +40,15 @@
         @sorterChange="handleSorterChange"
       />
       <div v-if="pageInfo.total > 0" class="pagination-row">
-        <a-pagination
+         <Pagination
           :total="pageInfo.total"
-          size="mini"
-          show-total
-          show-jumper
-          show-page-size
+          size="small"
+          :showTotal="(total, range) => `共 ${total} 条`"
+          showSizeChanger
+          showQuickJumper
           :current="pageInfo.page"
-          :page-size="pageInfo.page_size"
+          :pageSize="pageInfo.page_size"
           @change="onPageChange"
-          @page-size-change="onPageSizeChange"
         />
       </div>
     </div>
@@ -60,6 +59,7 @@
 import FilterBlock from './components/filter-block';
 import AccountTable from './components/account-table';
 
+import { Tooltip, Pagination } from 'ant-design-vue';
 import { getAccountBoardOverview, getAccountBoardList, postAccountBoardExport } from '@/api/all/propertyMarketing';
 import { formatNumberShow } from '@/utils/tools';
 import { INITIAL_QUERY, CARD_FIELDS } from './constants';
@@ -99,8 +99,9 @@ const getData = async () => {
   }
 };
 
-const onPageChange = (current) => {
+const onPageChange = (current, pageSize) => {
   pageInfo.value.page = current;
+  pageInfo.value.page_size = pageSize;
   getData();
 };
 
diff --git a/src/views/property-marketing/media-account/account-detail/components/account-info/index.vue b/src/views/property-marketing/media-account/account-detail/components/account-info/index.vue
index 5a3e87c..6ab3098 100644
--- a/src/views/property-marketing/media-account/account-detail/components/account-info/index.vue
+++ b/src/views/property-marketing/media-account/account-detail/components/account-info/index.vue
@@ -3,7 +3,7 @@
  * @Date: 2025-06-28 12:58:25
 -->
 <template>
-  <div class="account-info-wrap bg-#fff rounded-8px  px-24px mb-16px">
+  <div class="account-info-wrap bg-#fff rounded-8px px-24px mb-16px">
     <div class="title-row">
       <span class="cts !text-18px !lh-26px title">账号信息</span>
     </div>
@@ -47,9 +47,9 @@
           <template v-else>
             <div class="flex items-center mb-4px">
               <p class="cts !color-#737478 !mr-4px">{{ field.title }}</p>
-              <a-tooltip v-if="field.tooltip" :content="field.tooltip" position="top">
+              <Tooltip v-if="field.tooltip" :title="field.tooltip" position="top">
                 <icon-question-circle class="tooltip-icon color-#737478" size="16" />
-              </a-tooltip>
+              </Tooltip>
             </div>
             <p class="cts">
               <template v-if="field.type === 'status'">
@@ -60,10 +60,10 @@
                   <div v-for="(tag, index) in detailData.tags.slice(0, 2)" :key="index" class="tag-box">
                     <span class="text">{{ tag.name }}</span>
                   </div>
-                  <a-tooltip
+                  <Tooltip
                     v-if="detailData.tags.length > 2"
                     position="top"
-                    :content="
+                    :title="
                       detailData.tags
                         .slice(2)
                         .map((v) => v.name)
@@ -73,7 +73,7 @@
                     <div class="tag-box">
                       <span class="text">{{ `+${detailData.tags.length - 2}` }}</span>
                     </div>
-                  </a-tooltip>
+                  </Tooltip>
                 </div>
                 <span class="cts" v-else>-</span>
               </template>
@@ -88,7 +88,12 @@
                 }}
               </template>
               <template v-else-if="field.dataIndex === 'platform'">
-                <img :src="getMediaAccountPlatformLogo(detailData.platform)" width="16" height="16" class="rounded-4px" />
+                <img
+                  :src="getMediaAccountPlatformLogo(detailData.platform)"
+                  width="16"
+                  height="16"
+                  class="rounded-4px"
+                />
               </template>
               <template v-else-if="field.dataIndex === 'last_synced_at'">
                 {{ exactFormatTime(detailData.last_synced_at, 'YYYY-MM-DD HH:mm:ss', 'YYYY-MM-DD HH:mm:ss') }}
@@ -132,6 +137,7 @@
 <script setup>
 import { useRoute } from 'vue-router';
 
+import { Tooltip } from 'ant-design-vue';
 import { formatTableField, formatNumberShow, exactFormatTime } from '@/utils/tools';
 import { getMediaAccountPlatformLogo } from '@/utils/platform';
 import { getAccountInfoFields } from '../../constants';
diff --git a/src/views/property-marketing/media-account/account-detail/components/note-table/constants.ts b/src/views/property-marketing/media-account/account-detail/components/note-table/constants.ts
index b5fd6b7..a24fb8a 100644
--- a/src/views/property-marketing/media-account/account-detail/components/note-table/constants.ts
+++ b/src/views/property-marketing/media-account/account-detail/components/note-table/constants.ts
@@ -18,7 +18,7 @@ export const TABLE_COLUMNS = [
   {
     title: '笔记标题',
     dataIndex: 'title',
-    width: 240,
+    width: 280,
     fixed: 'left',
   },
   {
@@ -30,42 +30,42 @@ export const TABLE_COLUMNS = [
   {
     title: '曝光量',
     dataIndex: 'exposure_number',
-    width: 180,
+    width: 160,
     tooltip: '内容被展示给用户的总次数，不代表用户实际观看。',
     align: 'right',
   },
   {
     title: '观看量',
     dataIndex: 'view_number',
-    width: 180,
+    width: 160,
     tooltip: '用户点击内容并实际观看的次数，是内容实际触达的重要指标。',
     align: 'right',
   },
   {
     title: '点赞量',
     dataIndex: 'like_number',
-    width: 180,
+    width: 160,
     tooltip: '单篇笔记获得的点赞总数，反映用户喜好程度。',
     align: 'right',
   },
   {
     title: '收藏量',
     dataIndex: 'collect_number',
-    width: 180,
+    width: 160,
     tooltip: '用户将内容保存到收藏夹的次数，代表内容被认可为“值得保留”。',
     align: 'right',
   },
   {
     title: '评论数',
     dataIndex: 'comment_number',
-    width: 180,
+    width: 160,
     tooltip: '内容下方用户留言的总数，体现用户参与度与讨论热度。',
     align: 'right',
   },
   {
     title: '分享量',
     dataIndex: 'share_number',
-    width: 180,
+    width: 160,
     tooltip: '内容被转发或分享至其他平台或私信的次数，代表外扩传播意愿。',
     align: 'right',
   },
diff --git a/src/views/property-marketing/media-account/account-detail/components/note-table/index.vue b/src/views/property-marketing/media-account/account-detail/components/note-table/index.vue
index 3abfa13..2e2ca38 100644
--- a/src/views/property-marketing/media-account/account-detail/components/note-table/index.vue
+++ b/src/views/property-marketing/media-account/account-detail/components/note-table/index.vue
@@ -3,121 +3,115 @@
  * @Date: 2025-06-28 12:58:09
 -->
 <template>
-  <div class="note-table-wrap bg-#fff rounded-8px  px-24px flex-1 flex flex-col">
+  <div class="note-table-wrap bg-#fff rounded-8px px-24px flex-1 flex flex-col">
     <div class="title-row">
       <div class="flex items-center">
         <span class="cts !text-18px !lh-26px mr-4px title">笔记详情</span>
-        <a-tooltip content="展示笔记层级的详细数据，如曝光、互动等，是内容精细分析入口。">
+        <Tooltip title="展示笔记层级的详细数据，如曝光、互动等，是内容精细分析入口。">
           <icon-question-circle size="16" class="color-#737478" />
-        </a-tooltip>
+        </Tooltip>
       </div>
     </div>
     <div class="filter-row flex my-16px">
       <div class="filter-row-item flex items-center">
         <span class="label">笔记标题</span>
-        <a-space size="medium" class="w-240px">
-          <a-input v-model="query.title" placeholder="请搜索..." size="medium" allow-clear @change="handleSearch">
-            <template #prefix>
-              <icon-search />
-            </template>
-          </a-input>
-        </a-space>
+        <Input v-model:value="query.title" class="!w-240px" placeholder="请搜索..." allowClear @change="handleSearch">
+          <template #prefix>
+            <icon-search />
+          </template>
+        </Input>
       </div>
       <div class="filter-row-item flex items-center">
         <span class="label">发布日期</span>
-        <a-space size="medium" class="w-260px">
-          <a-range-picker
-            v-model="published_at"
-            size="medium"
-            allow-clear
-            format="YYYY-MM-DD"
-            class="w-100%"
-            @change="onDateChange"
-          />
-        </a-space>
+        <DatePicker.RangePicker
+          v-model:value="published_at"
+          size="medium"
+          class="!w-260px"
+          allow-clear
+          format="YYYY-MM-DD"
+          @change="onDateChange"
+        />
       </div>
-      <a-button type="outline" class="w-84px mr-12px" size="medium" @click="handleSearch">
+      <Button type="primary" ghost class="w-84px mr-12px" @click="handleSearch">
         <template #icon>
-          <icon-search />
+          <icon-search class="mr-8px" />
         </template>
         <template #default>搜索</template>
-      </a-button>
-      <a-button class="w-84px" size="medium" @click="handleReset">
+      </Button>
+      <Button class="w-84px" @click="handleReset">
         <template #icon>
-          <icon-refresh />
+          <icon-refresh class="mr-8px" />
         </template>
         <template #default>重置</template>
-      </a-button>
+      </Button>
     </div>
-    <a-table
-      :data="dataSource"
-      row-key="id"
+    <Table
+      :dataSource="dataSource"
+      rowKey="id"
       :pagination="false"
       :scroll="{ x: '100%' }"
       class="w-100%"
       bordered
-      column-resizable
+      :showSorterTooltip="false"
     >
-      <template #empty>
+      <Table.Column
+        v-for="column in TABLE_COLUMNS"
+        :key="column.dataIndex"
+        :dataIndex="column.dataIndex"
+        :fixed="column.fixed"
+        :width="column.width"
+        :minWidth="column.minWidth"
+        :sortable="column.sortable"
+        :align="column.align"
+        :ellipsis="true"
+      >
+        <template #title>
+          <span class="cts mr-4px">{{ column.title }}</span>
+          <Tooltip v-if="column.tooltip" :title="column.tooltip" placement="top">
+            <icon-question-circle class="tooltip-icon color-#737478" size="16" />
+          </Tooltip>
+        </template>
+        <template #customRender="{ record }">
+          <template v-if="column.dataIndex === 'published_at'">
+            {{ exactFormatTime(record.published_at) }}
+          </template>
+          <template v-else-if="column.dataIndex === 'exposure_number'">
+            {{ formatNumberShow({ value: record.view_number * 10, showExactValue: true }) }}
+          </template>
+          <template v-else-if="column.dataIndex === 'title'">
+            <TextoverTips :context="record.title" />
+          </template>
+          <template v-else>
+            {{ formatTableField(column, record, true) }}
+          </template>
+        </template>
+      </Table.Column>
+      <template #emptyText>
         <NoData />
       </template>
-      <template #columns>
-        <a-table-column
-          v-for="column in TABLE_COLUMNS"
-          :key="column.dataIndex"
-          :data-index="column.dataIndex"
-          :fixed="column.fixed"
-          :width="column.width"
-          :min-width="column.minWidth"
-          :sortable="column.sortable"
-          :align="column.align"
-          ellipsis
-          tooltip
-        >
-          <template #title>
-            <div class="flex items-center">
-              <span class="cts mr-4px">{{ column.title }}</span>
-              <a-tooltip v-if="column.tooltip" :content="column.tooltip" position="top">
-                <icon-question-circle class="tooltip-icon color-#737478" size="16" />
-              </a-tooltip>
-            </div>
-          </template>
-
-          <template #cell="{ record }">
-            <template v-if="column.dataIndex === 'published_at'">
-              {{ exactFormatTime(record.published_at) }}
-            </template>
-            <template v-else-if="column.dataIndex === 'exposure_number'">
-              {{ formatNumberShow({ value: record.view_number * 10, showExactValue: true }) }}
-            </template>
-            <template v-else>
-              {{ formatTableField(column, record, true) }}
-            </template>
-          </template>
-        </a-table-column>
-      </template>
-    </a-table>
+    </Table>
     <div v-if="pageInfo.total > 0" class="pagination-row mb-24px">
-      <a-pagination
+      <Pagination
         :total="pageInfo.total"
-        size="mini"
-        show-total
-        show-jumper
-        show-page-size
+        size="small"
+        :showTotal="(total, range) => `共 ${total} 条`"
+        showSizeChanger
+        showQuickJumper
         :current="pageInfo.page"
-        :page-size="pageInfo.page_size"
+        :pageSize="pageInfo.page_size"
         @change="onPageChange"
-        @page-size-change="onPageSizeChange"
       />
     </div>
   </div>
 </template>
 
 <script setup>
+import { Button, Input, Tooltip, Table, Pagination, DatePicker } from 'ant-design-vue';
 import { TABLE_COLUMNS, INITIAL_QUERY, INITIAL_PAGE_INFO } from './constants';
 import { useRoute } from 'vue-router';
 import { formatTableField, exactFormatTime, formatNumberShow } from '@/utils/tools';
 import { getMediaAccountBoardWorks } from '@/api/all/propertyMarketing';
+import TextoverTips from '@/components/text-over-tips/index.vue';
 
 const route = useRoute();
 const id = route.params.id;
@@ -148,8 +142,9 @@ const onDateChange = (value) => {
   handleSearch();
 };
 
-const onPageChange = (current) => {
+const onPageChange = (current, pageSize) => {
   pageInfo.value.page = current;
+  pageInfo.value.page_size = pageSize;
   getData();
 };
 
diff --git a/src/views/property-marketing/media-account/account-manage/components/account-table/delete-account.vue b/src/views/property-marketing/media-account/account-manage/components/account-table/delete-account.vue
index 071f7a6..8f544cd 100644
--- a/src/views/property-marketing/media-account/account-manage/components/account-table/delete-account.vue
+++ b/src/views/property-marketing/media-account/account-manage/components/account-table/delete-account.vue
@@ -3,27 +3,27 @@
  * @Date: 2025-06-26 17:44:16
 -->
 <template>
-  <a-modal
-    v-model:visible="visible"
+  <Modal
+    v-model:open="visible"
     :title="isBatch ? '批量删除账号' : '删除账号'"
     width="400px"
-    modal-class="account-manage-modal"
-    @close="onClose"
+    wrapClassName="account-manage-modal"
+    @cancel="onClose"
+    centered
   >
     <div class="flex items-center">
       <img :src="icon1" width="20" height="20" class="mr-12px" />
       <span>确认删除 {{ accountName }} 这个账号吗？</span>
     </div>
     <template #footer>
-      <a-button size="large" @click="onClose">取消</a-button>
-      <a-button type="primary" class="ml-16px danger-btn" status="danger" size="large" @click="onDelete"
-        >确认删除</a-button
-      >
+      <Button @click="onClose">取消</Button>
+      <Button type="primary" class="ml-16px" danger @click="onDelete">确认删除</Button>
     </template>
-  </a-modal>
+  </Modal>
 </template>
 
 <script setup>
+import { Modal, Button, message } from 'ant-design-vue';
 import { ref } from 'vue';
 import { deleteMediaAccount, batchDeleteMediaAccounts } from '@/api/all/propertyMarketing';
 import icon1 from '@/assets/img/media-account/icon-warn-1.png';
@@ -56,7 +56,7 @@ async function onDelete() {
   const _params = isBatch.value ? { ids: accountId.value } : accountId.value;
   const { code } = await _fn(_params);
   if (code === 200) {
-    AMessage.success('删除成功');
+    message.success('删除成功');
     isBatch.value ? emits('batchUpdate') : emits('update');
     onClose();
   }
diff --git a/src/views/property-marketing/media-account/account-manage/components/account-table/footer-btn.tsx b/src/views/property-marketing/media-account/account-manage/components/account-table/footer-btn.tsx
index 3cdb6ef..d3c95c0 100644
--- a/src/views/property-marketing/media-account/account-manage/components/account-table/footer-btn.tsx
+++ b/src/views/property-marketing/media-account/account-manage/components/account-table/footer-btn.tsx
@@ -3,7 +3,9 @@ import {
   EnumErrorStatus,
   getStatusInfo,
 } from '@/views/property-marketing/media-account/components/status-select/status-box';
-import { Dropdown, Doption, Button, Tooltip } from '@arco-design/web-vue';
+import { Dropdown, Menu } from 'ant-design-vue';
+const { Item: MenuItem } = Menu;
+import { Tooltip, Button } from 'ant-design-vue';
 export default defineComponent({
   name: 'FooterBtn',
   props: {
@@ -21,37 +23,37 @@ export default defineComponent({
 
     const renderEditDoption = () => {
       return (
-        <Doption class="color-#211F24" onClick={() => emit('openEdit', props.item)}>
+        <MenuItem class="color-#211F24" onClick={() => emit('openEdit', props.item)}>
           编辑
-        </Doption>
+        </MenuItem>
       );
     };
     const renderReauthorizeDoption = (text = '重新授权') => {
       return (
-        <Doption class="color-#211F24" onClick={() => emit('handleReauthorize', props.item)}>
+        <MenuItem class="color-#211F24" onClick={() => emit('handleReauthorize', props.item)}>
           {text}
-        </Doption>
+        </MenuItem>
       );
     };
     const renderPauseDoption = () => {
       return (
-        <Doption class="color-#211F24" onClick={() => emit('handlePause', props.item)}>
+        <MenuItem class="color-#211F24" onClick={() => emit('handlePause', props.item)}>
           暂停同步
-        </Doption>
+        </MenuItem>
       );
     };
     const renderUpdateBtn = () => {
       return (
-        <Button type="outline" size="mini" onClick={() => emit('syncData', props.item)}>
+        <Button type="primary" ghost size="small" onClick={() => emit('syncData', props.item)}>
           更新数据
         </Button>
       );
     };
     const renderDeleteDoption = () => {
       return (
-        <Doption class="color-#F64B31" onClick={() => emit('openDelete', props.item)}>
+        <MenuItem class="color-#F64B31" onClick={() => emit('openDelete', props.item)}>
           删除
-        </Doption>
+        </MenuItem>
       );
     };
     const renderNormal = () => {
@@ -61,17 +63,17 @@ export default defineComponent({
             trigger="hover"
             v-slots={{
               default: () => (
-                <Button type="outline" class="mr-8px" size="mini">
+                <Button type="primary" ghost class="mr-8px" size="small">
                   更多
                 </Button>
               ),
-              content: () => (
-                <>
+              overlay: () => (
+                <Menu>
                   {renderEditDoption()}
                   {renderReauthorizeDoption()}
                   {renderPauseDoption()}
                   {renderDeleteDoption()}
-                </>
+                </Menu>
               ),
             }}
           ></Dropdown>
@@ -86,19 +88,19 @@ export default defineComponent({
             trigger="hover"
             v-slots={{
               default: () => (
-                <Button type="outline" class="mr-8px" size="mini">
+                <Button type="primary" ghost class="mr-8px" size="small">
                   更多
                 </Button>
               ),
-              content: () => (
-                <>
+              overlay: () => (
+                <Menu>
                   {renderEditDoption()}
                   {renderDeleteDoption()}
-                </>
+                </Menu>
               ),
             }}
           ></Dropdown>
-          <Button type="outline" size="mini" onClick={() => emit('handleReauthorize', props.item)}>
+          <Button type="primary" ghost size="small" onClick={() => emit('handleReauthorize', props.item)}>
             开启同步
           </Button>
         </>
@@ -115,15 +117,15 @@ export default defineComponent({
           return renderUpdateBtn();
         } else if ([EnumErrorStatus.REQUEST, EnumErrorStatus.FREEZE].includes(error_status)) {
           return (
-            <Tooltip content={statusInfo.value.disabledBtnTooltip}>
-              <Button type="outline" size="mini" disabled>
+            <Tooltip title={statusInfo.value.disabledBtnTooltip}>
+              <Button type="primary" ghost size="small" disabled>
                 重新授权
               </Button>
             </Tooltip>
           );
         } else {
           return (
-            <Button type="outline" size="mini" onClick={() => emit('handleReauthorize', props.item)}>
+            <Button type="primary" ghost size="small" onClick={() => emit('handleReauthorize', props.item)}>
               {isUnauthorized ? '去授权' : '重新授权'}
             </Button>
           );
@@ -135,17 +137,17 @@ export default defineComponent({
             trigger="hover"
             v-slots={{
               default: () => (
-                <Button type="outline" class="mr-8px" size="mini">
+                <Button type="primary" ghost class="mr-8px" size="small">
                   更多
                 </Button>
               ),
-              content: () => (
-                <>
+              overlay: () => (
+                <Menu>
                   {renderEditDoption()}
                   {isMissing && renderReauthorizeDoption()}
                   {renderPauseDoption()}
                   {renderDeleteDoption()}
-                </>
+                </Menu>
               ),
             }}
           ></Dropdown>
diff --git a/src/views/property-marketing/media-account/account-manage/components/account-table/index.vue b/src/views/property-marketing/media-account/account-manage/components/account-table/index.vue
index a8a1734..aef99c0 100644
--- a/src/views/property-marketing/media-account/account-manage/components/account-table/index.vue
+++ b/src/views/property-marketing/media-account/account-manage/components/account-table/index.vue
@@ -4,24 +4,21 @@
 -->
 <template>
   <div class="card-container">
-    <a-spin
+    <Spin
       v-for="(item, index) in dataSource"
       :key="index"
-      :loading="isSyncing(item)"
+      :spinning="isSyncing(item)"
       tip="更新数据中..."
-      class="card-item"
-      :class="{
-        checked: isSelected(item),
-      }"
+      :wrapperClassName="`card-item ${isSelected(item) ? 'checked' : ''}`"
     >
       <template #icon>
         <icon-sync size="24" />
       </template>
-      <a-checkbox :model-value="isSelected(item)" :value="item.id" @change="toggleSelect(item)"></a-checkbox>
+      <Checkbox :checked="isSelected(item)" :value="item.id" @change="toggleSelect(item)" class="relative top--2px"></Checkbox>
       <div class="ml-8px flex-1">
-        <a-tooltip content="点击查看账号详情">
+        <Tooltip title="点击查看账号详情">
           <p class="name cursor-pointer hover:!color-#6d4cfe" @click="goDetail(item)">{{ item.name || '-' }}</p>
-        </a-tooltip>
+        </Tooltip>
         <div class="field-row">
           <span class="label">状态</span>
           <StatusBox :item="item" />
@@ -50,10 +47,10 @@
           <span class="label">所属项目</span>
           <span v-if="!item.projects.length" class="cts">-</span>
           <div v-else class="flex items-center">
-            <a-tooltip
+            <Tooltip
               v-if="item.projects.length > 2"
-              position="bottom"
-              :content="
+              placement="bottom"
+              :title="
                 item.projects
                   .slice(2)
                   .map((v) => v.name)
@@ -63,7 +60,7 @@
               <div class="tag-box">
                 <span class="text">{{ `+${item.projects.length - 2}` }}</span>
               </div>
-            </a-tooltip>
+            </Tooltip>
 
             <div v-for="(project, index) in item.projects.slice(0, 2)" :key="index" class="tag-box">
               <span class="text">{{ project.name }}</span>
@@ -78,10 +75,10 @@
           <span class="label">标签</span>
           <span v-if="!item.tags.length" class="cts">-</span>
           <div v-else class="flex items-center">
-            <a-tooltip
+            <Tooltip
               v-if="item.tags.length > 2"
-              position="bottom"
-              :content="
+              placement="bottom"
+              :title="
                 item.tags
                   .slice(2)
                   .map((v) => v.name)
@@ -91,7 +88,7 @@
               <div class="tag-box">
                 <span class="text">{{ `+${item.tags.length - 2}` }}</span>
               </div>
-            </a-tooltip>
+            </Tooltip>
 
             <div v-for="(tag, index) in item.tags.slice(0, 2)" :key="index" class="tag-box">
               <span class="text">{{ tag.name }}</span>
@@ -115,13 +112,13 @@
           <span class="name !mb-0">{{ getErrorStatusText(item) }}</span>
         </div>
         <div class="flex items-center">
-          <a-button type="outline" class="mr-8px" size="mini" @click="handleCancel(item)">取消</a-button>
-          <a-button type="outline" size="mini" @click="handleConfirm(item)" v-if="showConfirmBtn(item)">{{
+          <Button type="primary" ghost class="mr-8px" size="small" @click="handleCancel(item)">取消</Button>
+          <Button type="primary" ghost size="small" @click="handleConfirm(item)" v-if="showConfirmBtn(item)">{{
             getConfirmBtnText(item)
-          }}</a-button>
+          }}</Button>
         </div>
       </div>
-    </a-spin>
+    </Spin>
     <PauseAccountPatchModal ref="pauseAccountPatchModalRef" @success="emits('update')" />
     <ReauthorizeAccountModal ref="reauthorizeAccountModalRef" @update="emits('update')" />
     <AuthorizedAccountModal ref="authorizedAccountModalRef" @update="emits('update')" />
@@ -130,6 +127,7 @@
 
 <script setup>
 import { defineProps, ref, computed, inject } from 'vue';
+import { Checkbox, Button, Tooltip, Spin } from 'ant-design-vue';
 import { useRouter } from 'vue-router';
 import { deleteSyncStatus } from '@/api/all/propertyMarketing';
 import { exactFormatTime } from '@/utils/tools';
diff --git a/src/views/property-marketing/media-account/account-manage/components/account-table/pause-account-patch.vue b/src/views/property-marketing/media-account/account-manage/components/account-table/pause-account-patch.vue
index 68ff863..4cfb802 100644
--- a/src/views/property-marketing/media-account/account-manage/components/account-table/pause-account-patch.vue
+++ b/src/views/property-marketing/media-account/account-manage/components/account-table/pause-account-patch.vue
@@ -3,19 +3,27 @@
  * @Date: 2025-06-27 14:41:20
 -->
 <template>
-  <a-modal v-model:visible="visible" title="暂停同步" width="400px" modal-class="account-manage-modal" @close="onClose">
+  <Modal
+    v-model:open="visible"
+    title="暂停同步"
+    centered
+    width="400px"
+    wrapClassName="account-manage-modal"
+    @cancel="onClose"
+  >
     <div class="flex items-center">
       <img :src="icon1" width="20" height="20" class="mr-12px" />
       <span>确认暂停同步 “{{ accountName }}” 这个账号的数据吗？</span>
     </div>
     <template #footer>
-      <a-button size="large" @click="onClose">取消</a-button>
-      <a-button type="primary" class="ml-16px" size="large" @click="onConfirm">确定</a-button>
+      <Button size="large" @click="onClose">取消</Button>
+      <Button type="primary" class="ml-16px" size="large" @click="onConfirm">确定</Button>
     </template>
-  </a-modal>
+  </Modal>
 </template>
 
 <script setup>
+import { Button, Modal, message } from 'ant-design-vue';
 import { ref } from 'vue';
 import { pausePatchAccount } from '@/api/all/propertyMarketing';
 import icon1 from '@/assets/img/media-account/icon-warn-1.png';
@@ -44,7 +52,7 @@ const open = (record) => {
 async function onConfirm() {
   const { code } = await pausePatchAccount(accountId.value);
   if (code === 200) {
-    AMessage.success('暂停成功');
+    message.success('暂停成功');
     emits('success');
     onClose();
   }
diff --git a/src/views/property-marketing/media-account/account-manage/components/account-table/style.scss b/src/views/property-marketing/media-account/account-manage/components/account-table/style.scss
index d96c224..685c1f8 100644
--- a/src/views/property-marketing/media-account/account-manage/components/account-table/style.scss
+++ b/src/views/property-marketing/media-account/account-manage/components/account-table/style.scss
@@ -4,13 +4,17 @@
   // grid-template-rows: repeat(2, 1fr); /* 2行 */
   grid-template-columns: repeat(4, 1fr); /* 4列 */
   gap: 20px;
+  :deep(.ant-spin-container) {
+    height: 100%;
+    width: 100%;
+    display: flex;
+    align-items: flex-start;
+  }
   .card-item {
     border-radius: 8px;
     // border: 1px solid var(--BG-300, #e6e6e8);
     background: var(--BG-white, #fff);
     padding: 12px 16px 16px;
-    display: flex;
-    align-items: flex-start;
     position: relative;
     .name {
       color: var(--Text-1, #211f24);
diff --git a/src/views/property-marketing/media-account/account-manage/components/add-account-modal/index.vue b/src/views/property-marketing/media-account/account-manage/components/add-account-modal/index.vue
index 78be2d4..f858a3f 100644
--- a/src/views/property-marketing/media-account/account-manage/components/add-account-modal/index.vue
+++ b/src/views/property-marketing/media-account/account-manage/components/add-account-modal/index.vue
@@ -5,20 +5,19 @@
 <script lang="jsx">
 import { ref, computed } from 'vue';
 import {
+  Button,
   Modal,
   Form,
   FormItem,
-  Input,
   RadioGroup,
   Radio,
-  Upload,
-  Button,
-  Switch,
+  Input,
+  message,
   Tooltip,
-  Notification,
-  Message as AMessage,
-  Textarea,
-} from '@arco-design/web-vue';
+  Upload,
+  Switch,
+} from 'ant-design-vue';
+const { TextArea } = Input;
 import AuthorizedAccountModal from '../authorized-account-modal';
 // import ImportPromptModal from '../import-prompt-modal';
 import StatusBox from '@/views/property-marketing/media-account/components/status-select/status-box.tsx';
@@ -88,15 +87,14 @@ export default {
       mobile: [
         {
           required: true,
-          message: '请填写手机号',
-          trigger: ['blur', 'change'],
-        },
-        {
-          validator: (value, callback) => {
+          validator: (_rule, value) => {
+            if (!value) {
+              return Promise.reject('请填写手机号');
+            }
             if (!/^1[3-9]\d{9}$/.test(value)) {
-              callback('手机号格式不正确');
+              return Promise.reject('手机号格式不正确');
             } else {
-              callback();
+              return Promise.resolve();
             }
           },
           trigger: ['blur', 'change'],
@@ -135,10 +133,9 @@ export default {
       }
     };
     function handleUpload(option) {
-      const { fileItem } = option;
       uploadStatus.value = UploadStatus.WAITING;
-      file.value = fileItem.file;
-      fileName.value = fileItem.name;
+      file.value = option.file;
+      fileName.value = option.file.name;
     }
     function removeFile() {
       fileName.value = '';
@@ -188,7 +185,7 @@ export default {
     const handleBatchImport = async () => {
       try {
         if (!file.value) {
-          AMessage.warning('请上传要导入的文件');
+          message.warning('请上传要导入的文件');
           return;
         }
 
@@ -234,7 +231,7 @@ export default {
     const handleEditAccount = async () => {
       const { code } = await putMediaAccounts({ id: id.value, ...form.value });
       if (code === 200) {
-        AMessage.success('修改成功');
+        message.success('修改成功');
         emit('update');
         onClose();
       }
@@ -244,14 +241,12 @@ export default {
         handleBatchImport();
         return;
       }
-      formRef.value.validate(async (errors) => {
-        if (!errors) {
-          if (isCustomCookie.value && !form.value.cookie) {
-            AMessage.warning('请填写Cookie值');
-            return;
-          }
-          isEdit.value ? handleEditAccount() : handleAddAccount();
+      formRef.value.validate().then(async () => {
+        if (isCustomCookie.value && !form.value.cookie) {
+          message.warning('请填写Cookie值');
+          return;
         }
+        isEdit.value ? handleEditAccount() : handleAddAccount();
       });
     }
     const startAuthorized = (id, platform) => {
@@ -278,18 +273,27 @@ export default {
 
     return () => (
       <Modal
-        v-model:visible={visible.value}
+        v-model:open={visible.value}
         title={isEdit.value ? '编辑账号' : '添加账号'}
-        modal-class="add-account-modal"
+        wrapClassName="add-account-modal"
         width="500px"
-        mask-closable={false}
-        onClose={onClose}
+        centered
+        maskClosable={false}
+        onCancel={onClose}
         footer={null}
       >
-        <Form ref={formRef} model={form.value} rules={rules} layout="horizontal" auto-label-width>
+        <Form
+          ref={formRef}
+          model={form.value}
+          rules={rules}
+          layout="horizontal"
+          labelAlign="right"  
+          labelCol={{ span: 4 }}
+          wrapperCol={{ span: 20 }}
+        >
           {!isEdit.value && (
             <FormItem label="上传方式" required>
-              <RadioGroup v-model={uploadType.value}>
+              <RadioGroup v-model:value={uploadType.value}>
                 <Radio value="manual">手动添加账号</Radio>
                 <Radio value="batch">批量导入账号</Radio>
               </RadioGroup>
@@ -302,19 +306,14 @@ export default {
                   <Upload
                     ref={uploadRef}
                     action="/"
-                    draggable
-                    custom-request={handleUpload}
+                    customRequest={handleUpload}
                     accept=".xlsx,.xls"
-                    show-file-list={false}
+                    showUploadList={false}
                   >
-                    {{
-                      'upload-button': () => (
-                        <div class="upload-box">
-                          <span class="text mb-4px">点击或拖拽文件到此处上传</span>
-                          <span class="tip">支持 xls, xlsx格式</span>
-                        </div>
-                      ),
-                    }}
+                    <div class="upload-box">
+                      <span class="text mb-4px">点击或拖拽文件到此处上传</span>
+                      <span class="tip">支持 xls, xlsx格式</span>
+                    </div>
                   </Upload>
                 ) : (
                   <div class="flex items-center">
@@ -346,35 +345,35 @@ export default {
             <>
               {isEdit.value && (
                 <>
-                  <FormItem label="账号名称" field="name">
-                    <Input v-model={form.value.name} placeholder="请输入..." size="large" disabled />
+                  <FormItem label="账号名称" name="name">
+                    <Input v-model:value={form.value.name} placeholder="请输入..." size="large" disabled />
                   </FormItem>
-                  <FormItem label="账号ID" field="account_id">
-                    <Input v-model={form.value.account_id} placeholder="请输入..." size="large" disabled />
+                  <FormItem label="账号ID" name="account_id">
+                    <Input v-model:value={form.value.account_id} placeholder="请输入..." size="large" disabled />
                   </FormItem>
-                  <FormItem label="状态" field="status">
+                  <FormItem label="状态" name="status">
                     <StatusBox item={form.value} />
                   </FormItem>
                 </>
               )}
-              <FormItem label="手机号码" field="mobile" required>
-                <Input v-model={form.value.mobile} placeholder="请输入..." size="large" />
+              <FormItem label="手机号码" name="mobile" required>
+                <Input v-model:value={form.value.mobile} placeholder="请输入..." size="large" />
               </FormItem>
-              <FormItem label="运营人员" field="operator_name" required>
-                <Input v-model={form.value.operator_name} placeholder="请输入..." class="w-240px" size="large" />
+              <FormItem label="运营人员" name="operator_name" required>
+                <Input v-model:value={form.value.operator_name} placeholder="请输入..." class="w-240px" size="large" />
               </FormItem>
               <FormItem label="运营平台" required={!isEdit.value}>
                 {isEdit.value ? (
                   <img src={form.value.platform === 0 ? icon3 : icon4} width="24" height="24" />
                 ) : (
-                  <RadioGroup v-model={form.value.platform}>
+                  <RadioGroup v-model:value={form.value.platform}>
                     <Radio value={1}>小红书</Radio>
                     <Radio value={0}>抖音</Radio>
                   </RadioGroup>
                 )}
               </FormItem>
-              <FormItem label="号码持有人" field="holder_name">
-                <Input v-model={form.value.holder_name} placeholder="请输入..." class="w-240px" size="large" />
+              <FormItem label="号码持有人" name="holder_name">
+                <Input v-model:value={form.value.holder_name} placeholder="请输入..." class="w-240px" size="large" />
               </FormItem>
               <FormItem label="所属项目">
                 <CommonSelect
@@ -395,21 +394,26 @@ export default {
               </FormItem>
 
               <FormItem label="选择标签">
-                <CommonSelect v-model={form.value.tag_ids} options={tagOptions.value} placeholder="请选择…" size="large" />
+                <CommonSelect
+                  v-model={form.value.tag_ids}
+                  options={tagOptions.value}
+                  placeholder="请选择…"
+                  size="large"
+                />
               </FormItem>
               <FormItem
                 label="笔记链接"
-                field="end_work_link"
+                name="end_work_link"
                 v-slots={{
                   label: () =>
                     renderLabel('笔记链接', '平台将从该笔记“之后”的内容开始同步，该笔记及更早的数据均不采集'),
                 }}
               >
-                <Textarea
-                  v-model={form.value.end_work_link}
+                <TextArea
+                  v-model:value={form.value.end_work_link}
                   placeholder="请输入..."
                   size="large"
-                  auto-size={{ minRows: 3, maxRows: 5 }}
+                  autoSize={{ minRows: 3, maxRows: 5 }}
                 />
               </FormItem>
               <FormItem
@@ -421,12 +425,12 @@ export default {
                 <Switch v-model={isCustomCookie.value} size="large" />
               </FormItem>
               {isCustomCookie.value && (
-                <FormItem label="" field="cookie">
-                  <Textarea
-                    v-model={form.value.cookie}
+                <FormItem label=" " name="cookie">
+                  <TextArea
+                    v-model:value={form.value.cookie}
                     placeholder="请输入..."
                     size="large"
-                    auto-size={{ minRows: 5, maxRows: 8 }}
+                    autoSize={{ minRows: 5, maxRows: 8 }}
                   />
                 </FormItem>
               )}
diff --git a/src/views/property-marketing/media-account/account-manage/components/add-account-modal/style.scss b/src/views/property-marketing/media-account/account-manage/components/add-account-modal/style.scss
index 7a8dfb3..f4f0367 100644
--- a/src/views/property-marketing/media-account/account-manage/components/add-account-modal/style.scss
+++ b/src/views/property-marketing/media-account/account-manage/components/add-account-modal/style.scss
@@ -4,7 +4,7 @@
   .w-240px {
     width: 240px !important;
   }
-  .arco-modal-body {
+  .ant-modal-body {
     .upload-block {
       width: 100%;
       .dt {
@@ -36,15 +36,8 @@
           }
         }
       }
-      .arco-upload-drag {
-        height: 120px;
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-        justify-content: center;
-        .arco-icon {
-          margin-bottom: 16px;
-        }
+      .ant-upload {
+        width: 100%;
       }
       .upload-box {
         display: flex;
@@ -77,13 +70,13 @@
         }
       }
     }
-    .upload-dragger {
-      border: 1px dashed #d9d9d9;
-      padding: 24px 0;
-      text-align: center;
-      background: #fafafa;
-      cursor: pointer;
-    }
+    // .upload-dragger {
+    //   border: 1px dashed #d9d9d9;
+    //   padding: 24px 0;
+    //   text-align: center;
+    //   background: #fafafa;
+    //   cursor: pointer;
+    // }
     .upload-error {
       color: #f53f3f;
       margin-left: 8px;
diff --git a/src/views/property-marketing/media-account/account-manage/components/authorized-account-modal/index.vue b/src/views/property-marketing/media-account/account-manage/components/authorized-account-modal/index.vue
index dffa5c0..d455416 100644
--- a/src/views/property-marketing/media-account/account-manage/components/authorized-account-modal/index.vue
+++ b/src/views/property-marketing/media-account/account-manage/components/authorized-account-modal/index.vue
@@ -3,24 +3,25 @@
  * @Date: 2025-06-25 17:51:46
 -->
 <template>
-  <a-modal
-    v-model:visible="visible"
+  <Modal
+    v-model:open="visible"
     width="480px"
     title="授权账号"
-    modal-class="authorized-account-modal"
-    :mask-closable="false"
-    :footer="modalState !== MODAL_STATE.LOADING"
-    @close="close"
+    centered
+    wrapClassName="authorized-account-modal"
+    :maskClosable="false"
+    :footer="modalState === MODAL_STATE.LOADING ? null : footer"
+    @cancel="close"
   >
     <div class="flex flex-col items-center">
       <!-- 加载中状态 -->
       <template v-if="modalState === MODAL_STATE.LOADING">
-        <a-progress
+        <Progress
           :percent="progress"
-          color="#6D4CFE"
-          trackColor="#E6E6E8"
-          size="large"
-          :stroke-width="4"
+          strokeColor="#6D4CFE"
+          trailColor="#E6E6E8"
+          size="default"
+          :strokeWidth="4"
           type="circle"
         />
         <p class="s2 mt-16px">数据同步和初始化中，请勿关闭窗口。</p>
@@ -40,7 +41,7 @@
             <!-- 二维码加载中或失败 -->
             <template v-if="modalState === MODAL_STATE.QR_LOADING || modalState === MODAL_STATE.QR_FAILED">
               <div class="relative w-160px h-160px">
-                <a-image :src="icon1" width="160" height="160" />
+                <Image :src="icon1" :width="160" :height="160" />
                 <div class="absolute top-0 left-0 z-2 w-full h-full flex flex-col items-center justify-center">
                   <img
                     v-if="modalState === MODAL_STATE.QR_FAILED"
@@ -62,7 +63,7 @@
               </div>
             </template>
             <!-- 正常二维码 -->
-            <a-image v-else :src="qrCodeUrl" width="160" height="160" />
+            <Image v-else :src="qrCodeUrl" :width="160" :height="160" />
             <!-- 二维码失效遮罩 -->
             <div v-if="modalState === MODAL_STATE.QR_EXPIRED" class="mask cursor-pointer" @click="handleRefreshQrCode">
               <icon-refresh size="24" class="mb-13px" />
@@ -76,24 +77,24 @@
     </div>
 
     <template #footer>
-      <a-button v-if="modalState === MODAL_STATE.QR_READY" size="large" @click="handleRefreshQrCode">
+      <Button v-if="modalState === MODAL_STATE.QR_READY" size="large" @click="handleRefreshQrCode">
         重新生成
-      </a-button>
-      <a-button v-if="[MODAL_STATE.SUCCESS, MODAL_STATE.FAILED].includes(modalState)" size="large" @click="close">
+      </Button>
+      <Button v-if="[MODAL_STATE.SUCCESS, MODAL_STATE.FAILED].includes(modalState)" size="large" @click="close">
         取消
-      </a-button>
-      <a-button type="primary" size="large" @click="handleOk">
+      </Button>
+      <Button type="primary" size="large" @click="handleOk">
         {{ confirmBtnText }}
-      </a-button>
+      </Button>
     </template>
-  </a-modal>
+  </Modal>
 
   <SyncDataModal ref="syncDataModalRef" />
 </template>
 
 <script setup>
 import { defineExpose, ref, computed } from 'vue';
-import { Message as AMessage } from '@arco-design/web-vue';
+import { Button, Modal, message, Image, Progress } from 'ant-design-vue';
 import { getAuthorizedImage, getMediaAccountsAuthorizedStatus } from '@/api/all/propertyMarketing';
 import SyncDataModal from '../sync-data-modal';
 
@@ -241,12 +242,12 @@ const getAuthorizedStatus = async () => {
 const startFakeProgressPolling = () => {
   clearFakeProgressTimer();
   progressTimer = setInterval(() => {
-    if (modalState.value === MODAL_STATE.LOADING && progress.value < 0.99) {
-      const step = Math.random() * 0.04 + 0.01;
-      progress.value = Math.min(progress.value + step, 0.99);
+    if (modalState.value === MODAL_STATE.LOADING && progress.value < 99) {
+      const step = Math.random() * 4 + 1;
+      progress.value = Math.min(progress.value + step, 99);
       progress.value = Number(progress.value.toFixed(2));
-    } else if (modalState.value === MODAL_STATE.LOADING && progress.value >= 0.99) {
-      progress.value = 0.99; // 卡在99%
+    } else if (modalState.value === MODAL_STATE.LOADING && progress.value >= 99) {
+      progress.value = 99; // 卡在99%
     } else {
       clearFakeProgressTimer();
       clearStatusPollingTimer();
@@ -284,7 +285,7 @@ const handleOk = () => {
 
   // 二维码还在加载中
   if (modalState.value === MODAL_STATE.QR_LOADING) {
-    AMessage.warning('二维码生成中，请稍等');
+    message.warning('二维码生成中，请稍等');
     return;
   }
 
diff --git a/src/views/property-marketing/media-account/account-manage/components/batch-group-modal/index.vue b/src/views/property-marketing/media-account/account-manage/components/batch-group-modal/index.vue
index 8900a83..385adcc 100644
--- a/src/views/property-marketing/media-account/account-manage/components/batch-group-modal/index.vue
+++ b/src/views/property-marketing/media-account/account-manage/components/batch-group-modal/index.vue
@@ -3,73 +3,87 @@
  * @Date: 2025-06-27 09:35:49
 -->
 <template>
-  <a-modal
-    v-model:visible="visible"
+  <Modal
+    v-model:open="visible"
     title="批量分组"
-    modal-class="batch-group-modal"
+    wrapClassName="batch-group-modal"
     width="800px"
-    :mask-closable="false"
+    :maskClosable="false"
+    centered
   >
     <div class="mb-16px t1">
       {{ `已选${accountGroupList.length}个账号` }}
     </div>
-    <a-form ref="formRef" :model="form" layout="horizontal" auto-label-width>
-      <a-form-item label="编辑方式" required>
-        <a-radio-group v-model="editType">
-          <a-radio value="all">
+    <Form ref="formRef" :model="form" layout="horizontal">
+      <FormItem label="编辑方式" required>
+        <Radio.Group v-model:value="editType">
+          <Radio value="all">
             <div class="flex items-center">
               <span>统一编辑</span>
-              <a-tooltip content="原分组将被清除，统一加入新分组。">
+              <Tooltip title="原分组将被清除，统一加入新分组。">
                 <img :src="icon1" alt="icon" class="ml-2px" width="14" height="14" />
-              </a-tooltip>
+              </Tooltip>
             </div>
-          </a-radio>
-          <a-radio value="each">分别编辑</a-radio>
-        </a-radio-group>
-      </a-form-item>
-      <a-form-item label="选择分组" required>
+          </Radio>
+          <Radio value="each">分别编辑</Radio>
+        </Radio.Group>
+      </FormItem>
+      <FormItem label="选择分组" required>
         <template v-if="editType === 'all'">
           <div class="flex items-center w-100%">
             <CommonSelect v-model="form.group_id" :options="groupOptions" :multiple="false" class="flex-1" />
           </div>
         </template>
-      </a-form-item>
+      </FormItem>
 
       <!-- 分别编辑 -->
       <template v-if="editType === 'each'">
-        <a-table :data="accountGroupList" :pagination="false" row-key="id" class="w-100%" column-resizable>
-          <template #columns>
-            <a-table-column title="账号名称" data-index="name" width="200">
-              <template #cell="{ record }">
-                <span>{{ record.name || '-' }}</span>
-              </template>
-            </a-table-column>
-            <a-table-column title="选择分组" data-index="group_id">
-              <template #cell="{ record }">
-                <div class="flex items-center w-100%">
-                  <CommonSelect v-model="record.group_id" :options="groupOptions" :multiple="false" />
-                </div>
-              </template>
-            </a-table-column>
+        <Table
+          :dataSource="accountGroupList"
+          :columns="columns"
+          :pagination="false"
+          rowKey="id"
+          bordered
+          :showSorterTooltip="false"
+          @resizeColumn="handleResizeColumn"
+        >
+          <template #bodyCell="{ column, record }">
+            <template v-if="column.dataIndex === 'name'">
+              <span>{{ record.name || '-' }}</span>
+            </template>
+            <template v-else-if="column.dataIndex === 'group_id'">
+              <div class="flex items-center w-100%">
+                <CommonSelect v-model="record.group_id" :options="groupOptions" :multiple="false" class="w-full" />
+              </div>
+            </template>
           </template>
-        </a-table>
+        </Table>
       </template>
-    </a-form>
+    </Form>
     <template #footer>
-      <a-button size="large" @click="onClose">取消</a-button>
-      <a-button type="primary" size="large" @click="onSubmit">确定</a-button>
+      <Button @click="onClose">取消</Button>
+      <Button type="primary" @click="onSubmit">确定</Button>
     </template>
-  </a-modal>
+  </Modal>
 </template>
 
 <script setup>
-import { ref, reactive } from 'vue';
+import { ref, reactive, computed } from 'vue';
+import { Modal, Form, FormItem, Radio, Tooltip, Button, Table, message } from 'ant-design-vue';
 import { fetchAccountGroups, batchPutGroup } from '@/api/all/propertyMarketing';
 import CommonSelect from '@/components/common-select';
 
 import icon1 from '@/assets/img/icon-question.png';
 
-// [{id, name, group_id: null}]
+const columns = ref([
+  { title: '账号名称', dataIndex: 'name', width: 100, minWidth: 100, resizable: true },
+  { title: '选择分组', dataIndex: 'group_id' },
+]);
+
+const handleResizeColumn = (w, col) => {
+  const idx = columns.value.findIndex((c) => c.dataIndex === col.dataIndex);
+  if (idx !== -1) columns.value[idx].width = w;
+};
 
 const emits = defineEmits(['update']);
 const visible = ref(false);
@@ -102,18 +116,17 @@ const getTags = async () => {
 
 const onClose = () => {
   visible.value = false;
-  form.group_id = null;
 };
 
 const onSubmit = async () => {
   if (isAllEdit.value) {
     if (form.group_id === null) {
-      AMessage.error('请选择分组');
+      message.error('请选择分组');
       return;
     }
   } else {
     if (accountGroupList.value.some((item) => item.group_id === null)) {
-      AMessage.error('请选择分组');
+      message.error('请选择分组');
       return;
     }
   }
@@ -126,7 +139,7 @@ const onSubmit = async () => {
   // 这里处理批量标签的提交逻辑
   const { code } = await batchPutGroup({ media_accounts });
   if (code === 200) {
-    AMessage.success('设置分组成功');
+    message.success('设置分组成功');
     emits('update');
     visible.value = false;
   }
diff --git a/src/views/property-marketing/media-account/account-manage/components/batch-group-modal/style.scss b/src/views/property-marketing/media-account/account-manage/components/batch-group-modal/style.scss
index a560ce3..bb96f6d 100644
--- a/src/views/property-marketing/media-account/account-manage/components/batch-group-modal/style.scss
+++ b/src/views/property-marketing/media-account/account-manage/components/batch-group-modal/style.scss
@@ -2,7 +2,7 @@
 
 .batch-group-modal {
   border-radius: 8px;
-  .arco-modal-body {
+  .ant-modal-body {
     // min-height: 200px;
     .t1 {
       color: var(--Text-3, #737478);
diff --git a/src/views/property-marketing/media-account/account-manage/components/batch-tag-modal/index.vue b/src/views/property-marketing/media-account/account-manage/components/batch-tag-modal/index.vue
index f3881bb..29ef671 100644
--- a/src/views/property-marketing/media-account/account-manage/components/batch-tag-modal/index.vue
+++ b/src/views/property-marketing/media-account/account-manage/components/batch-tag-modal/index.vue
@@ -3,87 +3,85 @@
  * @Date: 2025-06-27 09:35:49
 -->
 <template>
-  <a-modal
-    v-model:visible="visible"
+  <Modal
+    v-model:open="visible"
     title="批量标签"
-    modal-class="batch-tag-modal"
+    wrapClassName="batch-tag-modal"
     width="800px"
-    :mask-closable="false"
+    centered
+    :maskClosable="false"
   >
     <div class="mb-16px t1">
       {{ `已选${accountTagList.length}个账号` }}
     </div>
-    <a-form ref="formRef" :model="form" layout="horizontal" auto-label-width>
-      <a-form-item label="编辑方式" required>
-        <a-radio-group v-model="editType">
-          <a-radio value="all">
+    <Form ref="formRef" :model="form" layout="horizontal" auto-label-width>
+      <FormItem label="编辑方式" required>
+        <RadioGroup v-model:value="editType">
+          <Radio value="all">
             <div class="flex items-center">
               <span>统一编辑</span>
-              <a-tooltip content="原标签将被清除，统一为新标签。">
+              <Tooltip title="原标签将被清除，统一为新标签。">
                 <img :src="icon1" alt="icon" class="ml-2px" width="14" height="14" />
-              </a-tooltip>
+              </Tooltip>
             </div>
-          </a-radio>
-          <a-radio value="each">分别编辑</a-radio>
-        </a-radio-group>
-      </a-form-item>
-      <a-form-item label="选择标签" required>
+          </Radio>
+          <Radio value="each">分别编辑</Radio>
+        </RadioGroup>
+      </FormItem>
+      <FormItem label="选择标签" required>
         <template v-if="editType === 'all'">
           <div class="flex items-center w-100%">
-            <a-select
-              v-model="form.tags"
+            <Select
+              v-model:value="form.tags"
               :options="tagOptions"
-              multiple
-              allow-create
+              mode="tags"
               placeholder="请输入标签，回车键可直接添加..."
-              :limit="5"
+              :max-tag-count="5"
               class="flex-1"
-              @create="handleCreateTag"
+              @search="handleCreateTag"
             />
             <span class="ml-12px">{{ `${form.tags.length}/5` }}</span>
           </div>
         </template>
-      </a-form-item>
+      </FormItem>
 
       <!-- 分别编辑 -->
       <template v-if="editType === 'each'">
-        <a-table :data="accountTagList" :pagination="false" row-key="id" class="w-100%" column-resizable>
-          <template #columns>
-            <a-table-column title="账号名称" data-index="name" width="200">
-              <template #cell="{ record }">
-                <span>{{ record.name || '-' }}</span>
-              </template>
-            </a-table-column>
-            <a-table-column title="选择标签" data-index="tags">
-              <template #cell="{ record, rowIndex }">
-                <div class="flex items-center w-100%">
-                  <a-select
-                    v-model="record.tags"
-                    :options="tagOptions"
-                    multiple
-                    allow-create
-                    placeholder="请输入标签，回车键可直接添加..."
-                    :limit="5"
-                    style="width: 90%"
-                    @create="(val) => handleCreateTag(val, rowIndex)"
-                  />
-                  <span class="tag-count ml-8px">{{ record.tags.length }}/5</span>
-                </div>
-              </template>
-            </a-table-column>
-          </template>
-        </a-table>
+        <Table :dataSource="accountTagList" :pagination="false" rowKey="id" class="w-100%">
+          <Table.Column title="账号名称" dataIndex="name" :width="200">
+            <template #customRender="{ record }">
+              <span>{{ record.name || '-' }}</span>
+            </template>
+          </Table.Column>
+          <Table.Column title="选择标签" dataIndex="tags">
+            <template #customRender="{ record, index }">
+              <div class="flex items-center w-100%">
+                <Select
+                  v-model:value="record.tags"
+                  :options="tagOptions"
+                  mode="tags"
+                  placeholder="请输入标签，回车键可直接添加..."
+                  :max-tag-count="5"
+                  class="!w-full"
+                  @search="(val) => handleCreateTag(val, index)"
+                />
+                <span class="tag-count ml-8px">{{ record.tags.length }}/5</span>
+              </div>
+            </template>
+          </Table.Column>
+        </Table>
       </template>
-    </a-form>
+    </Form>
     <template #footer>
-      <a-button size="large" @click="onClose">取消</a-button>
-      <a-button type="primary" size="large" @click="onSubmit">确定</a-button>
+      <Button size="large" @click="onClose">取消</Button>
+      <Button type="primary" size="large" @click="onSubmit">确定</Button>
     </template>
-  </a-modal>
+  </Modal>
 </template>
 
 <script setup>
 import { ref, reactive } from 'vue';
+import { Button, Form, FormItem, Modal, Radio, RadioGroup, Select, Table, Tooltip, message } from 'ant-design-vue';
 import { fetchAccountTags, batchPutTag } from '@/api/all/propertyMarketing';
 
 import icon1 from '@/assets/img/icon-question.png';
@@ -143,12 +141,12 @@ const onClose = () => {
 const onSubmit = async () => {
   if (isAllEdit.value) {
     if (form.tags.length === 0) {
-      AMessage.error('请输入标签');
+      message.error('请输入标签');
       return;
     }
   } else {
     if (accountTagList.value.some((item) => item.tags.length === 0)) {
-      AMessage.error('请输入标签');
+      message.error('请输入标签');
       return;
     }
   }
@@ -160,7 +158,7 @@ const onSubmit = async () => {
   console.log({ media_accounts });
   const { code } = await batchPutTag({ media_accounts });
   if (code === 200) {
-    AMessage.success('设置标签成功');
+    message.success('设置标签成功');
     emits('update');
     visible.value = false;
   }
diff --git a/src/views/property-marketing/media-account/account-manage/components/batch-tag-modal/style.scss b/src/views/property-marketing/media-account/account-manage/components/batch-tag-modal/style.scss
index ab567fc..533fc0b 100644
--- a/src/views/property-marketing/media-account/account-manage/components/batch-tag-modal/style.scss
+++ b/src/views/property-marketing/media-account/account-manage/components/batch-tag-modal/style.scss
@@ -2,7 +2,7 @@
 
 .batch-tag-modal {
   border-radius: 8px;
-  .arco-modal-body {
+  .ant-modal-body {
     // min-height: 200px;
     .t1 {
       color: var(--Text-3, #737478);
diff --git a/src/views/property-marketing/media-account/account-manage/components/filter-block/index.vue b/src/views/property-marketing/media-account/account-manage/components/filter-block/index.vue
index ed4e42e..c6e71ed 100644
--- a/src/views/property-marketing/media-account/account-manage/components/filter-block/index.vue
+++ b/src/views/property-marketing/media-account/account-manage/components/filter-block/index.vue
@@ -8,86 +8,73 @@
     <div class="filter-row flex">
       <div class="filter-row-item">
         <span class="label">账号名称/ID/手机号</span>
-        <a-space size="medium">
-          <a-input
-            v-model="query.search"
-            class="w-240px"
-            placeholder="请搜索..."
-            size="medium"
-            allow-clear
-            @change="handleSearch"
-          >
-            <template #prefix>
-              <icon-search />
-            </template>
-          </a-input>
-        </a-space>
+        <Input v-model:value="query.search" class="w-240px" placeholder="请搜索..." allowClear @change="handleSearch">
+          <template #prefix>
+            <icon-search />
+          </template>
+        </Input>
       </div>
       <div class="filter-row-item">
         <span class="label">状态</span>
-        <a-space class="w-180px">
-          <StatusSelect v-model="query.status" @change="handleSearch" />
-        </a-space>
+        <StatusSelect v-model="query.status" @change="handleSearch" class="w-180px" />
       </div>
       <div class="filter-row-item">
         <span class="label">平台</span>
-        <a-space class="w-160px">
-          <a-select v-model="query.platform" size="medium" placeholder="全部" allow-clear @change="handleSearch">
-            <a-option
-              v-for="(item, index) in MEDIA_ACCOUNT_PLATFORMS"
-              :key="index"
-              :value="item.value"
-              :label="item.label"
-              >{{ item.label }}</a-option
-            >
-          </a-select>
-        </a-space>
+        <Select
+          v-model:value="query.platform"
+          class="w-160px"
+          size="middle"
+          placeholder="全部"
+          allowClear
+          @change="handleSearch"
+        >
+          <Option
+            v-for="(item, index) in MEDIA_ACCOUNT_PLATFORMS"
+            :key="index"
+            :value="item.value"
+            :label="item.label"
+            >{{ item.label }}</Option
+          >
+        </Select>
       </div>
       <div class="filter-row-item">
         <span class="label">运营人员</span>
-        <a-space class="w-160px">
-          <CommonSelect
-            v-model="query.operator_id"
-            allowSearch
-            :multiple="false"
-            :options="operators"
-            @change="handleSearch"
-          />
-        </a-space>
+        <CommonSelect
+          class="w-160px"
+          v-model="query.operator_id"
+          allowSearch
+          :multiple="false"
+          :options="operators"
+          @change="handleSearch"
+        />
       </div>
     </div>
     <div class="filter-row">
       <div class="filter-row-item">
         <span class="label">分组</span>
-        <a-space class="w-200px">
-          <CommonSelect v-model="query.group_ids" multiple :options="groups" @change="handleSearch" />
-        </a-space>
+        <CommonSelect v-model="query.group_ids" multiple :options="groups" @change="handleSearch" class="!w-200px" />
       </div>
       <div class="filter-row-item">
         <span class="label">所属项目</span>
-        <a-space class="w-200px">
-          <CommonSelect v-model="query.project_ids" :options="projects" @change="handleSearch" />
-        </a-space>
+        <CommonSelect v-model="query.project_ids" :options="projects" @change="handleSearch" class="!w-200px" />
       </div>
       <div class="filter-row-item">
         <span class="label">标签</span>
-        <a-space class="w-320px">
-          <CommonSelect v-model="query.tag_ids" :options="tags" @change="handleSearch" />
-        </a-space>
+        <CommonSelect v-model="query.tag_ids" :options="tags" @change="handleSearch" class="!w-320px" />
       </div>
       <div class="filter-row-item">
-        <a-button type="outline" class="w-84px mr-12px" size="medium" @click="handleSearch">
+        <Button type="primary" ghost class="w-84px mr-12px" @click="handleSearch">
           <template #icon>
-            <icon-search />
+            <icon-search class="mr-8px" />
           </template>
           <template #default>搜索</template>
-        </a-button>
-        <a-button class="w-84px" size="medium" @click="handleReset">
+        </Button>
+        <Button class="w-84px" @click="handleReset">
           <template #icon>
-            <icon-refresh />
+            <icon-refresh class="mr-8px" />
           </template>
           <template #default>重置</template>
-        </a-button>
+        </Button>
       </div>
     </div>
   </div>
@@ -95,6 +82,8 @@
 
 <script setup>
 import { reactive, defineEmits, defineProps } from 'vue';
+import { Button, Input, Select } from 'ant-design-vue';
+const { Option } = Select;
 import {
   fetchAccountTags,
   getProjectList,
@@ -114,7 +103,7 @@ const props = defineProps({
   },
 });
 
-const emits = defineEmits('onSearch', 'onReset', 'update:query');
+const emits = defineEmits(['onSearch', 'onReset', 'update:query']);
 
 const tags = ref([]);
 const groups = ref([]);
diff --git a/src/views/property-marketing/media-account/account-manage/components/group-manage-modal/add-group.vue b/src/views/property-marketing/media-account/account-manage/components/group-manage-modal/add-group.vue
index ec82283..d85b9b5 100644
--- a/src/views/property-marketing/media-account/account-manage/components/group-manage-modal/add-group.vue
+++ b/src/views/property-marketing/media-account/account-manage/components/group-manage-modal/add-group.vue
@@ -3,27 +3,29 @@
  * @Date: 2025-06-26 11:44:17
 -->
 <template>
-  <a-modal
-    v-model:visible="visible"
+  <Modal
+    v-model:open="visible"
     :title="isEdit ? '编辑分组' : '添加新分组'"
-    modal-class="account-manage-modal"
+    wrapClassName="group-manage-modal"
     width="400px"
-    @close="onClose"
+    centered
+    @cancel="onClose"
   >
-    <a-form ref="formRef" :model="form" :rules="rules" layout="horizontal" auto-label-width>
-      <a-form-item :label="isEdit ? '分组名称' : '新分组名称'" field="name" required>
-        <a-input v-model="form.name" placeholder="请输入…" />
-      </a-form-item>
-    </a-form>
+    <Form ref="formRef" :model="form" :rules="rules" layout="horizontal" auto-label-width>
+      <FormItem :label="isEdit ? '分组名称' : '新分组名称'" name="name" required>
+        <Input v-model:value="form.name" placeholder="请输入…" />
+      </FormItem>
+    </Form>
     <template #footer>
-      <a-button @click="onClose">取消</a-button>
-      <a-button type="primary" class="ml-16px" @click="onSubmit">确认</a-button>
+      <Button @click="onClose">取消</Button>
+      <Button type="primary" class="ml-16px" @click="onSubmit">确认</Button>
     </template>
-  </a-modal>
+  </Modal>
 </template>
 
 <script setup>
 import { ref, watch, nextTick } from 'vue';
+import { Button, Modal, Form, FormItem, Input, message } from 'ant-design-vue';
 import { postAccountGroups, putGroup } from '@/api/all/propertyMarketing';
 
 const emits = defineEmits(['success', 'close']);
@@ -61,16 +63,14 @@ const open = (record = {}) => {
 };
 
 async function onSubmit() {
-  formRef.value.validate(async (errors) => {
-    if (!errors) {
-      const _fn = isEdit.value ? putGroup : postAccountGroups;
-      const _params = isEdit.value ? { id: groupId.value, ...form.value } : form.value;
-      const { code } = await _fn(_params);
-      if (code === 200) {
-        AMessage.success(isEdit.value ? '编辑成功' : '添加成功');
-        emits('success');
-        onClose();
-      }
+  formRef.value.validate().then(async () => {
+    const _fn = isEdit.value ? putGroup : postAccountGroups;
+    const _params = isEdit.value ? { id: groupId.value, ...form.value } : form.value;
+    const { code } = await _fn(_params);
+    if (code === 200) {
+      message.success(isEdit.value ? '编辑成功' : '添加成功');
+      emits('success');
+      onClose();
     }
   });
 }
diff --git a/src/views/property-marketing/media-account/account-manage/components/group-manage-modal/delete-group.vue b/src/views/property-marketing/media-account/account-manage/components/group-manage-modal/delete-group.vue
index 647bac4..0fe6482 100644
--- a/src/views/property-marketing/media-account/account-manage/components/group-manage-modal/delete-group.vue
+++ b/src/views/property-marketing/media-account/account-manage/components/group-manage-modal/delete-group.vue
@@ -3,22 +3,28 @@
  * @Date: 2025-06-26 11:45:05
 -->
 <template>
-  <a-modal v-model:visible="visible" title="删除分组" width="400px" modal-class="account-manage-modal" @close="onClose">
+  <Modal
+    v-model:open="visible"
+    title="删除分组"
+    centered
+    width="400px"
+    wrapClassName="account-manage-modal"
+    @cancel="onClose"
+  >
     <div class="flex items-center mb-24px">
       <img :src="icon1" width="20" height="20" class="mr-12px" />
       <span>确认删除 "{{ groupName }}" 这个分组吗？</span>
     </div>
     <template #footer>
-      <a-button size="large" @click="onClose">取消</a-button>
-      <a-button type="primary" class="ml-16px danger-btn" status="danger" size="large" @click="onDelete"
-        >确认删除</a-button
-      >
+      <Button size="large" @click="onClose">取消</Button>
+      <Button type="primary" class="ml-16px" danger size="large" @click="onDelete">确认删除</Button>
     </template>
-  </a-modal>
+  </Modal>
 </template>
 
 <script setup>
 import { ref } from 'vue';
+import { Button, Modal, message } from 'ant-design-vue';
 import { deleteGroup } from '@/api/all/propertyMarketing';
 import icon1 from '@/assets/img/media-account/icon-warn-1.png';
 
@@ -46,7 +52,7 @@ const open = (record) => {
 async function onDelete() {
   const { code } = await deleteGroup(groupId.value);
   if (code === 200) {
-    AMessage.success('删除成功');
+    message.success('删除成功');
     emits('success');
     onClose();
   }
diff --git a/src/views/property-marketing/media-account/account-manage/components/group-manage-modal/index.vue b/src/views/property-marketing/media-account/account-manage/components/group-manage-modal/index.vue
index 675e3b1..cc1dcae 100644
--- a/src/views/property-marketing/media-account/account-manage/components/group-manage-modal/index.vue
+++ b/src/views/property-marketing/media-account/account-manage/components/group-manage-modal/index.vue
@@ -3,84 +3,103 @@
  * @Date: 2025-06-25 17:51:46
 -->
 <template>
-  <a-modal
-    v-model:visible="visible"
+  <Modal
+    v-model:open="visible"
     width="900px"
-    modal-class="account-manage-modal"
-    :footer="false"
+    wrapClassName="account-manage-modal"
+    :footer="null"
+    centered
     title="分组管理"
-    :mask-closable="false"
-    @close="close"
+    :maskClosable="false"
+    @cancel="close"
   >
     <div class="flex items-center justify-between mb-16px">
       <div class="filter-row-item flex items-center">
         <span class="s1 !color-#211F24 mr-12px">分组名称</span>
-        <a-space size="medium" class="w-240px">
-          <a-input v-model="query.name" placeholder="请搜索..." size="medium" allow-clear @change="reload">
+        <Space size="medium" class="w-240px">
+          <Input v-model:value="query.name" placeholder="请搜索..." size="middle" allowClear @change="reload">
             <template #prefix>
               <icon-search />
             </template>
-          </a-input>
-        </a-space>
+          </Input>
+        </Space>
       </div>
-      <a-button type="primary" size="medium" @click="openAdd"
+      <Button type="primary" size="middle" @click="openAdd"
         ><template #icon>
-          <icon-plus size="16" />
+          <icon-plus size="16" class="mr-8px" />
         </template>
         <template #default>添加新分组</template>
-      </a-button>
+      </Button>
     </div>
 
-    <a-table
-      column-resizable
-      :columns="columns"
-      :data="list"
-      row-key="id"
+    <Table
+      :dataSource="list"
+      rowKey="id"
       :loading="loading"
       :scroll="{ y: 500 }"
       class="h-500px"
       :pagination="false"
-      @sorter-change="handleSorterChange"
+      :showSorterTooltip="false"
+      @change="
+        (pagination, filters, sorter) => {
+          if (sorter && sorter.columnKey) {
+            handleSorterChange(sorter.columnKey, sorter.order);
+          }
+        }
+      "
     >
-      <template #empty>
+      <Table.Column title="分组名称" dataIndex="name" />
+      <Table.Column title="创建人" dataIndex="creator">
+        <template #customRender="{ record }">
+          {{ record.creator?.name || '-' }}
+        </template>
+      </Table.Column>
+      <Table.Column title="创建日期" dataIndex="created_at" :width="160" key="created_at" :sorter="true">
+        <template #customRender="{ record }">
+          {{ exactFormatTime(record.created_at) }}
+        </template>
+      </Table.Column>
+      <Table.Column title="操作" :align="'center'" :width="120">
+        <template #customRender="{ record }">
+          <div class="flex items-center">
+            <img :src="icon1" width="16" height="16" class="mr-8px cursor-pointer" @click="openDelete(record)" />
+            <Button type="primary" size="small" @click="openEdit(record)">编辑</Button>
+          </div>
+        </template>
+      </Table.Column>
+      <template #emptyText>
         <NoData>
           <span class="s1 mb-16px">暂无分组</span>
-          <a-button type="primary" class="mb-16px" size="medium" @click="openAdd"
+          <Button type="primary" class="mb-16px" size="middle" @click="openAdd"
             ><template #icon>
-              <icon-plus size="16"/>
+              <icon-plus size="16" class="mr-8px" />
             </template>
             <template #default>去添加</template>
-          </a-button>
+          </Button>
         </NoData>
       </template>
-      <template #action="{ record }">
-        <div class="flex items-center">
-          <img :src="icon1" width="16" height="16" class="mr-8px cursor-pointer" @click="openDelete(record)" />
-          <a-button type="primary" @click="openEdit(record)">编辑</a-button>
-        </div>
-      </template>
-    </a-table>
+    </Table>
     <div v-if="pageInfo.total > 0" class="pagination-row flex justify-end">
-      <a-pagination
+      <Pagination
         :total="pageInfo.total"
-        size="mini"
-        show-total
-        show-jumper
-        show-page-size
+        size="small"
+        :showTotal="(total, range) => `共 ${total} 条`"
+        showSizeChanger
+        showQuickJumper
         :current="pageInfo.page"
-        :page-size="pageInfo.pageSize"
+        :pageSize="pageInfo.pageSize"
         @change="onPageChange"
-        @page-size-change="onPageSizeChange"
       />
     </div>
 
     <AddGroup ref="addGroupRef" @success="update" />
     <DeleteGroup ref="deleteGroupRef" @success="update" />
-  </a-modal>
+  </Modal>
 </template>
 
 <script setup>
 import { ref, reactive, onMounted } from 'vue';
+import { Button, Input, Modal, Space, Table, Pagination } from 'ant-design-vue';
 import { getAccountGroup } from '@/api/all/propertyMarketing';
 import { exactFormatTime } from '@/utils/tools';
 
@@ -115,25 +134,6 @@ const loading = ref(false);
 const query = ref(cloneDeep(INITIAL_QUERY));
 const pageInfo = ref(cloneDeep(INITIAL_PAGE_INFO));
 
-const columns = [
-  { title: '分组名称', dataIndex: 'name' },
-  {
-    title: '创建人',
-    dataIndex: 'creator',
-    render: ({ record }) => record.creator?.name || '-',
-  },
-  {
-    title: '创建日期',
-    dataIndex: 'created_at',
-    width: 160,
-    render: ({ record }) => exactFormatTime(record.created_at),
-    sortable: {
-      sortDirections: ['ascend', 'descend'],
-    },
-  },
-  { title: '操作', slotName: 'action', align: 'center', width: 120 },
-];
-
 function open() {
   visible.value = true;
   getData();
@@ -188,8 +188,9 @@ const reload = () => {
   getData();
 };
 
-const onPageChange = (current) => {
+const onPageChange = (current, pageSize) => {
   pageInfo.value.page = current;
+  pageInfo.value.pageSize = pageSize;
   getData();
 };
 const onPageSizeChange = (pageSize) => {
diff --git a/src/views/property-marketing/media-account/account-manage/components/group-manage-modal/style.scss b/src/views/property-marketing/media-account/account-manage/components/group-manage-modal/style.scss
index f2e8984..7364c0a 100644
--- a/src/views/property-marketing/media-account/account-manage/components/group-manage-modal/style.scss
+++ b/src/views/property-marketing/media-account/account-manage/components/group-manage-modal/style.scss
@@ -2,9 +2,9 @@
 
 .account-manage-modal {
   border-radius: 8px;
-  .arco-modal-body {
-    .arco-btn {
-      .arco-btn-icon {
+  .ant-modal-body {
+    .ant-btn {
+      .ant-btn-icon {
         line-height: 16px;
       }
     }
diff --git a/src/views/property-marketing/media-account/account-manage/components/import-prompt-modal/index.vue b/src/views/property-marketing/media-account/account-manage/components/import-prompt-modal/index.vue
index 5239f6b..fd69d4d 100644
--- a/src/views/property-marketing/media-account/account-manage/components/import-prompt-modal/index.vue
+++ b/src/views/property-marketing/media-account/account-manage/components/import-prompt-modal/index.vue
@@ -3,13 +3,14 @@
  * @Date: 2025-06-25 17:51:46
 -->
 <template>
-  <a-modal
-    v-model:visible="visible"
+  <Modal
+    v-model:open="visible"
     width="480px"
     title="导入提示"
-    modal-class="import-prompt-modal"
-    :mask-closable="false"
-    @close="close"
+    wrapClassName="import-prompt-modal"
+    :maskClosable="false"
+    centered
+    @cancel="close"
   >
     <div class="flex flex-col items-center">
       <div class="flex items-center">
@@ -21,13 +22,14 @@
       </div>
     </div>
     <template #footer>
-      <a-button size="large" @click="close">取消</a-button>
-      <a-button type="primary" size="large" @click="handleOk"> 去授权 </a-button>
+      <Button size="large" @click="close">取消</Button>
+      <Button type="primary" size="large" @click="handleOk"> 去授权 </Button>
     </template>
-  </a-modal>
+  </Modal>
 </template>
 
 <script setup>
+import { Button, Modal } from 'ant-design-vue';
 import { defineExpose } from 'vue';
 
 import icon1 from '@/assets/img/media-account/icon-warn-1.png';
diff --git a/src/views/property-marketing/media-account/account-manage/components/import-prompt-modal/style.scss b/src/views/property-marketing/media-account/account-manage/components/import-prompt-modal/style.scss
index 85f9419..b81de5c 100644
--- a/src/views/property-marketing/media-account/account-manage/components/import-prompt-modal/style.scss
+++ b/src/views/property-marketing/media-account/account-manage/components/import-prompt-modal/style.scss
@@ -1,7 +1,7 @@
 @import "@/views/property-marketing/component.scss";
 .import-prompt-modal {
   border-radius: 8px;
-  .arco-modal-body {
+  .ant-modal-body {
     .tip {
       color: var(--Text-1, #211f24);
       font-family: $font-family-regular;
diff --git a/src/views/property-marketing/media-account/account-manage/components/reauthorize-account-modal/index.vue b/src/views/property-marketing/media-account/account-manage/components/reauthorize-account-modal/index.vue
index 1ae4e00..582b607 100644
--- a/src/views/property-marketing/media-account/account-manage/components/reauthorize-account-modal/index.vue
+++ b/src/views/property-marketing/media-account/account-manage/components/reauthorize-account-modal/index.vue
@@ -3,24 +3,25 @@
  * @Date: 2025-06-25 17:51:46
 -->
 <template>
-  <a-modal
-    v-model:visible="visible"
+  <Modal
+    v-model:open="visible"
     width="500px"
+    centered
     title="重新授权"
-    modal-class="reauthorize-account-modal"
-    :mask-closable="false"
-    :footer="modalState !== MODAL_STATE.LOADING"
-    @close="close"
+    wrapClassName="reauthorize-account-modal"
+    :maskClosable="false"
+    :footer="modalState === MODAL_STATE.LOADING ? null : footer"
+    @cancel="close"
   >
     <div class="flex flex-col items-center">
       <!-- 加载中状态 -->
       <template v-if="modalState === MODAL_STATE.LOADING">
-        <a-progress
+        <Progress
           :percent="progress"
-          color="#6D4CFE"
-          trackColor="#E6E6E8"
-          size="large"
-          :stroke-width="4"
+          strokeColor="#6D4CFE"
+          trailColor="#E6E6E8"
+          size="default"
+          :strokeWidth="4"
           type="circle"
         />
         <p class="s2 mt-16px">数据同步和初始化中，请勿关闭窗口。</p>
@@ -54,7 +55,7 @@
             <!-- 二维码加载中或失败 -->
             <template v-if="modalState === MODAL_STATE.QR_LOADING || modalState === MODAL_STATE.QR_FAILED">
               <div class="relative w-160px h-160px">
-                <a-image :src="icon1" width="160" height="160" />
+                <Image :src="icon1" :width="160" :height="160" />
                 <div class="absolute top-0 left-0 z-2 w-full h-full flex flex-col items-center justify-center">
                   <img
                     v-if="modalState === MODAL_STATE.QR_FAILED"
@@ -77,7 +78,7 @@
             </template>
 
             <!-- 正常二维码 -->
-            <a-image v-else :src="qrCodeUrl" width="160" height="160" />
+            <Image v-else :src="qrCodeUrl" :width="160" :height="160" />
 
             <!-- 二维码失效遮罩 -->
             <div v-if="modalState === MODAL_STATE.QR_EXPIRED" class="mask cursor-pointer" @click="handleRefreshQrCode">
@@ -92,28 +93,26 @@
     </div>
 
     <template #footer>
-      <a-button v-if="modalState === MODAL_STATE.QR_READY" size="large" @click="handleRefreshQrCode">
-        重新生成
-      </a-button>
-      <a-button
+      <Button v-if="modalState === MODAL_STATE.QR_READY" size="large" @click="handleRefreshQrCode"> 重新生成 </Button>
+      <Button
         v-if="modalState === MODAL_STATE.SUCCESS || modalState === MODAL_STATE.FAILED"
         size="large"
         @click="close"
       >
         取消
-      </a-button>
-      <a-button type="primary" size="large" @click="handleOk">
+      </Button>
+      <Button type="primary" size="large" @click="handleOk">
         {{ confirmBtnText }}
-      </a-button>
+      </Button>
     </template>
-  </a-modal>
+  </Modal>
 
   <SyncDataModal ref="syncDataModalRef" />
 </template>
 
 <script setup>
 import { defineExpose, ref, computed } from 'vue';
-import { Message as AMessage } from '@arco-design/web-vue';
+import { Button, Modal, message, Image, Progress } from 'ant-design-vue';
 import { getMediaAccountsAuthorizedStatus, getAuthorizedImage } from '@/api/all/propertyMarketing';
 import SyncDataModal from '../sync-data-modal';
 
@@ -260,12 +259,12 @@ const getAuthorizedStatus = async () => {
 const startFakeProgressPolling = () => {
   clearFakeProgressTimer();
   progressTimer = setInterval(() => {
-    if (modalState.value === MODAL_STATE.LOADING && progress.value < 0.99) {
-      const step = Math.random() * 0.04 + 0.01;
-      progress.value = Math.min(progress.value + step, 0.99);
+    if (modalState.value === MODAL_STATE.LOADING && progress.value < 99) {
+      const step = Math.random() * 4 + 1;
+      progress.value = Math.min(progress.value + step, 99);
       progress.value = Number(progress.value.toFixed(2));
-    } else if (modalState.value === MODAL_STATE.LOADING && progress.value >= 0.99) {
-      progress.value = 0.99; // 卡在99%
+    } else if (modalState.value === MODAL_STATE.LOADING && progress.value >= 99) {
+      progress.value = 99; // 卡在99%
     } else {
       clearFakeProgressTimer();
       clearStatusPollingTimer();
@@ -297,14 +296,14 @@ const handleRefreshQrCode = () => {
 const handleOk = () => {
   // 二维码已过期
   if (modalState.value === MODAL_STATE.QR_EXPIRED) {
-    AMessage.error('二维码已失效，请重新扫码');
+    message.error('二维码已失效，请重新扫码');
     handleRefreshQrCode();
     return;
   }
 
   // 二维码还在加载中
   if (modalState.value === MODAL_STATE.QR_LOADING) {
-    AMessage.warning('二维码生成中，请稍等');
+    message.warning('二维码生成中，请稍等');
     return;
   }
 
diff --git a/src/views/property-marketing/media-account/account-manage/components/sync-data-modal/index.vue b/src/views/property-marketing/media-account/account-manage/components/sync-data-modal/index.vue
index 83133f6..fcb6ec2 100644
--- a/src/views/property-marketing/media-account/account-manage/components/sync-data-modal/index.vue
+++ b/src/views/property-marketing/media-account/account-manage/components/sync-data-modal/index.vue
@@ -3,13 +3,14 @@
  * @Date: 2025-06-25 17:51:46
 -->
 <template>
-  <a-modal
-    v-model:visible="visible"
+  <Modal
+    v-model:open="visible"
     width="480px"
     title="更新数据"
-    modal-class="sync-data-modal"
-    :mask-closable="false"
-    @close="close"
+    centered
+    wrapClassName="sync-data-modal"
+    :maskClosable="false"
+    @cancel="close"
   >
     <div class="flex flex-col items-center">
       <div class="flex items-center">
@@ -20,14 +21,15 @@
       </div>
     </div>
     <template #footer>
-      <a-button size="large" @click="close">稍后再说</a-button>
-      <a-button type="primary" size="large" @click="handleOk"> 更新数据 </a-button>
+      <Button size="large" @click="close">稍后再说</Button>
+      <Button type="primary" size="large" @click="handleOk"> 更新数据 </Button>
     </template>
-  </a-modal>
+  </Modal>
 </template>
 
 <script setup>
 import { defineExpose } from 'vue';
+import { Button, Modal } from 'ant-design-vue';
 
 import icon1 from '@/assets/img/media-account/icon-warn-1.png';
 
diff --git a/src/views/property-marketing/media-account/account-manage/components/sync-data-modal/style.scss b/src/views/property-marketing/media-account/account-manage/components/sync-data-modal/style.scss
index 20c5586..5c52fa7 100644
--- a/src/views/property-marketing/media-account/account-manage/components/sync-data-modal/style.scss
+++ b/src/views/property-marketing/media-account/account-manage/components/sync-data-modal/style.scss
@@ -1,7 +1,7 @@
 @import "@/views/property-marketing/component.scss";
 .sync-data-modal {
   border-radius: 8px;
-  .arco-modal-body {
+  .ant-modal-body {
     .tip {
       color: var(--Text-1, #211f24);
       font-family: $font-family-regular;
diff --git a/src/views/property-marketing/media-account/account-manage/components/tags-manage-modal/add-tag.vue b/src/views/property-marketing/media-account/account-manage/components/tags-manage-modal/add-tag.vue
index c456871..52fc454 100644
--- a/src/views/property-marketing/media-account/account-manage/components/tags-manage-modal/add-tag.vue
+++ b/src/views/property-marketing/media-account/account-manage/components/tags-manage-modal/add-tag.vue
@@ -1,25 +1,27 @@
 <template>
-  <a-modal
-    v-model:visible="visible"
+  <Modal
+    v-model:open="visible"
     :title="isEdit ? '编辑标签' : '添加新标签'"
-    modal-class="tags-manage-modal"
+    wrapClassName="tags-manage-modal"
     width="400px"
-    @close="onClose"
+    centered
+    @cancel="onClose"
   >
-    <a-form ref="formRef" :model="form" :rules="rules" layout="horizontal" auto-label-width>
-      <a-form-item :label="isEdit ? '标签名称' : '新标签名称'" field="name" required>
-        <a-input v-model="form.name" placeholder="请输入…" />
-      </a-form-item>
-    </a-form>
+    <Form ref="formRef" :model="form" :rules="rules" layout="horizontal" auto-label-width>
+      <FormItem :label="isEdit ? '标签名称' : '新标签名称'" name="name" required>
+        <Input v-model:value="form.name" placeholder="请输入…" />
+      </FormItem>
+    </Form>
     <template #footer>
-      <a-button @click="onClose">取消</a-button>
-      <a-button type="primary" class="ml-16px" @click="onSubmit">确认</a-button>
+      <Button @click="onClose">取消</Button>
+      <Button type="primary" class="ml-16px" @click="onSubmit">确认</Button>
     </template>
-  </a-modal>
+  </Modal>
 </template>
 
 <script setup>
 import { ref, nextTick } from 'vue';
+import { Button, Modal, Form, FormItem, Input, message } from 'ant-design-vue';
 import { postAccountTags, putTag } from '@/api/all/propertyMarketing';
 
 const emits = defineEmits(['success', 'close']);
@@ -57,18 +59,17 @@ const open = (record = {}) => {
 };
 
 async function onSubmit() {
-  formRef.value.validate(async (errors) => {
-    if (!errors) {
+  formRef.value.validate()
+    .then(async () => {
       const _fn = isEdit.value ? putTag : postAccountTags;
       const _params = isEdit.value ? { id: tagId.value, ...form.value } : form.value;
       const { code } = await _fn(_params);
       if (code === 200) {
-        AMessage.success(isEdit.value ? '编辑成功' : '添加成功');
+        message.success(isEdit.value ? '编辑成功' : '添加成功');
         emits('success');
         onClose();
       }
-    }
-  });
+    })
 }
 
 defineExpose({ open });
diff --git a/src/views/property-marketing/media-account/account-manage/components/tags-manage-modal/delete-tag.vue b/src/views/property-marketing/media-account/account-manage/components/tags-manage-modal/delete-tag.vue
index f48ddb6..e893b69 100644
--- a/src/views/property-marketing/media-account/account-manage/components/tags-manage-modal/delete-tag.vue
+++ b/src/views/property-marketing/media-account/account-manage/components/tags-manage-modal/delete-tag.vue
@@ -3,22 +3,28 @@
  * @Date: 2025-06-26 17:23:52
 -->
 <template>
-  <a-modal v-model:visible="visible" title="删除标签" width="400px" modal-class="account-manage-modal" @close="onClose">
+  <Modal
+    v-model:open="visible"
+    title="删除标签"
+    centered
+    width="400px"
+    wrapClassName="account-manage-modal"
+    @cancel="onClose"
+  >
     <div class="flex items-center">
       <img :src="icon1" width="20" height="20" class="mr-12px" />
       <span>确认删除 "{{ tagName }}" 这个标签吗？</span>
     </div>
     <template #footer>
-      <a-button size="large" @click="onClose">取消</a-button>
-      <a-button type="primary" class="ml-16px danger-btn" status="danger" size="large" @click="onDelete"
-        >确认删除</a-button
-      >
+      <Button size="large" @click="onClose">取消</Button>
+      <Button type="primary" class="ml-16px" danger size="large" @click="onDelete">确认删除</Button>
     </template>
-  </a-modal>
+  </Modal>
 </template>
 
 <script setup>
 import { ref } from 'vue';
+import { Button, message } from 'ant-design-vue';
 import { deleteTag } from '@/api/all/propertyMarketing';
 import icon1 from '@/assets/img/media-account/icon-warn-1.png';
 
@@ -46,7 +52,7 @@ const open = (record) => {
 async function onDelete() {
   const { code } = await deleteTag(tagId.value);
   if (code === 200) {
-    AMessage.success('删除成功');
+    message.success('删除成功');
     emits('success');
     onClose();
   }
diff --git a/src/views/property-marketing/media-account/account-manage/components/tags-manage-modal/index.vue b/src/views/property-marketing/media-account/account-manage/components/tags-manage-modal/index.vue
index 77950ea..aa01e76 100644
--- a/src/views/property-marketing/media-account/account-manage/components/tags-manage-modal/index.vue
+++ b/src/views/property-marketing/media-account/account-manage/components/tags-manage-modal/index.vue
@@ -3,65 +3,71 @@
  * @Date: 2025-06-25 17:58:28
 -->
 <template>
-  <a-modal
-    v-model:visible="visible"
+  <Modal
+    v-model:open="visible"
     width="800px"
-    modal-class="tags-manage-modal"
-    :footer="false"
+    wrapClassName="tags-manage-modal"
+    :footer="null"
+    centered
     title="标签管理"
-    :mask-closable="false"
-    @close="close"
+    :maskClosable="false"
+    @cancel="close"
   >
     <div class="flex items-center justify-between mb-16px">
       <div class="filter-row-item flex items-center">
         <span class="s1 !color-#211F24 mr-12px">分组名称</span>
-        <a-space size="medium" class="w-240px">
-          <a-input v-model="query.name" placeholder="请搜索..." size="medium" allow-clear @change="handleSearch">
-            <template #prefix>
-              <icon-search />
-            </template>
-          </a-input>
-        </a-space>
+        <Input
+          v-model:value="query.name"
+          placeholder="请搜索..."
+          class="w-240px"
+          size="medium"
+          allowClear
+          @change="handleSearch"
+        >
+          <template #prefix>
+            <icon-search />
+          </template>
+        </Input>
       </div>
-      <a-button type="primary" size="medium" @click="openAdd">
+      <Button type="primary" @click="openAdd">
         <template #icon>
-          <icon-plus size="16" />
+          <icon-plus size="16" class="mr-8px" />
         </template>
         <template #default>添加新标签</template>
-      </a-button>
+      </Button>
     </div>
 
     <div class="h-300px">
       <div v-if="showDataSource.length" class="tag-list">
-        <a-tooltip v-for="tag in showDataSource" :key="tag.id" content="双击修改标签名">
+        <Tooltip v-for="tag in showDataSource" :key="tag.id" title="双击修改标签名">
           <div class="tag-item cursor-pointer" @dblclick="openEdit(tag)">
             <span>{{ tag.name }}</span>
             <img :src="iconDelete" class="delete-icon" @click="openDelete(tag)" />
           </div>
-        </a-tooltip>
+        </Tooltip>
       </div>
       <template v-else>
         <NoData>
           <span class="s1 mb-16px">暂无标签</span>
-          <a-button type="primary" class="mb-16px" size="medium" @click="openAdd">
+          <Button type="primary" class="mb-16px" @click="openAdd">
             <template #icon>
-              <icon-plus size="16" />
+              <icon-plus size="16" class="mr-8px" />
             </template>
             <template #default>去添加</template>
-          </a-button>
+          </Button>
         </NoData>
       </template>
     </div>
 
     <AddTag ref="addTagRef" @success="update" />
     <DeleteTag ref="deleteTagRef" @success="update" />
-  </a-modal>
+  </Modal>
 </template>
 
 <script setup>
 import { ref } from 'vue';
+import { Button, Modal, Input, Tooltip } from 'ant-design-vue';
 import { getTagsList } from '@/api/all/propertyMarketing';
-
 import AddTag from './add-tag.vue';
 import DeleteTag from './delete-tag.vue';
 
diff --git a/src/views/property-marketing/media-account/account-manage/components/tags-manage-modal/style.scss b/src/views/property-marketing/media-account/account-manage/components/tags-manage-modal/style.scss
index 7f80aef..b1b3d1f 100644
--- a/src/views/property-marketing/media-account/account-manage/components/tags-manage-modal/style.scss
+++ b/src/views/property-marketing/media-account/account-manage/components/tags-manage-modal/style.scss
@@ -3,14 +3,14 @@
 .tags-manage-modal {
   border-radius: 8px;
 
-  .arco-modal-body {
+  .ant-modal-body {
     // padding: 24px 24px 44px !important;
     overflow: hidden;
     display: flex;
     flex-direction: column;
-    .arco-btn {
+    .arcanto-btn {
       width: fit-content;
-      .arco-btn-icon {
+      .ant-btn-icon {
         line-height: 16px;
       }
     }
diff --git a/src/views/property-marketing/media-account/account-manage/constants.ts b/src/views/property-marketing/media-account/account-manage/constants.ts
index 70da768..c46f3ca 100644
--- a/src/views/property-marketing/media-account/account-manage/constants.ts
+++ b/src/views/property-marketing/media-account/account-manage/constants.ts
@@ -4,9 +4,9 @@
  */
 export const INITIAL_QUERY = {
   search: '',
-  status: '',
-  platform: '',
-  operator_id: '',
+  status: undefined,
+  platform: undefined,
+  operator_id: undefined,
   group_ids: [],
   tag_ids: [],
   project_ids: [],
diff --git a/src/views/property-marketing/media-account/account-manage/index.vue b/src/views/property-marketing/media-account/account-manage/index.vue
index 998e913..b9a2965 100644
--- a/src/views/property-marketing/media-account/account-manage/index.vue
+++ b/src/views/property-marketing/media-account/account-manage/index.vue
@@ -4,28 +4,28 @@
 -->
 <template>
   <div class="account-manage-wrap">
-    <div class="filter-wrap bg-#fff rounded-8px ">
+    <div class="filter-wrap bg-#fff rounded-8px">
       <div class="top flex h-64px px-24px py-10px justify-between items-center">
         <p class="text-18px font-400 lh-26px color-#211F24 title">账号管理</p>
         <div class="flex items-center">
-          <a-button class="w-112px mr-12px" type="outline" size="medium" @click="handleOpenTagsModal">
+          <Button class="w-112px mr-12px" type="primary" ghost size="middle" @click="handleOpenTagsModal">
             <template #icon>
-              <img :src="icon3" width="16" height="16" />
+              <img :src="icon3" width="16" height="16" class="mr-8px" />
             </template>
-            <template #default>标签管理</template>
-          </a-button>
-          <a-button class="w-112px mr-12px" type="outline" size="medium" @click="handleOpenGroupModal">
+            标签管理
+          </Button>
+          <Button class="w-112px mr-12px" type="outline" size="middle" @click="handleOpenGroupModal">
             <template #icon>
-              <img :src="icon2" width="16" height="16" />
+              <img :src="icon2" width="16" height="16" class="mr-8px" />
             </template>
-            <template #default>分组管理</template>
-          </a-button>
-          <a-button type="primary" class="w-112px" size="medium" @click="handleOpenAccountModal">
+            分组管理
+          </Button>
+          <Button type="primary" class="w-112px" size="middle" @click="handleOpenAccountModal">
             <template #icon>
-              <icon-plus size="16"/>
+              <icon-plus size="16" class="mr-8px" />
             </template>
             <template #default>添加账号</template>
-          </a-button>
+          </Button>
         </div>
       </div>
       <FilterBlock ref="filterBlockRef" v-model:query="query" @onSearch="handleSearch" @onReset="handleReset" />
@@ -33,17 +33,17 @@
 
     <div
       v-if="dataSource.length > 0"
-      class="tip-row flex justify-between px-16px py-10px w-100% my-12px h-42px"
+      class="tip-row flex justify-between items-center px-16px py-10px w-100% my-12px h-48px"
       :class="selectedItems.length > 0 ? 'selected' : isAbNormalStatus ? 'abnormal' : 'normal'"
     >
       <div class="flex items-center">
         <div class="flex items-center">
           <template v-if="selectedItems.length > 0">
-            <a-checkbox
-              :model-value="checkedAll"
+            <Checkbox
+              :checked="checkedAll"
               :indeterminate="indeterminate"
               class="mr-8px"
-              @change="handleChangeAll"
+              @change="(e) => handleChangeAll(e.target.checked)"
             />
             <span class="label mr-24px">
               已选
@@ -69,11 +69,11 @@
         <img :src="icon6" width="16" height="16" class="cursor-pointer" @click="handleCloseTip" />
       </template>
       <div v-else>
-        <a-space v-if="isAbNormalStatus" class="flex items-center">
-          <a-button type="primary" status="danger" size="mini" @click="handleOpenAbnormalAccount">
+        <Space v-if="isAbNormalStatus" class="flex items-center">
+          <Button type="primary" danger size="small" @click="handleOpenAbnormalAccount">
             <template #default>查看异常账号</template>
-          </a-button>
-        </a-space>
+          </Button>
+        </Space>
       </div>
     </div>
     <div class="card-wrap">
@@ -92,17 +92,16 @@
       <NoData v-else />
 
       <div v-if="pageInfo.total > 0" class="pagination-row">
-        <a-pagination
+        <Pagination
           :total="pageInfo.total"
-          size="mini"
-          show-total
-          show-jumper
-          show-page-size
-          :page-size-options="[8, 16, 20, 32, 64]"
+          size="small"
+          :showTotal="(total, range) => `共 ${total} 条`"
+          showSizeChanger
+          showQuickJumper
           :current="pageInfo.page"
-          :page-size="pageInfo.pageSize"
+          :pageSize="pageInfo.pageSize"
+          :pageSizeOptions="['8', '16', '20', '32', '64']"
           @change="onPageChange"
-          @page-size-change="onPageSizeChange"
         />
       </div>
     </div>
@@ -119,7 +118,7 @@
 
 <script setup>
 import { ref, provide } from 'vue';
-import { Notification } from '@arco-design/web-vue';
+import { Checkbox, Button, Space, Pagination, notification } from 'ant-design-vue';
 
 import FilterBlock from './components/filter-block';
 import AccountTable from './components/account-table';
@@ -240,8 +239,10 @@ const handleReset = () => {
   reload();
 };
 
-const onPageChange = (current) => {
+const onPageChange = (current, pageSize) => {
   pageInfo.value.page = current;
+  pageInfo.value.pageSize = pageSize;
+
   getData();
 };
 const onPageSizeChange = (pageSize) => {
@@ -355,7 +356,7 @@ const getSyncTaskStatus = async (id, notificationId) => {
   if (code === 200) {
     if (data?.status !== 0) {
       clearQueryTaskTimer();
-      notificationId && Notification.remove(notificationId);
+      notificationId && notification.close(notificationId);
       showImportResultNotification(data);
       getData();
     }
diff --git a/src/views/property-marketing/media-account/components/status-select/index.vue b/src/views/property-marketing/media-account/components/status-select/index.vue
index 811e3e0..2c99c9c 100644
--- a/src/views/property-marketing/media-account/components/status-select/index.vue
+++ b/src/views/property-marketing/media-account/components/status-select/index.vue
@@ -3,15 +3,15 @@
  * @Date: 2025-06-25 14:02:40
 -->
 <template>
-  <a-select
-    v-model="selectedStatus"
-    :multiple="multiple"
-    size="medium"
+  <Select
+    v-model:value="selectedStatus"
+    :mode="multiple ? 'multiple' : undefined"
+    size="middle"
     :placeholder="placeholder"
-    allow-clear
+    allowClear
     @change="handleChange"
   >
-    <a-option
+    <Option
       v-for="(item, index) in STATUS_LIST"
       :key="index"
       :value="item.value"
@@ -19,11 +19,13 @@
       :style="item.style"
     >
       {{ item.text }}
-    </a-option>
-  </a-select>
+    </Option>
+  </Select>
 </template>
 
 <script setup>
+import { Select } from 'ant-design-vue';
+const { Option } = Select;
 import { ref, watch } from 'vue';
 import { STATUS_LIST } from '@/views/property-marketing/media-account/components/status-select/constants';
 
diff --git a/src/views/property-marketing/media-account/components/status-select/status-box.tsx b/src/views/property-marketing/media-account/components/status-select/status-box.tsx
index 3557ace..18edf23 100644
--- a/src/views/property-marketing/media-account/components/status-select/status-box.tsx
+++ b/src/views/property-marketing/media-account/components/status-select/status-box.tsx
@@ -1,5 +1,5 @@
 import { defineComponent, computed } from 'vue';
-import { Tooltip } from '@arco-design/web-vue';
+import { Tooltip } from 'ant-design-vue';
 
 import iconWarn1 from '@/assets/img/media-account/icon-warn-1.png';
 import iconWarn2 from '@/assets/img/media-account/icon-warn-2.png';
@@ -111,7 +111,7 @@ export default defineComponent({
       const { background, color, label } = statusInfo.value;
       if (status === EnumStatus.NORMAL) {
         return (
-          <div class="flex items-center status-box">
+          <div class="flex items-center status-box w-fit">
             {to_be_expire_for_cookie === EnumExpireForCookie.EXPIRE && (
               <div class="flex items-center rounded-2px px-8px mr-8px" style={{ background, color }}>
                 <img src={icon1} width="12" height="12" class="mr-4px" />
@@ -129,12 +129,12 @@ export default defineComponent({
       }
 
       return (
-        <div class="flex items-center rounded-2px px-8px status-box" style={{ background, color }}>
+        <div class="flex items-center rounded-2px px-8px status-box w-fit" style={{ background, color }}>
           <span class="text-14px lh-22px font-400 label">{label}</span>
           {status === EnumStatus.PAUSE ? (
             <img src={iconWarn1} width="12" height="12" class="ml-4px" />
           ) : (
-            <Tooltip content={statusInfo.value.tooltip}>
+            <Tooltip title={statusInfo.value.tooltip}>
               <img src={iconWarn2} width="12" height="12" class="ml-4px" />
             </Tooltip>
           )}
diff --git a/src/views/property-marketing/project-manage/project-list/components/add-project-modal/index.vue b/src/views/property-marketing/project-manage/project-list/components/add-project-modal/index.vue
index 15cb4f9..4b980df 100644
--- a/src/views/property-marketing/project-manage/project-list/components/add-project-modal/index.vue
+++ b/src/views/property-marketing/project-manage/project-list/components/add-project-modal/index.vue
@@ -1,35 +1,37 @@
 <template>
-  <a-modal
-    v-model:visible="visible"
+  <Modal
+    v-model:open="visible"
     title="添加项目"
-    modal-class="add-project-modal"
+    wrapClassName="add-project-modal"
     width="960px"
-    :mask-closable="false"
-    @close="onClose"
+    centered
+    :maskClosable="false"
+    @cancel="onClose"
   >
     <div class="content">
-      <a-steps changeable :current="currentStep" @change="setCurrent" class="mb-24px mx-79px">
-        <a-step v-for="(step, index) in STEPS" :key="index">{{ step.label }}</a-step>
-      </a-steps>
+      <Steps changeable :current="currentStep" @change="setCurrent" class="mb-24px px-79px w-full">
+        <Steps.Step v-for="(step, index) in STEPS" :key="index" :title="step.label" />
+      </Steps>
 
       <component :is="activeComp" v-model:formQuery="formQuery" ref="compRef" />
     </div>
     <template #footer>
       <div class="flex justify-between items-center w-100%">
         <div>
-          <a-button type="outline" size="medium" @click="onPrev" v-if="!isFirstStep">上一步</a-button>
+          <Button type="primary" ghost size="middle" @click="onPrev" v-if="!isFirstStep">上一步</Button>
         </div>
         <div class="flex items-center">
-          <a-button size="medium" class="mr-8px" @click="onCancel">取消</a-button>
-          <a-button type="primary" size="medium" @click="onSubmit">{{ isLastStep ? '确认添加' : '下一步' }}</a-button>
+          <Button size="middle" class="mr-8px" @click="onCancel">取消</Button>
+          <Button type="primary" size="middle" @click="onSubmit">{{ isLastStep ? '确认添加' : '下一步' }}</Button>
         </div>
       </div>
     </template>
-  </a-modal>
+  </Modal>
 </template>
 
 <script setup>
 import { postAddProject, putProject, getProjectDetail } from '@/api/all/propertyMarketing';
+import { Button, Modal, Steps } from 'ant-design-vue';
 
 import StepOne from './stepOne.vue';
 import StepTwo from './stepTwo.vue';
@@ -39,22 +41,22 @@ import StepFour from './stepFour.vue';
 const STEPS = [
   {
     label: '项目信息',
-    index: 1,
+    index: 0,
     comp: StepOne,
   },
   {
     label: '关联平台账号',
-    index: 2,
+    index: 1,
     comp: StepTwo,
   },
   {
     label: '关联渠道账户',
-    index: 3,
+    index: 2,
     comp: StepThree,
   },
   {
     label: '关联内容稿件',
-    index: 4,
+    index: 3,
     comp: StepFour,
   },
 ];
@@ -71,14 +73,14 @@ const INITIAL_QUERY = {
 const update = inject('update');
 
 const visible = ref(false);
-const currentStep = ref(1);
+const currentStep = ref(0);
 const formQuery = ref(cloneDeep(INITIAL_QUERY));
 const compRef = ref(null);
 const projectId = ref(null);
 
-const isFirstStep = computed(() => currentStep.value === 1);
+const isFirstStep = computed(() => currentStep.value === 0);
 const isEdit = computed(() => projectId.value);
-const isLastStep = computed(() => currentStep.value === STEPS.length);
+const isLastStep = computed(() => currentStep.value === STEPS.length - 1);
 const activeComp = computed(() => STEPS.find((v) => v.index === currentStep.value)?.comp ?? null);
 
 const open = (id = null) => {
@@ -98,7 +100,7 @@ const getDetail = (id) => {
   });
 };
 const onClose = () => {
-  currentStep.value = 1;
+  currentStep.value = 0;
   formQuery.value = cloneDeep(INITIAL_QUERY);
   projectId.value = '';
   compRef.value?.reset?.();
@@ -140,12 +142,12 @@ const handleEdit = () => {
   });
 };
 
-const setCurrent = async (current) => {
+const setCurrent = (current) => {
   if (isFirstStep.value) {
-    const valid = await compRef.value.validate();
-    if (!valid) {
-      return;
-    }
+    compRef.value?.validate().then(() => {
+      currentStep.value = current;
+    });
+    return;
   }
   currentStep.value = current;
 };
diff --git a/src/views/property-marketing/project-manage/project-list/components/add-project-modal/stepFour.vue b/src/views/property-marketing/project-manage/project-list/components/add-project-modal/stepFour.vue
index 2e32d26..58afd12 100644
--- a/src/views/property-marketing/project-manage/project-list/components/add-project-modal/stepFour.vue
+++ b/src/views/property-marketing/project-manage/project-list/components/add-project-modal/stepFour.vue
@@ -2,106 +2,102 @@
   <div class="table-wrap flex h-448px">
     <div class="left flex-1 pr-12px flex flex-col">
       <div class="flex items-center mb-16px">
-        <a-input
-          v-model="query.uid"
+        <Input
+          v-model:value="query.uid"
           class="w-160px mr-16px"
           placeholder="搜索序号"
           size="medium"
-          allow-clear
+          allowClear
           @change="handleSearch"
         >
           <template #prefix>
             <icon-search />
           </template>
-        </a-input>
-        <a-input
-          v-model="query.title"
+        </Input>
+        <Input
+          v-model:value="query.title"
           class="w-220px mr-16px"
           placeholder="搜索内容稿件标题"
           size="medium"
-          allow-clear
+          allowClear
           @change="handleSearch"
         >
           <template #prefix>
             <icon-search />
           </template>
-        </a-input>
+        </Input>
 
-        <a-select
-          v-model="query.uploader_id"
-          size="medium"
+        <Select
+          v-model:value="query.uploader_id"
+          size="middle"
           placeholder="选择上传人员"
           class="w-160px"
-          allow-clear
+          allowClear
           @change="handleSearch"
         >
-          <a-option v-for="(item, index) in uploaders" :key="index" :value="item.id" :label="item.name">
+          <Option v-for="(item, index) in uploaders" :key="index" :value="item.id" :label="item.name">
             {{ item.name || '-' }}
-          </a-option>
-        </a-select>
+          </Option>
+        </Select>
       </div>
-      <a-table
+      <Table
         ref="tableRef"
-        :data="dataSource"
-        column-resizable
-        row-key="id"
-        :row-selection="rowSelection"
+        :dataSource="dataSource"
+        rowKey="id"
+        :rowSelection="{
+          selectedRowKeys,
+          onSelect: handleSelect,
+          onSelectAll: handleSelectAll,
+        }"
         :pagination="false"
         :scroll="{ x: '100%', y: '100%' }"
         class="flex-1 overflow-hidden"
-        :selected-keys="selectedRowKeys"
         bordered
-        @select="handleSelect"
-        @select-all="handleSelectAll"
+        :showSorterTooltip="false"
       >
-        <template #empty>
+        <Table.Column
+          v-for="column in TABLE_COLUMNS"
+          :key="column.dataIndex"
+          :dataIndex="column.dataIndex"
+          :fixed="column.fixed"
+          :width="column.width"
+          :minWidth="column.minWidth"
+          :sortable="column.sortable"
+          :align="column.align"
+          :ellipsis="true"
+        >
+          <template #title>
+            <span class="cts mr-4px">{{ column.title }}</span>
+            <Tooltip v-if="column.tooltip" :title="column.tooltip" placement="top">
+              <icon-question-circle class="tooltip-icon color-#737478" size="16" />
+            </Tooltip>
+          </template>
+
+          <template #customRender="{ record }">
+            <template v-if="column.dataIndex === 'created_at'">
+              {{ exactFormatTime(record.created_at) }}
+            </template>
+            <template v-else>
+              {{ formatTableField(column, record, true) }}
+            </template>
+          </template>
+        </Table.Column>
+        <template #emptyText>
           <NoData text="暂无账户" />
         </template>
-        <template #columns>
-          <a-table-column
-            v-for="column in TABLE_COLUMNS"
-            :key="column.dataIndex"
-            :data-index="column.dataIndex"
-            :fixed="column.fixed"
-            :width="column.width"
-            :min-width="column.minWidth"
-            :sortable="column.sortable"
-            :align="column.align"
-            ellipsis
-            tooltip
-          >
-            <template #title>
-              <div class="flex items-center">
-                <span class="cts mr-4px">{{ column.title }}</span>
-                <a-tooltip v-if="column.tooltip" :content="column.tooltip" position="top">
-                  <icon-question-circle class="tooltip-icon color-#737478" size="16" />
-                </a-tooltip>
-              </div>
-            </template>
-
-            <template #cell="{ record }">
-              <template v-if="column.dataIndex === 'created_at'">
-                {{ exactFormatTime(record.created_at) }}
-              </template>
-              <template v-else>
-                {{ formatTableField(column, record, true) }}
-              </template>
-            </template>
-          </a-table-column>
-        </template>
-      </a-table>
+      </Table>
     </div>
     <div class="right w-320px px-12px flex flex-col">
       <div class="flex justify-between">
         <p class="mb-16px s1">{{ `已选择（${selectedRows?.length ?? 0}）` }}</p>
-        <a-button type="text" @click="onClearSelect" v-if="selectedRows.length">清空</a-button>
+        <Button type="text" @click="onClearSelect" v-if="selectedRows.length">清空</Button>
       </div>
       <div class="flex-1 overflow-y-auto overflow-x-hidden">
         <template v-if="selectedRows?.length">
           <div class="tag-item mb-8px" v-for="item in selectedRows" :key="item.id">
-            <a-tooltip :content="item.name">
-              <p class="name mr-4px">{{ item.name || '-' }}</p>
-            </a-tooltip>
+            <Tooltip :title="item.title">
+              <p class="name mr-4px">{{ item.title || '-' }}</p>
+            </Tooltip>
             <icon-close size="12" class="color-#3C4043 cursor-pointer flex-shrink-0" @click="onDelete(item)" />
           </div>
         </template>
@@ -113,6 +109,8 @@
 
 <script setup>
 import { formatTableField, exactFormatTime } from '@/utils/tools';
+import { Button, Input, Select, Table, Tooltip } from 'ant-design-vue';
+const { Option } = Select;
 
 import { getPlacementAccountOperators, getWorksList } from '@/api/all/propertyMarketing';
 import { getUserList } from '@/api/all/common';
@@ -149,16 +147,15 @@ const props = defineProps({
   },
 });
 
-const { dataSource, selectedRowKeys, selectedRows, rowSelection, handleSelect, handleSelectAll } =
-  useTableSelectionWithPagination({
-    onSelectChange: () => {
-      updateFormQuery();
-    },
-  });
+const { dataSource, selectedRowKeys, selectedRows, handleSelect, handleSelectAll } = useTableSelectionWithPagination({
+  onSelectChange: () => {
+    updateFormQuery();
+  },
+});
 
 const query = ref({
   uid: '',
-  uploader_id: '',
+  uploader_id: undefined,
   title: '',
 });
 const uploaders = ref([]);
@@ -175,7 +172,7 @@ const handleSearch = () => {
   dataSource.value = allData.value.filter((item) => {
     const uinMatch = uid === '' ? true : item.uid.includes(uid);
     const titleMatch = title === '' ? true : item.title === title;
-    const operatorIdMatch = uploader_id === '' ? true : item.uploader?.id === uploader_id;
+    const operatorIdMatch = uploader_id === undefined ? true : item.uploader?.id === uploader_id;
     return uinMatch && titleMatch && operatorIdMatch;
   });
 };
@@ -183,12 +180,10 @@ const handleSearch = () => {
 const getUsers = async () => {
   const { code, data } = await getUserList();
   if (code === 200) {
-    uploaders.value = data.map( v => ({
+    uploaders.value = data.map((v) => ({
       ...v,
-      name: v.name || v.mobile
+      name: v.name || v.mobile,
     }));
-
-    console.log(uploaders.value);
   }
 };
 const getTableData = async () => {
diff --git a/src/views/property-marketing/project-manage/project-list/components/add-project-modal/stepOne.vue b/src/views/property-marketing/project-manage/project-list/components/add-project-modal/stepOne.vue
index caa90e0..691aff0 100644
--- a/src/views/property-marketing/project-manage/project-list/components/add-project-modal/stepOne.vue
+++ b/src/views/property-marketing/project-manage/project-list/components/add-project-modal/stepOne.vue
@@ -1,33 +1,46 @@
 <template>
-  <a-form ref="formRef" :model="formQuery" :rules="rules" layout="horizontal" auto-label-width class="h-448px">
-    <a-form-item label="项目名称" required field="name">
-      <a-input v-model="formQuery.name" placeholder="请输入项目名称" size="large" class="!w-400px" />
-    </a-form-item>
-    <a-form-item label="项目预算" field="budget">
-      <a-input v-model="formQuery.budget" placeholder="请输入项目预算" size="large" class="!w-400px" />
-    </a-form-item>
-    <a-form-item label="项目目标" field="target">
-      <a-textarea
-        v-model="formQuery.target"
+  <Form
+    ref="formRef"
+    :model="formQuery"
+    :rules="rules"
+    layout="horizontal"
+    class="h-448px"
+    labelAlign="right"
+    :labelCol="{ span: 2 }"
+    :wrapperCol="{ span: 21 }"
+  >
+    <FormItem label="项目名称" required name="name">
+      <Input v-model:value="formQuery.name" placeholder="请输入项目名称" size="large" class="!w-400px" />
+    </FormItem>
+    <FormItem label="项目预算" name="budget">
+      <Input v-model:value="formQuery.budget" placeholder="请输入项目预算" size="large" class="!w-400px" />
+    </FormItem>
+    <FormItem label="项目目标" name="target">
+      <TextArea
+        v-model:value="formQuery.target"
         placeholder="请输入项目目标"
-        :max-length="500"
-        show-word-limit
-        class="h-154px"
+        class="!h-154px"
+        :maxlength="500"
+        showCount
       />
-    </a-form-item>
-    <a-form-item label="项目背景" field="background">
-      <a-textarea
-        v-model="formQuery.background"
+    </FormItem>
+    <FormItem label="项目背景" name="background">
+      <TextArea
+        v-model:value="formQuery.background"
+        class="!h-154px"
         placeholder="请输入项目背景"
-        :max-length="500"
-        show-word-limit
-        class="h-154px"
+        :maxlength="500"
+        showCount
       />
-    </a-form-item>
-  </a-form>
+    </FormItem>
+  </Form>
 </template>
 
 <script setup>
+import { Form, FormItem, Input } from 'ant-design-vue';
+const { TextArea } = Input;
+import { ref } from 'vue';
+
 const props = defineProps({
   formQuery: {
     type: Object,
@@ -42,8 +55,7 @@ const rules = {
 };
 
 const validate = async () => {
-  const errors = await formRef.value.validate();
- return !errors
+  return formRef.value.validate();
 };
 
 const reset = () => {
diff --git a/src/views/property-marketing/project-manage/project-list/components/add-project-modal/stepThree.vue b/src/views/property-marketing/project-manage/project-list/components/add-project-modal/stepThree.vue
index 37b86e5..45b626d 100644
--- a/src/views/property-marketing/project-manage/project-list/components/add-project-modal/stepThree.vue
+++ b/src/views/property-marketing/project-manage/project-list/components/add-project-modal/stepThree.vue
@@ -2,109 +2,102 @@
   <div class="table-wrap flex h-448px">
     <div class="left flex-1 pr-12px flex flex-col">
       <div class="flex items-center mb-16px">
-        <a-input
-          v-model="query.name"
+        <Input
+          v-model:value="query.name"
           class="w-220px mr-16px"
           placeholder="搜索账户"
           size="medium"
-          allow-clear
+          allowClear
           @change="handleSearch"
         >
           <template #prefix>
             <icon-search />
           </template>
-        </a-input>
-        <a-select
-          v-model="query.platform"
+        </Input>
+        <Select
+          v-model:value="query.platform"
           class="mr-16px w-160px"
-          size="medium"
+          size="middle"
           placeholder="选择平台"
-          allow-clear
+          allowClear
           @change="handleSearch"
         >
-          <a-option
-            v-for="(item, index) in PLATFORM_LIST"
-            :key="index"
-            :value="item.value"
-            :label="item.label"
-            >{{ item.label }}</a-option
-          >
-        </a-select>
-        <a-select
-          v-model="query.operator_id"
-          size="medium"
+          <Option v-for="(item, index) in PLATFORM_LIST" :key="index" :value="item.value" :label="item.label">{{
+            item.label
+          }}</Option>
+        </Select>
+        <Select
+          v-model:value="query.operator_id"
+          size="middle"
           placeholder="选择运营人员"
           class="w-160px"
-          allow-clear
+          allowClear
           @change="handleSearch"
         >
-          <a-option v-for="(item, index) in operators" :key="index" :value="item.id" :label="item.name">
+          <Option v-for="(item, index) in operators" :key="index" :value="item.id" :label="item.name">
             {{ item.name }}
-          </a-option>
-        </a-select>
+          </Option>
+        </Select>
       </div>
-      <a-table
+      <Table
         ref="tableRef"
-        :data="dataSource"
-        column-resizable
-        row-key="id"
-        :row-selection="rowSelection"
+        :dataSource="dataSource"
+        rowKey="id"
+        :rowSelection="{
+          selectedRowKeys,
+          onSelect: handleSelect,
+          onSelectAll: handleSelectAll,
+        }"
         :pagination="false"
         :scroll="{ x: '100%', y: '100%' }"
         class="flex-1 overflow-hidden"
-        :selected-keys="selectedRowKeys"
         bordered
-        @select="handleSelect"
-        @select-all="handleSelectAll"
+        :showSorterTooltip="false"
+        @change="(pagination, filters, sorter) => {}"
       >
-        <template #empty>
-          <NoData text="暂无账户"/>
-        </template>
-        <template #columns>
-          <a-table-column
-            v-for="column in TABLE_COLUMNS"
-            :key="column.dataIndex"
-            :data-index="column.dataIndex"
-            :fixed="column.fixed"
-            :width="column.width"
-            :min-width="column.minWidth"
-            :sortable="column.sortable"
-            :align="column.align"
-            ellipsis
-            tooltip
-          >
-            <template #title>
-              <div class="flex items-center">
-                <span class="cts mr-4px">{{ column.title }}</span>
-                <a-tooltip v-if="column.tooltip" :content="column.tooltip" position="top">
-                  <icon-question-circle class="tooltip-icon color-#737478" size="16" />
-                </a-tooltip>
-              </div>
-            </template>
+        <Table.Column
+          v-for="column in TABLE_COLUMNS"
+          :key="column.dataIndex"
+          :dataIndex="column.dataIndex"
+          :fixed="column.fixed"
+          :width="column.width"
+          :minWidth="column.minWidth"
+          :sortable="column.sortable"
+          :align="column.align"
+          :ellipsis="true"
+        >
+          <template #title>
+            <span class="cts mr-4px">{{ column.title }}</span>
+            <Tooltip v-if="column.tooltip" :title="column.tooltip" placement="top">
+              <icon-question-circle class="tooltip-icon color-#737478" size="16" />
+            </Tooltip>
+          </template>
 
-            <template #cell="{ record }">
-              <template v-if="column.dataIndex === 'platform'">
-                <img :src="getPutAccountPlatformLogo(record.platform)" width="19" height="19" />
-              </template>
-              <template v-else>
-                {{ formatTableField(column, record, true) }}
-              </template>
+          <template #customRender="{ record }">
+            <template v-if="column.dataIndex === 'platform'">
+              <img :src="getPutAccountPlatformLogo(record.platform)" width="19" height="19" />
             </template>
-          </a-table-column>
+            <template v-else>
+              {{ formatTableField(column, record, true) }}
+            </template>
+          </template>
+        </Table.Column>
+        <template #emptyText>
+          <NoData text="暂无账户" />
         </template>
-      </a-table>
+      </Table>
     </div>
     <div class="right w-320px px-12px flex flex-col">
       <div class="flex justify-between">
         <p class="mb-16px s1">{{ `已选择（${selectedRows?.length ?? 0}）` }}</p>
-        <a-button type="text" @click="onClearSelect" v-if="selectedRows.length">清空</a-button>
+        <Button type="text" @click="onClearSelect" v-if="selectedRows.length">清空</Button>
       </div>
       <div class="flex-1 overflow-y-auto overflow-x-hidden">
         <template v-if="selectedRows?.length">
           <div class="tag-item mb-8px" v-for="item in selectedRows" :key="item.id">
-            <a-tooltip :content="item.name">
+            <Tooltip :title="item.name">
               <p class="name mr-4px">{{ item.name || '-' }}</p>
-            </a-tooltip>
+            </Tooltip>
             <icon-close size="12" class="color-#3C4043 cursor-pointer flex-shrink-0" @click="onDelete(item)" />
           </div>
         </template>
@@ -117,6 +110,8 @@
 <script setup>
 import { PLATFORM_LIST, getPutAccountPlatformLogo } from '@/utils/platform';
 import { formatTableField } from '@/utils/tools';
+import { Button, Input, Select, Table, Tooltip } from 'ant-design-vue';
+const { Option } = Select;
 
 import { getPlacementAccountOperators, getPlacementAccountsList } from '@/api/all/propertyMarketing';
 import { useTableSelectionWithPagination } from '@/hooks/useTableSelectionWithPagination';
@@ -146,17 +141,16 @@ const props = defineProps({
   },
 });
 
-const { dataSource, selectedRowKeys, selectedRows, rowSelection, handleSelect, handleSelectAll } =
-  useTableSelectionWithPagination({
-    onSelectChange: () => {
-      updateFormQuery();
-    },
-  });
+const { dataSource, selectedRowKeys, selectedRows, handleSelect, handleSelectAll } = useTableSelectionWithPagination({
+  onSelectChange: () => {
+    updateFormQuery();
+  },
+});
 
 const query = ref({
   name: '',
-  operator_id: '',
-  platform: '',
+  operator_id: undefined,
+  platform: undefined,
 });
 const operators = ref([]);
 const allData = ref([]);
@@ -171,8 +165,8 @@ const handleSearch = () => {
   const { name, platform, operator_id } = query.value;
   dataSource.value = allData.value.filter((item) => {
     const nameMatch = name === '' ? true : item.name.includes(name);
-    const platformMatch = platform === '' ? true : item.platform === platform;
-    const operatorIdMatch = operator_id === '' ? true : item.operator_id === operator_id;
+    const platformMatch = platform === undefined ? true : item.platform === platform;
+    const operatorIdMatch = operator_id === undefined ? true : item.operator_id === operator_id;
     return nameMatch && platformMatch && operatorIdMatch;
   });
 };
diff --git a/src/views/property-marketing/project-manage/project-list/components/add-project-modal/stepTwo.vue b/src/views/property-marketing/project-manage/project-list/components/add-project-modal/stepTwo.vue
index cc171e1..cdc6b45 100644
--- a/src/views/property-marketing/project-manage/project-list/components/add-project-modal/stepTwo.vue
+++ b/src/views/property-marketing/project-manage/project-list/components/add-project-modal/stepTwo.vue
@@ -2,102 +2,97 @@
   <div class="table-wrap flex h-448px">
     <div class="left flex-1 pr-12px flex flex-col">
       <div class="flex items-center mb-16px">
-        <a-input
-          v-model="query.name"
+        <Input
+          v-model:value="query.name"
           class="w-220px mr-16px"
           placeholder="搜索账号"
           size="medium"
-          allow-clear
+          allowClear
           @change="handleSearch"
         >
           <template #prefix>
             <icon-search />
           </template>
-        </a-input>
-        <a-select
-          v-model="query.platform"
+        </Input>
+        <Select
+          v-model:value="query.platform"
           class="mr-16px w-160px"
-          size="medium"
+          size="middle"
           placeholder="选择平台"
-          allow-clear
+          allowClear
           @change="handleSearch"
         >
-          <a-option
+          <Option
             v-for="(item, index) in MEDIA_ACCOUNT_PLATFORMS"
             :key="index"
             :value="item.value"
             :label="item.label"
-            >{{ item.label }}</a-option
+            >{{ item.label }}</Option
           >
-        </a-select>
-        <a-select
-          v-model="query.operator_id"
-          size="medium"
+        </Select>
+        <Select
+          v-model:value="query.operator_id"
+          size="middle"
           placeholder="选择运营人员"
           class="w-160px"
-          allow-clear
+          allowClear
           @change="handleSearch"
         >
-          <a-option v-for="(item, index) in operators" :key="index" :value="item.id" :label="item.name">
+          <Option v-for="(item, index) in operators" :key="index" :value="item.id" :label="item.name">
             {{ item.name }}
-          </a-option>
-        </a-select>
+          </Option>
+        </Select>
       </div>
-      <a-table
+      <Table
         ref="tableRef"
-        :data="dataSource"
-        column-resizable
-        row-key="id"
-        :row-selection="rowSelection"
+        :dataSource="dataSource"
+        rowKey="id"
+        :rowSelection="{
+          selectedRowKeys,
+          onSelect: handleSelect,
+          onSelectAll: handleSelectAll,
+        }"
         :pagination="false"
         :scroll="{ x: '100%', y: '100%' }"
         class="flex-1 overflow-hidden"
-        :selected-keys="selectedRowKeys"
         bordered
-        @select="handleSelect"
-        @select-all="handleSelectAll"
+        :showSorterTooltip="false"
       >
-        <template #empty>
-          <NoData text="暂无账号"/>
-        </template>
-        <template #columns>
-          <a-table-column
-            v-for="column in TABLE_COLUMNS"
-            :key="column.dataIndex"
-            :data-index="column.dataIndex"
-            :fixed="column.fixed"
-            :width="column.width"
-            :min-width="column.minWidth"
-            :sortable="column.sortable"
-            :align="column.align"
-            ellipsis
-            tooltip
-          >
-            <template #title>
-              <div class="flex items-center">
-                <span class="cts mr-4px">{{ column.title }}</span>
-                <a-tooltip v-if="column.tooltip" :content="column.tooltip" position="top">
-                  <icon-question-circle class="tooltip-icon color-#737478" size="16" />
-                </a-tooltip>
-              </div>
+        <Table.Column
+          v-for="column in TABLE_COLUMNS"
+          :key="column.dataIndex"
+          :dataIndex="column.dataIndex"
+          :fixed="column.fixed"
+          :width="column.width"
+          :minWidth="column.minWidth"
+          :sortable="column.sortable"
+          :align="column.align"
+          :ellipsis="true"
+        >
+          <template #title>
+            <span class="cts mr-4px">{{ column.title }}</span>
+            <Tooltip v-if="column.tooltip" :title="column.tooltip" placement="top">
+              <icon-question-circle class="tooltip-icon color-#737478" size="16" />
+            </Tooltip>
+          </template>
+          <template #customRender="{ record }">
+            <template v-if="column.dataIndex === 'platform'">
+              <img :src="getMediaAccountPlatformLogo(record.platform)" width="19" height="19" />
             </template>
-
-            <template #cell="{ record }">
-              <template v-if="column.dataIndex === 'platform'">
-                <img :src="getMediaAccountPlatformLogo(record.platform)" width="19" height="19" />
-              </template>
-              <template v-else>
-                {{ formatTableField(column, record, true) }}
-              </template>
+            <template v-else>
+              {{ formatTableField(column, record, true) }}
             </template>
-          </a-table-column>
+          </template>
+        </Table.Column>
+        <template #emptyText>
+          <NoData text="暂无账号" />
         </template>
-      </a-table>
+      </Table>
     </div>
     <div class="right w-320px px-12px flex flex-col">
       <div class="flex justify-between">
         <p class="mb-16px s1">{{ `已选择（${selectedRows?.length ?? 0}）` }}</p>
-        <a-button type="text" @click="onClearSelect" v-if="selectedRows.length">清空</a-button>
+        <Button type="text" @click="onClearSelect" v-if="selectedRows.length">清空</Button>
       </div>
       <div class="flex-1 overflow-y-auto">
         <div class="flex flex-wrap" v-if="selectedRows?.length">
@@ -115,6 +110,8 @@
 <script setup>
 import { MEDIA_ACCOUNT_PLATFORMS, getMediaAccountPlatformLogo } from '@/utils/platform';
 import { formatTableField } from '@/utils/tools';
+import { Button, Input, Select, Tooltip, Table } from 'ant-design-vue';
+const { Option } = Select;
 
 import { fetchAccountOperators, getMediaAccountList } from '@/api/all/propertyMarketing';
 import { useTableSelectionWithPagination } from '@/hooks/useTableSelectionWithPagination';
@@ -144,17 +141,16 @@ const props = defineProps({
   },
 });
 
-const { dataSource, selectedRowKeys, selectedRows, rowSelection, handleSelect, handleSelectAll } =
-  useTableSelectionWithPagination({
-    onSelectChange: () => {
-      updateFormQuery();
-    },
-  });
+const { dataSource, selectedRowKeys, selectedRows, handleSelect, handleSelectAll } = useTableSelectionWithPagination({
+  onSelectChange: () => {
+    updateFormQuery();
+  },
+});
 
 const query = ref({
   name: '',
-  operator_id: '',
-  platform: '',
+  operator_id: undefined,
+  platform: undefined,
 });
 const operators = ref([]);
 const allData = ref([]);
@@ -169,8 +165,8 @@ const handleSearch = () => {
   const { name, platform, operator_id } = query.value;
   dataSource.value = allData.value.filter((item) => {
     const nameMatch = name === '' ? true : item.name.includes(name);
-    const platformMatch = platform === '' ? true : item.platform === platform;
-    const operatorIdMatch = operator_id === '' ? true : item.operator_id === operator_id;
+    const platformMatch = platform === undefined ? true : item.platform === platform;
+    const operatorIdMatch = operator_id === undefined ? true : item.operator_id === operator_id;
     return nameMatch && platformMatch && operatorIdMatch;
   });
 };
diff --git a/src/views/property-marketing/project-manage/project-list/components/filter-block/index.vue b/src/views/property-marketing/project-manage/project-list/components/filter-block/index.vue
index d172b84..a7f3f28 100644
--- a/src/views/property-marketing/project-manage/project-list/components/filter-block/index.vue
+++ b/src/views/property-marketing/project-manage/project-list/components/filter-block/index.vue
@@ -8,34 +8,34 @@
     <div class="filter-row flex">
       <div class="filter-row-item flex items-center">
         <span class="label">项目名称</span>
-        <a-space size="medium">
-          <a-input
-            v-model="query.name"
+        <Space size="medium">
+          <Input
+            v-model:value="query.name"
             class="w-240px"
             placeholder="请搜索..."
             size="medium"
-            allow-clear
+            allowClear
             @change="handleSearch"
           >
             <template #prefix>
               <icon-search />
             </template>
-          </a-input>
-        </a-space>
+          </Input>
+        </Space>
       </div>
       <div class="filter-row-item flex items-center">
-        <a-button type="outline" class="mr-12px" size="medium" @click="handleSearch">
+        <Button type="primary" ghost class="mr-12px" @click="handleSearch">
           <template #icon>
-            <icon-search />
+            <icon-search class="mr-8px"/>
           </template>
           <template #default>搜索</template>
-        </a-button>
-        <a-button size="medium" @click="handleReset">
+        </Button>
+        <Button @click="handleReset">
           <template #icon>
-            <icon-refresh />
+            <icon-refresh class="mr-8px"/>
           </template>
           <template #default>重置</template>
-        </a-button>
+        </Button>
       </div>
     </div>
   </div>
@@ -43,6 +43,7 @@
 
 <script setup>
 import { defineEmits, defineProps } from 'vue';
+import { Button, Input, Space } from 'ant-design-vue';
 
 const props = defineProps({
   query: {
@@ -51,7 +52,7 @@ const props = defineProps({
   },
 });
 
-const emits = defineEmits('onSearch', 'onReset', 'update:query');
+const emits = defineEmits(['onSearch', 'onReset', 'update:query']);
 
 const handleSearch = () => {
   emits('update:query', props.query);
diff --git a/src/views/property-marketing/project-manage/project-list/components/project-table/constants.ts b/src/views/property-marketing/project-manage/project-list/components/project-table/constants.ts
index 2ed2491..37eec12 100644
--- a/src/views/property-marketing/project-manage/project-list/components/project-table/constants.ts
+++ b/src/views/property-marketing/project-manage/project-list/components/project-table/constants.ts
@@ -41,7 +41,7 @@ export const TABLE_COLUMNS = [
   {
     title: '操作',
     dataIndex: 'operation',
-    width: 100,
+    width: 120,
     fixed: 'right',
   },
 ];
diff --git a/src/views/property-marketing/project-manage/project-list/components/project-table/delete-project-modal.vue b/src/views/property-marketing/project-manage/project-list/components/project-table/delete-project-modal.vue
index a2a7a9a..6a4a0f4 100644
--- a/src/views/property-marketing/project-manage/project-list/components/project-table/delete-project-modal.vue
+++ b/src/views/property-marketing/project-manage/project-list/components/project-table/delete-project-modal.vue
@@ -3,28 +3,30 @@
  * @Date: 2025-06-26 17:44:16
 -->
 <template>
-  <a-modal
-    v-model:visible="visible"
+  <Modal
+    v-model:open="visible"
     title="删除项目"
     width="480px"
-    modal-class="project-manage-modal"
-    @close="onClose"
+    centered
+    wrapClassName="project-manage-modal"
+    @cancel="onClose"
   >
     <div class="flex items-center">
       <img :src="icon1" width="20" height="20" class="mr-12px" />
       <span>确认删除 {{ projectName }} 这个项目吗？</span>  
     </div>
     <template #footer>
-      <a-button size="large" @click="onClose">取消</a-button>
-      <a-button type="primary" class="ml-16px" status="danger" size="large" @click="onDelete"
-        >确认删除</a-button
+      <Button size="large" @click="onClose">取消</Button>
+      <Button type="primary" class="ml-16px" danger size="large" @click="onDelete"
+        >确认删除</Button
       >
     </template>
-  </a-modal>
+  </Modal>
 </template>
 
 <script setup>
 import { ref } from 'vue';
+import { Button, Modal, message } from 'ant-design-vue';
 import { deleteProject } from '@/api/all/propertyMarketing';
 import icon1 from '@/assets/img/media-account/icon-warn-1.png';
 
@@ -53,7 +55,7 @@ const open = (record) => {
 async function onDelete() {
   const { code } = await deleteProject(projectId.value);
   if (code === 200) {
-    AMessage.success('删除成功');
+    message.success('删除成功');
     update()
     onClose();
   }
diff --git a/src/views/property-marketing/project-manage/project-list/components/project-table/index.vue b/src/views/property-marketing/project-manage/project-list/components/project-table/index.vue
index ec1441f..d958799 100644
--- a/src/views/property-marketing/project-manage/project-list/components/project-table/index.vue
+++ b/src/views/property-marketing/project-manage/project-list/components/project-table/index.vue
@@ -1,60 +1,59 @@
 <template>
-  <a-table
+  <Table
     ref="tableRef"
-    :data="dataSource"
-    row-key="id"
-    column-resizable
+    :dataSource="dataSource"
+    rowKey="id"
     :pagination="false"
     :scroll="{ x: '100%' }"
     class="flex-1 project-table w-100%"
     bordered
-    @sorter-change="handleSorterChange"
+    :showSorterTooltip="false"
+    @change="handleTableChange"
   >
-    <template #empty>
+    <template #emptyText>
       <NoData text="暂无项目"/>
     </template>
-    <template #columns>
-      <a-table-column
-        v-for="column in TABLE_COLUMNS"
-        :key="column.dataIndex"
-        :data-index="column.dataIndex"
-        :fixed="column.fixed"
-        :width="column.width"
-        :min-width="column.minWidth"
-        :sortable="column.sortable"
-        :align="column.align"
-        ellipsis
-        tooltip
-      >
-        <template #title>
-          <div class="flex items-center">
-            <span class="cts mr-4px">{{ column.title }}</span>
-            <a-tooltip v-if="column.tooltip" :content="column.tooltip" position="top">
-              <icon-question-circle class="tooltip-icon color-#737478" size="16" />
-            </a-tooltip>
-          </div>
-        </template>
+    <Column
+      v-for="column in TABLE_COLUMNS"
+      :key="column.dataIndex"
+      :dataIndex="column.dataIndex"
+      :fixed="column.fixed"
+      :width="column.width"
+      :minWidth="column.minWidth"
+      :sorter="column.sortable"
+      :align="column.align"
+      :ellipsis="true"
+    >
+      <template #title>
+        <div class="flex items-center">
+          <span class="cts mr-4px">{{ column.title }}</span>
+          <Tooltip v-if="column.tooltip" :title="column.tooltip" placement="top">
+            <icon-question-circle class="tooltip-icon color-#737478" size="16" />
+          </Tooltip>
+        </div>
+      </template>
 
-        <template v-if="column.dataIndex === 'create_at'" #cell="{ record }">
-          {{ exactFormatTime(record.create_at) }}
-        </template>
-        <template v-else-if="column.dataIndex === 'operation'" #cell="{ record }">
-          <div class="flex items-center">
-            <img class="mr-8px cursor-pointer" :src="icon1" width="14" height="14" @click="onDelete(record)" />
-            <a-button type="outline" size="mini" @click="onEdit(record)">编辑</a-button>
-          </div>
-        </template>
+      <template v-if="column.dataIndex === 'create_at'" #customRender="{ record }">
+        {{ exactFormatTime(record.create_at) }}
+      </template>
+      <template v-else-if="column.dataIndex === 'operation'" #customRender="{ record }">
+        <div class="flex items-center">
+          <img class="mr-8px cursor-pointer" :src="icon1" width="14" height="14" @click="onDelete(record)" />
+          <Button type="primary" ghost size="small" @click="onEdit(record)">编辑</Button>
+        </div>
+      </template>
 
-        <template v-else #cell="{ record }">
-          {{ formatTableField(column, record, true) }}
-        </template>
-      </a-table-column>
-    </template>
-  </a-table>
+      <template v-else #customRender="{ record }">
+        {{ formatTableField(column, record, true) }}
+      </template>
+    </Column>
+  </Table>
 </template>
 
 <script setup>
 import { ref } from 'vue';
+import { Button, Tooltip, Table } from 'ant-design-vue';
+const { Column } = Table;
 import { formatTableField, exactFormatTime } from '@/utils/tools';
 import { TABLE_COLUMNS } from './constants';
 
@@ -71,9 +70,11 @@ const props = defineProps({
 
 const tableRef = ref(null);
 
-// 处理排序变化
-const handleSorterChange = (column, order) => {
-  emits('sorterChange', column, order === 'ascend' ? 'asc' : 'desc');
+// 处理表格变化
+const handleTableChange = (pagination, filters, sorter) => {
+  if (sorter && sorter.field) {
+    emits('sorterChange', sorter.field, sorter.order === 'ascend' ? 'asc' : 'desc');
+  }
 };
 const onDelete = (item) => {
   emits('delete', item);
diff --git a/src/views/property-marketing/project-manage/project-list/index.vue b/src/views/property-marketing/project-manage/project-list/index.vue
index 05aa2d3..375882a 100644
--- a/src/views/property-marketing/project-manage/project-list/index.vue
+++ b/src/views/property-marketing/project-manage/project-list/index.vue
@@ -4,12 +4,12 @@
       <div class="top flex h-64px px-24px py-10px justify-between items-center">
         <p class="text-18px font-400 lh-26px color-#211F24 title">项目列表</p>
         <div class="flex items-center">
-          <a-button type="primary" class="w-112px search-btn" size="medium" @click="handleOpenAddProjectModal">
+          <Button type="primary" class="w-112px search-btn" size="medium" @click="handleOpenAddProjectModal">
             <template #icon>
               <icon-plus size="16" />
             </template>
             <template #default>添加项目</template>
-          </a-button>
+          </Button>
         </div>
       </div>
       <FilterBlock v-model:query="query" @onSearch="handleSearch" @onReset="handleReset" />
@@ -22,16 +22,15 @@
         @edit="handleEdit"
       />
       <div v-if="pageInfo.total > 0" class="pagination-row">
-        <a-pagination
+        <Pagination
           :total="pageInfo.total"
-          size="mini"
-          show-total
-          show-jumper
-          show-page-size
+          size="small"
+          :showTotal="(total, range) => `共 ${total} 条`"
+          showSizeChanger
+          showQuickJumper
           :current="pageInfo.page"
-          :page-size="pageInfo.page_size"
+          :pageSize="pageInfo.page_size"
           @change="onPageChange"
-          @page-size-change="onPageSizeChange"
         />
       </div>
     </div>
@@ -43,6 +42,7 @@
 
 <script setup>
 import { INITIAL_QUERY } from './constants';
+import { Button, Pagination } from 'ant-design-vue';
 import { useTableSelectionWithPagination } from '@/hooks/useTableSelectionWithPagination';
 import { getProjects } from '@/api/all/propertyMarketing';
 
@@ -51,13 +51,10 @@ import ProjectTable from './components/project-table';
 import AddProjectModal from './components/add-project-modal';
 import DeleteProjectModal from './components/project-table/delete-project-modal.vue';
 
-const { dataSource, pageInfo, onPageChange, onPageSizeChange, resetPageInfo } = useTableSelectionWithPagination({
+const { dataSource, pageInfo, onPageChange, resetPageInfo } = useTableSelectionWithPagination({
   onPageChange: () => {
     getData();
   },
-  onPageSizeChange: () => {
-    getData();
-  },
 });
 
 const addProjectModalRef = ref(null);
diff --git a/src/views/property-marketing/put-account/account-dashboard/components/echarts-item/index.vue b/src/views/property-marketing/put-account/account-dashboard/components/echarts-item/index.vue
index 25f30c8..1473828 100644
--- a/src/views/property-marketing/put-account/account-dashboard/components/echarts-item/index.vue
+++ b/src/views/property-marketing/put-account/account-dashboard/components/echarts-item/index.vue
@@ -1,21 +1,20 @@
 <template>
-  <a-card :bordered="false" class="chart-container" ref="chartContainer">
+  <Card :bordered="false" class="chart-container !p-0" ref="chartContainer">
     <template #title>
       <span class="a-card-title">{{ title.name }}</span>
-      <a-popover position="tl">
+      <Tooltip position="tl" :title="title.popover">
         <icon-question-circle />
-        <template #content>
-          <p style="margin: 0">{{ title.popover }}</p>
-        </template>
-      </a-popover>
+      </Tooltip>
+
     </template>
     <NoData v-if="isChartEmpty" text="暂无数据" />
 
     <div v-else class="chart" ref="chartEl" :style="{ height: height + 'px' }"></div>
-  </a-card>
+  </Card>
 </template>
 
 <script setup>
+import { Tooltip, Card } from "ant-design-vue"
 import { ref, onMounted, watch, onBeforeUnmount } from 'vue';
 import * as echarts from 'echarts';
 
diff --git a/src/views/property-marketing/put-account/account-dashboard/index.vue b/src/views/property-marketing/put-account/account-dashboard/index.vue
index 107d2a7..11bcb77 100644
--- a/src/views/property-marketing/put-account/account-dashboard/index.vue
+++ b/src/views/property-marketing/put-account/account-dashboard/index.vue
@@ -1,80 +1,73 @@
 <template>
   <div class="account-dashboard-wrap">
-    <div class="filter-wrap bg-#fff rounded-8px  pb-24px mb-16px">
-      <a-tabs v-model:activeKey="accountType" @tab-click="handleTabClick">
-        <a-tab-pane key="1" title="账户"></a-tab-pane>
-        <a-tab-pane key="2" title="计划"></a-tab-pane>
-      </a-tabs>
+    <div class="filter-wrap bg-#fff rounded-8px pb-24px mb-16px">
+      <Tabs v-model:activeKey="accountType" @change="handleTabClick" size="large">
+        <TabPane key="1" tab="账户"></TabPane>
+        <TabPane key="2" tab="计划"></TabPane>
+      </Tabs>
 
-      <div class="container px-24px">
+      <div class="container pt-24px px-24px">
         <div class="filter-row flex mb-20px">
           <div class="filter-row-item flex items-center" v-if="accountType == 2">
             <span class="label">计划名称</span>
-            <a-space size="medium" class="w-240px">
-              <PlanSelect v-model="query.ids"></PlanSelect>
-            </a-space>
+            <PlanSelect v-model="query.ids" class="w-240px"></PlanSelect>
           </div>
           <div class="filter-row-item flex items-center">
             <span class="label">账号名称</span>
-            <a-space size="medium" class="w-240px">
-              <AccountSelect v-model="query.placement_account_id"></AccountSelect>
-            </a-space>
+            <AccountSelect v-model:value="query.placement_account_id" class="w-240px"></AccountSelect>
           </div>
           <div class="filter-row-item flex items-center">
             <span class="label">平台</span>
-            <a-select v-model="query.platform" class="w-150" size="medium" placeholder="全部" allow-clear>
-              <a-option v-for="(item, index) in PLATFORM_LIST" :key="index" :value="item.value" :label="item.label"
+            <Select v-model:value="query.platform" class="w-150" size="middle" placeholder="全部" allowClear>
+              <Option v-for="(item, index) in PLATFORM_LIST" :key="index" :value="item.value" :label="item.label"
                 >{{ item.label }}
-              </a-option>
-            </a-select>
+              </Option>
+            </Select>
           </div>
 
           <div class="filter-row-item flex items-center">
             <span class="label">运营人员</span>
-            <a-space class="w-160px">
-              <CommonSelect v-model="query.operator_id" :multiple="false" :options="operators" />
-            </a-space>
+            <CommonSelect v-model="query.operator_id" class="!w-160px" :multiple="false" :options="operators" />
           </div>
         </div>
         <div class="filter-row flex">
           <div class="filter-row-item flex items-center">
             <span class="label">时间筛选</span>
-            <a-space class="w-240px">
-              <a-range-picker v-model="query.data_time" size="medium" allow-clear format="YYYY-MM-DD" class="w-100%" />
-            </a-space>
+            <DatePicker.RangePicker v-model="data_time" allowClear format="YYYY-MM-DD" class="!w-240px" @change="onDateChange" />
           </div>
-          <a-button type="outline" class="mr-12px" size="medium" @click="handleSearch">
+          <Button type="primary" ghost class="mr-12px" @click="handleSearch">
             <template #icon>
-              <icon-search />
+              <icon-search class="mr-8px" />
             </template>
             <template #default>搜索</template>
-          </a-button>
-          <a-button size="medium" @click="handleReset">
+          </Button>
+          <Button @click="handleReset">
             <template #icon>
-              <icon-refresh />
+              <icon-refresh class="mr-8px" />
             </template>
             <template #default>重置</template>
-          </a-button>
+          </Button>
         </div>
       </div>
     </div>
     <div class="table-wrap rounded-8px py-5px flex-1 flex flex-col" v-if="onLoading == false">
-      <a-row :gutter="[24, 24]">
-        <a-col v-for="(chart, key) in chartConfigs" :key="chart.dataKey" :span="12">
+      <Row :gutter="[24, 24]">
+        <Col v-for="(chart, key) in chartConfigs" :key="chart.dataKey" :span="12">
           <div>
             <EchartsItem
               :chartData="{ date: chart.date, series_data: chart.series_data }"
               :title="{ name: chart.title.name, popover: chart.title.popover }"
             />
           </div>
-        </a-col>
-      </a-row>
+        </Col>
+      </Row>
     </div>
   </div>
 </template>
 <script setup lang="ts">
 import EchartsItem from './components/echarts-item/index';
 import { PLATFORM_LIST } from '@/utils/platform';
+import { Button, Select, Tabs, Row, Col, DatePicker } from 'ant-design-vue';
 import {
   getPlacementAccountsTrend,
   getPlacementAccountProjectsTrend,
@@ -84,7 +77,11 @@ import CommonSelect from '@/components/common-select';
 import AccountSelect from '@/views/components/common/AccountSelect.vue';
 import PlanSelect from '@/views/components/common/PlanSelect.vue';
 
-const accountType = ref(1);
+const { TabPane } = Tabs;
+const { Option } = Select;
+const accountType = ref("1");
+const data_time = ref([]);
+const operators = ref([]);
 
 const onLoading = ref(true);
 
@@ -95,8 +92,8 @@ const getOperators = async () => {
   }
 };
 const query = reactive({
-  platform: '',
-  operator_id: '',
+  platform: undefined,
+  operator_id: undefined,
   data_time: [],
   ids: [],
   placement_account_id: [],
@@ -113,6 +110,19 @@ const handleTabClick = (value) => {
   accountType.value = value;
   handleSearch();
 };
+
+const onDateChange = (date) => {
+  if (!date) {
+    query.data_time = [];
+    handleSearch();
+    return;
+  }
+
+  const [start, end] = date;
+  const FORMAT_DATE = 'YYYY-MM-DD';
+  query.data_time = [dayjs(start).startOf('day').format(FORMAT_DATE), dayjs(end).endOf('day').format(FORMAT_DATE)];
+  handleSearch();
+};
 const mergeChartData = (apiResponse) => {
   console.log(apiResponse, 'apiResponse');
   chartConfigs.value = chartConfigs.value.map((config) => {
@@ -226,14 +236,15 @@ const chartConfigs = ref([
   },
 ]);
 const handleReset = async () => {
-  query.platform = '';
-  query.operator_id = '';
+  data_time.value = [];
+  query.platform = undefined;
+  query.operator_id = undefined;
+  query.data_time = [];
   query.ids = [];
   query.placement_account_id = [];
   handleSearch();
 };
 
-const operators = ref([]);
 onMounted(() => {
   handleSearch();
   getOperators();
diff --git a/src/views/property-marketing/put-account/account-dashboard/style.scss b/src/views/property-marketing/put-account/account-dashboard/style.scss
index f2e75e9..ffbec61 100644
--- a/src/views/property-marketing/put-account/account-dashboard/style.scss
+++ b/src/views/property-marketing/put-account/account-dashboard/style.scss
@@ -19,13 +19,6 @@
     border-radius: 8px;
     // border: 1px solid #e6e6e8;
 
-    :deep(.arco-tabs) {
-      .arco-tabs-tab {
-        height: 56px;
-        padding: 0 8px;
-      }
-    }
-
     .top {
       .title {
         font-family: $font-family-medium;
diff --git a/src/views/property-marketing/put-account/account-data/components/board-table/index.vue b/src/views/property-marketing/put-account/account-data/components/board-table/index.vue
index a7ba0a1..b630c13 100644
--- a/src/views/property-marketing/put-account/account-data/components/board-table/index.vue
+++ b/src/views/property-marketing/put-account/account-data/components/board-table/index.vue
@@ -5,135 +5,132 @@
 <template>
   <div class="action-row mb-12px flex justify-between">
     <div>
-      <a-checkbox
+      <Checkbox
         v-if="dataSource.length > 0"
-        :model-value="checkedAll"
+        :checked="checkedAll"
         :indeterminate="indeterminate"
         class="!pl-13px"
-        @change="handleSelectAll"
-        >全选</a-checkbox
+        @change="(e) => handleSelectAll(e.target.checked)"
+        >全选</Checkbox
       >
     </div>
 
     <div class="flex items-center">
-      <a-button type="outline" class="mr-12px" size="medium" @click="handleExport">
-        <template #icon> <icon-download /> </template>
+      <Button type="primary" ghost class="mr-12px" size="medium" @click="handleExport">
+        <template #icon> <icon-download class="mr-8px" /> </template>
         <template #default>导出数据</template>
-      </a-button>
-      <a-button type="outline" size="medium" @click="openCustomColumn">
+      </Button>
+      <Button type="primary" ghost size="medium" @click="openCustomColumn">
         <template #icon>
-          <img :src="icon1" width="14" height="14" />
+          <img :src="icon1" width="14" height="14" class="mr-8px" />
         </template>
         <template #default>自定义列</template>
-      </a-button>
+      </Button>
     </div>
   </div>
 
-  <a-table
+  <Table
     ref="tableRef"
-    :data="dataSource"
-    row-key="id"
-    column-resizable
-    :row-selection="{
+    :dataSource="dataSource"
+    rowKey="id"
+    :rowSelection="{
       type: 'checkbox',
-      showCheckedAll: true,
-      width: 48,
+      selectedRowKeys: selectedItems,
+      onChange: handleSelect,
     }"
-    :selected-keys="selectedItems"
     :pagination="false"
     :scroll="{ x: '100%' }"
     class="account-table w-100%"
     bordered
-    @sorter-change="handleSorterChange"
-    @select="handleSelect"
-    @select-all="handleSelectAll"
+    :showSorterTooltip="false"
+    @change="
+      (pagination, filters, sorter) => {
+        if (sorter && sorter.columnKey) {
+          handleSorterChange(sorter.columnKey, sorter.order === 'ascend' ? 'asc' : 'desc');
+        }
+      }
+    "
   >
-    <template #empty>
+    <Table.Column
+      v-for="column in tableColumns"
+      :key="column.dataIndex"
+      :dataIndex="column.dataIndex"
+      :fixed="column.fixed"
+      :width="column.width"
+      :minWidth="column.minWidth"
+      :sorter="column.sortable"
+      :align="column.align"
+      :ellipsis="true"
+    >
+      <template #title>
+        <img v-if="column.dataIndex === 'ai_evaluate'" width="16" height="16" :src="icon5" class="mr-4px" />
+        <span class="cts mr-4px">{{ column.title }}</span>
+        <Tooltip v-if="column.tooltip" :title="column.tooltip" placement="top">
+          <icon-question-circle class="tooltip-icon color-#737478" size="16" />
+        </Tooltip>
+      </template>
+
+      <template v-if="column.dataIndex === 'platform'" #customRender="{ record }">
+        {{ record.platform === 0 ? '抖音' : record.platform === 1 ? '小红书' : '-' }}
+      </template>
+      <template v-else-if="column.dataIndex === 'status'" #customRender="{ record }">
+        <div class="status-tag" :class="`status-tag-${record.status}`">
+          <span class="cts status-tag-text">{{ STATUS_LIST.find((item) => item.value === record.status)?.label }}</span>
+        </div>
+      </template>
+      <template v-else-if="column.dataIndex === 'ai_evaluate'" #customRender="{ record }">
+        <div class="ai-evaluation-row flex">
+          <template v-if="record.ai_evaluate">
+            <img
+              width="16"
+              height="16"
+              :src="record.ai_evaluate?.status === 0 ? icon2 : record.ai_evaluate?.status === 1 ? icon3 : icon4"
+              class="mr-8px icon"
+            />
+            <div>
+              <p class="cts">{{ `${record.ai_evaluate?.level} | ${record.ai_evaluate?.advise}` }}。</p>
+              <p class="cts text-12px lh-20px !color-#939499">
+                {{ `ROI: ${record.roi}%   CVR: ${record.conversion_rate}%` }}
+              </p>
+            </div>
+          </template>
+          <template v-else>
+            <p class="cts">-</p>
+          </template>
+        </div>
+      </template>
+      <template v-else-if="column.dataIndex === 'operation'" #customRender="{ record }">
+        <Button type="primary" ghost size="small" @click="handleDetail(record)">详情</Button>
+      </template>
+
+      <template v-else-if="column.isRateField" #customRender="{ record }">
+        <div class="flex items-center rate-row justify-end" :class="record[column.dataIndex] > 0 ? 'up' : 'down'">
+          <icon-arrow-up v-if="record[column.dataIndex] > 0" size="16" />
+          <icon-arrow-down v-else size="16" />
+          {{ formatTableField(column, record) }}
+        </div>
+      </template>
+      <template v-else-if="column.dataIndex === 'newest_work_title'" #customRender="{ record }">
+        <p class="cts cursor-pointer hover:!color-#6D4CFe">{{ record.newest_work_title }}</p>
+        <p class="cts text-12px lh-20px !color-#939499">
+          {{ exactFormatTime(record.newest_project_published_at) }}
+        </p>
+      </template>
+
+      <template v-else #customRender="{ record }">
+        {{ formatTableField(column, record, true) }}
+      </template>
+    </Table.Column>
+    <template #emptyText>
       <NoData />
     </template>
-    <template #columns>
-      <a-table-column
-        v-for="column in tableColumns"
-        :key="column.dataIndex"
-        :data-index="column.dataIndex"
-        :fixed="column.fixed"
-        :width="column.width"
-        :min-width="column.minWidth"
-        :sortable="column.sortable"
-        :align="column.align"
-        ellipsis
-        tooltip
-      >
-        <template #title>
-          <div class="flex items-center">
-            <img v-if="column.dataIndex === 'ai_evaluate'" width="16" height="16" :src="icon5" class="mr-4px" />
-            <span class="cts mr-4px">{{ column.title }}</span>
-            <a-tooltip v-if="column.tooltip" :content="column.tooltip" position="top">
-              <icon-question-circle class="tooltip-icon color-#737478" size="16" />
-            </a-tooltip>
-          </div>
-        </template>
-
-        <template v-if="column.dataIndex === 'platform'" #cell="{ record }">
-          {{ record.platform === 0 ? '抖音' : record.platform === 1 ? '小红书' : '-' }}
-        </template>
-        <template v-else-if="column.dataIndex === 'status'" #cell="{ record }">
-          <div class="status-tag" :class="`status-tag-${record.status}`">
-            <span class="cts status-tag-text">{{
-              STATUS_LIST.find((item) => item.value === record.status)?.label
-            }}</span>
-          </div>
-        </template>
-        <template v-else-if="column.dataIndex === 'ai_evaluate'" #cell="{ record }">
-          <div class="ai-evaluation-row flex">
-            <template v-if="record.ai_evaluate">
-              <img
-                width="16"
-                height="16"
-                :src="record.ai_evaluate?.status === 0 ? icon2 : record.ai_evaluate?.status === 1 ? icon3 : icon4"
-                class="mr-8px icon"
-              />
-              <div>
-                <p class="cts">{{ `${record.ai_evaluate?.level} | ${record.ai_evaluate?.advise}` }}。</p>
-                <p class="cts text-12px lh-20px !color-#939499">
-                  {{ `ROI: ${record.roi}%   CVR: ${record.conversion_rate}%` }}
-                </p>
-              </div>
-            </template>
-            <template v-else>
-              <p class="cts">-</p>
-            </template>
-          </div>
-        </template>
-        <template v-else-if="column.dataIndex === 'operation'" #cell="{ record }">
-          <a-button type="outline" size="small" @click="handleDetail(record)">详情</a-button>
-        </template>
-
-        <template v-else-if="column.isRateField" #cell="{ record }">
-          <div class="flex items-center rate-row justify-end" :class="record[column.dataIndex] > 0 ? 'up' : 'down'">
-            <icon-arrow-up v-if="record[column.dataIndex] > 0" size="16" />
-            <icon-arrow-down v-else size="16" />
-            {{ formatTableField(column, record) }}
-          </div>
-        </template>
-        <template v-else-if="column.dataIndex === 'newest_work_title'" #cell="{ record }">
-          <p class="cts cursor-pointer hover:!color-#6D4CFe">{{ record.newest_work_title }}</p>
-          <p class="cts text-12px lh-20px !color-#939499">
-            {{ exactFormatTime(record.newest_project_published_at) }}
-          </p>
-        </template>
-
-        <template v-else #cell="{ record }">
-          {{ formatTableField(column, record, true) }}
-        </template>
-      </a-table-column>
-    </template>
-  </a-table>
+  </Table>
 
   <CustomTableColumnModal ref="modalRef" :type="CUSTOM_COLUMN_TYPE" @success="onCustomColumnSuccess" />
 </template>
 
 <script setup>
+import { Button, Checkbox, Table, Tooltip } from 'ant-design-vue';
 import { ref, computed } from 'vue';
 import { STATUS_LIST } from '@/views/property-marketing/put-account/components/status-select/constants';
 import { formatTableField, exactFormatTime } from '@/utils/tools';
diff --git a/src/views/property-marketing/put-account/account-data/components/filter-block/index.vue b/src/views/property-marketing/put-account/account-data/components/filter-block/index.vue
index ae22267..3ba5a8f 100644
--- a/src/views/property-marketing/put-account/account-data/components/filter-block/index.vue
+++ b/src/views/property-marketing/put-account/account-data/components/filter-block/index.vue
@@ -4,75 +4,84 @@
  * @Date: 2025-06-25 14:02:40
 -->
 <template>
-  <div class="container px-24px">
-    <div class="filter-row flex mb-20px">
-      <div class="filter-row-item flex items-center">
+  <div class="common-filter-wrap">
+    <div class="filter-row flex">
+      <div class="filter-row-item">
         <span class="label">{{ isAccountTab ? '账户名称' : '计划名称' }}</span>
-        <a-space size="medium" class="w-240px">
-          <a-input v-model="query.name" placeholder="请搜索..." size="medium" allow-clear @change="handleSearch">
-            <template #prefix>
-              <icon-search />
-            </template>
-          </a-input>
-        </a-space>
+        <Input
+          v-model:value="query.name"
+          class="w-240px"
+          placeholder="请搜索..."
+          size="middle"
+          allowClear
+          @change="handleSearch"
+        >
+          <template #prefix>
+            <SearchOutlined />
+          </template>
+        </Input>
       </div>
-      <div v-if="!isAccountTab" class="filter-row-item flex items-center">
+      <div v-if="!isAccountTab" class="filter-row-item">
         <span class="label">计划分组</span>
-        <a-space class="w-200px">
-          <CommonSelect v-model="query.group_ids" multiple :options="groups" @change="handleSearch" />
-        </a-space>
+        <CommonSelect class="w-200px" v-model="query.group_ids" multiple :options="groups" @change="handleSearch" />
       </div>
-      <div class="filter-row-item flex items-center">
+      <div class="filter-row-item">
         <span class="label">状态</span>
-        <a-space class="w-180px">
-          <StatusSelect v-model="query.status" @change="handleSearch" />
-        </a-space>
+        <StatusSelect class="w-180px" v-model="query.status" @change="handleSearch" />
       </div>
-      <div class="filter-row-item flex items-center">
+      <div class="filter-row-item">
         <span class="label">运营人员</span>
-        <a-space class="w-160px">
-          <CommonSelect v-model="query.operator_id" :multiple="false" :options="operators" @change="handleSearch" />
-        </a-space>
+        <CommonSelect
+          class="w-160px"
+          v-model="query.operator_id"
+          :multiple="false"
+          :options="operators"
+          @change="handleSearch"
+        />
       </div>
     </div>
     <div class="filter-row flex">
-      <div v-if="!isAccountTab" class="filter-row-item flex items-center">
+      <div v-if="!isAccountTab" class="filter-row-item">
         <span class="label">关联账户</span>
-        <a-space class="w-240px">
-          <AccountSelect v-model="query.placement_account_id" :options="placementAccounts" @change="handleSearch" />
-        </a-space>
+        <CommonSelect
+          class="w-240px"
+          v-model:value="query.placement_account_id"
+          :options="placementAccounts"
+          @change="handleSearch"
+        />
       </div>
-      <div class="filter-row-item flex items-center">
+      <div class="filter-row-item">
         <span class="label">时间筛选</span>
-        <a-space class="w-240px">
-          <a-range-picker
-            v-model="query.data_time"
-            size="medium"
-            :allow-clear="false"
-            format="YYYY-MM-DD"
-            class="w-100%"
-            @change="handleSearch"
-          />
-        </a-space>
+        <DatePicker.RangePicker
+          v-model:value="data_time"
+          :allowClear="false"
+          format="YYYY-MM-DD"
+          class="w-240px"
+          @change="onDateChange"
+        />
+      </div>
+      <div class="filter-row-item">
+        <Button type="primary" ghost class="mr-12px" @click="handleSearch">
+          <template #icon>
+            <icon-search class="mr-8px" />
+          </template>
+          <template #default>搜索</template>
+        </Button>
+        <Button @click="handleReset">
+          <template #icon>
+            <icon-refresh class="mr-8px" />
+          </template>
+          <template #default>重置</template>
+        </Button>
       </div>
-      <a-button type="outline" class="mr-12px" size="medium" @click="handleSearch">
-        <template #icon>
-          <icon-search />
-        </template>
-        <template #default>搜索</template>
-      </a-button>
-      <a-button size="medium" @click="handleReset">
-        <template #icon>
-          <icon-refresh />
-        </template>
-        <template #default>重置</template>
-      </a-button>
     </div>
   </div>
 </template>
 
 <script setup>
+import dayjs from 'dayjs';
 import { reactive, defineEmits, defineProps } from 'vue';
+import { Button, Input, DatePicker } from 'ant-design-vue';
 import {
   getPlacementAccountProjectGroupsList,
   getPlacementAccountsList,
@@ -94,13 +103,22 @@ const props = defineProps({
   },
 });
 
-const emits = defineEmits('onSearch', 'onReset', 'update:query');
-
+const emits = defineEmits(['onSearch', 'onReset', 'update:query']);
+// // 同步父组件传入的初始值
+// watch(
+//   () => props.query.data_time,
+//   (newVal) => {
+//     if (newVal && newVal.length > 0) {
+//       data_time.value = newVal;
+//     }
+//   },
+//   { immediate: true }
+// );
 // const tags = ref([]);
 const groups = ref([]);
 const operators = ref([]);
 const placementAccounts = ref([]);
-// const dataTime = ref([]);
+const data_time = ref([]);
 
 const handleSearch = () => {
   emits('update:query', props.query);
@@ -109,7 +127,30 @@ const handleSearch = () => {
   });
 };
 
+const onDateChange = (date) => {
+  // query.data_time = date;
+  if (!date) {
+    props.query.data_time = [];
+    handleSearch();
+    return;
+  }
+
+  const [start, end] = date;
+  const FORMAT_DATE = 'YYYY-MM-DD';
+  props.query.data_time = [
+    dayjs(start).startOf('day').format(FORMAT_DATE),
+    dayjs(end).endOf('day').format(FORMAT_DATE),
+  ];
+
+  handleSearch();
+};
+
+const init = () => {
+  data_time.value = [dayjs().subtract(1, 'day'), dayjs().subtract(1, 'day')];
+};
+
 const handleReset = () => {
+  init();
   emits('onReset');
 };
 
@@ -134,6 +175,8 @@ const getAccounts = async () => {
 };
 
 onMounted(() => {
+  init();
+
   getGroups();
   getOperators();
   getAccounts();
diff --git a/src/views/property-marketing/put-account/account-data/components/group-manage-modal/add-group.vue b/src/views/property-marketing/put-account/account-data/components/group-manage-modal/add-group.vue
index 8f7bc59..b5960b1 100644
--- a/src/views/property-marketing/put-account/account-data/components/group-manage-modal/add-group.vue
+++ b/src/views/property-marketing/put-account/account-data/components/group-manage-modal/add-group.vue
@@ -3,27 +3,29 @@
  * @Date: 2025-06-26 11:44:17
 -->
 <template>
-  <a-modal
-    v-model:visible="visible"
+  <Modal
+    v-model:open="visible"
     :title="isEdit ? '编辑分组' : '添加新分组'"
-    modal-class="account-manage-modal"
+    wrapClassName="account-manage-modal"
     width="400px"
-    @close="onClose"
+    centered
+    @cancel="onClose"
   >
-    <a-form ref="formRef" :model="form" :rules="rules" layout="horizontal" auto-label-width>
-      <a-form-item :label="isEdit ? '分组名称' : '新分组名称'" field="name" required>
-        <a-input v-model="form.name" placeholder="请输入…" />
-      </a-form-item>
-    </a-form>
+    <Form ref="formRef" :model="form" :rules="rules" layout="horizontal">
+      <FormItem :label="isEdit ? '分组名称' : '新分组名称'" name="name" required>
+        <Input v-model:value="form.name" placeholder="请输入…" />
+      </FormItem>
+    </Form>
     <template #footer>
-      <a-button @click="onClose">取消</a-button>
-      <a-button type="primary" class="ml-16px" @click="onSubmit">确认</a-button>
+      <Button @click="onClose">取消</Button>
+      <Button type="primary" class="ml-16px" @click="onSubmit">确认</Button>
     </template>
-  </a-modal>
+  </Modal>
 </template>
 
 <script setup>
 import { ref, watch, nextTick } from 'vue';
+import { Button, Modal, Form, FormItem, Input, message } from 'ant-design-vue';
 import { postPlacementAccountProjectGroups, putPlacementAccountProjectGroups } from '@/api/all/propertyMarketing';
 
 const emits = defineEmits(['success', 'close']);
@@ -61,16 +63,14 @@ const open = (record = {}) => {
 };
 
 async function onSubmit() {
-  formRef.value.validate(async (errors) => {
-    if (!errors) {
-      const _fn = isEdit.value ? putPlacementAccountProjectGroups : postPlacementAccountProjectGroups;
-      const _params = isEdit.value ? { id: groupId.value, ...form.value } : form.value;
-      const { code } = await _fn(_params);
-      if (code === 200) {
-        AMessage.success(isEdit.value ? '编辑成功' : '添加成功');
-        emits('success');
-        onClose();
-      }
+  formRef.value.validate().then(async () => {
+    const _fn = isEdit.value ? putPlacementAccountProjectGroups : postPlacementAccountProjectGroups;
+    const _params = isEdit.value ? { id: groupId.value, ...form.value } : form.value;
+    const { code } = await _fn(_params);
+    if (code === 200) {
+      message.success(isEdit.value ? '编辑成功' : '添加成功');
+      emits('success');
+      onClose();
     }
   });
 }
diff --git a/src/views/property-marketing/put-account/account-data/components/group-manage-modal/delete-group.vue b/src/views/property-marketing/put-account/account-data/components/group-manage-modal/delete-group.vue
index c9f2519..0d5740b 100644
--- a/src/views/property-marketing/put-account/account-data/components/group-manage-modal/delete-group.vue
+++ b/src/views/property-marketing/put-account/account-data/components/group-manage-modal/delete-group.vue
@@ -3,22 +3,21 @@
  * @Date: 2025-06-26 11:45:05
 -->
 <template>
-  <a-modal v-model:visible="visible" title="删除分组" width="400px" modal-class="account-manage-modal" @close="onClose">
+  <Modal v-model:open="visible" centered title="删除分组" width="400px" wrapClassName="account-manage-modal" @cancel="onClose">
     <div class="flex items-center mb-24px">
       <img :src="icon1" width="20" height="20" class="mr-12px" />
       <span>确认删除 "{{ groupName }}" 这个分组吗？</span>
     </div>
     <template #footer>
-      <a-button size="large" @click="onClose">取消</a-button>
-      <a-button type="primary" class="ml-16px danger-btn" status="danger" size="large" @click="onDelete"
-        >确认删除</a-button
-      >
+      <Button size="large" @click="onClose">取消</Button>
+      <Button type="primary" class="ml-16px danger-btn" danger size="large" @click="onDelete">确认删除</Button>
     </template>
-  </a-modal>
+  </Modal>
 </template>
 
 <script setup>
 import { ref } from 'vue';
+import { Button, Modal, message } from 'ant-design-vue';
 import { deletePlacementAccountProjectGroups } from '@/api/all/propertyMarketing';
 import icon1 from '@/assets/img/media-account/icon-warn-1.png';
 
@@ -46,7 +45,7 @@ const open = (record) => {
 async function onDelete() {
   const { code } = await deletePlacementAccountProjectGroups(groupId.value);
   if (code === 200) {
-    AMessage.success('删除成功');
+    message.success('删除成功');
     emits('success');
     onClose();
   }
diff --git a/src/views/property-marketing/put-account/account-data/components/group-manage-modal/index.vue b/src/views/property-marketing/put-account/account-data/components/group-manage-modal/index.vue
index f26bb79..b7f007f 100644
--- a/src/views/property-marketing/put-account/account-data/components/group-manage-modal/index.vue
+++ b/src/views/property-marketing/put-account/account-data/components/group-manage-modal/index.vue
@@ -3,85 +3,102 @@
  * @Date: 2025-06-25 17:51:46
 -->
 <template>
-  <a-modal
-    v-model:visible="visible"
+  <Modal
+    v-model:open="visible"
     width="900px"
-    modal-class="put-account-group-manage-modal"
-    :footer="false"
+    wrapClassName="put-account-group-manage-modal"
+    :footer="null"
     title="分组管理"
-    :mask-closable="false"
-    @close="close"
+    centered
+    :maskClosable="false"
+    @cancel="close"
   >
     <div class="flex items-center justify-between mb-16px">
       <div class="filter-row-item flex items-center">
         <span class="s1 !color-#211F24 mr-12px">分组名称</span>
-        <a-space size="medium" class="w-240px">
-          <a-input v-model="query.name" placeholder="请搜索..." size="medium" allow-clear @change="handleSearch">
+        <Space size="medium" class="w-240px">
+          <Input v-model:value="query.name" placeholder="请搜索..." size="middle" allowClear @change="handleSearch">
             <template #prefix>
               <icon-search />
             </template>
-          </a-input>
-        </a-space>
+          </Input>
+        </Space>
       </div>
-      <a-button type="primary" size="medium" @click="openAdd"
+      <Button type="primary" size="medium" @click="openAdd"
         ><template #icon>
-          <icon-plus size="16" />
+          <icon-plus size="16" class="mr-8px" />
         </template>
         <template #default>添加新分组</template>
-      </a-button>
+      </Button>
     </div>
-    <a-table
-      column-resizable
-      :columns="columns"
-      :data="list"
-      row-key="id"
+    <Table
+      :dataSource="list"
+      rowKey="id"
       :loading="loading"
       :scroll="{ y: 500 }"
       class="h-500px"
       :pagination="false"
-      @sorter-change="handleSorterChange"
+      :showSorterTooltip="false"
+      @change="handleTableChange"
     >
-      <template #empty>
+      <Column
+        v-for="column in columns"
+        :key="column.dataIndex"
+        :title="column.title"
+        :dataIndex="column.dataIndex"
+        :width="column.width"
+        :align="column.align"
+        :sortable="column.sortable"
+      >
+        <template v-if="column.slotName === 'action'" #customRender="{ record }">
+          <div class="flex items-center">
+            <img :src="icon1" width="16" height="16" class="mr-8px cursor-pointer" @click="openDelete(record)" />
+            <Button type="primary" size="small" @click="openEdit(record)">编辑</Button>
+          </div>
+        </template>
+        <template v-else-if="column.dataIndex === 'creator'" #customRender="{ record }">
+          {{ record.creator?.name || '-' }}
+        </template>
+        <template v-else-if="column.dataIndex === 'created_at'" #customRender="{ record }">
+          {{ exactFormatTime(record.created_at) }}
+        </template>
+      </Column>
+      <template #emptyText>
         <NoData>
           <span class="s1 mb-16px">暂无分组</span>
-          <a-button type="primary" class="mb-16px" size="medium" @click="openAdd"
+          <Button type="primary" class="mb-16px" size="medium" @click="openAdd"
             ><template #icon>
-              <icon-plus size="16" />
+              <icon-plus size="16" class="mr-8px" />
             </template>
             <template #default>去添加</template>
-          </a-button>
+          </Button>
         </NoData>
       </template>
-      <template #action="{ record }">
-        <div class="flex items-center">
-          <img :src="icon1" width="16" height="16" class="mr-8px cursor-pointer" @click="openDelete(record)" />
-          <a-button type="primary" @click="openEdit(record)">编辑</a-button>
-        </div>
-      </template>
-    </a-table>
+    </Table>
     <div v-if="pageInfo.total > 0" class="pagination-row flex justify-end">
-      <a-pagination
+      <Pagination
         :total="pageInfo.total"
-        size="mini"
-        show-total
-        show-jumper
-        show-page-size
+        size="small"
+        :showTotal="(total, range) => `共 ${total} 条`"
+        showSizeChanger
+        showQuickJumper
         :current="pageInfo.page"
-        :page-size="pageInfo.pageSize"
+        :pageSize="pageInfo.pageSize"
         @change="onPageChange"
-        @page-size-change="onPageSizeChange"
       />
     </div>
 
     <AddGroup ref="addGroupRef" @success="update" />
     <DeleteGroup ref="deleteGroupRef" @success="update" />
-  </a-modal>
+  </Modal>
 </template>
 
 <script setup>
 import { ref, reactive, onMounted } from 'vue';
+import { Button, Modal, Pagination, Input, Space, Table } from 'ant-design-vue';
 import { getPlacementAccountProjectGroups } from '@/api/all/propertyMarketing';
 import { exactFormatTime } from '@/utils/tools';
+const { Column } = Table;
 
 import AddGroup from './add-group.vue';
 import DeleteGroup from './delete-group.vue';
@@ -157,9 +174,9 @@ function openDelete(record) {
   deleteGroupRef.value.open(record);
 }
 
-const handleSorterChange = (column, order) => {
-  query.value.sort_column = column;
-  query.value.sort_order = order === 'ascend' ? 'asc' : 'desc';
+const handleTableChange = (pagination, filters, sorter) => {
+  query.value.sort_column = sorter.field;
+  query.value.sort_order = sorter.order === 'ascend' ? 'asc' : 'desc';
   getData();
 };
 async function getData() {
@@ -190,8 +207,10 @@ const handleSearch = () => {
   reload();
 };
 
-const onPageChange = (current) => {
+const onPageChange = (current, pageSize) => {
   pageInfo.value.page = current;
+  pageInfo.value.pageSize = pageSize;
+
   getData();
 };
 const onPageSizeChange = (pageSize) => {
diff --git a/src/views/property-marketing/put-account/account-data/components/group-manage-modal/style.scss b/src/views/property-marketing/put-account/account-data/components/group-manage-modal/style.scss
index fd526b5..ca31ded 100644
--- a/src/views/property-marketing/put-account/account-data/components/group-manage-modal/style.scss
+++ b/src/views/property-marketing/put-account/account-data/components/group-manage-modal/style.scss
@@ -2,9 +2,9 @@
 
 .account-manage-modal {
   border-radius: 8px;
-  .arco-modal-body {
-    .arco-btn {
-      .arco-btn-icon {
+  .ant-modal-body {
+    .ant-btn {
+      .ant-btn-icon {
         line-height: 16px;
       }
     }
diff --git a/src/views/property-marketing/put-account/account-data/components/group-select/index.vue b/src/views/property-marketing/put-account/account-data/components/group-select/index.vue
index f8e6556..6234910 100644
--- a/src/views/property-marketing/put-account/account-data/components/group-select/index.vue
+++ b/src/views/property-marketing/put-account/account-data/components/group-select/index.vue
@@ -3,22 +3,24 @@
  * @Date: 2025-06-25 14:02:40
 -->
 <template>
-  <a-select
-    v-model="selectedGroups"
-    :multiple="multiple"
-    size="medium"
+  <Select
+    v-model:value="selectedGroups"
+    :mode="multiple ? 'multiple' : undefined"
+    size="middle"
     :placeholder="placeholder"
-    allow-clear
-    :max-tag-count="3"
+    allowClear
+    :maxTagCount="3"
     @change="handleChange"
   >
-    <a-option v-for="(item, index) in options" :key="index" :value="item.id" :label="item.name">
+    <Option v-for="(item, index) in options" :key="index" :value="item.id" :label="item.name">
       {{ item.name }}
-    </a-option>
-  </a-select>
+    </Option>
+  </Select>
 </template>
 
 <script setup>
+import { Select } from 'ant-design-vue';
+const { Option } = Select;
 import { ref, watch } from 'vue';
 
 const props = defineProps({
diff --git a/src/views/property-marketing/put-account/account-data/components/plan-table/index.vue b/src/views/property-marketing/put-account/account-data/components/plan-table/index.vue
index 957231b..b37f4ad 100644
--- a/src/views/property-marketing/put-account/account-data/components/plan-table/index.vue
+++ b/src/views/property-marketing/put-account/account-data/components/plan-table/index.vue
@@ -5,86 +5,77 @@
 <template>
   <div class="action-row mb-12px flex justify-between">
     <div>
-      <a-checkbox
+      <Checkbox
         v-if="dataSource.length > 0"
-        :model-value="checkedAll"
+        :checked="checkedAll"
         :indeterminate="indeterminate"
         class="!pl-13px"
-        @change="handleSelectAll"
-        >全选</a-checkbox
+        @change="(e) => handleSelectAll(e.target.checked)"
+        >全选</Checkbox
       >
     </div>
 
     <div class="flex items-center">
-      <a-button type="outline" class="mr-12px" size="medium" @click="handleExport">
-        <template #icon> <icon-download /> </template>
+      <Button type="primary" ghost class="mr-12px" @click="handleExport">
+        <template #icon> <icon-download class="mr-8px" /> </template>
         <template #default>导出数据</template>
-      </a-button>
-      <a-button type="outline" size="medium" @click="openCustomColumn">
+      </Button>
+      <Button type="primary" ghost @click="openCustomColumn">
         <template #icon>
-          <img :src="icon1" width="14" height="14" />
+          <img :src="icon1" width="14" height="14" class="mr-8px" />
         </template>
         <template #default>自定义列</template>
-      </a-button>
+      </Button>
     </div>
   </div>
 
-  <a-table
+  <Table
     ref="tableRef"
-    column-resizable
-    :data="dataSource"
-    row-key="id"
-    :row-selection="{
+    :dataSource="dataSource"
+    rowKey="id"
+    :rowSelection="{
       type: 'checkbox',
-      showCheckedAll: true,
-      width: 48,
+      selectedRowKeys: selectedItems,
+      onChange: handleSelect,
+      onSelectAll: handleSelectAll,
     }"
-    :selected-keys="selectedItems"
     :pagination="false"
     :scroll="{ x: '100%' }"
     class="plan-table w-100%"
     bordered
-    @sorter-change="handleSorterChange"
-    @select="handleSelect"
-    @select-all="handleSelectAll"
+    :showSorterTooltip="false"
+    @change="handleTableChange"
   >
-    <template #empty>
-      <NoData />
-    </template>
-    <template #columns>
-      <a-table-column
-        v-for="column in tableColumns"
-        :key="column.dataIndex"
-        :data-index="column.dataIndex"
-        :fixed="column.fixed"
-        :width="column.width"
-        :min-width="column.minWidth"
-        :sortable="column.sortable"
-        :align="column.align"
-        ellipsis
-        tooltip
-      >
-        <template #title>
-          <div class="flex items-center">
-            <img v-if="column.dataIndex === 'ai_evaluate'" width="16" height="16" :src="icon5" class="mr-4px" />
-            <span class="cts mr-4px">{{ column.title }}</span>
-            <a-tooltip v-if="column.tooltip" :content="column.tooltip" position="top">
-              <icon-question-circle class="tooltip-icon color-#737478" size="16" />
-            </a-tooltip>
-          </div>
-        </template>
-
-        <template v-if="column.dataIndex === 'platform'" #cell="{ record }">
+    <Table.Column
+      v-for="column in tableColumns"
+      :key="column.dataIndex"
+      :dataIndex="column.dataIndex"
+      :fixed="column.fixed"
+      :width="column.width"
+      :minWidth="column.minWidth"
+      :sortable="column.sortable"
+      :align="column.align"
+      :ellipsis="true"
+    >
+      <template #title>
+        <img v-if="column.dataIndex === 'ai_evaluate'" width="16" height="16" :src="icon5" class="mr-4px" />
+        <span class="cts mr-4px">{{ column.title }}</span>
+        <Tooltip v-if="column.tooltip" :title="column.tooltip" placement="top">
+          <icon-question-circle class="tooltip-icon color-#737478" size="16" />
+        </Tooltip>
+      </template>
+      <template #customRender="{ record }">
+        <template v-if="column.dataIndex === 'platform'">
           {{ record.platform === 0 ? '抖音' : record.platform === 1 ? '小红书' : '-' }}
         </template>
-        <template v-else-if="column.dataIndex === 'status'" #cell="{ record }">
+        <template v-else-if="column.dataIndex === 'status'">
           <div class="status-tag" :class="`status-tag-${record.status}`">
             <span class="cts status-tag-text">{{
               STATUS_LIST.find((item) => item.value === record.status)?.label
             }}</span>
           </div>
         </template>
-        <template v-else-if="column.dataIndex === 'ai_evaluate'" #cell="{ record }">
+        <template v-else-if="column.dataIndex === 'ai_evaluate'">
           <div class="ai-evaluation-row flex">
             <template v-if="record.ai_evaluate">
               <img
@@ -105,40 +96,40 @@
             </template>
           </div>
         </template>
-        <template v-else-if="column.dataIndex === 'operation'" #cell="{ record }">
-          <a-button type="outline" size="small" @click="handleDetail(record)">详情</a-button>
+        <template v-else-if="column.dataIndex === 'operation'">
+          <Button type="primary" ghost size="small" @click="handleDetail(record)">详情</Button>
         </template>
-
-        <template v-else-if="column.isRateField" #cell="{ record }">
+        <template v-else-if="column.isRateField">
           <div class="flex items-center rate-row justify-end" :class="record[column.dataIndex] > 0 ? 'up' : 'down'">
             <icon-arrow-up v-if="record[column.dataIndex] > 0" size="16" />
             <icon-arrow-down v-else size="16" />
             {{ formatTableField(column, record) }}
           </div>
         </template>
-        <!-- <template v-else-if="['like_chain1', 'like_chain4'].includes(column.dataIndex)" #cell="{ record }">
-          <p class="cts cursor-pointer hover:!color-#6D4CFE">打工人的环游世界旅行计划（国内版）</p>
-          <p class="cts text-12px lh-20px !color-#939499">2025-06-18</p>
-        </template> -->
-
-        <template v-else #cell="{ record }">
+        <template v-else>
           {{ formatTableField(column, record, true) }}
         </template>
-      </a-table-column>
+      </template>
+    </Table.Column>
+    <template #emptyText>
+      <NoData />
     </template>
-  </a-table>
+  </Table>
 
   <CustomTableColumnModal ref="modalRef" :type="CUSTOM_COLUMN_TYPE" @success="onCustomColumnSuccess" />
 </template>
 
 <script setup>
-import { ref, computed } from 'vue';
+import { Checkbox, Button, Table } from 'ant-design-vue';
+import { ref, computed, onMounted } from 'vue';
+import { cloneDeep, union } from 'lodash-es';
 import { STATUS_LIST } from '@/views/property-marketing/put-account/components/status-select/constants';
 import { formatTableField } from '@/utils/tools';
 import { TABLE_COLUMNS } from './constants';
 import { useRouter } from 'vue-router';
 import CustomTableColumnModal from '@/components/custom-table-column-modal';
 import { getCustomColumns } from '@/api/all/common';
+const { Column } = Table;
 
 import icon1 from '@/assets/img/media-account/icon-custom.png';
 import icon2 from '@/assets/img/media-account/icon-warn.png';
@@ -171,22 +162,11 @@ const indeterminate = computed(
   () => selectedItems.value.length > 0 && selectedItems.value.length < props.dataSource.length,
 );
 
-const handleSelectAll = (checked) => {
-  if (checked) {
-    selectedItems.value = props.dataSource.map((item) => item.id);
-  } else {
-    selectedItems.value = [];
+// 处理表格变化（排序、分页等）
+const handleTableChange = (pagination, filters, sorter) => {
+  if (sorter && sorter.field) {
+    emit('sorterChange', sorter.field, sorter.order === 'ascend' ? 'asc' : 'desc');
   }
-  emit('selectionChange', checked ? selectedItems.value : []);
-};
-
-const handleDetail = (record) => {
-  router.push(`/media-account/detail/${record.id}`);
-};
-
-// 处理排序变化
-const handleSorterChange = (column, order) => {
-  emit('sorterChange', column, order === 'ascend' ? 'asc' : 'desc');
 };
 
 const handleSelect = (selectedRowKeys, selectedRows) => {
@@ -194,6 +174,19 @@ const handleSelect = (selectedRowKeys, selectedRows) => {
   emit('selectionChange', selectedRows);
 };
 
+const handleSelectAll = (selected, selectedRows, changeRows) => {
+  if (selected) {
+    selectedItems.value = props.dataSource.map((item) => item.id);
+  } else {
+    selectedItems.value = [];
+  }
+  emit('selectionChange', selected ? selectedRows : []);
+};
+
+const handleDetail = (record) => {
+  router.push(`/media-account/detail/${record.id}`);
+};
+
 const handleExport = () => {
   emit('export');
 };
diff --git a/src/views/property-marketing/put-account/account-data/constants.ts b/src/views/property-marketing/put-account/account-data/constants.ts
index 87901f6..dfc06af 100644
--- a/src/views/property-marketing/put-account/account-data/constants.ts
+++ b/src/views/property-marketing/put-account/account-data/constants.ts
@@ -5,9 +5,9 @@
 
 export const INITIAL_QUERY = {
   name: '',
-  status: '',
-  operator_id: '',
-  placement_account_id: '',
+  status: undefined,
+  operator_id: undefined,
+  placement_account_id: undefined,
   group_ids: [],
   data_time: [],
   column: '',
diff --git a/src/views/property-marketing/put-account/account-data/index.vue b/src/views/property-marketing/put-account/account-data/index.vue
index caad23d..0e68a35 100644
--- a/src/views/property-marketing/put-account/account-data/index.vue
+++ b/src/views/property-marketing/put-account/account-data/index.vue
@@ -4,19 +4,19 @@
 -->
 <template>
   <div class="account-data-wrap">
-    <div class="filter-wrap bg-#fff rounded-8px pb-24px mb-16px">
-      <a-tabs v-model="activeTab" @tab-click="handleTabClick">
-        <a-tab-pane key="1" title="账户"></a-tab-pane>
-        <a-tab-pane key="2" title="计划"></a-tab-pane>
-        <template v-if="!isAccountTab" #extra>
-          <a-button type="outline" class="mr-12px flex items-center" size="medium" @click="handleOpenGroupModal">
+    <div class="filter-wrap bg-#fff rounded-8px mb-16px">
+      <Tabs v-model:activeKey="activeTab" @change="handleTabClick" size="large">
+        <TabPane key="1" tab="账户"></TabPane>
+        <TabPane key="2" tab="计划"> </TabPane>
+        <template v-if="!isAccountTab" #rightExtra>
+          <Button type="primary" ghost class="mr-12px flex items-center" @click="handleOpenGroupModal">
             <template #icon>
-              <img :src="icon2" width="16" height="16" />
+              <img :src="icon2" width="16" height="16" class="mr-8px" />
             </template>
             <template #default>分组管理</template>
-          </a-button>
+          </Button>
         </template>
-      </a-tabs>
+      </Tabs>
       <FilterBlock
         ref="filterBlockRef"
         v-model:query="query"
@@ -35,16 +35,15 @@
         @selectionChange="handleSelectionChange"
       />
       <div v-if="pageInfo.total > 0" class="pagination-row">
-        <a-pagination
+        <Pagination
           :total="pageInfo.total"
-          size="mini"
-          show-total
-          show-jumper
-          show-page-size
+          size="small"
+          :showTotal="(total, range) => `共 ${total} 条`"
+          showSizeChanger
+          showQuickJumper
           :current="pageInfo.page"
-          :page-size="pageInfo.page_size"
+          :pageSize="pageInfo.page_size"
           @change="onPageChange"
-          @page-size-change="onPageSizeChange"
         />
       </div>
     </div>
@@ -54,6 +53,8 @@
 </template>
 
 <script setup>
+import { Button, Tabs, Pagination } from 'ant-design-vue';
+const { TabPane } = Tabs;
 import FilterBlock from './components/filter-block';
 import BoardTable from './components/board-table';
 import PlanTable from './components/plan-table';
@@ -111,8 +112,9 @@ const getData = async () => {
   }
 };
 
-const onPageChange = (current) => {
+const onPageChange = (current, pageSize) => {
   pageInfo.value.page = current;
+  pageInfo.value.page_size = pageSize;
   getData();
 };
 
diff --git a/src/views/property-marketing/put-account/account-data/style.scss b/src/views/property-marketing/put-account/account-data/style.scss
index 6df3528..2bfdcc1 100644
--- a/src/views/property-marketing/put-account/account-data/style.scss
+++ b/src/views/property-marketing/put-account/account-data/style.scss
@@ -4,12 +4,6 @@
   .filter-wrap {
     border-radius: 8px;
     // border: 1px solid #e6e6e8;
-    :deep(.arco-tabs) {
-      .arco-tabs-tab {
-        height: 56px;
-        padding: 0 8px;
-      }
-    }
     :deep(.arco-btn) {
       .arco-btn-icon {
         line-height: 14px;
diff --git a/src/views/property-marketing/put-account/account-manage/components/account-table/delete-account.vue b/src/views/property-marketing/put-account/account-manage/components/account-table/delete-account.vue
index 08d9c34..c2fed71 100644
--- a/src/views/property-marketing/put-account/account-manage/components/account-table/delete-account.vue
+++ b/src/views/property-marketing/put-account/account-manage/components/account-table/delete-account.vue
@@ -3,28 +3,29 @@
  * @Date: 2025-06-26 17:44:16
 -->
 <template>
-  <a-modal
-    v-model:visible="visible"
+  <Modal
+    v-model:open="visible"
     :title="isBatch ? '批量删除账户' : '删除账户'"
     width="480px"
-    modal-class="account-manage-modal"
-    @close="onClose"
+    centered
+    wrapClassName="account-manage-modal"
+    @cancel="onClose"
   >
     <div class="flex items-center">
       <img :src="icon1" width="20" height="20" class="mr-12px" />
       <span>确认删除 {{ accountName }} 这个账户吗？</span>
     </div>
     <template #footer>
-      <a-button size="large" @click="onClose">取消</a-button>
-      <a-button type="primary" class="ml-16px danger-btn" status="danger" size="large" @click="onDelete"
-        >确认删除</a-button
-      >
+      <Button size="large" @click="onClose">取消</Button>
+      <Button type="primary" class="ml-16px" danger size="large" @click="onDelete">确认删除</Button>
     </template>
-  </a-modal>
+  </Modal>
 </template>
 
 <script setup>
+// 添加Modal导入
 import { ref } from 'vue';
+import { Button, message, Modal } from 'ant-design-vue';
 import { deletePlacementAccount, batchDeletePlacementAccounts } from '@/api/all/propertyMarketing';
 import icon1 from '@/assets/img/media-account/icon-warn-1.png';
 
@@ -56,7 +57,7 @@ async function onDelete() {
   const _params = isBatch.value ? { ids: accountId.value } : accountId.value;
   const { code } = await _fn(_params);
   if (code === 200) {
-    AMessage.success('删除成功');
+    message.success('删除成功');
     emits('update', isBatch.value ? accountId.value : [accountId.value]);
     onClose();
   }
diff --git a/src/views/property-marketing/put-account/account-manage/components/account-table/index.vue b/src/views/property-marketing/put-account/account-manage/components/account-table/index.vue
index 00be502..0f0aee3 100644
--- a/src/views/property-marketing/put-account/account-manage/components/account-table/index.vue
+++ b/src/views/property-marketing/put-account/account-manage/components/account-table/index.vue
@@ -12,7 +12,7 @@
         checked: isSelected(item),
       }"
     >
-      <a-checkbox :model-value="isSelected(item)" :value="item.id" @change="toggleSelect(item)"></a-checkbox>
+      <Checkbox :checked="isSelected(item)" :value="item.id" @change="toggleSelect(item)"></Checkbox>
       <div class="ml-8px flex-1">
         <p class="name">{{ item.name || '-' }}</p>
         <div class="field-row">
@@ -45,10 +45,10 @@
           <span class="label">所属项目</span>
           <span v-if="!item.projects.length" class="cts">-</span>
           <div v-else class="flex items-center">
-            <a-tooltip
+            <Tooltip
               v-if="item.projects.length > 2"
-              position="bottom"
-              :content="
+              placement="bottom"
+              :title="
                 item.projects
                   .slice(2)
                   .map((v) => v.name)
@@ -58,7 +58,7 @@
               <div class="tag-box">
                 <span class="text">{{ `+${item.projects.length - 2}` }}</span>
               </div>
-            </a-tooltip>
+            </Tooltip>
 
             <div v-for="(project, index) in item.projects.slice(0, 2)" :key="index" class="tag-box">
               <span class="text">{{ project.name }}</span>
@@ -75,22 +75,23 @@
         </div>
         <div class="operate-row">
           <img :src="icon1" width="16" height="16" class="mr-8px cursor-pointer" @click="openDelete(item)" />
-          <a-button
+          <Button
             v-if="showPauseButton(item.status)"
-            type="outline"
+            type="primary"
+            ghost
             class="mr-8px"
-            size="mini"
+            size="small"
             @click="handlePause(item)"
           >
             <template #default>暂停同步</template>
-          </a-button>
-          <a-button type="outline" class="mr-8px" size="mini" @click="handleReauthorize(item)">
+          </Button>
+          <Button type="primary" ghost class="mr-8px" size="small" @click="handleReauthorize(item)">
             <template #default>获取凭证</template>
-          </a-button>
+          </Button>
 
-          <a-button type="outline" size="mini" @click="openEdit(item)">
+          <Button type="primary" ghost size="small" @click="openEdit(item)">
             <template #default>编辑</template>
-          </a-button>
+          </Button>
         </div>
       </div>
     </div>
@@ -100,6 +101,7 @@
 </template>
 
 <script setup>
+import { Checkbox, Button, Tooltip } from 'ant-design-vue';
 import { defineProps, ref, computed } from 'vue';
 import { PLATFORM_LIST } from '@/utils/platform';
 import { EnumPutAccountStatus } from '@/views/property-marketing/put-account/components/status-select/constants';
diff --git a/src/views/property-marketing/put-account/account-manage/components/account-table/pause-account-patch.vue b/src/views/property-marketing/put-account/account-manage/components/account-table/pause-account-patch.vue
index 671542f..8545d14 100644
--- a/src/views/property-marketing/put-account/account-manage/components/account-table/pause-account-patch.vue
+++ b/src/views/property-marketing/put-account/account-manage/components/account-table/pause-account-patch.vue
@@ -3,20 +3,28 @@
  * @Date: 2025-06-27 14:41:20
 -->
 <template>
-  <a-modal v-model:visible="visible" title="暂停同步" width="480px" modal-class="account-manage-modal" @close="onClose">
+  <Modal
+    v-model:open="visible"
+    title="暂停同步"
+    width="480px"
+    wrapClassName="account-manage-modal"
+    @cancel="onClose"
+    centered
+  >
     <div class="flex items-center">
       <img :src="icon1" width="20" height="20" class="mr-12px" />
       <span>确认暂停同步 “{{ accountName }}” 这个账号的数据吗？</span>
     </div>
     <template #footer>
-      <a-button size="large" @click="onClose">取消</a-button>
-      <a-button type="primary" class="ml-16px !bg-#f64b31" size="large" @click="onConfirm">确定</a-button>
+      <Button size="large" @click="onClose">取消</Button>
+      <Button type="primary" class="ml-16px !bg-#f64b31" size="large" @click="onConfirm">确定</Button>
     </template>
-  </a-modal>
+  </Modal>
 </template>
 
 <script setup>
 import { ref } from 'vue';
+import { Button, message } from 'ant-design-vue';
 import { pausePatchPlacementAccount } from '@/api/all/propertyMarketing';
 import icon1 from '@/assets/img/media-account/icon-warn-1.png';
 
@@ -44,7 +52,7 @@ const open = (record) => {
 async function onConfirm() {
   const { code } = await pausePatchPlacementAccount(accountId.value);
   if (code === 200) {
-    AMessage.success('暂停成功');
+    message.success('暂停成功');
     update();
     onClose();
   }
diff --git a/src/views/property-marketing/put-account/account-manage/components/add-account-modal/index.vue b/src/views/property-marketing/put-account/account-manage/components/add-account-modal/index.vue
index 028a821..8d332a3 100644
--- a/src/views/property-marketing/put-account/account-manage/components/add-account-modal/index.vue
+++ b/src/views/property-marketing/put-account/account-manage/components/add-account-modal/index.vue
@@ -3,45 +3,51 @@
  * @Date: 2025-06-25 17:51:46
 -->
 <template>
-  <a-modal
-    v-model:visible="visible"
+  <Modal
+    v-model:open="visible"
     :title="isEdit ? '编辑账户' : '添加账户'"
-    modal-class="add-put-account-modal"
+    wrapClassName="add-put-account-modal"
     width="500px"
-    :mask-closable="false"
+    :maskClosable="false"
     unmount-on-close
-    @close="onClose"
+    centered
+    @cancel="onClose"
   >
-    <a-form ref="formRef" :model="form" :rules="rules" layout="horizontal" auto-label-width>
-      <a-form-item v-if="!isEdit" label="上传方式" required>
-        <a-radio-group v-model="uploadType">
-          <a-radio value="manual">手动添加账户</a-radio>
-          <a-radio value="batch">批量导入账户</a-radio>
-        </a-radio-group>
-      </a-form-item>
+    <Form
+      ref="formRef"
+      :model="form"
+      :rules="formRules"
+      layout="horizontal"
+      labelAlign="right"
+      :labelCol="{ span: 6 }"
+      :wrapperCol="{ span: 18 }"
+    >
+      <FormItem v-if="!isEdit" label="上传方式" required>
+        <RadioGroup v-model:value="uploadType">
+          <Radio value="manual">手动添加账户</Radio>
+          <Radio value="batch">批量导入账户</Radio>
+        </RadioGroup>
+      </FormItem>
 
       <!-- 批量导入账户模式下的内容 -->
       <template v-if="isBatchImport">
-        <a-form-item label="账户文件" required>
+        <FormItem label="账户文件" required>
           <!-- 默认状态 -->
           <div class="upload-block">
             <template v-if="uploadStatus === UploadStatus.DEFAULT">
-              <a-upload
+              <Upload
                 ref="uploadRef"
                 action="/"
-                draggable
-                :custom-request="handleUpload"
+                :customRequest="handleUpload"
                 accept=".xlsx,.xls,.docx,.doc"
-                :show-file-list="false"
+                :showUploadList="false"
               >
-                <template #upload-button>
-                  <div class="upload-box">
-                    <icon-plus size="14" class="mb-16px" />
-                    <span class="text mb-4px">点击或拖拽文件到此处上传</span>
-                    <span class="tip">支持 xls, xlsx格式</span>
-                  </div>
-                </template>
-              </a-upload>
+                <div class="upload-box">
+                  <icon-plus size="14" class="mb-16px" />
+                  <span class="text mb-4px">点击或拖拽文件到此处上传</span>
+                  <span class="tip">支持 xls, xlsx格式</span>
+                </div>
+              </Upload>
             </template>
             <template v-else>
               <div class="flex items-center">
@@ -71,81 +77,94 @@
               <span class="dt">下载账户导入模板.xlsx</span>
             </div>
           </div>
-        </a-form-item>
+        </FormItem>
       </template>
 
       <!-- 手动添加账户 -->
       <template v-else>
         <template v-if="isEdit">
-          <a-form-item label="账户名称" field="name">
-            <a-input v-model="form.name" placeholder="请输入..." size="large" disabled />
-          </a-form-item>
-          <a-form-item label="账户ID" field="account_id">
-            <a-input v-model="form.account_id" placeholder="请输入..." size="large" disabled />
-          </a-form-item>
-          <a-form-item label="状态" field="status">
+          <FormItem label="账户名称" name="name">
+            <Input v-model:value="form.name" placeholder="请输入..." disabled size="large" />
+          </FormItem>
+          <FormItem label="账户ID" name="account_id">
+            <Input v-model:value="form.account_id" placeholder="请输入..." size="large" disabled />
+          </FormItem>
+          <FormItem label="状态" name="status">
             <StatusBox :status="form.status" />
-          </a-form-item>
+          </FormItem>
         </template>
 
-        <a-form-item label="手机号" field="mobile" required>
-          <a-input v-model="form.mobile" placeholder="请输入..." size="large" />
-        </a-form-item>
-        <a-form-item label="运营人员" field="operator_name" required>
-          <a-input v-model="form.operator_name" placeholder="请输入..." class="w-240px" size="large" />
-        </a-form-item>
-        <a-form-item label="号码持有人" field="holder_name" required>
-          <a-input v-model="form.holder_name" placeholder="请输入..." class="w-240px" size="large" />
-        </a-form-item>
-        <a-form-item label="运营平台" :required="!isEdit">
+        <FormItem label="手机号" name="mobile">
+          <Input v-model:value="form.mobile" placeholder="请输入..." size="large" />
+        </FormItem>
+        <FormItem label="运营人员" name="operator_name">
+          <Input v-model:value="form.operator_name" placeholder="请输入..." class="w-240px" size="large" />
+        </FormItem>
+        <FormItem label="号码持有人" name="holder_name">
+          <Input v-model:value="form.holder_name" placeholder="请输入..." class="w-240px" size="large" />
+        </FormItem>
+        <FormItem label="运营平台" :required="!isEdit">
           <div v-if="isEdit" class="flex items-center">
             <img :src="PLATFORM_LIST[form.platform].icon" width="14" height="14" class="mr-4px" />
             <span>{{ PLATFORM_LIST[form.platform].label }}</span>
           </div>
-          <a-radio-group v-else v-model="form.platform">
-            <a-radio v-for="item in PLATFORM_LIST" :key="item.value" :value="item.value">
+          <RadioGroup v-else v-model:value="form.platform">
+            <Radio v-for="item in PLATFORM_LIST" :key="item.value" :value="item.value">
               <div class="flex items-center">
                 <img :src="item.icon" width="14" height="14" class="mr-4px" />
                 <span>{{ item.label }}</span>
               </div>
-            </a-radio>
-          </a-radio-group>
-        </a-form-item>
-        <a-form-item label="所属项目" field="project_ids">
+            </Radio>
+          </RadioGroup>
+        </FormItem>
+        <FormItem label="所属项目" name="project_ids">
           <CommonSelect v-model="form.project_ids" :options="projects" placeholder="请选择…" size="large" />
-        </a-form-item>
+        </FormItem>
         <template v-if="isEdit">
-          <a-form-item label="账户总消耗" field="total_use_amount">
-            <a-input v-model="form.total_use_amount" placeholder="请输入..." size="large" disabled />
-          </a-form-item>
-          <a-form-item label="账户余额" field="balance_amount">
-            <a-input v-model="form.balance_amount" placeholder="请输入..." size="large" disabled />
-          </a-form-item>
+          <FormItem label="账户总消耗" name="total_use_amount">
+            <Input v-model:value="form.total_use_amount" placeholder="请输入..." size="large" disabled />
+          </FormItem>
+          <FormItem label="账户余额" name="balance_amount">
+            <Input v-model:value="form.balance_amount" placeholder="请输入..." size="large" disabled />
+          </FormItem>
         </template>
-        <a-form-item label="同步项目数据" field="is_sync_project">
+        <FormItem name="is_sync_project">
           <template #label>
             <span class="label">同步项目数据</span>
-            <a-tooltip content="同步项目数据后，账户数据将同步到项目中">
+            <Tooltip title="同步项目数据后，账户数据将同步到项目中">
               <icon-question-circle size="14" class="ml-4px color-#737478" />
-            </a-tooltip>
+            </Tooltip>
           </template>
-          <a-switch v-model="form.is_sync_project" size="medium" :checked-value="1" :unchecked-value="0" />
-        </a-form-item>
+          <Switch v-model:checked="form.is_sync_project" size="middle" :checkedValue="1" :unCheckedValue="0" />
+        </FormItem>
       </template>
-    </a-form>
+    </Form>
     <template #footer>
-      <a-button size="large" @click="onClose">取消</a-button>
-      <a-button type="primary" size="large" @click="onSubmit" :loading="importLoading">
+      <Button size="large" @click="onClose">取消</Button>
+      <Button type="primary" size="large" @click="onSubmit" :loading="importLoading">
         {{ confirmBtnText }}
-      </a-button>
+      </Button>
     </template>
 
     <AuthorizedAccountModal ref="authorizedAccountModalRef" />
     <!-- <ImportPromptModal ref="importPromptModalRef" /> -->
-  </a-modal>
+  </Modal>
 </template>
 
 <script setup>
+import {
+  Modal,
+  Form,
+  FormItem,
+  Button,
+  Input,
+  RadioGroup,
+  Radio,
+  Tooltip,
+  message,
+  Switch,
+  Upload,
+} from 'ant-design-vue';
 import { ref, defineEmits } from 'vue';
 
 import AuthorizedAccountModal from '../authorized-account-modal';
@@ -201,26 +220,25 @@ const form = ref(cloneDeep(INITIAL_FORM));
 const projects = ref([]);
 const importLoading = ref(false);
 
-const rules = {
+const formRules = {
   mobile: [
     {
       required: true,
-      message: '请填写手机号',
       trigger: ['blur', 'change'],
-    },
-    {
-      validator: (value, callback) => {
+      validator: (_rule, value) => {
+        if (!value) {
+          return Promise.reject('请填写手机号');
+        }
         if (!/^1[3-9]\d{9}$/.test(value)) {
-          callback('手机号格式不正确');
+          return Promise.reject('手机号格式不正确');
         } else {
-          callback();
+          return Promise.resolve();
         }
       },
-      trigger: ['blur', 'change'],
     },
   ],
-  operator_name: [{ required: true, message: '请输入运营人员' }],
-  holder_name: [{ required: true, message: '请输入号码持有人' }],
+  operator_name: [{ required: true, message: '请输入运营人员', trigger: ['blur', 'change'] }],
+  holder_name: [{ required: true, message: '请输入号码持有人', trigger: ['blur', 'change'] }],
 };
 
 const isBatchImport = computed(() => uploadType.value === 'batch');
@@ -230,12 +248,12 @@ const confirmBtnText = computed(() => {
 });
 
 const handleUpload = async (option) => {
-  const { fileItem } = option;
+  const { file: uploadedFile } = option;
 
   uploadStatus.value = UploadStatus.WAITING;
 
-  file.value = fileItem.file;
-  fileName.value = fileItem.name;
+  file.value = uploadedFile;
+  fileName.value = uploadedFile.name;
 };
 
 function removeFile() {
@@ -291,7 +309,7 @@ const getAccountDetail = async () => {
 const handleBatchImport = async () => {
   try {
     if (!file.value) {
-      AMessage.warning('请上传要导入的文件');
+      message.warning('请上传要导入的文件');
       return;
     }
 
@@ -337,7 +355,7 @@ const handleAdd = async () => {
 const handleEdit = async () => {
   const { code } = await putPlacementAccounts({ id: id.value, ...form.value });
   if (code === 200) {
-    isEdit.value && AMessage.success('修改成功');
+    isEdit.value && message.success('修改成功');
     update();
     onClose();
   }
@@ -349,10 +367,8 @@ async function onSubmit() {
     return;
   }
 
-  formRef.value.validate(async (errors) => {
-    if (!errors) {
-      isEdit.value ? handleEdit() : handleAdd();
-    }
+  formRef.value.validate().then(() => {
+    isEdit.value ? handleEdit() : handleAdd();
   });
 }
 
diff --git a/src/views/property-marketing/put-account/account-manage/components/add-account-modal/style.scss b/src/views/property-marketing/put-account/account-manage/components/add-account-modal/style.scss
index 72132dc..7d46453 100644
--- a/src/views/property-marketing/put-account/account-manage/components/add-account-modal/style.scss
+++ b/src/views/property-marketing/put-account/account-manage/components/add-account-modal/style.scss
@@ -4,7 +4,7 @@
   .w-240px {
     width: 240px !important;
   }
-  .arco-modal-body {
+  .ant-modal-body {
     .upload-block {
       width: 100%;
       .dt {
@@ -36,8 +36,8 @@
           }
         }
       }
-      .arco-upload-drag {
-        height: 120px;
+      .ant-upload {
+        width: 100%;
         display: flex;
         flex-direction: column;
         align-items: center;
@@ -47,6 +47,8 @@
         }
       }
       .upload-box {
+        cursor: pointer;
+        width: 100%;
         display: flex;
         height: 120px;
         padding: 0 16px;
diff --git a/src/views/property-marketing/put-account/account-manage/components/authorized-account-modal/index.vue b/src/views/property-marketing/put-account/account-manage/components/authorized-account-modal/index.vue
index 8ac7abc..8873eb2 100644
--- a/src/views/property-marketing/put-account/account-manage/components/authorized-account-modal/index.vue
+++ b/src/views/property-marketing/put-account/account-manage/components/authorized-account-modal/index.vue
@@ -3,37 +3,24 @@
  * @Date: 2025-06-25 17:51:46
 -->
 <template>
-  <a-modal
-    v-model:visible="visible"
+  <Modal
+    v-model:open="visible"
     width="480px"
     title="获取凭证"
-    modal-class="authorized-account-modal"
-    :mask-closable="false"
-    :footer="!isLoading"
-    @close="close"
+    wrapClassName="authorized-account-modal"
+    :maskClosable="false"
+    :footer="isLoading ? null : footer"
+    centered
+    @cancel="close"
   >
-    <!-- <div v-if="showSyncTip">
-      <div class="flex items-center mb-20px">
-        <img :src="icon1" width="16" height="16" class="mr-16px" />
-        <p class="s2">
-          检测到该账户最后更新日期为{{ exactFormatTime(lastSyncedAt, 'MM月DD日HH:mm', 'YYYY年MM月DD日 HH:mm') }}，已有{{
-            getDaysDiffText(lastSyncedAt)
-          }}未同步最新数据。
-        </p>
-      </div>
-      <a-radio-group v-model="syncType" class="ml-32px">
-        <a-radio value="sync" class="mb-16px">立即同步遗漏数据 - 获取完整的最新数据 （推荐）</a-radio>
-        <a-radio value="no_sync">仅授权不更新 - 继续使用当前不完全的数据</a-radio>
-      </a-radio-group>
-    </div> -->
     <div class="flex flex-col items-center">
       <template v-if="isLoading">
-        <a-progress
+        <Progress
           :percent="progress"
-          color="#6D4CFE"
-          trackColor="#E6E6E8"
-          size="large"
-          :stroke-width="4"
+          strokeColor="#6D4CFE"
+          trailColor="#E6E6E8"
+          size="default"
+          :strokeWidth="4"
           type="circle"
         />
         <p class="s2 mt-16px">数据同步和初始化中，请勿关闭窗口。</p>
@@ -44,27 +31,39 @@
           <p class="s2">{{ `数据初始化${isSuccess ? '成功' : '失败'}。` }}</p>
           <p v-if="!isSuccess" class="red-text">失败原因：{{ failReason || '-' }}</p>
         </template>
-        <a-form v-else ref="formRef" :model="form" :rules="rules" layout="horizontal" auto-label-width>
-          <a-form-item label="账户" field="account">
-            <a-input v-model="form.account" placeholder="请输入..." size="large" />
-          </a-form-item>
-          <a-form-item label="密码" field="password">
-            <a-input-password v-model="form.password" placeholder="请输入..." size="large" />
-          </a-form-item>
-        </a-form>
+        <Form
+          v-else
+          class="w-full"
+          ref="formRef"
+          :model="form"
+          :rules="rules"
+          layout="horizontal"
+          :labelCol="{ span: 3 }"
+          :wrapperCol="{ span: 21 }"
+        >
+          <FormItem label="账户" name="account">
+            <Input v-model:value="form.account" placeholder="请输入..." size="large" />
+          </FormItem>
+          <FormItem label="密码" name="password">
+            <Input.Password v-model:value="form.password" placeholder="请输入..." size="large" />
+          </FormItem>
+        </Form>
       </template>
     </div>
     <template #footer>
-      <a-button size="large" @click="close">取消</a-button>
-      <a-button type="primary" size="large" @click="handleOk">{{ confirmBtnText }} </a-button>
+      <Button size="large" @click="close">取消</Button>
+      <Button type="primary" size="large" @click="handleOk">{{ confirmBtnText }} </Button>
     </template>
-  </a-modal>
+  </Modal>
 
   <SelectSubAccountModal ref="selectSubAccountModalRef" />
 </template>
 
 <script setup>
+// 添加Modal导入
+import { Modal, Form, FormItem, Input, Progress } from 'ant-design-vue';
 import dayjs from 'dayjs';
+import { Button } from 'ant-design-vue';
 import { defineExpose, ref, computed, defineEmits } from 'vue';
 import { exactFormatTime } from '@/utils/tools';
 import {
@@ -218,12 +217,12 @@ const startLoading = async () => {
 const startFakeProgressPolling = () => {
   clearFakeProgressTimer();
   progressTimer = setInterval(() => {
-    if (!isCompleted.value && progress.value < 0.99) {
-      const step = Math.random() * 0.04 + 0.01;
-      progress.value = Math.min(progress.value + step, 0.99);
+    if (!isCompleted.value && progress.value < 99) {
+      const step = Math.random() * 4 + 1;
+      progress.value = Math.min(progress.value + step, 99);
       progress.value = Number(progress.value.toFixed(2));
-    } else if (!isCompleted.value && progress.value >= 0.99) {
-      progress.value = 0.99; // 卡在99%
+    } else if (!isCompleted.value && progress.value >= 99) {
+      progress.value = 99; // 卡在99%
     } else {
       clearFakeProgressTimer();
       clearStatusPollingTimer();
@@ -279,8 +278,7 @@ const handleOk = () => {
   }
 
   // 未完成，校验表单
-  formRef.value.validate(async (errors) => {
-    if (errors) return;
+  formRef.value.validate().then(() => {
     if (shouldSelectSubAccount.value) {
       visible.value = false;
       selectSubAccountModalRef.value.open({
diff --git a/src/views/property-marketing/put-account/account-manage/components/filter-block/index.vue b/src/views/property-marketing/put-account/account-manage/components/filter-block/index.vue
index c99249d..04ddbda 100644
--- a/src/views/property-marketing/put-account/account-manage/components/filter-block/index.vue
+++ b/src/views/property-marketing/put-account/account-manage/components/filter-block/index.vue
@@ -8,18 +8,18 @@
     <div class="filter-row">
       <div class="filter-row-item">
         <span class="label">账号名称/ID/手机号</span>
-        <a-input
-          v-model="query.search"
+        <Input
+          v-model:value="query.search"
           class="w-240px"
           placeholder="请搜索..."
           size="medium"
-          allow-clear
+          allowClear
           @change="handleSearch"
         >
           <template #prefix>
             <icon-search />
           </template>
-        </a-input>
+        </Input>
       </div>
       <div class="filter-row-item">
         <span class="label">状态</span>
@@ -27,18 +27,18 @@
       </div>
       <div class="filter-row-item">
         <span class="label">平台</span>
-        <a-select
+        <Select
           class="!w-160px"
-          v-model="query.platform"
-          size="medium"
+          v-model:value="query.platform"
+          size="middle"
           placeholder="全部"
-          allow-clear
+          allowClear
           @change="handleSearch"
         >
-          <a-option v-for="(item, index) in PLATFORM_LIST" :key="index" :value="item.value" :label="item.label">{{
+          <Option v-for="(item, index) in PLATFORM_LIST" :key="index" :value="item.value" :label="item.label">{{
             item.label
-          }}</a-option>
-        </a-select>
+          }}</Option>
+        </Select>
       </div>
       <div class="filter-row-item">
         <span class="label">运营人员</span>
@@ -57,18 +57,18 @@
         <CommonSelect class="!w-200px" v-model="query.project_ids" :options="projects" @change="handleSearch" />
       </div>
       <div class="filter-row-item">
-        <a-button type="outline" class="mr-12px" size="medium" @click="handleSearch">
+        <Button type="primary" ghost class="mr-12px" size="medium" @click="handleSearch">
           <template #icon>
-            <icon-search />
+            <icon-search class="mr-8px" />
           </template>
           <template #default>搜索</template>
-        </a-button>
-        <a-button size="medium" @click="handleReset">
+        </Button>
+        <Button size="medium" @click="handleReset">
           <template #icon>
-            <icon-refresh />
+            <icon-refresh class="mr-8px" />
           </template>
           <template #default>重置</template>
-        </a-button>
+        </Button>
       </div>
     </div>
   </div>
@@ -76,6 +76,8 @@
 
 <script setup>
 import { defineEmits, defineProps } from 'vue';
+import { Button, Input, Select } from 'ant-design-vue';
+const { Option } = Select;
 import { getPlacementAccountOperators, getProjectList } from '@/api/all/propertyMarketing';
 import { PLATFORM_LIST } from '@/utils/platform';
 import StatusSelect from '@/views/property-marketing/put-account/components/status-select';
@@ -88,7 +90,7 @@ const props = defineProps({
   },
 });
 
-const emits = defineEmits('onSearch', 'onReset', 'update:query');
+const emits = defineEmits(['onSearch', 'onReset', 'update:query']);
 
 const operators = ref([]);
 const projects = ref([]);
diff --git a/src/views/property-marketing/put-account/account-manage/components/import-prompt-modal/index.vue b/src/views/property-marketing/put-account/account-manage/components/import-prompt-modal/index.vue
index ac7f68c..0db2d41 100644
--- a/src/views/property-marketing/put-account/account-manage/components/import-prompt-modal/index.vue
+++ b/src/views/property-marketing/put-account/account-manage/components/import-prompt-modal/index.vue
@@ -3,13 +3,13 @@
  * @Date: 2025-06-25 17:51:46
 -->
 <template>
-  <a-modal
-    v-model:visible="visible"
+  <Modal
+    v-model:open="visible"
     width="480px"
     title="导入提示"
-    modal-class="import-prompt-modal"
-    :mask-closable="false"
-    @close="close"
+    wrapClassName="import-prompt-modal"
+    :maskClosable="false"
+    @cancel="close"
   >
     <div class="flex flex-col items-center">
       <div class="flex items-center">
@@ -18,14 +18,15 @@
       </div>
     </div>
     <template #footer>
-      <a-button size="large" @click="close">取消</a-button>
-      <a-button type="primary" size="large" @click="handleOk"> 去授权 </a-button>
+      <Button size="large" @click="close">取消</Button>
+      <Button type="primary" size="large" @click="handleOk"> 去授权 </Button>
     </template>
-  </a-modal>
+  </Modal>
 </template>
 
 <script setup>
 import { defineExpose } from 'vue';
+import { Button, Modal } from 'ant-design-vue';
 
 import icon1 from '@/assets/img/media-account/icon-warn-1.png';
 
diff --git a/src/views/property-marketing/put-account/account-manage/components/import-prompt-modal/style.scss b/src/views/property-marketing/put-account/account-manage/components/import-prompt-modal/style.scss
index 618362a..c71e78f 100644
--- a/src/views/property-marketing/put-account/account-manage/components/import-prompt-modal/style.scss
+++ b/src/views/property-marketing/put-account/account-manage/components/import-prompt-modal/style.scss
@@ -1,7 +1,7 @@
 @import "@/views/property-marketing/component.scss";
 .import-prompt-modal {
   border-radius: 8px;
-  .arco-modal-body {
+  .ant-modal-body {
     .tip {
       color: var(--Text-1, #211f24);
       font-family: $font-family-medium;
diff --git a/src/views/property-marketing/put-account/account-manage/components/select-sub-account-modal/index.vue b/src/views/property-marketing/put-account/account-manage/components/select-sub-account-modal/index.vue
index d2af440..60b94a6 100644
--- a/src/views/property-marketing/put-account/account-manage/components/select-sub-account-modal/index.vue
+++ b/src/views/property-marketing/put-account/account-manage/components/select-sub-account-modal/index.vue
@@ -1,101 +1,99 @@
 <template>
-  <a-modal
-    v-model:visible="visible"
+  <Modal
+    v-model:open="visible"
+    @cancel="onClose"
+    centered
     title="选择子账户"
     modal-class="select-sub-account-modal"
     width="720px"
-    :mask-closable="false"
+    :maskClosable="false"
     @close="onClose"
   >
     <div class="filter-row flex mb-16px">
       <div class="filter-row-item flex items-center">
         <span class="label">账户名称</span>
-        <a-input
-          v-model="query.account_name"
+        <Input
+          v-model:value="query.account_name"
           class="w-240px"
           placeholder="请搜索..."
           size="medium"
-          allow-clear
+          allowClear
           @change="reload"
         >
           <template #prefix>
             <icon-search />
           </template>
-        </a-input>
+        </Input>
       </div>
       <div class="filter-row-item flex items-center">
         <span class="label">账户ID</span>
-        <a-input
-          v-model="query.account_id"
+        <Input
+          v-model:value="query.account_id"
           class="w-240px"
           placeholder="请搜索..."
           size="medium"
-          allow-clear
+          allowClear
           @change="reload"
         >
           <template #prefix>
             <icon-search />
           </template>
-        </a-input>
+        </Input>
       </div>
     </div>
 
-    <a-table
+    <Table
       ref="tableRef"
-      :data="dataSource"
-      column-resizable
-      :row-selection="rowSelection"
-      :row-key="ROW_KEY"
+      :dataSource="dataSource"
+      :rowSelection="{
+        selectedRowKeys,
+        onSelect: handleSelect,
+        onSelectAll: handleSelectAll,
+      }"
+      :rowKey="ROW_KEY"
       :pagination="false"
       :scroll="{ x: '100%', y: '100%' }"
       class="w-100% flex-1 overflow-hidden"
-      :selected-keys="selectedRowKeys"
       bordered
-      @select="handleSelect"
-      @select-all="handleSelectAll"
+      :showSorterTooltip="false"
+      @change="(pagination, filters, sorter) => {}"
     >
-      <template #empty>
+      <Table.Column
+        v-for="column in TABLE_COLUMNS"
+        :key="column.dataIndex"
+        :dataIndex="column.dataIndex"
+        :fixed="column.fixed"
+        :width="column.width"
+        :minWidth="column.minWidth"
+        :sortable="column.sortable"
+        :align="column.align"
+        :ellipsis="true"
+      >
+        <template #title>
+          <span class="cts mr-4px">{{ column.title }}</span>
+          <Tooltip v-if="column.tooltip" :title="column.tooltip" placement="top">
+            <icon-question-circle class="tooltip-icon color-#737478" size="16" />
+          </Tooltip>
+        </template>
+
+        <template #customRender="{ record }">
+          {{ formatTableField(column, record, true) }}
+        </template>
+      </Table.Column>
+      <template #emptyText>
         <NoData />
       </template>
-      <template #columns>
-        <a-table-column
-          v-for="column in TABLE_COLUMNS"
-          :key="column.dataIndex"
-          :data-index="column.dataIndex"
-          :fixed="column.fixed"
-          :width="column.width"
-          :min-width="column.minWidth"
-          :sortable="column.sortable"
-          :align="column.align"
-          ellipsis
-          tooltip
-        >
-          <template #title>
-            <div class="flex items-center">
-              <span class="cts mr-4px">{{ column.title }}</span>
-              <a-tooltip v-if="column.tooltip" :content="column.tooltip" position="top">
-                <icon-question-circle class="tooltip-icon color-#737478" size="16" />
-              </a-tooltip>
-            </div>
-          </template>
-
-          <template #cell="{ record }">
-            {{ formatTableField(column, record, true) }}
-          </template>
-        </a-table-column>
-      </template>
-    </a-table>
+    </Table>
     <div v-if="pageInfo.total > 0" class="flex justify-end mt-16px">
-      <a-pagination
+      <Pagination
         :total="pageInfo.total"
-        size="mini"
-        show-total
-        show-jumper
-        show-page-size
+        size="small"
+        :showTotal="(total, range) => `共 ${total} 条`"
+        showSizeChanger
+        showQuickJumper
         :current="pageInfo.page"
-        :page-size="pageInfo.page_size"
+        :pageSize="pageInfo.page_size"
         @change="onPageChange"
-        @page-size-change="onPageSizeChange"
       />
     </div>
     <template #footer>
@@ -103,22 +101,17 @@
         >已选<span class="color-#6D4CFE num mx-3px">{{ selectedRows.length }}个</span>账户</span
       >
       <div class="flex items-center">
-        <a-button size="large" @click="onClose">取消</a-button>
-        <a-button
-          type="primary"
-          class="ml-16px"
-          status="danger"
-          size="large"
-          :disabled="!selectedRows.length"
-          @click="onConfirm"
-          >添加已选账户</a-button
+        <Button size="large" @click="onClose">取消</Button>
+        <Button type="primary" class="ml-16px" danger size="large" :disabled="!selectedRows.length" @click="onConfirm"
+          >添加已选账户</Button
         >
       </div>
     </template>
-  </a-modal>
+  </Modal>
 </template>
 
 <script setup>
+import { Button, Pagination, Input, Modal, Table, Tooltip } from 'ant-design-vue';
 import { INITIAL_FORM, INITIAL_PAGE_INFO, TABLE_COLUMNS } from './constants';
 import { formatTableField } from '@/utils/tools';
 import { postSubAccount, postAddSubAccount } from '@/api/all/propertyMarketing';
@@ -134,25 +127,13 @@ const query = ref(cloneDeep(INITIAL_FORM));
 const form = ref(null);
 
 const ROW_KEY = 'account_id';
-const {
-  selectedRowKeys,
-  selectedRows,
-  dataSource,
-  pageInfo,
-  onPageChange,
-  onPageSizeChange,
-  rowSelection,
-  handleSelect,
-  handleSelectAll,
-} = useTableSelectionWithPagination({
-  rowKey: ROW_KEY,
-  onPageChange: () => {
-    getData();
-  },
-  onPageSizeChange: () => {
-    getData();
-  },
-});
+const { selectedRowKeys, selectedRows, dataSource, pageInfo, onPageChange, handleSelect, handleSelectAll } =
+  useTableSelectionWithPagination({
+    rowKey: ROW_KEY,
+    onPageChange: () => {
+      getData();
+    },
+  });
 
 const open = (formData) => {
   const { platform, account, password } = formData;
diff --git a/src/views/property-marketing/put-account/account-manage/components/select-sub-account-modal/style.scss b/src/views/property-marketing/put-account/account-manage/components/select-sub-account-modal/style.scss
index d8c0813..f1d77b5 100644
--- a/src/views/property-marketing/put-account/account-manage/components/select-sub-account-modal/style.scss
+++ b/src/views/property-marketing/put-account/account-manage/components/select-sub-account-modal/style.scss
@@ -7,9 +7,9 @@
     font-weight: 400;
     line-height: 22px;
   }
-  .arco-modal-header {
+  .ant-modal-header {
   }
-  .arco-modal-body {
+  .ant-modal-body {
     height: 536px;
     overflow: hidden;
     display: flex;
@@ -33,7 +33,7 @@
     }
     
   }
-  .arco-modal-footer {
+  .ant-modal-footer {
     justify-content: space-between;
     .s1 {
       font-family: $font-family-regular;
diff --git a/src/views/property-marketing/put-account/account-manage/components/status-box/index.vue b/src/views/property-marketing/put-account/account-manage/components/status-box/index.vue
index 6599f0f..bd743c9 100644
--- a/src/views/property-marketing/put-account/account-manage/components/status-box/index.vue
+++ b/src/views/property-marketing/put-account/account-manage/components/status-box/index.vue
@@ -3,16 +3,17 @@
  * @Date: 2025-06-25 15:31:15
 -->
 <template>
-  <div class="status-box" :class="`status-box-${status}`">
+  <div class="status-box w-fit" :class="`status-box-${status}`">
     <span class="text">{{ statusText }}</span>
-    <a-tooltip v-if="showTooltip" :content="tooltipText">
+    <Tooltip v-if="showTooltip" :title="tooltipText">
       <img v-if="showIcon" :src="iconSrc" width="12" height="12" class="ml-4px" />
-    </a-tooltip>
+    </Tooltip>
   </div>
 </template>
 
 <script setup>
 import { computed } from 'vue';
+import { Tooltip } from 'ant-design-vue';
 import { STATUS_LIST, EnumPutAccountStatus } from '@/views/property-marketing/put-account/components/status-select/constants';
 
 import iconWarn1 from '@/assets/img/media-account/icon-warn-1.png';
diff --git a/src/views/property-marketing/put-account/account-manage/constants.ts b/src/views/property-marketing/put-account/account-manage/constants.ts
index e6afd6e..4cac14b 100644
--- a/src/views/property-marketing/put-account/account-manage/constants.ts
+++ b/src/views/property-marketing/put-account/account-manage/constants.ts
@@ -5,8 +5,8 @@
 
 export const INITIAL_QUERY = {
   search: '',
-  status: '',
-  platform: '',
-  operator_id: '',
+  status: undefined,
+  platform: undefined,
+  operator_id: undefined,
   project_ids: [],
 };
diff --git a/src/views/property-marketing/put-account/account-manage/index.vue b/src/views/property-marketing/put-account/account-manage/index.vue
index f6aa21a..75b40fd 100644
--- a/src/views/property-marketing/put-account/account-manage/index.vue
+++ b/src/views/property-marketing/put-account/account-manage/index.vue
@@ -4,16 +4,16 @@
 -->
 <template>
   <div class="account-manage-wrap">
-    <div class="filter-wrap bg-#fff rounded-8px ">
+    <div class="filter-wrap bg-#fff rounded-8px">
       <div class="top flex h-64px px-24px py-10px justify-between items-center">
         <p class="text-18px font-400 lh-26px color-#211F24 title">账户管理</p>
         <div class="flex items-center">
-          <a-button type="primary" class="w-112px" size="medium" @click="handleOpenAccountModal">
+          <Button type="primary" class="w-112px" @click="handleOpenAccountModal">
             <template #icon>
-              <icon-plus size="16"/>
+              <icon-plus size="16" />
             </template>
             <template #default>添加账户</template>
-          </a-button>
+          </Button>
         </div>
       </div>
       <FilterBlock v-model:query="query" @onSearch="handleSearch" @onReset="handleReset" />
@@ -21,17 +21,17 @@
 
     <div
       v-if="dataSource.length > 0"
-      class="tip-row flex justify-between px-16px py-10px w-100% my-12px h-42px"
+      class="tip-row flex justify-between px-16px py-10px w-100% my-12px items-center h-48px"
       :class="selectedItems.length > 0 ? 'selected' : isAbNormalStatus ? 'abnormal' : 'normal'"
     >
       <div class="flex items-center">
         <div class="flex items-center">
           <template v-if="selectedItems.length > 0">
-            <a-checkbox
-              :model-value="checkedAll"
+            <Checkbox
+              :checked="checkedAll"
               :indeterminate="indeterminate"
               class="mr-8px"
-              @change="handleChangeAll"
+              @change="(e) => handleChangeAll(e.target.checked)"
             />
             <span class="label mr-24px">
               已选
@@ -52,11 +52,11 @@
         <img :src="icon6" width="16" height="16" class="cursor-pointer" @click="handleCloseTip" />
       </template>
       <div v-else>
-        <a-space v-if="isAbNormalStatus" class="flex items-center">
-          <a-button type="primary" status="danger" size="mini" @click="handleOpenAbnormalAccount">
+        <Space v-if="isAbNormalStatus" class="flex items-center">
+          <Button type="primary" danger size="small" @click="handleOpenAbnormalAccount">
             <template #default>查看异常账号</template>
-          </a-button>
-        </a-space>
+          </Button>
+        </Space>
       </div>
     </div>
     <div class="card-wrap">
@@ -71,17 +71,16 @@
       <NoData v-else />
 
       <div v-if="pageInfo.total > 0" class="pagination-row">
-        <a-pagination
+        <Pagination
           :total="pageInfo.total"
-          size="mini"
-          show-total
-          show-jumper
-          show-page-size
-          :page-size-options="[8, 16, 20, 32, 64]"
+          size="small"
+          :showTotal="(total, range) => `共 ${total} 条`"
+          showSizeChanger
+          showQuickJumper
           :current="pageInfo.page"
-          :page-size="pageInfo.page_size"
+          :pageSizeOptions="['8', '16', '20', '32', '64']"
+          :pageSize="pageInfo.page_size"
           @change="onPageChange"
-          @page-size-change="onPageSizeChange"
         />
       </div>
     </div>
@@ -93,6 +92,7 @@
 
 <script setup>
 import { ref } from 'vue';
+import { Checkbox, Button, Space, Pagination, notification } from 'ant-design-vue';
 
 import FilterBlock from './components/filter-block';
 import AccountTable from './components/account-table';
@@ -199,8 +199,9 @@ const handleReset = () => {
   reload();
 };
 
-const onPageChange = (current) => {
+const onPageChange = (current, pageSize) => {
   pageInfo.value.page = current;
+  pageInfo.value.page_size = pageSize;
   getData();
 };
 const onPageSizeChange = (pageSize) => {
@@ -261,7 +262,7 @@ const getSyncTaskStatus = async (id, notificationId) => {
   if (code === 200) {
     if (data?.status !== 0) {
       clearQueryTaskTimer();
-      notificationId && Notification.remove(notificationId);
+      notificationId && notification.close(notificationId);
       showImportResultNotification(data);
       getData();
     }
diff --git a/src/views/property-marketing/put-account/components/account-select/index.vue b/src/views/property-marketing/put-account/components/account-select/index.vue
index ebfc7ce..ff9e219 100644
--- a/src/views/property-marketing/put-account/components/account-select/index.vue
+++ b/src/views/property-marketing/put-account/components/account-select/index.vue
@@ -3,24 +3,26 @@
  * @Date: 2025-06-25 14:02:40
 -->
 <template>
-  <a-select
-    v-model="selectedOperators"
-    :multiple="multiple"
-    size="medium"
+  <Select
+    v-model:value="selectedOperators"
+    :mode="multiple ? 'multiple' : undefined"
+    size="middle"
     :placeholder="placeholder"
-    allow-clear
-    allow-search
+    allowClear
+    showSearch
     @change="handleChange"
   >
-    <a-tooltip v-for="(item, index) in options" :key="index" :content="item.name">
-      <a-option :value="item.id" :label="item.name">
+    <Tooltip v-for="(item, index) in options" :key="index" :title="item.name">
+      <Option :value="item.id" :label="item.name">
         {{ item.name }}
-      </a-option>
-    </a-tooltip>
-  </a-select>
+      </Option>
+    </Tooltip>
+  </Select>
 </template>
 
 <script setup>
+import { Select, Tooltip } from 'ant-design-vue';
+const { Option } = Select;
 import { ref, watch } from 'vue';
 
 const props = defineProps({
diff --git a/src/views/property-marketing/put-account/components/status-select/index.vue b/src/views/property-marketing/put-account/components/status-select/index.vue
index cadf39a..ccf9d1c 100644
--- a/src/views/property-marketing/put-account/components/status-select/index.vue
+++ b/src/views/property-marketing/put-account/components/status-select/index.vue
@@ -3,21 +3,23 @@
  * @Date: 2025-06-25 14:02:40
 -->
 <template>
-  <a-select
-    v-model="selectedStatus"
-    :multiple="multiple"
-    size="medium"
+  <Select
+    v-model:value="selectedStatus"
+    :mode="multiple ? 'multiple' : undefined"
+    size="middle"
     :placeholder="placeholder"
-    allow-clear
+    allowClear
     @change="handleChange"
   >
-    <a-option v-for="(item, index) in STATUS_LIST" :key="index" :value="item.value" :label="item.text">
+    <Option v-for="(item, index) in STATUS_LIST" :key="index" :value="item.value" :label="item.text">
       {{ item.text }}
-    </a-option>
-  </a-select>
+    </Option>
+  </Select>
 </template>
 
 <script setup>
+import { Select } from 'ant-design-vue';
+const { Option } = Select;
 import { ref, watch } from 'vue';
 import { STATUS_LIST } from '@/views/property-marketing/put-account/components/status-select/constants';
 
diff --git a/src/views/property-marketing/put-account/investment-guidelines/components/action-guide-distribution/index.vue b/src/views/property-marketing/put-account/investment-guidelines/components/action-guide-distribution/index.vue
index 907bd62..d255c71 100644
--- a/src/views/property-marketing/put-account/investment-guidelines/components/action-guide-distribution/index.vue
+++ b/src/views/property-marketing/put-account/investment-guidelines/components/action-guide-distribution/index.vue
@@ -3,148 +3,140 @@
     <div class="part-div">
       <div class="part-div-header">
         <span class="part-div-header-title">投放行动指南</span>
-        <a-popover position="tl">
+        <Tooltip position="tl" title="投放建议优化。">
           <icon-question-circle />
-          <template #content>
-            <p>投放建议优化。</p>
-          </template>
-        </a-popover>
+        </Tooltip>
       </div>
-      <a-space>
+      <Space>
         <span class="player-title">表现分析</span>
-        <a-popover position="tl">
+        <Tooltip position="tl" title="表现分析。">
           <icon-question-circle />
-          <template #content>
-            <p>表现分析。</p>
-          </template>
-        </a-popover>
-      </a-space>
+        </Tooltip>
+      </Space>
       <div style="margin-right: 24px">
-        <a-row :gutter="24">
-          <a-col :span="12">
+        <Row :gutter="24">
+          <Col :span="12">
             <div class="overall-strategy">
               <span class="placement-optimization-title">人群分析</span>
-              <a-space direction="vertical">
-                <a-space
+              <Space direction="vertical">
+                <Space
                   v-if="getSubmoduleContent(MODEL_PERFORMANCE_ANALYSIS, '人群分析').length > 0"
                   v-for="(item, index) in getSubmoduleContent(MODEL_PERFORMANCE_ANALYSIS, '人群分析')"
                   :key="index"
                 >
                   <span><img :src="getStarIcon(index)" style="width: 25px; height: 17px" />{{ item }}</span>
-                </a-space>
-              </a-space>
+                </Space>
+              </Space>
             </div>
-          </a-col>
-          <a-col :span="12">
+          </Col>
+          <Col :span="12">
             <div class="overall-strategy">
               <span class="placement-optimization-title">投放素材</span>
-              <a-space direction="vertical">
-                <a-space
+              <Space direction="vertical">
+                <Space
                   v-if="getSubmoduleContent(MODEL_PERFORMANCE_ANALYSIS, '投放素材').length > 0"
                   v-for="(item, index) in getSubmoduleContent(MODEL_PERFORMANCE_ANALYSIS, '投放素材')"
                   :key="index"
                 >
                   <span><img :src="getStarIcon(index)" style="width: 25px; height: 17px" />{{ item }}</span>
-                </a-space>
-              </a-space>
+                </Space>
+              </Space>
             </div>
-          </a-col>
-        </a-row>
-        <a-row class="grid-demo" :gutter="24">
-          <a-col :span="12">
+          </Col>
+        </Row>
+        <Row class="grid-demo" :gutter="24">
+          <Col :span="12">
             <div class="overall-strategy">
               <span class="placement-optimization-title">投放时段</span>
-              <a-space direction="vertical">
-                <a-space
+              <Space direction="vertical">
+                <Space
                   v-if="getSubmoduleContent(MODEL_PERFORMANCE_ANALYSIS, '投放时段').length > 0"
                   v-for="(item, index) in getSubmoduleContent(MODEL_PERFORMANCE_ANALYSIS, '投放时段')"
                   :key="index"
                 >
                   <span><img :src="getStarIcon(index)" style="width: 25px; height: 17px" />{{ item }}</span>
-                </a-space>
-              </a-space>
+                </Space>
+              </Space>
             </div>
-          </a-col>
+          </Col>
 
-          <a-col :span="12">
+          <Col :span="12">
             <div class="overall-strategy">
               <span class="placement-optimization-title">平台表现</span>
-              <a-space direction="vertical">
-                <a-space
+              <Space direction="vertical">
+                <Space
                   v-if="getSubmoduleContent(MODEL_PERFORMANCE_ANALYSIS, '平台表现').length > 0"
                   v-for="(item, index) in getSubmoduleContent(MODEL_PERFORMANCE_ANALYSIS, '平台表现')"
                   :key="index"
                 >
                   <span><img :src="getStarIcon(index)" style="width: 25px; height: 17px" />{{ item }}</span>
-                </a-space>
-              </a-space>
+                </Space>
+              </Space>
             </div>
-          </a-col>
-        </a-row>
+          </Col>
+        </Row>
       </div>
-      <a-space>
+      <Space>
         <span class="player-title">新投放建议生成</span>
-        <a-popover position="tl">
+        <Tooltip position="tl" title="新投放建议生成。">
           <icon-question-circle />
-          <template #content>
-            <p style="margin: 0">新投放建议生成。</p>
-          </template>
-        </a-popover>
-      </a-space>
-      <a-row class="grid-demo" :gutter="24">
-        <a-col :span="24">
+        </Tooltip>
+      </Space>
+      <Row class="grid-demo" :gutter="24">
+        <Col :span="24">
           <div class="overall-strategy">
             <span class="placement-optimization-title">人群建议</span>
-            <a-space direction="vertical">
-              <a-space
+            <Space direction="vertical">
+              <Space
                 v-if="getSubmoduleContent(MODEL_PLACEMENT_SUGGESTION, '人群建议').length > 0"
                 v-for="(item, index) in getSubmoduleContent(MODEL_PLACEMENT_SUGGESTION, '人群建议')"
                 :key="index"
               >
                 <span><img :src="getStarIcon(index)" style="width: 25px; height: 17px" />{{ item }}</span>
-              </a-space>
-            </a-space>
+              </Space>
+            </Space>
           </div>
-        </a-col>
-      </a-row>
-      <a-row class="grid-demo" :gutter="24">
-        <a-col :span="24">
+        </Col>
+      </Row>
+      <Row class="grid-demo" :gutter="24">
+        <Col :span="24">
           <div class="overall-strategy">
             <span class="placement-optimization-title">素材建议</span>
-            <a-space direction="vertical">
-              <a-space
+            <Space direction="vertical">
+              <Space
                 v-if="getSubmoduleContent(MODEL_PLACEMENT_SUGGESTION, '素材建议').length > 0"
                 v-for="(item, index) in getSubmoduleContent(MODEL_PLACEMENT_SUGGESTION, '素材建议')"
                 :key="index"
               >
                 <span><img :src="getStarIcon(index)" style="width: 25px; height: 17px" />{{ item }}</span>
-              </a-space>
-            </a-space>
+              </Space>
+            </Space>
           </div>
-        </a-col>
-      </a-row>
+        </Col>
+      </Row>
 
-      <a-row class="grid-demo" :gutter="24">
-        <a-col :span="24">
+      <Row class="grid-demo" :gutter="24">
+        <Col :span="24">
           <div class="overall-strategy">
             <span class="placement-optimization-title">投放策略建议</span>
-            <a-space direction="vertical">
-              <a-space
+            <Space direction="vertical">
+              <Space
                 v-if="getSubmoduleContent(MODEL_PLACEMENT_SUGGESTION, '投放策略建议').length > 0"
                 v-for="(item, index) in getSubmoduleContent(MODEL_PLACEMENT_SUGGESTION, '投放策略建议')"
                 :key="index"
               >
                 <span><img :src="getStarIcon(index)" style="width: 25px; height: 17px" />{{ item }}</span>
-              </a-space>
-            </a-space>
+              </Space>
+            </Space>
           </div>
-        </a-col>
-      </a-row>
+        </Col>
+      </Row>
     </div>
   </view>
 </template>
 
 <script setup lang="ts">
+import { Space, Tooltip, Row, Col } from "ant-design-vue"
 import { IconQuestionCircle } from '@arco-design/web-vue/es/icon';
 
 const props = defineProps({
diff --git a/src/views/property-marketing/put-account/investment-guidelines/components/month-data/index.vue b/src/views/property-marketing/put-account/investment-guidelines/components/month-data/index.vue
index 09a66a8..23ae0de 100644
--- a/src/views/property-marketing/put-account/investment-guidelines/components/month-data/index.vue
+++ b/src/views/property-marketing/put-account/investment-guidelines/components/month-data/index.vue
@@ -2,12 +2,9 @@
   <div class="part-div">
     <div class="part-div-header">
       <span class="part-div-header-title">总体摘要</span>
-      <a-popover position="tl">
+      <Tooltip position="tl" title="于筛选出来的投流账户/计划的情况生成的总体描述。">
         <icon-question-circle />
-        <template #content>
-          <p style="margin: 0">基于筛选出来的投流账户/计划的情况生成的总体描述。</p>
-        </template>
-      </a-popover>
+      </Tooltip>
       <span @click="copyData" class="copybtn">
         <icon-copy :style="{ fontSize: '14px' }" />
         复制
@@ -16,11 +13,11 @@
     <NoData v-if="isEmptyData" style="height: 100px" text="暂无数据" />
     <div v-else class="month-data-div">
       <div style="align-self: stretch">
-        <a-space direction="vertical">
+        <Space direction="vertical">
           <span v-for="(line, index) in formattedText" :key="index" :class="getCss(line.highlight)">
             {{ line.text }}
           </span>
-        </a-space>
+        </Space>
       </div>
     </div>
   </div>
@@ -29,7 +26,7 @@
 <script setup lang="ts">
 import { IconQuestionCircle } from '@arco-design/web-vue/es/icon';
 import { defineProps } from 'vue';
-import { Message } from '@arco-design/web-vue';
+import { Space, message, Tooltip } from "ant-design-vue"
 
 const props = defineProps({
   overview: {
@@ -79,7 +76,7 @@ const copyData = () => {
   navigator.clipboard
     .writeText(textToCopy)
     .then(() => {
-      Message.success('已复制');
+      message.success('已复制');
     })
     .catch((err) => {
       console.error('复制失败:', err);
diff --git a/src/views/property-marketing/put-account/investment-guidelines/components/placement-suggestions/index.vue b/src/views/property-marketing/put-account/investment-guidelines/components/placement-suggestions/index.vue
index 9dabe08..290b602 100644
--- a/src/views/property-marketing/put-account/investment-guidelines/components/placement-suggestions/index.vue
+++ b/src/views/property-marketing/put-account/investment-guidelines/components/placement-suggestions/index.vue
@@ -2,97 +2,80 @@
   <div class="part-div">
     <div class="part-div-header">
       <span class="part-div-header-title">投放建议优化</span>
-      <a-popover position="tl">
+      <Tooltip position="tl" title="基于筛选出来的投流账户/计划的情况生成的优化建议。">
         <icon-question-circle />
-        <template #content>
-          <p style="margin: 0">基于筛选出来的投流账户/计划的情况生成的优化建议。</p>
-        </template>
-      </a-popover>
+      </Tooltip>
     </div>
     <NoData v-if="isEmptyData" style="height: 100px" text="暂无数据" />
 
     <div v-else>
-      <a-row class="grid-demo" :gutter="{ md: 8, lg: 24, xl: 32 }">
-        <a-col :span="24">
+      <Row class="grid-demo" :gutter="{ md: 8, lg: 24, xl: 32 }">
+        <Col :span="24">
           <div class="overall-strategy">
             <span class="placement-optimization-title"
               >总体策略
-              <a-popover position="tl">
+              <Tooltip position="tl" title="优化建议的整体调整概述。">
                 <icon-question-circle />
-                <template #content>
-                  <p style="margin: 0">优化建议的整体调整概述。</p>
-                </template>
-              </a-popover>
+              </Tooltip>
             </span>
             <span class="placement-optimization-str">{{ props.optimization?.[0]?.['content'] }}</span>
           </div>
-        </a-col>
-      </a-row>
-      <a-row class="grid-demo" style="margin-right: 10px" :gutter="{ md: 8, lg: 24, xl: 32 }">
-        <a-col :span="12">
+        </Col>
+      </Row>
+      <Row class="grid-demo" style="margin-right: 10px" :gutter="{ md: 8, lg: 24, xl: 32 }">
+        <Col :span="12">
           <div class="overall-strategy">
             <span class="placement-optimization-title"
               >预算分配
-              <a-popover position="tl">
+               <Tooltip position="tl" title="优化建议在预算分配部分的详细描述。">
                 <icon-question-circle />
-                <template #content>
-                  <p style="margin: 0">优化建议在预算分配部分的详细描述。</p>
-                </template>
-              </a-popover>
+              </Tooltip>
             </span>
             <span class="placement-optimization-str">{{ props.optimization?.[1]?.['content'] }}</span>
           </div>
-        </a-col>
-        <a-col :span="12">
+        </Col>
+        <Col :span="12">
           <div class="overall-strategy">
             <span class="placement-optimization-title"
               >时段优化
-              <a-popover position="tl">
+              <Tooltip position="tl" title="优化建议在时段优化部分的详细描述。">
                 <icon-question-circle />
-                <template #content>
-                  <p style="margin: 0">优化建议在时段优化部分的详细描述。</p>
-                </template>
-              </a-popover>
+              </Tooltip>
             </span>
             <span class="placement-optimization-str">{{ props.optimization?.[2]?.['content'] }}</span>
           </div>
-        </a-col>
-      </a-row>
-      <a-row class="grid-demo" style="margin-right: 10px" :gutter="{ md: 8, lg: 24, xl: 32 }">
-        <a-col :span="12">
+        </Col>
+      </Row>
+      <Row class="grid-demo" style="margin-right: 10px" :gutter="{ md: 8, lg: 24, xl: 32 }">
+        <Col :span="12">
           <div class="overall-strategy">
             <span class="placement-optimization-title"
               >人群包优化
-              <a-popover position="tl">
+              <Tooltip position="tl" title="优化建议在人群包优化部分的详细描述。">
                 <icon-question-circle />
-                <template #content>
-                  <p style="margin: 0">优化建议在人群包优化部分的详细描述。</p>
-                </template>
-              </a-popover>
+              </Tooltip>
             </span>
             <span class="placement-optimization-str">{{ props?.optimization?.[3]?.['content'] }}</span>
           </div>
-        </a-col>
-        <a-col :span="12">
+        </Col>
+        <Col :span="12">
           <div class="overall-strategy">
             <span class="placement-optimization-title"
               >素材优化
-              <a-popover position="tl">
+              <Tooltip position="tl" title="优化建议在素材优化部分的详细描述。">
                 <icon-question-circle />
-                <template #content>
-                  <p style="margin: 0">优化建议在素材优化部分的详细描述。</p>
-                </template>
-              </a-popover>
+              </Tooltip>
             </span>
             <span class="placement-optimization-str">{{ props?.optimization?.[4]?.['content'] }}</span>
           </div>
-        </a-col>
-      </a-row>
+        </Col>
+      </Row>
     </div>
   </div>
 </template>
 
 <script setup lang="ts">
+import { Tooltip, Row, Col } from "ant-design-vue"
 import { defineProps } from 'vue';
 
 const props = defineProps({
diff --git a/src/views/property-marketing/put-account/investment-guidelines/components/table-data/guideListHistory.vue b/src/views/property-marketing/put-account/investment-guidelines/components/table-data/guideListHistory.vue
index 4082779..c34d548 100644
--- a/src/views/property-marketing/put-account/investment-guidelines/components/table-data/guideListHistory.vue
+++ b/src/views/property-marketing/put-account/investment-guidelines/components/table-data/guideListHistory.vue
@@ -1,72 +1,72 @@
 <template>
   <view>
-    <a-table class="account-table" :columns="columns" :data="listData" :pagination="false">
-      <template #platform="{ record }">
-        <span class="mr-8px" v-if="record.platform.length > 0" v-for="(item, index) in record.platform">
-          <img :src="PLATFORM_LIST?.[item]?.icon" width="15" height="15" />
-          <span class="label ml-5px">{{ PLATFORM_LIST?.[item]?.label }}</span>
-        </span>
-      </template>
-      <template #operation="{ record }">
-        <a-space size="medium">
-          <a-space>
-            <a-popconfirm
-              content="确定删除吗?"
-              type="warning"
-              ok-text="确认删除"
-              cancel-text="取消"
-              @ok="deleteData(record.id)"
-            >
-              <icon-delete></icon-delete>
-            </a-popconfirm>
-          </a-space>
-          <a-space>
-            <a-button type="outline" @click="downLoad(record.file_url)" class="operation-btn">下载</a-button>
-            <a-button type="outline" @click="goDetail(record.id)" class="operation-btn">详情</a-button>
-          </a-space>
-        </a-space>
-      </template>
-    </a-table>
+    <Table class="account-table" :dataSource="listData" :pagination="false" :showSorterTooltip="false" @change="(pagination, filters, sorter) => {}">
+      <Table.Column
+        title="生成日期"
+        dataIndex="created_at"
+        :width="60"
+        :minWidth="60"
+      />
+      <Table.Column
+        title="账号"
+        dataIndex="account"
+        :width="120"
+        :minWidth="120"
+      />
+      <Table.Column
+        :width="180"
+        :minWidth="180"
+        title="计划"
+        dataIndex="plan"
+      />
+      <Table.Column
+        title="平台"
+        :width="120"
+        :minWidth="120"
+      >
+        <template #customRender="{ record }">
+          <template v-if="record.platform.length > 0">
+            <span class="mr-8px" v-for="(item, index) in record.platform" :key="index">
+              <img :src="PLATFORM_LIST?.[item]?.icon" width="15" height="15" />
+              <span class="label ml-5px">{{ PLATFORM_LIST?.[item]?.label }}</span>
+            </span>
+          </template>
+        </template>
+      </Table.Column>
+      <Table.Column
+        title="操作"
+        dataIndex="operation"
+        :width="60"
+        :minWidth="60"
+      >
+        <template #customRender="{ record }">
+          <Space>
+            <Space>
+              <Popconfirm
+                title="确定删除吗?"
+                okText="确认删除"
+                cancelText="取消"
+                @confirm="deleteData(record.id)"
+              >
+                <icon-delete></icon-delete>
+              </Popconfirm>
+            </Space>
+            <Space>
+              <Button type="primary" ghost @click="downLoad(record.file_url)" class="operation-btn">下载</Button>
+              <Button type="primary" ghost @click="goDetail(record.id)" class="operation-btn">详情</Button>
+            </Space>
+          </Space>
+        </template>
+      </Table.Column>
+    </Table>
   </view>
 </template>
 <script setup lang="ts">
+import { Button, Space, Table, message, Popconfirm } from 'ant-design-vue';
 import { IconDelete } from '@arco-design/web-vue/es/icon';
 import { PLATFORM_LIST } from '@/utils/platform';
-import { Message } from '@arco-design/web-vue';
 
-const columns = [
-  {
-    title: '生成日期',
-    dataIndex: 'created_at',
-    width: 60,
-    minWidth: 60,
-  },
-  {
-    title: '账号',
-    dataIndex: 'account',
-    width: 120,
-    minWidth: 120,
-  },
-  {
-    width: 180,
-    minWidth: 180,
-    title: '计划',
-    dataIndex: 'plan',
-  },
-  {
-    title: '平台',
-    width: 120,
-    minWidth: 120,
-    slotName: 'platform',
-  },
-  {
-    title: '操作',
-    dataIndex: 'operation',
-    slotName: 'operation',
-    width: 60,
-    minWidth: 60,
-  },
-];
+
 // hotTranslation.vue
 import { useRouter } from 'vue-router';
 import { deleteHistorylog } from '@/api/all/propertyMarketing';
@@ -83,7 +83,7 @@ const goDetail = async (id) => {
 
 const downLoad = (fileUrl) => {
   if (isEmpty(fileUrl)) {
-    Message.error('下载失败,文件不存在');
+    message.error('下载失败,文件不存在');
     return;
   }
   const link = document.createElement('a');
@@ -96,7 +96,7 @@ const downLoad = (fileUrl) => {
 const deleteData = async (id) => {
   const { code, message } = await deleteHistorylog(id);
   if (code == 200) {
-    Message.success(message);
+    message.success(message);
     emits('onSearch');
     console.log('onsearch');
   }
@@ -121,4 +121,7 @@ const props = defineProps({
   line-height: 22px;
   word-wrap: break-word;
 }
+:deep(.ant-popconfirm-buttons) {
+  display: flex;
+}
 </style>
diff --git a/src/views/property-marketing/put-account/investment-guidelines/components/table-data/listSearchForm.vue b/src/views/property-marketing/put-account/investment-guidelines/components/table-data/listSearchForm.vue
index f09d347..10a77f2 100644
--- a/src/views/property-marketing/put-account/investment-guidelines/components/table-data/listSearchForm.vue
+++ b/src/views/property-marketing/put-account/investment-guidelines/components/table-data/listSearchForm.vue
@@ -1,52 +1,46 @@
 <!--表单搜索组件-->
 <template>
-  <div class="container px-24px">
+  <div class="container px-24px pt-24px">
     <div class="filter-row flex mb-20px">
       <div class="filter-row-item flex items-center">
         <span class="label">账户名称</span>
-        <a-space size="medium" class="w-240px">
-          <AccountSelect v-model="query.placement_account_id"></AccountSelect>
-        </a-space>
+        <AccountSelect v-model="query.placement_account_id" class="w-240px"></AccountSelect>
       </div>
 
       <div class="filter-row-item flex items-center">
         <span class="label">计划</span>
-        <a-space size="medium" class="w-240px">
-          <PlanSelect v-model="query.placement_account_project_id"></PlanSelect>
-        </a-space>
+        <PlanSelect v-model="query.placement_account_project_id" class="w-240px"></PlanSelect>
       </div>
 
       <div class="filter-row-item flex items-center">
         <span class="label">平台</span>
-        <a-select v-model="query.platform" class="w-150" size="medium" placeholder="全部" allow-clear>
-          <a-option v-for="(item, index) in PLATFORM_LIST" :key="index" :value="item.value" :label="item.label"
+        <Select v-model:value="query.platform" class="w-150" size="middle" placeholder="全部" allowClear>
+          <Option v-for="(item, index) in PLATFORM_LIST" :key="index" :value="item.value" :label="item.label"
             >{{ item.label }}
-          </a-option>
-        </a-select>
+          </Option>
+        </Select>
       </div>
     </div>
 
     <div class="filter-row flex mb-20px">
       <div class="filter-row-item flex items-center">
         <span class="label">时间筛选</span>
-        <a-space size="medium" class="w-240px">
-          <a-range-picker v-model="query.data_time" size="medium" allow-clear format="YYYY-MM-DD" class="w-310" />
-        </a-space>
+        <DatePicker.RangePicker v-model:value="data_time" size="medium" allowClear format="YYYY-MM-DD" class="w-310" @change="onDateChange" />
       </div>
 
       <div class="filter-row-item flex items-center">
-        <a-button type="outline" class="mr-12px" :disabled="disabled" size="medium" @click="handleSearch">
+        <Button type="primary" ghost class="mr-12px" :disabled="disabled" @click="handleSearch">
           <template #icon>
-            <icon-search />
+            <icon-search class="mr-8px" />
           </template>
           <template #default>搜索</template>
-        </a-button>
-        <a-button size="medium" @click="handleReset">
+        </Button>
+        <Button @click="handleReset">
           <template #icon>
-            <icon-refresh />
+            <icon-refresh class="mr-8px" />
           </template>
           <template #default>重置</template>
-        </a-button>
+        </Button>
       </div>
     </div>
   </div>
@@ -54,10 +48,13 @@
 
 <script setup lang="ts">
 import { defineEmits, defineProps } from 'vue';
+import { Button, Select, DatePicker } from 'ant-design-vue';
 import { PLATFORM_LIST } from '@/utils/platform';
 import AccountSelect from '@/views/components/common/AccountSelect.vue';
 import PlanSelect from '@/views/components/common/PlanSelect.vue';
 
+const { Option } = Select;
+
 const props = defineProps({
   query: {
     type: Object,
@@ -68,7 +65,10 @@ const props = defineProps({
     default: false,
   },
 });
-const emits = defineEmits('onSearch', 'onReset', 'update:query');
+const emits = defineEmits(['onSearch', 'onReset', 'update:query']);
+
+const data_time = ref([]);
+
 // 获取最近7天的日期
 const getLast7Days = () => {
   const today = new Date();
@@ -79,6 +79,19 @@ const getLast7Days = () => {
 const handleSearch = () => {
   emits('onSearch', props.query);
 };
+
+const onDateChange = (date) => {
+  if (!date) {
+    props.query.data_time = [];
+    handleSearch();
+    return;
+  }
+
+  const [start, end] = date;
+  const FORMAT_DATE = 'YYYY-MM-DD';
+  props.query.data_time = [dayjs(start).startOf('day').format(FORMAT_DATE), dayjs(end).endOf('day').format(FORMAT_DATE)];
+  handleSearch();
+};
 // 使用 computed 实现 v-model
 const localQuery = computed({
   get: () => props.query,
@@ -86,10 +99,14 @@ const localQuery = computed({
 });
 
 const handleReset = () => {
+  data_time.value = [];
   emits('onReset');
 };
+
 onMounted(() => {
-  localQuery.value.data_time = getLast7Days();
+  const defaultTime = getLast7Days();
+  data_time.value = defaultTime;
+  localQuery.value.data_time = defaultTime;
 });
 </script>
 
diff --git a/src/views/property-marketing/put-account/investment-guidelines/components/table-data/placementGuideList.vue b/src/views/property-marketing/put-account/investment-guidelines/components/table-data/placementGuideList.vue
index b0a02d3..3790da5 100644
--- a/src/views/property-marketing/put-account/investment-guidelines/components/table-data/placementGuideList.vue
+++ b/src/views/property-marketing/put-account/investment-guidelines/components/table-data/placementGuideList.vue
@@ -1,97 +1,132 @@
 <template>
   <view class="table-data">
-    <a-table
+    <Table
       class="account-table"
-      :columns="columns"
-      :data="listData"
+      :dataSource="listData"
       :pagination="false"
-      @sorter-change="handleSorterChange"
+      :showSorterTooltip="false"
+      @change="(pagination, filters, sorter) => {
+        if (sorter && !Array.isArray(sorter) && sorter.columnKey) {
+          handleSorterChange(sorter.columnKey, sorter.order);
+        }
+      }"
     >
-      <template #total_use_amount_label>
-        <a-space>
-          <span>本周总消耗</span>
-          <a-popover position="tl">
-            <icon-question-circle />
-            <template #content>
-              <p>当前周内所有投流账户的累计广告花费，反映整体投放规模。</p>
+      <Table.Column
+        title="账户名称"
+        dataIndex="account_name"
+        :width="60"
+        :minWidth="60"
+      />
+      <Table.Column
+        :width="180"
+        :minWidth="180"
+        title="计划名称"
+        dataIndex="name"
+      />
+      <Table.Column
+        title="平台"
+        dataIndex="platform"
+        :width="120"
+        :minWidth="120"
+      >
+        <template #customRender="{ record }">
+          <div class="field-row">
+            <img :src="PLATFORM_LIST.find((v) => v.value === record.platform)?.icon" width="15" height="15" />
+            <span class="label ml-5px">{{ PLATFORM_LIST.find((v) => v.value === record.platform)?.label }}</span>
+          </div>
+        </template>
+      </Table.Column>
+      <Table.Column
+        :width="120"
+        :minWidth="120"
+        key="total_use_amount"
+        :sorter="true"
+        dataIndex="total_use_amount"
+      >
+        <template #title>
+          <Space>
+            <span>本周总消耗</span>
+            <Tooltip position="tl" title="当前周内所有投流账户的累计广告花费，反映整体投放规模。">
+              <icon-question-circle />
+            </Tooltip>
+          </Space>
+        </template>
+        <template #customRender="{ record }">
+          <Space>￥{{ record.total_use_amount }}</Space>
+        </template>
+      </Table.Column>
+      <Table.Column
+        :width="120"
+        :minWidth="120"
+        key="pre_total_use_amount_chain"
+        :sorter="true"
+        dataIndex="pre_total_use_amount_chain"
+      >
+        <template #title>
+          <Space>
+            <span>本周总消耗环比</span>
+            <Tooltip position="tl" title="本周消耗金额与上周对比的变化百分比，用于衡量预算投放趋势。">
+              <icon-question-circle />
+            </Tooltip>
+          </Space>
+        </template>
+        <template #customRender="{ record }">
+          <Statistic
+            :value="record.pre_total_use_amount_chain * 100"
+            :value-style="{
+              color: record.pre_total_use_amount_chain > 0 ? '#F64B31' : '#25C883',
+              fontStyle: 'normal',
+              fontSize: '14px',
+            }"
+          >
+            <template #prefix>
+              <icon-arrow-rise v-if="record.pre_total_use_amount_chain > 0" />
+              <icon-arrow-down v-else />
             </template>
-          </a-popover>
-        </a-space>
-      </template>
-      <template #pre_total_use_amount_chain_title>
-        <a-space>
-          <span>本周总消耗环比</span>
-          <a-popover position="tl">
-            <icon-question-circle />
-            <template #content>
-              <p>本周消耗金额与上周对比的变化百分比，用于衡量预算投放趋势。</p>
-            </template>
-          </a-popover>
-        </a-space>
-      </template>
-      <template #roi>
-        <a-space>
-          <span>ROI</span>
-          <a-popover position="tl">
-            <icon-question-circle />
-            <template #content>
-              <p>投资回报率（ROI）= 收益 ÷ 投入成本，反映整体投流账户的收益效率。</p>
-            </template>
-          </a-popover>
-        </a-space>
-      </template>
-      <template #ctr>
-        <a-space>
-          <span>CTR</span>
-          <a-popover position="tl">
-            <icon-question-circle />
-            <template #content>
-              <p>点击率（CTR）= 点击量 ÷ 展示量，是衡量广告素材吸引力的关键指标。</p>
-            </template>
-          </a-popover>
-        </a-space>
-      </template>
-
-      <template #platform="{ record }">
-        <div class="field-row">
-          <img :src="PLATFORM_LIST.find((v) => v.value === record.platform)?.icon" width="15" height="15" />
-          <span class="label ml-5px">{{ PLATFORM_LIST.find((v) => v.value === record.platform)?.label }}</span>
-        </div>
-      </template>
-      <template #total_use_amount="{ record }">
-        <a-space>￥{{ record.total_use_amount }}</a-space>
-      </template>
-
-      <template #total_use_amoun2="{ record }">
-        <div class="field-row">
-          <img :src="PLATFORM_LIST.find((v) => v.value === record.platform)?.icon" width="15" height="15" />
-          <span class="label ml-5px">{{ PLATFORM_LIST.find((v) => v.value === record.platform)?.label }}</span>
-        </div>
-      </template>
-      <template #pre_total_use_amount_chain="{ record }">
-        <a-statistic
-          :value="record.pre_total_use_amount_chain * 100"
-          :value-style="{
-            color: record.pre_total_use_amount_chain > 0 ? '#F64B31' : '#25C883',
-            fontStyle: 'normal',
-            fontSize: '14px',
-          }"
-        >
-          <template #prefix>
-            <icon-arrow-rise v-if="record.pre_total_use_amount_chain > 0" />
-            <icon-arrow-down v-else />
-          </template>
-          <template #suffix>%</template>
-        </a-statistic>
-      </template>
-
-      <template #clickRate="{ record }">
-        <span>{{ `${record.click_rate}%` }}</span>
-      </template>
-    </a-table>
+            <template #suffix>%</template>
+          </Statistic>
+        </template>
+      </Table.Column>
+      <Table.Column
+        dataIndex="roi"
+        :width="120"
+        :minWidth="120"
+        key="roi"
+        :sorter="true"
+      >
+        <template #title>
+          <Space>
+            <span>ROI</span>
+            <Tooltip position="tl" title="投资回报率（ROI）= 收益 ÷ 投入成本，反映整体投流账户的收益效率。">
+              <icon-question-circle />
+            </Tooltip>
+          </Space>
+        </template>
+      </Table.Column>
+      <Table.Column
+        dataIndex="click_rate"
+        :width="120"
+        :minWidth="120"
+        key="click_rate"
+        :sorter="true"
+      >
+        <template #title>
+          <Space>
+            <span>CTR</span>
+            <Tooltip position="tl" title="点击率（CTR）= 点击量 ÷ 展示量，是衡量广告素材吸引力的关键指标。">
+              <icon-question-circle />
+            </Tooltip>
+          </Space>
+        </template>
+        <template #customRender="{ record }">
+          <span>{{ `${record.click_rate}%` }}</span>
+        </template>
+      </Table.Column>
+    </Table>
   </view>
 </template>
 <script setup lang="ts">
+import { Space, Table, Tooltip, Statistic } from "ant-design-vue"
 import { PLATFORM_LIST } from '@/utils/platform';
 
 const props = defineProps({
@@ -108,69 +143,6 @@ const emit = defineEmits(['updateQuery']);
 const handleSorterChange = (column, order) => {
   emit('updateQuery', { column, order });
 };
-
-const columns = [
-  {
-    title: '账户名称',
-    dataIndex: 'account_name',
-    width: 60,
-    minWidth: 60,
-  },
-  {
-    width: 180,
-    minWidth: 180,
-    title: '计划名称',
-    dataIndex: 'name',
-  },
-  {
-    title: '平台',
-    dataIndex: 'platform',
-    width: 120,
-    minWidth: 120,
-    slotName: 'platform',
-  },
-  {
-    title: '本周总消耗',
-    titleSlotName: 'total_use_amount_label',
-    dataIndex: 'total_use_amount',
-    slotName: 'total_use_amount',
-    width: 120,
-    minWidth: 120,
-    sortable: {
-      sortDirections: ['ascend', 'descend'],
-    },
-  },
-  {
-    title: '本周总消耗环比',
-    titleSlotName: 'pre_total_use_amount_chain_title',
-    dataIndex: 'pre_total_use_amount_chain',
-    width: 120,
-    minWidth: 120,
-    slotName: 'pre_total_use_amount_chain',
-    sortable: {
-      sortDirections: ['ascend', 'descend'],
-    },
-  },
-  {
-    titleSlotName: 'roi',
-    dataIndex: 'roi',
-    width: 120,
-    minWidth: 120,
-    sortable: {
-      sortDirections: ['ascend', 'descend'],
-    },
-  },
-  {
-    titleSlotName: 'ctr',
-    dataIndex: 'click_rate',
-    width: 120,
-    minWidth: 120,
-    slotName: 'clickRate',
-    sortable: {
-      sortDirections: ['ascend', 'descend'],
-    },
-  },
-];
 </script>
 
 <style lang="scss"></style>
diff --git a/src/views/property-marketing/put-account/investment-guidelines/detail.vue b/src/views/property-marketing/put-account/investment-guidelines/detail.vue
index 0502e51..19fcaf4 100644
--- a/src/views/property-marketing/put-account/investment-guidelines/detail.vue
+++ b/src/views/property-marketing/put-account/investment-guidelines/detail.vue
@@ -6,31 +6,31 @@
       </div>
 
       <div class="container px-24px pt-12px pb-24px">
-        <a-row class="grid-demo" :gutter="24">
-          <a-col :span="12">
+        <Row class="grid-demo" :gutter="24">
+          <Col :span="12">
             <div class="">
-              <a-space direction="vertical">
+              <Space direction="vertical">
                 <span class="span-title">账户</span>
                 <span class="span-content">{{ detailData?.account }}</span>
-              </a-space>
+              </Space>
             </div>
-          </a-col>
+          </Col>
 
-          <a-col :span="12">
+          <Col :span="12">
             <div class="">
-              <a-space direction="vertical">
+              <Space direction="vertical">
                 <span class="span-title">计划</span>
                 <span class="span-content">{{detailData.plan}}</span>
-              </a-space>
+              </Space>
             </div>
-          </a-col>
-        </a-row>
-        <a-row class="grid-demo" :gutter="24" style="margin-top: 30px">
-          <a-col :span="12">
+          </Col>
+        </Row>
+        <Row class="grid-demo" :gutter="24" style="margin-top: 30px">
+          <Col :span="12">
             <div class="">
-              <a-space direction="vertical">
+              <Space direction="vertical">
                 <span class="span-title">平台</span>
-                <a-space>
+                <Space>
                   <span
                     class="mr-8px"
                     v-if="detailData.platform.length > 0"
@@ -39,20 +39,20 @@
                     <img :src="PLATFORM_LIST?.[item]?.icon" width="15" height="15" />
                     <span class="label ml-5px">{{ PLATFORM_LIST?.[item]?.label }}</span>
                   </span>
-                </a-space>
-              </a-space>
+                </Space>
+              </Space>
             </div>
-          </a-col>
+          </Col>
 
-          <a-col :span="12">
+          <Col :span="12">
             <div class="">
-              <a-space direction="vertical">
+              <Space direction="vertical">
                 <span class="span-title">生成时间</span>
                 <span class="span-content">{{ detailData.created_at }}</span>
-              </a-space>
+              </Space>
             </div>
-          </a-col>
-        </a-row>
+          </Col>
+        </Row>
       </div>
     </div>
     <MonthData :overview="aiResult.overview"></MonthData>
@@ -60,28 +60,27 @@
     <!--    投放建议-->
     <PlacementSuggestions :optimization="aiResult.optimization"></PlacementSuggestions>
     <div class="ignore-export">
-      <a-space class="down-btn">
-        <a-button type="outline" :loading="exportLoading" @click="downPage">
+      <Space class="down-btn">
+        <Button type="primary" ghost :loading="exportLoading" @click="downPage">
           <template #icon>
-            <icon-download />
+            <icon-download class="mr-8px"/>
           </template>
           <template #default>下载</template>
-        </a-button>
-      </a-space>
+        </Button>
+      </Space>
     </div>
   </div>
 </template>
 
 <script setup lang="ts">
 import { reactive, ref } from 'vue';
-
+import { Button, Space, message, Row, Col } from 'ant-design-vue';
 import MonthData from './components/month-data/index.vue';
 import PlacementSuggestions from './components/placement-suggestions/index.vue';
 import { PLATFORM_LIST } from '@/utils/platform';
 import { getPlacementGuideDetail } from '@/api/all/propertyMarketing';
 import { useRoute } from 'vue-router';
 import { uploadPdf } from '@/views/property-marketing/put-account/investment-guidelines/constants';
-import { Message } from '@arco-design/web-vue';
 
 const aiResult = reactive({
   optimization: [], // 投放建议优化
@@ -122,7 +121,7 @@ const downPage = async () => {
     document.body.removeChild(link);
     exportLoading.value = false;
   } catch (error) {
-    Message.error(error.message);
+    message.error(error.message);
     exportLoading.value = false;
   }
 };
diff --git a/src/views/property-marketing/put-account/investment-guidelines/index.vue b/src/views/property-marketing/put-account/investment-guidelines/index.vue
index 1bb9d3b..7ba24e0 100644
--- a/src/views/property-marketing/put-account/investment-guidelines/index.vue
+++ b/src/views/property-marketing/put-account/investment-guidelines/index.vue
@@ -2,17 +2,16 @@
   <div class="guidelines-data-wrap">
     <div class="part-div">
       <div>
-        <a-tabs
+        <Tabs
           v-model:activeKey="tabData"
-          @tab-click="onSearch"
+          @change="onSearch"
           class="a-tab-class ignore-export"
-          default-active-key="placement_guide"
+          defaultActiveKey="placement_guide"
+          size="large"
         >
-          <a-tab-pane key="placement_guide" title="投放指南"></a-tab-pane>
-          <a-tab-pane key="guide_history">
-            <template #title>历史指南列表</template>
-          </a-tab-pane>
-        </a-tabs>
+          <TabPane key="placement_guide" tab="投放指南"></TabPane>
+          <TabPane key="guide_history" tab="历史指南列表"></TabPane>
+        </Tabs>
       </div>
       <!--表单组件搜索-->
       <listSearchForm
@@ -29,19 +28,18 @@
         @onSearch="onSearch"
         @updateQuery="handleUpdateQuery"
       />
-      <a-spin v-if="loading" tip="AI分析中" />
+      <Spin v-if="loading" tip="AI分析中" />
 
       <div v-if="listData.total > 0" class="pagination-box flex justify-end ignore-export">
-        <a-pagination
+         <Pagination
           :total="listData.total"
-          size="mini"
-          show-total
-          show-jumper
-          show-page-size
+          size="small"
+          :showTotal="(total: number) => `共 ${total} 条`"
+          showSizeChanger
+          showQuickJumper
           :current="query.page"
-          :page-size="query.pageSize"
+          :pageSize="query.page_size"
           @change="onPageChange"
-          @page-size-change="onPageSizeChange"
         />
       </div>
     </div>
@@ -54,26 +52,28 @@
     ></PlacementSuggestions>
 
     <div v-if="tabData == 'placement_guide'" class="ignore-export">
-      <a-space class="down-btn">
-        <a-button type="outline" :loading="exportLoading" @click="downPage">
+      <Space class="down-btn">
+        <Button type="primary" ghost :loading="exportLoading" @click="downPage">
           <template #icon>
-            <icon-download />
+            <icon-download class="mr-8px"/>
           </template>
           <template #default>下载</template>
-        </a-button>
-        <a-button type="primary" @click="handleSave">
+        </Button>
+        <Button type="primary" @click="handleSave">
           <template #icon>
-            <icon-drive-file />
+            <icon-drive-file class="mr-8px"/>
           </template>
           <template #default>保存</template>
-        </a-button>
-      </a-space>
+        </Button>
+      </Space>
     </div>
   </div>
 </template>
 
 <script setup lang="ts">
 import { reactive, ref } from 'vue';
+import { Button, Tabs, Space, Pagination, Spin, message as Amessage } from 'ant-design-vue';
+const { TabPane } = Tabs;
 import PlacementGuideList from './components/table-data/placementGuideList.vue';
 import listSearchForm from './components/table-data/listSearchForm.vue';
 import GuideListHistory from './components/table-data/guideListHistory.vue';
@@ -85,14 +85,13 @@ import {
   getPlacementGuideHistory,
   savePlacementGuide,
 } from '@/api/all/propertyMarketing';
-import { Message } from '@arco-design/web-vue';
 import { AiResultStatus, generatePDF } from '@/views/property-marketing/put-account/investment-guidelines/constants';
 import { uploadPdf } from '@/views/property-marketing/put-account/investment-guidelines/constants';
 
 const tabData = ref('placement_guide');
 
 const query = reactive({
-  platform: '',
+  platform: undefined,
   date_time: [],
   placement_account_id: [],
   placement_account_project_id: [],
@@ -105,8 +104,9 @@ const query = reactive({
 const currentComponent = computed(() => {
   return tabData.value === 'placement_guide' ? PlacementGuideList : GuideListHistory;
 });
-const onPageChange = (current) => {
+const onPageChange = (current: number, pageSize: number) => {
   query.page = current;
+  query.page_size = pageSize;
   onSearch();
 };
 const onPageSizeChange = (pageSize) => {
@@ -179,7 +179,7 @@ const downPage = async () => {
     document.body.removeChild(link);
     exportLoading.value = false;
   } catch (error) {
-    Message.error(error.message);
+    Amessage.error(error.message);
     exportLoading.value = false;
   }
 };
@@ -214,7 +214,7 @@ const syncGetAiResult = async () => {
       aiResult.action_guide = data.result?.action_guide?.modules || [];
       aiResult.overview = data.result?.overview?.content_blocks[0] || [];
     } else if (data.ai_result_status === AiResultStatus.FAILED) {
-      Message.error('AI分析失败');
+      Amessage.error('AI分析失败');
       aiError();
     }
     saveForm.code = data?.code;
@@ -238,7 +238,7 @@ const handleReset = () => {
   query.platform = '';
   query.sort_column = '';
   query.sort_order = '';
-  query.platform = '';
+  query.platform = undefined;
   query.date_time = [];
   onSearch();
 };
@@ -261,7 +261,7 @@ const handleSave = async () => {
   };
   const { code, message, data } = await savePlacementGuide(updatedSaveForm);
   if (code === 200) {
-    Message.success(message);
+    Amessage.success(message);
   }
 };
 
diff --git a/src/views/writer-material-center/components/finished-products/index.vue b/src/views/writer-material-center/components/finished-products/index.vue
index abaafca..40c9b37 100644
--- a/src/views/writer-material-center/components/finished-products/index.vue
+++ b/src/views/writer-material-center/components/finished-products/index.vue
@@ -1,5 +1,5 @@
 <script lang="tsx">
-import { Tabs, TabPane } from 'ant-design-vue';
+import { Tabs, TabPane, Button } from 'ant-design-vue';
 import ManuscriptList from './manuscript/list/index.vue';
 import ManuscriptCheckList from './manuscript/check-list/index.vue';
 import UploadManuscriptModal from '@/views/writer-material-center/components/finished-products/manuscript/components/upload-manuscript-modal/index.vue';
@@ -29,13 +29,12 @@ export default defineComponent({
               rightExtra: () => (
                 <div class="flex items-center">
                   {showManuscriptList.value && (
-                    <a-button
+                    <Button
                       type="primary"
-                      size="medium"
                       class="ml-12px"
                       onClick={openUploadModal}
                       v-slots={{
-                        icon: () => <icon-plus size="16" />,
+                        icon: () => <icon-plus size="16" class="mr-8px"/>,
                         default: () => '上传内容稿件',
                       }}
                     />
diff --git a/src/views/writer-material-center/components/finished-products/manuscript/check-list/components/filter-block/index.vue b/src/views/writer-material-center/components/finished-products/manuscript/check-list/components/filter-block/index.vue
index 8442599..2c27446 100644
--- a/src/views/writer-material-center/components/finished-products/manuscript/check-list/components/filter-block/index.vue
+++ b/src/views/writer-material-center/components/finished-products/manuscript/check-list/components/filter-block/index.vue
@@ -8,42 +8,42 @@
     <div class="filter-row">
       <div class="filter-row-item">
         <span class="label">内容稿件标题</span>
-        <a-space size="medium">
-          <a-input
-            v-model="query.title"
+        <Space size="medium">
+          <Input
+            v-model:value="query.title"
             class="!w-240px"
             placeholder="请输入内容稿件标题"
-            size="medium"
-            allow-clear
+            size="middle"
+            allowClear
             @change="handleSearch"
           >
             <template #prefix>
               <icon-search />
             </template>
-          </a-input>
-        </a-space>
+          </Input>
+        </Space>
       </div>
       <div class="filter-row-item">
         <span class="label">序号</span>
-        <a-space size="medium">
-          <a-input
-            v-model="query.uid"
+        <Space size="medium">
+          <Input
+            v-model:value="query.uid"
             class="!w-160px"
             placeholder="请输入序号"
-            size="medium"
-            allow-clear
+            size="middle"
+            allowClear
             @change="handleSearch"
           >
             <template #prefix>
               <icon-search />
             </template>
-          </a-input>
-        </a-space>
+          </Input>
+        </Space>
       </div>
       <div class="filter-row-item" v-if="query.audit_status === AuditStatus.Pending">
         <span class="label">上传时间</span>
-        <a-range-picker
-          v-model="created_at"
+        <DatePicker.RangePicker
+          v-model:value="created_at"
           size="medium"
           allow-clear
           format="YYYY-MM-DD"
@@ -54,23 +54,23 @@
       <template v-if="[AuditStatus.Auditing, AuditStatus.Passed].includes(query.audit_status)">
         <div class="filter-row-item">
           <span class="label">审核平台</span>
-          <a-select
-            v-model="query.audit_platform"
-            size="medium"
+          <Select
+            v-model:value="query.audit_platform"
+            size="middle"
             placeholder="全部"
-            allow-clear
+            allowClear
             @change="handleSearch"
             class="!w-160px"
           >
-            <a-option v-for="(item, index) in PLATFORMS" :key="index" :value="item.value" :label="item.label">{{
+            <Option v-for="(item, index) in PLATFORMS" :key="index" :value="item.value" :label="item.label">{{
               item.label
-            }}</a-option>
-          </a-select>
+            }}</Option>
+          </Select>
         </div>
         <div class="filter-row-item">
           <span class="label">审核时间</span>
-          <a-range-picker
-            v-model="audit_started_at"
+          <DatePicker.RangePicker
+            v-model:value="audit_started_at"
             size="medium"
             allow-clear
             format="YYYY-MM-DD"
@@ -81,18 +81,18 @@
       </template>
 
       <div class="filter-row-item">
-        <a-button type="outline" class="mr-12px" size="medium" @click="handleSearch">
+        <Button type="primary" ghost class="mr-12px" @click="handleSearch">
           <template #icon>
-            <icon-search />
+            <icon-search class="mr-8px" />
           </template>
           <template #default>搜索</template>
-        </a-button>
-        <a-button size="medium" @click="handleReset">
+        </Button>
+        <Button @click="handleReset">
           <template #icon>
-            <icon-refresh />
+            <icon-refresh class="mr-8px" />
           </template>
           <template #default>重置</template>
-        </a-button>
+        </Button>
       </div>
     </div>
   </div>
@@ -100,6 +100,8 @@
 
 <script setup>
 import { defineEmits, defineProps } from 'vue';
+import { Button, Input, Select, Space, DatePicker } from 'ant-design-vue';
+const { Option } = Select;
 import { PLATFORMS } from '@/views/writer-material-center/components/finished-products/manuscript/check-list/constants';
 import { AuditStatus } from '@/views/writer-material-center/components/finished-products/constants';
 
@@ -110,7 +112,7 @@ const props = defineProps({
   },
 });
 
-const emits = defineEmits('search', 'reset', 'update:query');
+const emits = defineEmits(['search', 'reset', 'update:query']);
 const created_at = ref([]);
 const audit_started_at = ref([]);
 
@@ -137,6 +139,7 @@ const onDateChange = (value, type) => {
 
 const handleReset = () => {
   created_at.value = [];
+  audit_started_at.value = [];
   emits('reset');
 };
 </script>
diff --git a/src/views/writer-material-center/components/finished-products/manuscript/check-list/components/manuscript-check-table/delete-manuscript-modal.vue b/src/views/writer-material-center/components/finished-products/manuscript/check-list/components/manuscript-check-table/delete-manuscript-modal.vue
index 8cc9527..9d5add2 100644
--- a/src/views/writer-material-center/components/finished-products/manuscript/check-list/components/manuscript-check-table/delete-manuscript-modal.vue
+++ b/src/views/writer-material-center/components/finished-products/manuscript/check-list/components/manuscript-check-table/delete-manuscript-modal.vue
@@ -1,18 +1,19 @@
 <template>
-  <a-modal v-model:visible="visible" title="删除内容稿件" width="480px" @close="onClose">
+  <Modal v-model:open="visible" title="删除内容稿件" width="480px" @cancel="onClose" centered>
     <div class="flex items-center">
       <img :src="icon1" width="20" height="20" class="mr-12px" />
       <span>确认删除 {{ projectName }} 这个内容稿件吗？</span>
     </div>
     <template #footer>
-      <a-button size="medium" @click="onClose">取消</a-button>
-      <a-button type="primary" class="ml-16px" status="danger" size="medium" @click="onDelete">确认删除</a-button>
+      <Button @click="onClose">取消</Button>
+      <Button type="primary" class="ml-16px" danger @click="onDelete">确认删除</Button>
     </template>
-  </a-modal>
+  </Modal>
 </template>
 
 <script setup>
 import { ref } from 'vue';
+import { Button, Modal, message } from 'ant-design-vue';
 import { deleteWorkWriter } from '@/api/all/generationWorkshop-writer.ts';
 import icon1 from '@/assets/img/media-account/icon-warn-1.png';
 
@@ -43,7 +44,7 @@ const open = (record) => {
 async function onDelete() {
   const { code } = await deleteWorkWriter(writerCode.value, projectId.value);
   if (code === 200) {
-    AMessage.success('删除成功');
+    message.success('删除成功');
     update();
     onClose();
   }
diff --git a/src/views/writer-material-center/components/finished-products/manuscript/check-list/components/manuscript-check-table/index.vue b/src/views/writer-material-center/components/finished-products/manuscript/check-list/components/manuscript-check-table/index.vue
index 6a1eb0b..9d4e63d 100644
--- a/src/views/writer-material-center/components/finished-products/manuscript/check-list/components/manuscript-check-table/index.vue
+++ b/src/views/writer-material-center/components/finished-products/manuscript/check-list/components/manuscript-check-table/index.vue
@@ -1,128 +1,114 @@
 <template>
-  <a-table
+  <Table
     ref="tableRef"
-    :data="dataSource"
-    row-key="id"
-    column-resizable
+    :dataSource="dataSource"
+    rowKey="id"
     :pagination="false"
     :scroll="{ x: '100%' }"
     class="flex-1 manuscript-table w-100%"
     bordered
-    :row-selection="rowSelection"
-    :selected-row-keys="selectedRowKeys"
-    @sorter-change="handleSorterChange"
-    @select="(selectedKeys, rowKeyValue, record) => emits('select', selectedKeys, rowKeyValue, record)"
-    @select-all="(check) => emits('selectAll', check)"
+    :rowSelection="rowSelection"
+    :showSorterTooltip="false"
+    @change="handleTableChange"
   >
-    <template #empty>
+    <template #emptyText>
       <NoData text="暂无稿件" />
     </template>
-    <template #columns>
-      <a-table-column
-        v-for="column in tableColumns"
-        :key="column.dataIndex"
-        :data-index="column.dataIndex"
-        :fixed="column.fixed"
-        :width="column.width"
-        :min-width="column.minWidth"
-        :sortable="column.sortable"
-        :align="column.align"
-        ellipsis
-        tooltip
-      >
-        <template #title>
-          <div class="flex items-center">
-            <span class="cts mr-4px">{{ column.title }}</span>
-            <a-tooltip v-if="column.tooltip" :content="column.tooltip" position="top">
-              <icon-question-circle class="tooltip-icon color-#737478" size="16" />
-            </a-tooltip>
-          </div>
-        </template>
+    <Column
+      v-for="column in tableColumns"
+      :key="column.dataIndex"
+      :dataIndex="column.dataIndex"
+      :fixed="column.fixed"
+      :width="column.width"
+      :minWidth="column.minWidth"
+      :sorter="column.sortable"
+      :align="column.align"
+      :ellipsis="true"
+    >
+      <template #title>
+        <div class="flex items-center">
+          <span class="cts mr-4px">{{ column.title }}</span>
+          <Tooltip v-if="column.tooltip" :title="column.tooltip" placement="top">
+            <icon-question-circle class="tooltip-icon color-#737478" size="16" />
+          </Tooltip>
+        </div>
+      </template>
 
-        <template v-if="column.dataIndex === 'customer_opinion'" #cell="{ record }">
-          <p
-            class="h-28px px-8px flex items-center rounded-2px w-fit"
-            :style="{ background: getCustomerOpinionInfo(record.customer_opinion)?.bg }"
-          >
-            <span class="cts" :class="getCustomerOpinionInfo(record.customer_opinion)?.color">{{
-              getCustomerOpinionInfo(record.customer_opinion)?.label ?? '-'
-            }}</span>
-          </p>
-        </template>
-        <template v-else-if="column.dataIndex === 'platform'" #cell="{ record }">
-          <template v-if="!PLATFORMS.find((item) => item.value === record.platform)"> - </template>
-          <img
-            v-else
-            width="24"
-            height="24"
-            class="rounded-4px"
-            :src="PLATFORMS.find((item) => item.value === record.platform)?.icon"
-          />
-        </template>
-        <template v-else-if="column.dataIndex === 'compliance_level'" #cell="{ record }">
-          <span class="cts num !color-#6D4CFE">{{
-            record.ai_review?.compliance_level ? `${record.ai_review?.compliance_level}%` : '-'
-          }}</span>
-        </template>
-        <template v-else-if="column.dataIndex === 'title'" #cell="{ record }">
-          <TextOverTips :context="record.title" :line="3" class="title" @click="onDetail(record)" />
-        </template>
-        <template v-else-if="column.dataIndex === 'type'" #cell="{ record }">
-          <div class="flex items-center">
-            <img
-              :src="record.type === EnumManuscriptType.Image ? icon2 : icon3"
-              width="16"
-              height="16"
-              class="mr-4px"
-            />
-            <span class="cts" :class="record.type === EnumManuscriptType.Image ? '!color-#25C883' : '!color-#6D4CFE'">{{
-              record.type === EnumManuscriptType.Image ? '图文' : '视频'
-            }}</span>
-          </div>
-        </template>
-        <template
-          #cell="{ record }"
-          v-else-if="
-            ['created_at', 'last_modified_at', 'audit_started_at', 'audit_passed_at'].includes(column.dataIndex)
-          "
+      <template v-if="column.dataIndex === 'customer_opinion'" #customRender="{ record }">
+        <p
+          class="h-28px px-8px flex items-center rounded-2px w-fit"
+          :style="{ background: getCustomerOpinionInfo(record.customer_opinion)?.bg }"
         >
-          <span class="cts num">{{ exactFormatTime(record[column.dataIndex]) }}</span>
-        </template>
-        <template v-else-if="column.dataIndex === 'cover'" #cell="{ record }">
-          <HoverImagePreview :src="record.cover">
-            <a-image :width="64" :height="64" :src="record.cover" class="!rounded-6px" fit="cover">
-              <template #error>
-                <img :src="icon4" class="w-full h-full" />
-              </template>
-            </a-image>
-          </HoverImagePreview>
-        </template>
-        <template v-else-if="column.dataIndex === 'operation'" #cell="{ record }">
-          <div class="flex items-center">
-            <img class="mr-8px cursor-pointer" :src="icon1" width="14" height="14" @click="onDelete(record)" />
-            <a-button type="outline" size="mini" @click="onCheck(record)" v-if="audit_status === AuditStatus.Pending"
-              >审核</a-button
-            >
-            <a-button
-              type="outline"
-              size="mini"
-              @click="onScan(record)"
-              v-else-if="audit_status === AuditStatus.Auditing"
-              >查看</a-button
-            >
-            <a-button type="outline" size="mini" @click="onDetail(record)" v-else>详情</a-button>
-          </div>
-        </template>
-        <template v-else #cell="{ record }">
-          {{ formatTableField(column, record, true) }}
-        </template>
-      </a-table-column>
-    </template>
-  </a-table>
+          <span class="cts" :class="getCustomerOpinionInfo(record.customer_opinion)?.color">{{
+            getCustomerOpinionInfo(record.customer_opinion)?.label ?? '-'
+          }}</span>
+        </p>
+      </template>
+      <template v-else-if="column.dataIndex === 'platform'" #customRender="{ record }">
+        <template v-if="!PLATFORMS.find((item) => item.value === record.platform)"> - </template>
+        <img
+          v-else
+          width="24"
+          height="24"
+          class="rounded-4px"
+          :src="PLATFORMS.find((item) => item.value === record.platform)?.icon"
+        />
+      </template>
+      <template v-else-if="column.dataIndex === 'compliance_level'" #customRender="{ record }">
+        <span class="cts num !color-#6D4CFE">{{
+          record.ai_review?.compliance_level ? `${record.ai_review?.compliance_level}%` : '-'
+        }}</span>
+      </template>
+      <template v-else-if="column.dataIndex === 'title'" #customRender="{ record }">
+        <TextOverTips :context="record.title" :line="3" class="title" @click="onDetail(record)" />
+      </template>
+      <template v-else-if="column.dataIndex === 'type'" #customRender="{ record }">
+        <div class="flex items-center">
+          <img :src="record.type === EnumManuscriptType.Image ? icon2 : icon3" width="16" height="16" class="mr-4px" />
+          <span class="cts" :class="record.type === EnumManuscriptType.Image ? '!color-#25C883' : '!color-#6D4CFE'">{{
+            record.type === EnumManuscriptType.Image ? '图文' : '视频'
+          }}</span>
+        </div>
+      </template>
+      <template
+        #customRender="{ record }"
+        v-else-if="['created_at', 'last_modified_at', 'audit_started_at', 'audit_passed_at'].includes(column.dataIndex)"
+      >
+        <span class="cts num">{{ exactFormatTime(record[column.dataIndex]) }}</span>
+      </template>
+      <template v-else-if="column.dataIndex === 'cover'" #customRender="{ record }">
+        <HoverImagePreview :src="record.cover">
+          <ImgLazyLoad :width="64" :height="64" :src="record.cover" class="!rounded-6px" />
+        </HoverImagePreview>
+      </template>
+      <template v-else-if="column.dataIndex === 'operation'" #customRender="{ record }">
+        <div class="flex items-center">
+          <img class="mr-8px cursor-pointer" :src="icon1" width="14" height="14" @click="onDelete(record)" />
+          <Button type="primary" ghost size="small" @click="onCheck(record)" v-if="audit_status === AuditStatus.Pending"
+            >审核</Button
+          >
+          <Button
+            type="primary"
+            ghost
+            size="small"
+            @click="onScan(record)"
+            v-else-if="audit_status === AuditStatus.Auditing"
+            >查看</Button
+          >
+          <Button type="primary" ghost size="small" @click="onDetail(record)" v-else>详情</Button>
+        </div>
+      </template>
+      <template v-else #customRender="{ record }">
+        {{ formatTableField(column, record, true) }}
+      </template>
+    </Column>
+  </Table>
 </template>
 
 <script setup>
-import { ref } from 'vue';
+import { ref, computed } from 'vue';
+import { Button, Tooltip, Table, Image } from 'ant-design-vue';
+const { Column } = Table;
 import { formatTableField, exactFormatTime } from '@/utils/tools';
 import { EnumManuscriptType } from '@/views/writer-material-center/components/finished-products/manuscript/list/constants';
 import { patchWorkAuditsAuditWriter } from '@/api/all/generationWorkshop-writer.ts';
@@ -136,11 +122,12 @@ import { slsWithCatch } from '@/utils/stroage.ts';
 
 import TextOverTips from '@/components/text-over-tips';
 import HoverImagePreview from '@/components/hover-image-preview';
+import ImgLazyLoad from "@/components/img-lazy-load";
 
 import icon1 from '@/assets/img/media-account/icon-delete.png';
 import icon2 from '@/assets/img/creative-generation-workshop/icon-photo.png';
 import icon3 from '@/assets/img/creative-generation-workshop/icon-video.png';
-import icon4 from '@/assets/img/error-img.png';
+// import icon4 from '@/assets/img/error-img.png';
 
 const emits = defineEmits(['sorterChange', 'delete', 'select', 'selectAll']);
 const router = useRouter();
@@ -154,10 +141,6 @@ const props = defineProps({
     type: Array,
     default: () => [],
   },
-  rowSelection: {
-    type: Array,
-    default: () => [],
-  },
   selectedRowKeys: {
     type: Array,
     default: () => [],
@@ -172,8 +155,20 @@ const tableRef = ref(null);
 
 const writerCode = computed(() => route.params.writerCode);
 
-const handleSorterChange = (column, order) => {
-  emits('sorterChange', column, order === 'ascend' ? 'asc' : 'desc');
+const handleTableChange = (pagination, filters, sorter) => {
+  if (sorter && sorter.field) {
+    emits('sorterChange', sorter.field, sorter.order === 'ascend' ? 'asc' : 'desc');
+  }
+};
+
+const rowSelection = {
+  selectedRowKeys: computed(() => props.selectedRowKeys),
+  onSelect: (record, selected) => {
+    emits('select', record, selected);
+  },
+  onSelectAll: (selected) => {
+    emits('selectAll', selected);
+  },
 };
 const onDelete = (item) => {
   emits('delete', item);
diff --git a/src/views/writer-material-center/components/finished-products/manuscript/check-list/constants.ts b/src/views/writer-material-center/components/finished-products/manuscript/check-list/constants.ts
index 30bd2a1..0e88129 100644
--- a/src/views/writer-material-center/components/finished-products/manuscript/check-list/constants.ts
+++ b/src/views/writer-material-center/components/finished-products/manuscript/check-list/constants.ts
@@ -209,7 +209,7 @@ export const INITIAL_QUERY = {
   title: '',
   created_at: [],
   audit_started_at: [],
-  audit_platform: '',
+  audit_platform: undefined,
   sort_column: undefined,
   sort_order: undefined,
 };
diff --git a/src/views/writer-material-center/components/finished-products/manuscript/check-list/index.vue b/src/views/writer-material-center/components/finished-products/manuscript/check-list/index.vue
index 5b30ad5..938d3c2 100644
--- a/src/views/writer-material-center/components/finished-products/manuscript/check-list/index.vue
+++ b/src/views/writer-material-center/components/finished-products/manuscript/check-list/index.vue
@@ -13,28 +13,27 @@
         class="flex justify-end mb-12px"
         v-if="[AuditStatus.Pending, AuditStatus.Auditing].includes(query.audit_status)"
       >
-        <a-button
-          type="outline"
+        <Button
+          type="primary"
+          ghost
           class="w-fit"
-          size="medium"
           @click="handleBatchCheck"
           v-if="query.audit_status === AuditStatus.Pending"
-          >批量审核</a-button
+          >批量审核</Button
         >
-        <a-button
-          type="outline"
+        <Button
+          type="primary"
+          ghost
           class="w-fit"
-          size="medium"
           @click="handleBatchView"
           v-if="query.audit_status === AuditStatus.Auditing"
-          >批量查看</a-button
+          >批量查看</Button
         >
       </div>
 
       <ManuscriptCheckTable
         :key="query.audit_status"
         :tableColumns="tableColumns"
-        :rowSelection="rowSelection"
         :selectedRowKeys="selectedRowKeys"
         :dataSource="dataSource"
         :audit_status="query.audit_status"
@@ -44,16 +43,15 @@
         @selectAll="handleSelectAll"
       />
       <div v-if="pageInfo.total > 0" class="pagination-row">
-        <a-pagination
+        <Pagination
           :total="pageInfo.total"
-          size="mini"
-          show-total
-          show-jumper
-          show-page-size
+          size="small"
+          :showTotal="(total, range) => `共 ${total} 条`"
+          showSizeChanger
+          showQuickJumper
           :current="pageInfo.page"
-          :page-size="pageInfo.page_size"
+          :pageSize="pageInfo.page_size"
           @change="onPageChange"
-          @page-size-change="onPageSizeChange"
         />
       </div>
     </div>
@@ -63,7 +61,7 @@
 </template>
 <script lang="jsx" setup>
 import { provide } from 'vue';
-import { Button, Message as AMessage } from '@arco-design/web-vue';
+import { Button, Pagination, message } from 'ant-design-vue';
 import FilterBlock from './components/filter-block';
 import ManuscriptCheckTable from './components/manuscript-check-table';
 import DeleteManuscriptModal from './components/manuscript-check-table/delete-manuscript-modal.vue';
@@ -85,22 +83,16 @@ const props = defineProps({
 const {
   dataSource,
   pageInfo,
-  rowSelection,
   onPageChange,
-  onPageSizeChange,
   resetPageInfo,
   selectedRowKeys,
   selectedRows,
   handleSelect,
   handleSelectAll,
-  DEFAULT_PAGE_INFO,
 } = useTableSelectionWithPagination({
   onPageChange: () => {
     getData();
   },
-  onPageSizeChange: () => {
-    getData();
-  },
 });
 const router = useRouter();
 const route = useRoute();
@@ -146,7 +138,7 @@ const handleSorterChange = (column, order) => {
 };
 const handleBatchCheck = () => {
   if (!selectedRows.value.length) {
-    AMessage.warning('请选择需审核的内容稿件');
+    message.warning('请选择需审核的内容稿件');
     return;
   }
 
@@ -157,7 +149,7 @@ const handleBatchCheck = () => {
 };
 const handleBatchView = () => {
   if (!selectedRows.value.length) {
-    AMessage.warning('请选择需查看的内容稿件');
+    message.warning('请选择需查看的内容稿件');
     return;
   }
 
diff --git a/src/views/writer-material-center/components/finished-products/manuscript/check/cancel-check-modal.vue b/src/views/writer-material-center/components/finished-products/manuscript/check/cancel-check-modal.vue
index 0dc2606..aee854c 100644
--- a/src/views/writer-material-center/components/finished-products/manuscript/check/cancel-check-modal.vue
+++ b/src/views/writer-material-center/components/finished-products/manuscript/check/cancel-check-modal.vue
@@ -1,6 +1,8 @@
 <template>
-  <a-modal
-    v-model:visible="visible"
+  <Modal
+    v-model:open="visible"
+    @cancel="onClose"
+    centered
     :title="action === 'exit' ? '退出审核' : '切换内容稿件'"
     width="480px"
     @close="onClose"
@@ -14,16 +16,17 @@
       }}</span>
     </div>
     <template #footer>
-      <a-button size="medium" @click="onClose">继续编辑</a-button>
-      <a-button type="primary" class="ml-8px" size="medium" @click="onConfirm">
+      <Button @click="onClose">继续编辑</Button>
+      <Button type="primary" class="ml-8px" @click="onConfirm">
         {{ action === 'exit' ? '确认退出' : '确认切换' }}
-      </a-button>
+      </Button>
     </template>
-  </a-modal>
+  </Modal>
 </template>
 
 <script setup>
 import { ref } from 'vue';
+import { Button } from 'ant-design-vue';
 import icon1 from '@/assets/img/media-account/icon-warn-1.png';
 import { useRouter } from 'vue-router';
 
diff --git a/src/views/writer-material-center/components/finished-products/manuscript/check/check-success-modal.vue b/src/views/writer-material-center/components/finished-products/manuscript/check/check-success-modal.vue
index d7e437b..7aae3dd 100644
--- a/src/views/writer-material-center/components/finished-products/manuscript/check/check-success-modal.vue
+++ b/src/views/writer-material-center/components/finished-products/manuscript/check/check-success-modal.vue
@@ -1,10 +1,12 @@
 <template>
-  <a-modal
-    v-model:visible="visible"
+  <Modal
+    v-model:open="visible"
+    @cancel="onClose"
+    centered
     title="提示"
     width="480px"
     @close="onClose"
-    modal-class="upload-success11-modal"
+    wrapClassName="upload-success11-modal"
     :footer="null"
   >
     <div class="flex items-center flex-col justify-center">
@@ -13,13 +15,12 @@
       <!-- <p class="text-14px lh-22px font-400 color-#737478 ld">想让内容更抓眼球、更吸流量吗？</p>
       <p class="text-14px lh-22px font-400 color-#737478 ld">试试「内容稿件分析」功能吧！</p> -->
     </div>
-    <!-- <template #footer>
-      <a-button type="primary" class="ml-8px" size="medium" @click="onConfirm">内容稿件分析</a-button>
-    </template> -->
-  </a-modal>
+  </Modal>
 </template>
 
 <script setup>
+// 添加Modal导入
+import { Modal } from 'ant-design-vue';
 import { ref, onUnmounted } from 'vue';
 import icon1 from '@/assets/img/media-account/icon-feedback-success.png';
 
diff --git a/src/views/writer-material-center/components/finished-products/manuscript/check/components/check-list-drawer/index.vue b/src/views/writer-material-center/components/finished-products/manuscript/check/components/check-list-drawer/index.vue
index 78dc722..e89d49a 100644
--- a/src/views/writer-material-center/components/finished-products/manuscript/check/components/check-list-drawer/index.vue
+++ b/src/views/writer-material-center/components/finished-products/manuscript/check/components/check-list-drawer/index.vue
@@ -1,5 +1,5 @@
 <script lang="jsx">
-import { Drawer, Image } from '@arco-design/web-vue';
+import { Drawer, Image } from 'ant-design-vue';
 import TextOverTips from '@/components/text-over-tips';
 
 import icon1 from '@/assets/img/error-img.png';
@@ -32,12 +32,12 @@ export default {
     return () => (
       <Drawer
         title="审核列表"
-        visible={visible.value}
+        v-model:open={visible.value}
         width={420}
-        class="check-list-drawer-xt"
-        footer={false}
-        header={false}
-        onCancel={onClose}
+        rootClassName="check-list-drawer-xt"
+        footer={null}
+        closable={false}
+        onClose={onClose}
       >
         <div class="flex justify-between items-center h-56px px-24px">
           <div class="flex items-center">
@@ -61,13 +61,13 @@ export default {
                 height={48}
                 preview={false}
                 src={item.cover}
-                class="!rounded-4px mr-8px"
+                class="!rounded-4px"
                 fit="cover"
                 v-slots={{
                   error: () => <img src={icon1} class="w-full h-full" />,
                 }}
               />
-              <div class="flex-1 overflow-hidden flex flex-col items-start">
+              <div class="flex-1 overflow-hidden flex flex-col items-start ml-8px">
                 <TextOverTips context={item.title} class={`cts !color-#211F24 title mb-4px !text-14px`} />
                 <p class="cts !text-14px">{`合规程度：${
                   item.ai_review?.compliance_level ? `${item.ai_review?.compliance_level}%` : '-'
diff --git a/src/views/writer-material-center/components/finished-products/manuscript/check/components/check-list-drawer/style.scss b/src/views/writer-material-center/components/finished-products/manuscript/check/components/check-list-drawer/style.scss
index e32fa77..b9ff73a 100644
--- a/src/views/writer-material-center/components/finished-products/manuscript/check/components/check-list-drawer/style.scss
+++ b/src/views/writer-material-center/components/finished-products/manuscript/check/components/check-list-drawer/style.scss
@@ -1,43 +1,43 @@
 .check-list-drawer-xt {
-  .arco-drawer-mask {
+  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.15);
+  .ant-drawer-mask {
     background-color: transparent;
   }
-  .arco-drawer {
-    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.15);
-    .arco-drawer-body {
-      overflow: hidden;
-      display: flex;
-      flex-direction: column;
-      padding: 0 0 24px;
-      .cts {
-        color: var(--Text-1, #939499);
-
-        font-family: $font-family-regular;
-        font-size: 16px;
-        font-style: normal;
-        font-weight: 400;
-        line-height: 24px;
-        &.bold {
-          color: var(--Text-1, #211f24);
-          font-family: $font-family-medium;
-        }
+  .ant-drawer-header {
+    display: none;
+  }
+  .ant-drawer-body {
+    overflow: hidden;
+    display: flex;
+    flex-direction: column;
+    padding: 0 0 24px;
+    .cts {
+      color: var(--Text-1, #939499);
+      font-family: $font-family-regular;
+      font-size: 16px;
+      font-style: normal;
+      font-weight: 400;
+      line-height: 24px;
+      &.bold {
+        color: var(--Text-1, #211f24);
+        font-family: $font-family-medium;
       }
-      .card-item {
-        cursor: pointer;
-        border: 1px solid transparent;
-        transition: all;
-        &:hover {
-          background-color: #e6e6e8;
-        }
-        &:not(:last-child) {
-          margin-bottom: 12px;
-        }
-        &.active {
-          border-color: #6d4cfe;
-          background-color: #f0edff;
-          :deep(.overflow-text) {
-            font-family: $font-family-medium !important;
-          }
+    }
+    .card-item {
+      cursor: pointer;
+      border: 1px solid transparent;
+      transition: all;
+      &:hover {
+        background-color: #e6e6e8;
+      }
+      &:not(:last-child) {
+        margin-bottom: 12px;
+      }
+      &.active {
+        border-color: #6d4cfe;
+        background-color: #f0edff;
+        :deep(.overflow-text) {
+          font-family: $font-family-medium !important;
         }
       }
     }
diff --git a/src/views/writer-material-center/components/finished-products/manuscript/check/components/content-card/highlight-textarea.vue b/src/views/writer-material-center/components/finished-products/manuscript/check/components/content-card/highlight-textarea.vue
index 59ab272..3c6dd1d 100644
--- a/src/views/writer-material-center/components/finished-products/manuscript/check/components/content-card/highlight-textarea.vue
+++ b/src/views/writer-material-center/components/finished-products/manuscript/check/components/content-card/highlight-textarea.vue
@@ -24,6 +24,8 @@
 </template>
 
 <script setup lang="ts">
+import { Input } from 'ant-design-vue';
+const {TextArea}  = Input
 import { ref, computed, watch, defineProps, defineEmits, onMounted, onUnmounted } from 'vue';
 import { escapeRegExp } from './constants';
 
@@ -50,6 +52,7 @@ const emit = defineEmits<{
 
 // 内部状态管理
 const inputValue = ref(props.modelValue || '');
+const scrollTop = ref(0);
 const focus = ref(false);
 const textareaWrapRef = ref();
 let nativeTextarea: HTMLTextAreaElement | null = null;
diff --git a/src/views/writer-material-center/components/finished-products/manuscript/check/components/content-card/index.vue b/src/views/writer-material-center/components/finished-products/manuscript/check/components/content-card/index.vue
index b1ccdbf..1321a0b 100644
--- a/src/views/writer-material-center/components/finished-products/manuscript/check/components/content-card/index.vue
+++ b/src/views/writer-material-center/components/finished-products/manuscript/check/components/content-card/index.vue
@@ -1,20 +1,12 @@
 <script lang="jsx">
 import axios from 'axios';
 import { Swiper, SwiperSlide } from 'swiper/vue';
-import { IconLoading } from '@arco-design/web-vue/es/icon';
-import {
-  Image,
-  Form,
-  FormItem,
-  Input,
-  Textarea,
-  Button,
-  Tabs,
-  Upload,
-  TabPane,
-  Spin,
-  Message as AMessage,
-} from '@arco-design/web-vue';
+import { Button, Form, FormItem, Input, Tabs, message, Image, Upload, Spin } from 'ant-design-vue';
+
+const { TextArea } = Input;
+const { TabPane } = Tabs;
+
+import { IconLoading } from '@arco-design/web-vue/es/icon'; // 图标保留不更换
 import TextOverTips from '@/components/text-over-tips';
 
 import 'swiper/css';
@@ -86,7 +78,7 @@ export default {
 
     const onAgainCheck = () => {
       if (!isTextTab.value && !props.modelValue.files?.length) {
-        AMessage.warning('请先上传需审核图片');
+        message.warning('请先上传需审核图片');
         return;
       }
       emit('againCheck');
@@ -98,15 +90,7 @@ export default {
       activeTab.value = key;
     };
     const validate = () => {
-      return new Promise((resolve, reject) => {
-        formRef.value?.validate((errors) => {
-          if (errors) {
-            reject();
-          } else {
-            resolve();
-          }
-        });
-      });
+      return formRef.value?.validate();
     };
     const reset = () => {
       formRef.value?.resetFields?.();
@@ -138,24 +122,19 @@ export default {
         <Upload
           ref={uploadRef}
           action="/"
-          draggable
           class="w-fit"
-          custom-request={(option) => uploadImage(option, action)}
+          customRequest={(option) => uploadImage(option, action)}
           accept=".jpg,.jpeg,.png,.gif,.webp"
-          show-file-list={false}
+          showUploadList={false}
           multiple
         >
-          {{
-            'upload-button': () => <UploadBtn />,
-          }}
+          <UploadBtn />
         </Upload>
       );
     };
 
     const uploadImage = async (option, action = 'upload') => {
-      const {
-        fileItem: { file },
-      } = option;
+      const { file } = option;
 
       const { name, size, type } = file;
       const response = await getImagePreSignedUrl({ suffix: getFileExtension(name) });
@@ -189,11 +168,11 @@ export default {
     const renderFooterRow = () => {
       return (
         <>
-          <Button class="mr-12px" size="medium" onClick={onAgainCheck} disabled={isDisabled.value}>
+          <Button class="mr-12px" onClick={onAgainCheck} disabled={isDisabled.value}>
             再次审核
           </Button>
           {isTextTab.value ? (
-            <Button size="medium" type="outline" class="w-123px check-btn" onClick={onAiReplace} disabled={isDisabled.value}>
+            <Button type="primary" ghost class="w-123px check-btn" onClick={onAiReplace} disabled={isDisabled.value}>
               {aiReplaceLoading.value ? (
                 <>
                   <IconLoading size={14} />
@@ -209,7 +188,7 @@ export default {
           ) : (
             <div class="w-88px">
               {renderUpload(
-                <Button size="medium" type="outline">
+                <Button type="primary" ghost>
                   图片替换
                 </Button>,
                 'replaceImage',
@@ -222,23 +201,23 @@ export default {
     const renderTextForm = () => {
       return (
         <Form ref={formRef} model={props.modelValue} rules={FORM_RULES} layout="vertical" auto-label-width>
-          <FormItem label="标题" field="title" required>
+          <FormItem label="标题" name="title" required>
             <Input
-              v-model={props.modelValue.title}
+              v-model:value={props.modelValue.title}
               placeholder="请输入标题"
               size="large"
-              maxLength={30}
-              show-word-limit
+              maxlength={30}
+              showCount
               disabled={isDisabled.value}
             />
           </FormItem>
-          <FormItem label="作品描述" field="content" class="flex-1 content-form-item">
-            <Textarea
-              v-model={props.modelValue.content}
+          <FormItem label="作品描述" name="content" class="flex-1 content-form-item">
+            <TextArea
+              v-model:value={props.modelValue.content}
               placeholder="请输入作品描述"
               size="large"
-              show-word-limit
-              maxLength={1000}
+              showCount
+              maxlength={1000}
               disabled={isDisabled.value}
             />
           </FormItem>
@@ -408,9 +387,9 @@ export default {
           <div class="right-box h-210px">
             <p class="cts bold !text-16px !lh-24px !color-#211F24 mb-16px">审核结果</p>
             <Spin
-              loading={true}
+              spinning={true}
               tip={`${isTextTab.value ? '文本' : '图片'}检测中`}
-              size={72}
+              size="large"
               class="h-298px !flex flex-col justify-center items-center color-#6d4cfe"
             />
           </div>
@@ -420,7 +399,7 @@ export default {
           <div class="right-box">
             <p class="cts bold !text-16px !lh-24px !color-#211F24 mb-16px">审核结果</p>
             {props.getDataLoading ? (
-              <Spin loading={true} size={72} class="h-298px !flex justify-center items-center" />
+              <Spin spinning={true} size="large" class="h-298px !flex justify-center items-center" />
             ) : (
               renderCheckSuccessBox()
             )}
@@ -439,22 +418,20 @@ export default {
         <div class="h-full w-full px-24px pt-16px pb-24px content-wrap flex">
           <div class="flex-2 left-box mr-24px flex flex-col">
             <div class="flex-1 mb-12px rounded-8px border-1px pt-8px flex flex-col pb-16px bg-#F7F8FA border-#E6E6E8 border-solid">
-              <Tabs v-model={activeTab.value} onTabClick={handleTabClick} class="mb-16px">
+              <Tabs activeKey={activeTab.value} onChange={handleTabClick} class="mb-16px">
                 {TAB_LIST.map((item) => (
                   <TabPane
                     key={item.value}
-                    v-slots={{
-                      title: () => (
-                        <div class="flex items-center relative">
-                          <span>{item.label}</span>
-                          {
-                            // activeTab.value === item.value && aiReview.value?.violation_items.length > 0 &&  (
-                            //   <icon-exclamation-circle-fill size={14} class="color-#F64B31 absolute right--10px top-0" />
-                            // )
-                          }
-                        </div>
-                      ),
-                    }}
+                    tab={
+                      <div class="flex items-center relative">
+                        <span>{item.label}</span>
+                        {
+                          // activeTab.value === item.value && aiReview.value?.violation_items.length > 0 &&  (
+                          //   <icon-exclamation-circle-fill size={14} class="color-#F64B31 absolute right--10px top-0" />
+                          // )
+                        }
+                      </div>
+                    }
                   />
                 ))}
               </Tabs>
diff --git a/src/views/writer-material-center/components/finished-products/manuscript/check/components/content-card/style.scss b/src/views/writer-material-center/components/finished-products/manuscript/check/components/content-card/style.scss
index ab5f489..8a2c07b 100644
--- a/src/views/writer-material-center/components/finished-products/manuscript/check/components/content-card/style.scss
+++ b/src/views/writer-material-center/components/finished-products/manuscript/check/components/content-card/style.scss
@@ -22,43 +22,32 @@
     }
   }
   .left-box {
-    :deep(.arco-tabs) {
-      .arco-tabs-nav {
-        .arco-tabs-tab {
-          height: 40px;
-          //   padding: 0 8px;
-          margin: 0 16px;
-        }
-        &::before {
-          display: none;
-        }
-      }
-      .arco-tabs-content {
-        display: none;
-      }
-    }
-    :deep(.arco-form) {
+    :deep(.ant-form) {
       height: 100%;
       display: flex;
       flex-direction: column;
-      .arco-form-item {
+      .ant-form-item {
         margin-bottom: 24px;
-        .arco-form-item-label-col {
-          .arco-form-item-label {
+        .ant-form-item-label-col {
+          .ant-form-item-label {
             color: #939499;
           }
         }
       }
       .content-form-item {
         margin-bottom: 0;
-        display: flex;
-        flex-direction: column;
-        .arco-form-item-wrapper-col {
-          flex: 1;
-          .arco-form-item-content-wrapper,
-          .arco-form-item-content,
-          .arco-textarea-wrapper {
-            height: 100%;
+
+        .ant-row {
+          height: 100%;
+          display: flex;
+          flex-direction: column;
+          .ant-form-item-control-input {
+            flex: 1;
+            .ant-form-item-control-input-content,
+            .ant-form-item-control-input-content,
+            .ant-textarea-wrapper {
+              height: 100%;
+            }
           }
         }
       }
diff --git a/src/views/writer-material-center/components/finished-products/manuscript/check/components/header-card/index.vue b/src/views/writer-material-center/components/finished-products/manuscript/check/components/header-card/index.vue
index 0abf2f7..8372e2c 100644
--- a/src/views/writer-material-center/components/finished-products/manuscript/check/components/header-card/index.vue
+++ b/src/views/writer-material-center/components/finished-products/manuscript/check/components/header-card/index.vue
@@ -1,5 +1,5 @@
 <script lang="jsx">
-import { Image } from '@arco-design/web-vue';
+import { Image } from 'ant-design-vue';
 import { Swiper, SwiperSlide } from 'swiper/vue';
 import TextOverTips from '@/components/text-over-tips';
 
@@ -56,13 +56,13 @@ export default {
                       height={48}
                       preview={false}
                       src={item.cover}
-                      class="!rounded-4px mr-8px"
+                      class="!rounded-4px"
                       fit="cover"
                       v-slots={{
                         error: () => <img src={icon1} class="w-full h-full" />,
                       }}
                     />
-                    <div class="flex-1 overflow-hidden flex flex-col items-start">
+                    <div class="flex-1 overflow-hidden flex flex-col items-start ml-8px">
                       <TextOverTips context={item.title} class={`cts !color-#211F24 title mb-4px`} />
                       <p class="cts">{`合规程度：${item.ai_review?.compliance_level ? `${item.ai_review?.compliance_level}%` : '-'}`}</p>
                     </div>
diff --git a/src/views/writer-material-center/components/finished-products/manuscript/check/index.vue b/src/views/writer-material-center/components/finished-products/manuscript/check/index.vue
index 198ad99..2bdd620 100644
--- a/src/views/writer-material-center/components/finished-products/manuscript/check/index.vue
+++ b/src/views/writer-material-center/components/finished-products/manuscript/check/index.vue
@@ -1,5 +1,5 @@
 <script lang="jsx">
-import { Button, Message as AMessage, Spin } from '@arco-design/web-vue';
+import { Button, message } from 'ant-design-vue';
 import CancelCheckModal from './cancel-check-modal.vue';
 import CheckSuccessModal from './check-success-modal.vue';
 import HeaderCard from './components/header-card';
@@ -138,14 +138,14 @@ export default {
     };
     const onSave = async () => {
       if (!selectCardInfo.value.title) {
-        AMessage.warning('标题不能为空');
+        message.warning('标题不能为空');
       }
 
       contentCardRef.value?.validate().then(async () => {
         const { code, data } = await putWorkAuditsUpdateWriter(writerCode.value, selectCardInfo.value);
         if (code === 200) {
           isSaved.value = true;
-          AMessage.success('当前内容稿件已保存');
+          message.success('当前内容稿件已保存');
         }
       });
     };
@@ -184,13 +184,13 @@ export default {
     const renderFooterRow = () => {
       return (
         <>
-          <Button size="medium" type="outline" class="mr-12px" onClick={onExit}>
+          <Button type="primary" ghost class="mr-12px" onClick={onExit}>
             退出
           </Button>
-          <Button size="medium" type="outline" class="mr-12px" onClick={onSave}>
+          <Button type="primary" ghost class="mr-12px" onClick={onSave}>
             保存
           </Button>
-          <Button type="primary" size="medium" onClick={onSubmit} loading={submitLoading.value}>
+          <Button type="primary" onClick={onSubmit} loading={submitLoading.value}>
             {submitLoading.value ? '通过审核中...' : '通过审核'}
           </Button>
         </>
diff --git a/src/views/writer-material-center/components/finished-products/manuscript/components/edit-form/img-box.vue b/src/views/writer-material-center/components/finished-products/manuscript/components/edit-form/img-box.vue
index 0746114..35fd9d6 100644
--- a/src/views/writer-material-center/components/finished-products/manuscript/components/edit-form/img-box.vue
+++ b/src/views/writer-material-center/components/finished-products/manuscript/components/edit-form/img-box.vue
@@ -1,5 +1,5 @@
 <template>
-  <a-form-item field="files">
+  <FormItem name="files">
     <template #label>
       <div class="flex items-center">
         <span class="cts !color-#211F24 mr-4px">图片</span>
@@ -23,32 +23,31 @@
             />
           </div>
         </div>
-        <a-upload
+        <Upload
           v-if="files.length < 18"
           ref="uploadRef"
           action="/"
-          draggable
-          :custom-request="(option) => emit('upload', option)"
+          :customRequest="(option) => emit('upload', option)"
           accept=".jpg,.jpeg,.png,.gif,.webp"
-          :show-file-list="false"
+          :showUploadList="false"
           multiple
           class="!flex !items-center"
-          :limit="18 - files.length"
         >
-          <template #upload-button>
+          <template #default>
             <div class="upload-box">
               <icon-plus size="14" class="mb-16px color-#3C4043" />
               <span class="cts !color-#211F24">上传图片</span>
             </div>
           </template>
-        </a-upload>
+        </Upload>
       </VueDraggable>
     </div>
-  </a-form-item>
+  </FormItem>
 </template>
 
 <script setup>
 import { VueDraggable } from 'vue-draggable-plus';
+import { FormItem, Upload } from 'ant-design-vue';
 
 const props = defineProps({
   files: {
diff --git a/src/views/writer-material-center/components/finished-products/manuscript/components/edit-form/index.vue b/src/views/writer-material-center/components/finished-products/manuscript/components/edit-form/index.vue
index f346adc..b57edc3 100644
--- a/src/views/writer-material-center/components/finished-products/manuscript/components/edit-form/index.vue
+++ b/src/views/writer-material-center/components/finished-products/manuscript/components/edit-form/index.vue
@@ -1,6 +1,7 @@
 <script lang="jsx">
 import axios from 'axios';
-import { Form, FormItem, Input, Textarea, Upload, Message as AMessage, Button } from '@arco-design/web-vue';
+import { Button, Form, FormItem, Input, message, Upload } from 'ant-design-vue';
+const { TextArea } = Input;
 import CommonSelect from '@/components/common-select';
 import { VueDraggable } from 'vue-draggable-plus';
 import TextOverTips from '@/components/text-over-tips';
@@ -130,9 +131,7 @@ export default {
         formData.value.videoInfo.uploadStatus = ENUM_UPLOAD_STATUS.UPLOADING;
         emit('updateVideoInfo', formData.value.videoInfo);
 
-        const {
-          fileItem: { file },
-        } = option;
+        const { file } = option;
         setVideoInfo(file);
 
         const response = await getVideoPreSignedUrlWriter(writerCode.value, { suffix: getFileExtension(file.name) });
@@ -163,13 +162,11 @@ export default {
     };
     // 文件上传处理
     const uploadImage = async (option) => {
-      const {
-        fileItem: { file },
-      } = option;
+      const { file } = option;
 
       // 验证文件数量
       if (formData.value.files?.length >= 18) {
-        AMessage.error('最多只能上传18张图片！');
+        message.error('最多只能上传18张图片！');
         return;
       }
       const { name, size, type } = file;
@@ -191,15 +188,7 @@ export default {
     };
 
     const validate = () => {
-      return new Promise((resolve, reject) => {
-        formRef.value?.validate((errors) => {
-          if (errors) {
-            reject(formData.value);
-          } else {
-            resolve();
-          }
-        });
-      });
+      return formRef.value?.validate();
     };
 
     const resetForm = () => {
@@ -213,25 +202,18 @@ export default {
         <Upload
           ref={uploadRef}
           action="/"
-          draggable
-          custom-request={uploadVideo}
+          customRequest={uploadVideo}
           accept=".mp4,.mov,.avi,.flv,.wmv"
-          show-file-list={false}
+          showUploadList={false}
         >
-          {{
-            'upload-button': () => {
-              if (formData.value.videoInfo.uploadStatus === ENUM_UPLOAD_STATUS.DEFAULT) {
-                return (
-                  <div class="upload-box">
-                    <icon-plus size="14" class="mb-16px color-#3C4043" />
-                    <span class="cts !color-#211F24">上传视频</span>
-                  </div>
-                );
-              } else {
-                return <Button type="text">替换视频</Button>;
-              }
-            },
-          }}
+          {formData.value.videoInfo.uploadStatus === ENUM_UPLOAD_STATUS.DEFAULT ? (
+            <div class="upload-box">
+              <icon-plus size="14" class="mb-16px color-#3C4043" />
+              <span class="cts !color-#211F24">上传视频</span>
+            </div>
+          ) : (
+            <Button type="text">替换视频</Button>
+          )}
         </Upload>
       );
     };
@@ -240,7 +222,7 @@ export default {
       const isEnd = formData.value.videoInfo.uploadStatus === ENUM_UPLOAD_STATUS.END;
       return (
         <FormItem
-          field="files"
+          name="files"
           v-slots={{
             label: () => (
               <div class="flex items-center">
@@ -317,9 +299,9 @@ export default {
 
     return () => (
       <Form ref={formRef} model={formData.value} rules={props.rules} layout="vertical" auto-label-width>
-        <FormItem label="标题" field="title" required>
+        <FormItem label="标题" name="title" required>
           <Input
-            v-model={formData.value.title}
+            v-model:value={formData.value.title}
             onInput={() => {
               onChange();
               emit('reValidate');
@@ -327,21 +309,21 @@ export default {
             placeholder="请输入标题"
             size="large"
             class="!w-500px"
-            maxLength={30}
-            show-word-limit
+            maxlength={30}
+            showCount
           />
         </FormItem>
 
-        <FormItem label="作品描述" field="content">
-          <Textarea
-            v-model={formData.value.content}
+        <FormItem label="作品描述" name="content">
+          <TextArea
+            v-model:value={formData.value.content}
             onInput={onChange}
             placeholder="请输入作品描述"
             size="large"
             class="h-300px !w-784px"
-            show-word-limit
-            max-length={1000}
-            auto-size={{ minRows: 7, maxRows: 12 }}
+            showCount
+            maxlength={1000}
+            autoSize={{ minRows: 7, maxRows: 12 }}
           />
         </FormItem>
         {isVideo.value ? (
@@ -355,7 +337,7 @@ export default {
           />
         )}
 
-        {/* <FormItem label="所属项目" field="project_ids">
+        {/* <FormItem label="所属项目" name="project_ids">
           <CommonSelect
             v-model={formData.value.project_ids}
             onChange={() => emit('change')}
diff --git a/src/views/writer-material-center/components/finished-products/manuscript/components/upload-manuscript-modal/index.vue b/src/views/writer-material-center/components/finished-products/manuscript/components/upload-manuscript-modal/index.vue
index cb001ba..aac828e 100644
--- a/src/views/writer-material-center/components/finished-products/manuscript/components/upload-manuscript-modal/index.vue
+++ b/src/views/writer-material-center/components/finished-products/manuscript/components/upload-manuscript-modal/index.vue
@@ -1,16 +1,6 @@
 <script lang="jsx">
-import {
-  Modal,
-  Form,
-  FormItem,
-  Input,
-  RadioGroup,
-  Radio,
-  Upload,
-  Button,
-  Message as AMessage,
-  Textarea,
-} from '@arco-design/web-vue';
+import { Modal, Button, Form, FormItem, Input, message, Upload } from 'ant-design-vue';
+const { TextArea } = Input;
 import {
   getTemplateUrlWriter,
   postWorksByLinkWriter,
@@ -22,6 +12,7 @@ import { slsWithCatch } from '@/utils/stroage.ts';
 
 import TextOverTips from '@/components/text-over-tips';
 import icon1 from '@/assets/img/media-account/icon-feedback-fail.png';
+import icon2 from '@/assets/img/media-account/icon-download.png';
 
 // 状态枚举
 const TASK_STATUS = {
@@ -44,7 +35,7 @@ const INITIAL_FORM = {
 
 export default {
   setup(props, { emit, expose }) {
-    const update = inject('update');
+    // const update = inject('update');
     const router = useRouter();
     const route = useRoute();
 
@@ -105,15 +96,13 @@ export default {
 
     // 防抖提交
     const debouncedSubmit = debounce(async () => {
-      formRef.value?.validate(async (errors) => {
-        if (!errors) {
-          taskStatus.value = TASK_STATUS.LOADING;
-          const { link } = form.value;
-          const { code, data } = await postWorksByLinkWriter(writerCode.value, { link });
-          if (code === 200) {
-            taskStatus.value = TASK_STATUS.SUCCESS;
-            works.value = data ? [data] : [];
-          }
+      formRef.value?.validate().then(async () => {
+        taskStatus.value = TASK_STATUS.LOADING;
+        const { link } = form.value;
+        const { code, data } = await postWorksByLinkWriter(writerCode.value, { link });
+        if (code === 200) {
+          taskStatus.value = TASK_STATUS.SUCCESS;
+          works.value = data ? [data] : [];
         }
       });
     }, 300);
@@ -126,16 +115,14 @@ export default {
     // 取消上传
     const onCancelUpload = () => {
       taskStatus.value = TASK_STATUS.DEFAULT;
-      AMessage.info('已取消上传');
+      message.info('已取消上传');
     };
 
     // 文件上传处理
     const handleUpload = async (option) => {
       taskStatus.value = TASK_STATUS.LOADING;
 
-      const {
-        fileItem: { file },
-      } = option;
+      const { file } = option;
 
       const formData = new FormData();
       formData.append('file', file);
@@ -180,7 +167,7 @@ export default {
       if (!works.value.length) {
         taskStatus.value = TASK_STATUS.DEFAULT;
       }
-      // AMessage.success('删除成功');
+      // message.success('删除成功');
     };
 
     // 上传方式切换
@@ -199,9 +186,9 @@ export default {
 
     // 渲染链接上传表单
     const renderLinkForm = () => (
-      <FormItem label="链接地址" field="link" required>
-        <Textarea
-          v-model={form.value.link}
+      <FormItem label="链接地址" name="link" required>
+        <TextArea
+          v-model:value={form.value.link}
           size="large"
           placeholder="请输入飞书链接地址"
           autoSize={{ minRows: 5, maxRows: 8 }}
@@ -215,24 +202,19 @@ export default {
         <div class="flex flex-col w-full">
           <Upload
             action="/"
-            draggable
             multiple
             customRequest={handleUpload}
             accept=".xlsx,.xls,.docx,.doc,.mp4,.mov,.avi,.flv,.wmv,.m4v"
-            show-file-list={false}
+            showUploadList={false}
           >
-            {{
-              'upload-button': () => (
-                <div class="upload-box">
-                  <icon-plus size="14" class="mb-16px" />
-                  <span class="text mb-4px">点击或拖拽文件到此处上传</span>
-                  <span class="tip">支持文档（文本+图）, 视频批量上传</span>
-                </div>
-              ),
-            }}
+            <div class="upload-box">
+              <icon-plus size="14" class="mb-16px" />
+              <span class="text mb-4px">点击或拖拽文件到此处上传</span>
+              <span class="tip">支持文档（文本+图）, 视频批量上传</span>
+            </div>
           </Upload>
           <div class="flex items-center cursor-pointer mt-8px" onClick={handleDownloadTemplate}>
-            <icon-download size="14" class="mr-4px !color-#6D4CFE" />
+            <img src={icon1} width="16" height="16" class="mr-4px" />
             <span class="cts color-#6D4CFE">下载示例文档</span>
           </div>
         </div>
@@ -301,36 +283,30 @@ export default {
     const renderFooterButtons = () => {
       const buttonMap = {
         [TASK_STATUS.LOADING]: () => (
-          <Button type="primary" size="medium" onClick={onCancelUpload}>
+          <Button type="primary" onClick={onCancelUpload}>
             取消上传
           </Button>
         ),
         [TASK_STATUS.DEFAULT]: () => (
           <>
-            <Button size="medium" onClick={onClose}>
-              取消
-            </Button>
-            <Button type="primary" size="medium" onClick={onSubmit}>
+            <Button onClick={onClose}>取消</Button>
+            <Button type="primary" onClick={onSubmit}>
               确认
             </Button>
           </>
         ),
         [TASK_STATUS.FAILED]: () => (
           <>
-            <Button size="medium" onClick={onClose}>
-              取消
-            </Button>
-            <Button type="primary" size="medium" onClick={onClose}>
+            <Button onClick={onClose}>取消</Button>
+            <Button type="primary" onClick={onClose}>
               重新上传
             </Button>
           </>
         ),
         [TASK_STATUS.SUCCESS]: () => (
           <>
-            <Button size="medium" onClick={onClose}>
-              取消
-            </Button>
-            <Button type="primary" size="medium" onClick={goUpload}>
+            <Button onClick={onClose}>取消</Button>
+            <Button type="primary" onClick={goUpload}>
               确认
             </Button>
           </>
@@ -344,17 +320,15 @@ export default {
 
     return () => (
       <Modal
-        v-model:visible={visible.value}
+        v-model:open={visible.value}
         title={getTitle()}
-        modal-class="upload-manuscript-modal"
+        wrapClassName="upload-manuscript-modal"
         width="500px"
-        mask-closable={false}
+        maskClosable={false}
         unmount-on-close
-        onClose={onClose}
-        footer={!(isDefault.value && isLocal.value)}
-        v-slots={{
-          footer: () => renderFooterButtons(),
-        }}
+        onCancel={onClose}
+        centered
+        footer={isDefault.value && isLocal.value ? null : renderFooterButtons()}
       >
         <Form ref={formRef} model={form.value} layout="horizontal" auto-label-width>
           {/* {isDefault.value && (
diff --git a/src/views/writer-material-center/components/finished-products/manuscript/detail/index.vue b/src/views/writer-material-center/components/finished-products/manuscript/detail/index.vue
index ed7dc94..efaaac4 100644
--- a/src/views/writer-material-center/components/finished-products/manuscript/detail/index.vue
+++ b/src/views/writer-material-center/components/finished-products/manuscript/detail/index.vue
@@ -1,5 +1,5 @@
 <script lang="jsx">
-import { Button, Message as AMessage, Spin } from '@arco-design/web-vue';
+import { Button, Spin } from 'ant-design-vue';
 
 import { useRouter, useRoute } from 'vue-router';
 import { AuditStatus } from '@/views/writer-material-center/components/finished-products/constants';
@@ -130,12 +130,12 @@ export default {
 
       return (
         <>
-          <Button size="medium" type="outline" class="mr-12px" onClick={onBack}>
+          <Button type="primary" ghost class="mr-12px" onClick={onBack}>
             退出
           </Button>
           <Button
-            size="medium"
-            type="outline"
+            type="primary"
+            ghost
             class="mr-12px"
             onClick={() => {
               router.push({
@@ -150,7 +150,7 @@ export default {
             编辑
           </Button>
           {audit_status !== AuditStatus.Passed && (
-            <Button type="primary" size="medium" onClick={_fn}>
+            <Button type="primary" onClick={_fn}>
               去审核
             </Button>
           )}
@@ -169,7 +169,7 @@ export default {
     });
 
     return () => (
-      <Spin loading={loading.value} class="manuscript-detail-wrap" size={50}>
+      <Spin spinning={loading.value} wrapperClassName="manuscript-detail-wrap" size="large">
         <div class="h-full w-full flex flex-col">
           <div class="flex items-center mb-8px">
             <span class="cts color-#4E5969 cursor-pointer" onClick={onBack}>
diff --git a/src/views/writer-material-center/components/finished-products/manuscript/edit/cancel-edit-modal.vue b/src/views/writer-material-center/components/finished-products/manuscript/edit/cancel-edit-modal.vue
index b5d2020..fe1f86c 100644
--- a/src/views/writer-material-center/components/finished-products/manuscript/edit/cancel-edit-modal.vue
+++ b/src/views/writer-material-center/components/finished-products/manuscript/edit/cancel-edit-modal.vue
@@ -1,18 +1,19 @@
 <template>
-  <a-modal v-model:visible="visible" title="退出编辑" width="480px" @close="onClose">
+  <Modal v-model:open="visible" title="退出编辑" width="480px" @cancel="onClose" centered>
     <div class="flex items-center">
       <img :src="icon1" width="20" height="20" class="mr-12px" />
       <span>内容已修改尚未保存，若退出编辑，本次修改将不保存。</span>
     </div>
     <template #footer>
-      <a-button size="medium" @click="onClose">继续编辑</a-button>
-      <a-button type="primary" class="ml-8px" size="medium" @click="onConfirm">确认退出</a-button>
+      <Button @click="onClose">继续编辑</Button>
+      <Button type="primary" class="ml-8px" @click="onConfirm">确认退出</Button>
     </template>
-  </a-modal>
+  </Modal>
 </template>
 
 <script setup>
 import { ref } from 'vue';
+import { Button, Modal } from 'ant-design-vue';
 import icon1 from '@/assets/img/media-account/icon-warn-1.png';
 
 const router = useRouter();
diff --git a/src/views/writer-material-center/components/finished-products/manuscript/edit/index.vue b/src/views/writer-material-center/components/finished-products/manuscript/edit/index.vue
index 4a124e1..702a659 100644
--- a/src/views/writer-material-center/components/finished-products/manuscript/edit/index.vue
+++ b/src/views/writer-material-center/components/finished-products/manuscript/edit/index.vue
@@ -1,5 +1,5 @@
 <script lang="jsx">
-import { Button, Message as AMessage } from '@arco-design/web-vue';
+import { Button, message } from 'ant-design-vue';
 import EditForm, { ENUM_UPLOAD_STATUS, INITIAL_VIDEO_INFO } from '../components/edit-form';
 import CancelEditModal from './cancel-edit-modal.vue';
 
@@ -43,14 +43,14 @@ export default {
     const onSave = async (check = false) => {
       formRef.value?.validate().then(async () => {
         if (dataSource.value.videoInfo.uploadStatus === ENUM_UPLOAD_STATUS.UPLOADING) {
-          AMessage.warning('有视频正在上传中，请等待上传完成后再提交');
+          message.warning('有视频正在上传中，请等待上传完成后再提交');
           return;
         }
 
         const filteredWorks = omit(dataSource.value, 'videoInfo');
         const { code, data } = await putWorksUpdateWriter(writerCode.value, { id: workId.value, ...filteredWorks });
         if (code === 200) {
-          AMessage.success('保存成功');
+          message.success('保存成功');
           isSaved.value = true;
 
           if (check) {
@@ -119,14 +119,13 @@ export default {
             collapsed.value ? 'collapsed' : ''
           }`}
         >
-          {' '}
-          <Button size="medium" type="outline" onClick={onCancel} class="mr-12px">
+          <Button type="primary" ghost onClick={onCancel} class="mr-12px">
             退出
           </Button>
-          <Button size="medium" type="outline" onClick={() => onSave()} class="mr-12px">
+          <Button type="primary" ghost onClick={() => onSave()} class="mr-12px">
             保存
           </Button>
-          <Button type="primary" size="medium" onClick={() => onSave(true)} loading={uploadLoading.value}>
+          <Button type="primary" onClick={() => onSave(true)} loading={uploadLoading.value}>
             保存并审核
           </Button>
         </footer>
diff --git a/src/views/writer-material-center/components/finished-products/manuscript/list/components/filter-block/index.vue b/src/views/writer-material-center/components/finished-products/manuscript/list/components/filter-block/index.vue
index 0270933..0b9c245 100644
--- a/src/views/writer-material-center/components/finished-products/manuscript/list/components/filter-block/index.vue
+++ b/src/views/writer-material-center/components/finished-products/manuscript/list/components/filter-block/index.vue
@@ -3,18 +3,18 @@
     <div class="filter-row">
       <div class="filter-row-item">
         <span class="label">内容稿件标题</span>
-        <a-input
-          v-model="query.title"
+        <Input
+          v-model:value="query.title"
           class="!w-240px"
           placeholder="请输入内容稿件标题"
-          size="medium"
-          allow-clear
+          size="middle"
+          allowClear
           @change="handleSearch"
         >
           <template #prefix>
             <icon-search />
           </template>
-        </a-input>
+        </Input>
       </div>
       <!-- <div class="filter-row-item">
         <span class="label">所属项目</span>
@@ -28,20 +28,20 @@
       </div> -->
       <div class="filter-row-item">
         <span class="label">序号</span>
-        <a-space size="medium">
-          <a-input
-            v-model="query.uid"
+        <Space size="medium">
+          <Input
+            v-model:value="query.uid"
             class="!w-160px"
             placeholder="请输入序号"
-            size="medium"
-            allow-clear
+            size="middle"
+            allowClear
             @change="handleSearch"
           >
             <template #prefix>
               <icon-search />
             </template>
-          </a-input>
-        </a-space>
+          </Input>
+        </Space>
       </div>
       <div class="filter-row-item">
         <span class="label">审核状态</span>
@@ -56,7 +56,7 @@
       </div>
       <div class="filter-row-item">
         <span class="label">上传时间</span>
-        <a-range-picker
+        <DatePicker.RangePicker
           v-model="created_at"
           size="medium"
           allow-clear
@@ -66,18 +66,18 @@
         />
       </div>
       <div class="filter-row-item">
-        <a-button type="outline" class="mr-12px" size="medium" @click="handleSearch">
+        <Button type="primary" ghost class="mr-12px" @click="handleSearch">
           <template #icon>
-            <icon-search />
+            <icon-search class="mr-8px" />
           </template>
           <template #default>搜索</template>
-        </a-button>
-        <a-button size="medium" @click="handleReset">
+        </Button>
+        <Button @click="handleReset">
           <template #icon>
-            <icon-refresh />
+            <icon-refresh class="mr-8px" />
           </template>
           <template #default>重置</template>
-        </a-button>
+        </Button>
       </div>
     </div>
   </div>
@@ -85,6 +85,7 @@
 
 <script setup>
 import { defineEmits, defineProps } from 'vue';
+import { Button, Input, Space, DatePicker } from 'ant-design-vue';
 import { CHECK_STATUS } from '@/views/writer-material-center/components/finished-products/manuscript/list/constants';
 import CommonSelect from '@/components/common-select';
 // import { getProjectList } from '@/api/all/propertyMarketing';
@@ -96,7 +97,7 @@ const props = defineProps({
   },
 });
 
-const emits = defineEmits('search', 'reset', 'update:query');
+const emits = defineEmits(['search', 'reset', 'update:query']);
 
 const created_at = ref([]);
 // const projects = ref([]);
diff --git a/src/views/writer-material-center/components/finished-products/manuscript/list/components/manuscript-table/constants.ts b/src/views/writer-material-center/components/finished-products/manuscript/list/components/manuscript-table/constants.ts
index dad1cb9..78c1f0e 100644
--- a/src/views/writer-material-center/components/finished-products/manuscript/list/components/manuscript-table/constants.ts
+++ b/src/views/writer-material-center/components/finished-products/manuscript/list/components/manuscript-table/constants.ts
@@ -62,7 +62,7 @@ export const TABLE_COLUMNS = [
   {
     title: '操作',
     dataIndex: 'operation',
-    width: 180,
+    width: 200,
     fixed: 'right'
   },
 ];
diff --git a/src/views/writer-material-center/components/finished-products/manuscript/list/components/manuscript-table/delete-manuscript-modal.vue b/src/views/writer-material-center/components/finished-products/manuscript/list/components/manuscript-table/delete-manuscript-modal.vue
index 2108398..05abe7f 100644
--- a/src/views/writer-material-center/components/finished-products/manuscript/list/components/manuscript-table/delete-manuscript-modal.vue
+++ b/src/views/writer-material-center/components/finished-products/manuscript/list/components/manuscript-table/delete-manuscript-modal.vue
@@ -1,18 +1,19 @@
 <template>
-  <a-modal v-model:visible="visible" title="删除稿件" width="480px" @close="onClose">
+  <Modal v-model:open="visible" title="删除稿件" width="480px" centered @cancel="onClose">
     <div class="flex items-center">
       <img :src="icon1" width="20" height="20" class="mr-12px" />
       <span>确认删除 {{ projectName }} 这个稿件吗？</span>
     </div>
     <template #footer>
-      <a-button size="large" @click="onClose">取消</a-button>
-      <a-button type="primary" class="ml-16px" status="danger" size="large" @click="onDelete">确认删除</a-button>
+      <Button size="large" @click="onClose">取消</Button>
+      <Button type="primary" class="ml-16px" danger size="large" @click="onDelete">确认删除</Button>
     </template>
-  </a-modal>
+  </Modal>
 </template>
 
 <script setup>
 import { ref } from 'vue';
+import { Button, Modal, message } from 'ant-design-vue';
 import { deleteWorkWriter } from '@/api/all/generationWorkshop-writer.ts';
 import icon1 from '@/assets/img/media-account/icon-warn-1.png';
 
@@ -43,7 +44,7 @@ const open = (record) => {
 async function onDelete() {
   const { code } = await deleteWorkWriter(writerCode.value, projectId.value);
   if (code === 200) {
-    AMessage.success('删除成功');
+    message.success('删除成功');
     update();
     onClose();
   }
diff --git a/src/views/writer-material-center/components/finished-products/manuscript/list/components/manuscript-table/index.vue b/src/views/writer-material-center/components/finished-products/manuscript/list/components/manuscript-table/index.vue
index 2304137..322c266 100644
--- a/src/views/writer-material-center/components/finished-products/manuscript/list/components/manuscript-table/index.vue
+++ b/src/views/writer-material-center/components/finished-products/manuscript/list/components/manuscript-table/index.vue
@@ -1,112 +1,106 @@
 <template>
-  <a-table
+  <Table
     ref="tableRef"
-    :data="dataSource"
-    row-key="id"
-    column-resizable
+    :dataSource="dataSource"
+    rowKey="id"
     :pagination="false"
     :scroll="{ x: '100%' }"
     class="manuscript-table w-100%"
     bordered
-    @sorter-change="handleSorterChange"
+    :showSorterTooltip="false"
+    @change="handleTableChange"
   >
-    <template #empty>
+    <template #emptyText>
       <NoData text="暂无稿件" />
     </template>
-    <template #columns>
-      <a-table-column
-        v-for="column in TABLE_COLUMNS"
-        :key="column.dataIndex"
-        :data-index="column.dataIndex"
-        :fixed="column.fixed"
-        :width="column.width"
-        :min-width="column.minWidth"
-        :sortable="column.sortable"
-        :align="column.align"
-        ellipsis
-        tooltip
-      >
-        <template #title>
-          <div class="flex items-center">
-            <span class="cts mr-4px">{{ column.title }}</span>
-            <a-tooltip v-if="column.tooltip" :content="column.tooltip" position="top">
-              <icon-question-circle class="tooltip-icon color-#737478" size="16" />
-            </a-tooltip>
-          </div>
-        </template>
+    <Column
+      v-for="column in TABLE_COLUMNS"
+      :key="column.dataIndex"
+      :dataIndex="column.dataIndex"
+      :fixed="column.fixed"
+      :width="column.width"
+      :minWidth="column.minWidth"
+      :sorter="column.sortable"
+      :align="column.align"
+      :ellipsis="true"
+    >
+      <template #title>
+        <div class="flex items-center">
+          <span class="cts mr-4px">{{ column.title }}</span>
+          <Tooltip v-if="column.tooltip" :title="column.tooltip" placement="top">
+            <icon-question-circle class="tooltip-icon color-#737478" size="16" />
+          </Tooltip>
+        </div>
+      </template>
 
-        <template v-if="column.dataIndex === 'create_at'" #cell="{ record }">
-          {{ exactFormatTime(record.create_at) }}
-        </template>
-        <template v-else-if="column.dataIndex === 'title'" #cell="{ record }">
-          <TextOverTips :context="record.title" :line="3" class="title" @click="onDetail(record)" />
-        </template>
-        <template v-else-if="column.dataIndex === 'audit_status'" #cell="{ record }">
-          <div
-            class="flex items-center w-fit h-28px px-8px rounded-2px"
-            :style="{ backgroundColor: getStatusInfo(record.audit_status).backgroundColor }"
-          >
-            <span class="cts s1" :style="{ color: getStatusInfo(record.audit_status).color }">{{
-              getStatusInfo(record.audit_status).name
-            }}</span>
-          </div>
-        </template>
-        <template v-else-if="column.dataIndex === 'type'" #cell="{ record }">
-          <div class="flex items-center">
-            <img
-              :src="record.type === EnumManuscriptType.Image ? icon2 : icon3"
-              width="16"
-              height="16"
-              class="mr-4px"
-            />
-            <span class="cts" :class="record.type === EnumManuscriptType.Image ? '!color-#25C883' : '!color-#6D4CFE'">{{
-              record.type === EnumManuscriptType.Image ? '图文' : '视频'
-            }}</span>
-          </div>
-        </template>
-        <template v-else-if="['uploader', 'last_modifier'].includes(column.dataIndex)" #cell="{ record }">
-          {{ record[column.dataIndex].name || record[column.dataIndex].mobile }}
-        </template>
-        <template v-else-if="['created_at', 'last_modified_at'].includes(column.dataIndex)" #cell="{ record }">
-          {{ exactFormatTime(record[column.dataIndex]) }}
-        </template>
-        <template v-else-if="column.dataIndex === 'cover'" #cell="{ record }">
-          <HoverImagePreview :src="record.cover">
-            <a-image :width="64" :height="64" :src="record.cover" class="!rounded-6px" fit="cover">
-              <template #error>
-                <img :src="icon4" class="w-full h-full" />
-              </template>
-            </a-image>
-          </HoverImagePreview>
-        </template>
-        <template v-else-if="column.dataIndex === 'operation'" #cell="{ record }">
-          <div class="flex items-center">
-            <img class="mr-8px cursor-pointer" :src="icon1" width="14" height="14" @click="onDelete(record)" />
-            <a-button type="outline" size="mini" class="mr-8px" @click="onEdit(record)">编辑</a-button>
-            <a-button type="outline" size="mini" @click="onDetail(record)">详情</a-button>
-          </div>
-        </template>
-        <template v-else #cell="{ record }">
-          {{ formatTableField(column, record, true) }}
-        </template>
-      </a-table-column>
-    </template>
-  </a-table>
+      <template v-if="column.dataIndex === 'create_at'" #customRender="{ record }">
+        {{ exactFormatTime(record.create_at) }}
+      </template>
+      <template v-else-if="column.dataIndex === 'title'" #customRender="{ record }">
+        <TextOverTips :context="record.title" :line="3" class="title" @click="onDetail(record)" />
+      </template>
+      <template v-else-if="column.dataIndex === 'audit_status'" #customRender="{ record }">
+        <div
+          class="flex items-center w-fit h-28px px-8px rounded-2px"
+          :style="{ backgroundColor: getStatusInfo(record.audit_status).backgroundColor }"
+        >
+          <span class="cts s1" :style="{ color: getStatusInfo(record.audit_status).color }">{{
+            getStatusInfo(record.audit_status).name
+          }}</span>
+        </div>
+      </template>
+      <template v-else-if="column.dataIndex === 'type'" #customRender="{ record }">
+        <div class="flex items-center">
+          <img :src="record.type === EnumManuscriptType.Image ? icon2 : icon3" width="16" height="16" class="mr-4px" />
+          <span class="cts" :class="record.type === EnumManuscriptType.Image ? '!color-#25C883' : '!color-#6D4CFE'">{{
+            record.type === EnumManuscriptType.Image ? '图文' : '视频'
+          }}</span>
+        </div>
+      </template>
+      <template v-else-if="['uploader', 'last_modifier'].includes(column.dataIndex)" #customRender="{ record }">
+        {{ record[column.dataIndex].name || record[column.dataIndex].mobile }}
+      </template>
+      <template v-else-if="['created_at', 'last_modified_at'].includes(column.dataIndex)" #customRender="{ record }">
+        {{ exactFormatTime(record[column.dataIndex]) }}
+      </template>
+      <template v-else-if="column.dataIndex === 'cover'" #customRender="{ record }">
+        <HoverImagePreview :src="record.cover">
+          <ImgLazyLoad :width="64" :height="64" :src="record.cover" class="!rounded-6px" />
+        </HoverImagePreview>
+      </template>
+      <template v-else-if="column.dataIndex === 'operation'" #customRender="{ record }">
+        <div class="flex items-center">
+          <img class="mr-8px cursor-pointer" :src="icon1" width="14" height="14" @click="onDelete(record)" />
+          <Button type="primary" ghost size="small" class="mr-8px" @click="onEdit(record)">编辑</Button>
+          <Button type="primary" ghost size="small" @click="onDetail(record)">详情</Button>
+        </div>
+      </template>
+      <template v-else #customRender="{ record }">
+        {{ formatTableField(column, record, true) }}
+      </template>
+    </Column>
+  </Table>
 </template>
 
 <script setup>
 import { ref } from 'vue';
+import { Button, Tooltip, Table, Image } from 'ant-design-vue';
+const { Column } = Table;
 import { formatTableField, exactFormatTime } from '@/utils/tools';
 import { TABLE_COLUMNS } from './constants';
-import { CHECK_STATUS, EnumManuscriptType } from '@/views/writer-material-center/components/finished-products/manuscript/list/constants';
+import {
+  CHECK_STATUS,
+  EnumManuscriptType,
+} from '@/views/writer-material-center/components/finished-products/manuscript/list/constants';
 
 import TextOverTips from '@/components/text-over-tips';
 import HoverImagePreview from '@/components/hover-image-preview';
+import ImgLazyLoad from "@/components/img-lazy-load";
 
 import icon1 from '@/assets/img/media-account/icon-delete.png';
 import icon2 from '@/assets/img/creative-generation-workshop/icon-photo.png';
 import icon3 from '@/assets/img/creative-generation-workshop/icon-video.png';
-import icon4 from '@/assets/img/error-img.png';
+// import icon4 from '@/assets/img/error-img.png';
 
 const emits = defineEmits(['edit', 'sorterChange', 'delete']);
 const router = useRouter();
@@ -121,8 +115,10 @@ const props = defineProps({
 const tableRef = ref(null);
 const route = useRoute();
 
-const handleSorterChange = (column, order) => {
-  emits('sorterChange', column, order === 'ascend' ? 'asc' : 'desc');
+const handleTableChange = (pagination, filters, sorter) => {
+  if (sorter && sorter.field) {
+    emits('sorterChange', sorter.field, sorter.order === 'ascend' ? 'asc' : 'desc');
+  }
 };
 const onDelete = (item) => {
   emits('delete', item);
diff --git a/src/views/writer-material-center/components/finished-products/manuscript/list/index.vue b/src/views/writer-material-center/components/finished-products/manuscript/list/index.vue
index 7d46355..e02edab 100644
--- a/src/views/writer-material-center/components/finished-products/manuscript/list/index.vue
+++ b/src/views/writer-material-center/components/finished-products/manuscript/list/index.vue
@@ -1,21 +1,20 @@
 <template>
   <div class="manuscript-list-wrap">
-    <div class="filter-wrap bg-#fff rounded-b-8px  mb-16px">
+    <div class="filter-wrap bg-#fff rounded-b-8px mb-16px">
       <FilterBlock v-model:query="query" @search="handleSearch" @reset="handleReset" />
     </div>
     <div class="table-wrap bg-#fff rounded-8px px-24px py-24px flex flex-col">
       <ManuscriptTable :dataSource="dataSource" @sorterChange="handleSorterChange" @delete="handleDelete" />
       <div v-if="pageInfo.total > 0" class="pagination-row">
-        <a-pagination
+        <Pagination
           :total="pageInfo.total"
-          size="mini"
-          show-total
-          show-jumper
-          show-page-size
+          size="small"
+          :showTotal="(total, range) => `共 ${total} 条`"
+          showSizeChanger
+          showQuickJumper
           :current="pageInfo.page"
-          :page-size="pageInfo.page_size"
+          :pageSize="pageInfo.page_size"
           @change="onPageChange"
-          @page-size-change="onPageSizeChange"
         />
       </div>
     </div>
@@ -24,26 +23,19 @@
   </div>
 </template>
 <script lang="jsx" setup>
-import { defineComponent } from 'vue';
-import { Button } from '@arco-design/web-vue';
+import { Pagination } from 'ant-design-vue';
 import FilterBlock from './components/filter-block';
 import ManuscriptTable from './components/manuscript-table';
 import DeleteManuscriptModal from './components/manuscript-table/delete-manuscript-modal.vue';
 
 import { useTableSelectionWithPagination } from '@/hooks/useTableSelectionWithPagination';
 import { getWorksPageWriter } from '@/api/all/generationWorkshop-writer.ts';
-import {
-  INITIAL_QUERY,
-  EnumCheckStatus,
-} from '@/views/writer-material-center/components/finished-products/manuscript/list/constants.ts';
+import { INITIAL_QUERY } from '@/views/writer-material-center/components/finished-products/manuscript/list/constants.ts';
 
-const { dataSource, pageInfo, onPageChange, onPageSizeChange, resetPageInfo } = useTableSelectionWithPagination({
+const { dataSource, pageInfo, onPageChange, resetPageInfo } = useTableSelectionWithPagination({
   onPageChange: () => {
     getData();
   },
-  onPageSizeChange: () => {
-    getData();
-  },
 });
 const route = useRoute();
 const query = ref(cloneDeep(INITIAL_QUERY));
diff --git a/src/views/writer-material-center/components/finished-products/manuscript/upload/cancel-upload-modal.vue b/src/views/writer-material-center/components/finished-products/manuscript/upload/cancel-upload-modal.vue
index dffaa65..03546f5 100644
--- a/src/views/writer-material-center/components/finished-products/manuscript/upload/cancel-upload-modal.vue
+++ b/src/views/writer-material-center/components/finished-products/manuscript/upload/cancel-upload-modal.vue
@@ -1,18 +1,19 @@
 <template>
-  <a-modal v-model:visible="visible" title="确认提示" width="480px" @close="onClose">
+  <Modal v-model:open="visible" title="确认提示" width="480px" @cancel="onClose" centered>
     <div class="flex items-center">
       <img :src="icon1" width="20" height="20" class="mr-12px" />
       <span>确认取消上传这 {{ num }} 个文件吗？此操作不可恢复。</span>
     </div>
     <template #footer>
-      <a-button size="medium" @click="onClose">继续编辑</a-button>
-      <a-button type="primary" class="ml-8px" size="medium" @click="onConfirm">确认取消</a-button>
+      <Button @click="onClose">继续编辑</Button>
+      <Button type="primary" class="ml-8px" @click="onConfirm">确认取消</Button>
     </template>
-  </a-modal>
+  </Modal>
 </template>
 
 <script setup>
 import { ref } from 'vue';
+import { Button, Modal } from 'ant-design-vue';
 import icon1 from '@/assets/img/media-account/icon-warn-1.png';
 
 const router = useRouter();
diff --git a/src/views/writer-material-center/components/finished-products/manuscript/upload/index.vue b/src/views/writer-material-center/components/finished-products/manuscript/upload/index.vue
index 65be72d..f50fe4a 100644
--- a/src/views/writer-material-center/components/finished-products/manuscript/upload/index.vue
+++ b/src/views/writer-material-center/components/finished-products/manuscript/upload/index.vue
@@ -1,5 +1,5 @@
 <script lang="jsx">
-import { Button, Message as AMessage } from '@arco-design/web-vue';
+import { Button, message } from 'ant-design-vue';
 import TextOverTips from '@/components/text-over-tips';
 import EditForm, { ENUM_UPLOAD_STATUS, INITIAL_VIDEO_INFO } from '../components/edit-form';
 import CancelUploadModal from './cancel-upload-modal.vue';
@@ -46,7 +46,7 @@ export default {
           (item) => item.videoInfo?.uploadStatus === ENUM_UPLOAD_STATUS.UPLOADING,
         );
         if (uploadingVideos.length > 0) {
-          AMessage.warning(`有 ${uploadingVideos.length} 个视频正在上传中，请等待上传完成后再提交`);
+          message.warning(`有 ${uploadingVideos.length} 个视频正在上传中，请等待上传完成后再提交`);
           return;
         }
 
@@ -60,7 +60,7 @@ export default {
         }
 
         if (errorDataCards.value.length > 0) {
-          AMessage.warning(`有 ${errorDataCards.value.length} 个必填信息未填写，请检查`);
+          message.warning(`有 ${errorDataCards.value.length} 个必填信息未填写，请检查`);
 
           setTimeout(() => {
             const el = document.getElementById(`card-${errorDataCards.value[0]?.id}`);
@@ -88,7 +88,6 @@ export default {
                 writerCode: writerCode.value,
               },
             });
-
           } else {
             router.push({
               name: 'WriterMaterialCenterFinishedProducts',
@@ -156,10 +155,10 @@ export default {
       if (works.value.length > 1) {
         return (
           <>
-            <Button size="medium" type="outline" onClick={onCancel} class="mr-12px">
+            <Button type="primary" ghost onClick={onCancel} class="mr-12px">
               取消上传
             </Button>
-            <Button type="primary" size="medium" onClick={() => onUpload('batchUpload')} loading={uploadLoading.value}>
+            <Button type="primary" onClick={() => onUpload('batchUpload')} loading={uploadLoading.value}>
               {uploadLoading.value ? '批量上传' : '批量上传'}
             </Button>
           </>
@@ -167,24 +166,19 @@ export default {
       } else {
         return (
           <>
-            <Button size="medium" type="outline" onClick={onCancel} class="mr-12px">
+            <Button type="primary" ghost onClick={onCancel} class="mr-12px">
               取消上传
             </Button>
             <Button
-              size="medium"
-              type="outline"
+              type="primary"
+              ghost
               onClick={() => onUpload('singleUpload')}
               class="mr-12px"
               loading={uploadLoading.value}
             >
               上传
             </Button>
-            <Button
-              type="primary"
-              size="medium"
-              onClick={() => onUpload('uploadAndCheck')}
-              loading={uploadLoading.value}
-            >
+            <Button type="primary" onClick={() => onUpload('uploadAndCheck')} loading={uploadLoading.value}>
               上传并审核
             </Button>
           </>
diff --git a/src/views/writer-material-center/components/finished-products/manuscript/upload/upload-success-modal.vue b/src/views/writer-material-center/components/finished-products/manuscript/upload/upload-success-modal.vue
index 82b5db2..2b939a0 100644
--- a/src/views/writer-material-center/components/finished-products/manuscript/upload/upload-success-modal.vue
+++ b/src/views/writer-material-center/components/finished-products/manuscript/upload/upload-success-modal.vue
@@ -1,5 +1,12 @@
 <template>
-  <a-modal v-model:visible="visible" title="提示" width="480px" @close="onClose" modal-class="upload-success11-modal">
+  <Modal
+    v-model:open="visible"
+    title="提示"
+    width="480px"
+    @cancel="onClose"
+    wrapClassName="upload-success11-modal"
+    centered
+  >
     <div class="flex items-center flex-col justify-center">
       <img :src="icon1" width="80" height="80" class="mb-16px" />
       <span class="text-18px lh-26px font-400 color-#211F24 md">上传成功</span>
@@ -7,14 +14,15 @@
       <p class="text-14px lh-22px font-400 color-#737478 ld">检测是否存在违规内容</p>
     </div>
     <template #footer>
-      <a-button size="medium" @click="onBack">回到列表</a-button>
-      <a-button type="primary" class="ml-8px" size="medium" @click="onConfirm">批量审核</a-button>
+      <Button @click="onBack">回到列表</Button>
+      <Button type="primary" class="ml-8px" @click="onConfirm">批量审核</Button>
     </template>
-  </a-modal>
+  </Modal>
 </template>
 
 <script setup>
 import { ref } from 'vue';
+import { Button, Modal } from 'ant-design-vue';
 import { slsWithCatch } from '@/utils/stroage.ts';
 import icon1 from '@/assets/img/media-account/icon-feedback-success.png';