From 839639bcb855f933d924ab00997f5980f1464c27 Mon Sep 17 00:00:00 2001
From: dataeaseShu <tong.shu@fit2cloud.com>
Date: Thu, 29 Jan 2026 16:13:45 +0800
Subject: [PATCH 1/3] feat(User Management):  Supports user synchronization

---
 frontend/src/assets/img/dingtalk.png          | Bin 0 -> 966 bytes
 frontend/src/assets/img/lark.png              | Bin 0 -> 1010 bytes
 frontend/src/assets/img/wechat.png            | Bin 0 -> 1345 bytes
 frontend/src/assets/svg/avatar_organize.svg   |  11 +
 frontend/src/i18n/en.json                     |  14 +
 frontend/src/i18n/ko-KR.json                  |  14 +
 frontend/src/i18n/zh-CN.json                  |  16 +-
 frontend/src/views/system/user/SyncUser.vue   | 365 +++++++++++++++++
 .../src/views/system/user/SyncUserDing.vue    | 377 ++++++++++++++++++
 frontend/src/views/system/user/User.vue       | 196 ++++++++-
 10 files changed, 989 insertions(+), 4 deletions(-)
 create mode 100644 frontend/src/assets/img/dingtalk.png
 create mode 100644 frontend/src/assets/img/lark.png
 create mode 100644 frontend/src/assets/img/wechat.png
 create mode 100644 frontend/src/assets/svg/avatar_organize.svg
 create mode 100644 frontend/src/views/system/user/SyncUser.vue
 create mode 100644 frontend/src/views/system/user/SyncUserDing.vue

diff --git a/frontend/src/assets/img/dingtalk.png b/frontend/src/assets/img/dingtalk.png
new file mode 100644
index 0000000000000000000000000000000000000000..44b6cf077bf0f2085f557ae876e5eb44bb2a4db5
GIT binary patch
literal 966
zcmV;%13CPOP)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm00009a7bBm000&x
z000&x0ZCFM@Bjb+0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH16xT%K~#7F?U_qb
z6Hyd~|I^)xGLjwGtiS+L#muk*aRtJ}s=xqQ0bvI+fK)jlS%KL>aAuVXy#sm)%+yZ$
z9?wa5q+&~MKl0GZH-J?4sm}fHdEO4NV8Md_pS9Cp^|iC;dhImY!JOgP7%{<@e?AE3
z^CpCBjAX$d#PVR|atNYk8D8s4jY7-_D-Q@k!Zjbv^@zLI>y7Aqv%x-QfRzU-jUT?l
z?)BJ*5t;;QeXEr&FeR)6C>r}fKNoBW!8pF$FE=q^>;)v}!8k(k%0&sK<4NU-wSbq6
zZq+b%kP#Ka2CbsKVl6<CWbH7ciaaoG$U(cPTuCM1Hks86K8hi99BO;)on#HMR08hM
zaEjUN$S%G`L1YcFR01}|16?jvO5_H*V||antrFva#X%^BR29s&k@bm~wi)J=HZLu!
zF5Dv+d5DKyL-C4i$4P$y`525WjqZ_+aVigNe2gk_4_ApdH91|r;2wY0Z6R`A+$Ow_
zj2I8A!Mk$sm`&;&SU-!dY{P~6BM99v`eTNVlo0sM_q`|W$81uCkivs7v9lGSviK@8
zdLgFAcV9^@;IdY3YQ?~$k+~|cD6OdlC^6z)jd@HEBjbmST_yoRZ7DQPyo&r4CmGA#
zADHH3{j4XYwI^o-S{}XUxXv>vyFMGLh{u-Y+m>yfX{fX^H35nqW+KzAO4|D5&~sUA
zMM|h|yWo)(H6_n>ZOuL8M8^tgY@NYYNa5rAg=E4u_V37)1H<%wdRpp26an*bkaDOi
zB!o6jr9%UqOd<0?c)3?zK}vFaK>4~~4sur|LaNZYqYwc~zqC@kC7rkR$4#A+z%mk;
z!=(P9jZqsUGEhhejWP%+-qwnwC$HX9F9>$&=5NEGL$u|=3x}`S9&mD3p(He<knk=k
z?#d9Duw{DIj?jI$AjvF$>#(4(5VC<>dOg-g!)gCX9hOX0fNZrt#v+VSvTkC^)CA~p
zbnH1oD$z{(fGxxCPa`95xQUL2R&pYh=si+0RRP0{ykiQ@QfXBy6;d+Y92i1gq1=a)
zOrKj>7O%`ifcAs?u_MF$Gt5i`#643TeBySRl9|Lz1d!vtg2p|S50R6Z2w=mNEG2U;
o(D+|#$Zrk*Dtdy$f(7%#Z|@RcP;FbLRsaA107*qoM6N<$f~m;0(f|Me

literal 0
HcmV?d00001

diff --git a/frontend/src/assets/img/lark.png b/frontend/src/assets/img/lark.png
new file mode 100644
index 0000000000000000000000000000000000000000..82edd33c1c15a8c192b0afb0abc4067ec0cc0f8e
GIT binary patch
literal 1010
zcmV<O0}cF%P)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm00009a7bBm000&x
z000&x0ZCFM@Bjb+0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH1BXdOK~#7F?U>I`
z6G0Tmzq4CFNYDmM{1G+F#RN4{!~-5Q<)YyRH*e6yAJ_61(Eb62a^hk_uihXrA<-B%
zK@$%ucpwBXUG$(PG*%!L=(gjVwriID-r0qV`$-12JF~m*JM-SW$pd_Re0+TVXPBeW
z>q{{(Wg6}=5MblDdVdWraV9|EornxrVG#YJ23(-PDc46yKw$)87Tpm9SLfjp=K=)%
zqq;XDco^%iCgB3-E@Wq8Nds4w=}Ln<20F8Y=o`;K0=X5i5dQ0aB{XEaqL9R$0D%`G
z7$zWzdjSIXA~bBg4nqQO1PK0#U{byeo*#n*RY5!)<ysC1eN3<g$gr^#E(f+Fl)Zux
zoccP;6m@`c9^#A#iyfR9^oMc=7TeS|{f8bg&`7}TC=YXBnL0*3B$y5v93;E8&3$yf
z{9XLt5==>^R~|*IpLJbGh!~pUa=|5%9U6;QvITU#_=VHYeztBrW$(PI#*e(G;c$-R
zttgk<;#fXXFCNsiSv0)!%?_MEt`*NzxKPs|CRdsv5zfy(#WN0%RNl6XSHB&?5e&xm
zyQhiD+b!)vBqBz!F%ycG1FKc8Jy@{2l4ZQIZ9;;0t(z@xqZAWS6<8I!6r50YC0EAN
z?59_rBx`j!%>!bKU3C-}<Vx+Ee`a0GydYk$qwY3}=ICue<b6Wy)AczYp3`!9b(xk>
zgAAqF@2l7CCKHEgHByZNy!Y<&v7D){N*iAy-l)^f3fM8|nfRv!ONt*_cs{t3H>YXa
zlRjmZjALutZyygf8spVjNTZpUAByr+|72=r*UY8d8m|O8U<Lx?O~=7ow635Qy>#<o
zu;=m}1UkAQgD}4L%5YWEszm_DK%l)Fr_bFew*B4j*h_ywHnW9-dC>IPQ{5MER=a0>
zo;wpm3ml68R2U?hz!GzqO&6PmnDO?`9t1BAiLpkW4w9|D|JViCv5OIy2fJi^I~29U
zx|Jd0$Jd%{&2~;yK-I^O#)vR}gp7Ao?5YZ4(|x^12H`e?PK_5-2`De0j+0}dY`g&p
z>ehuQp~WaUc~L^FM~2=%WhFmZ8Wy(b_^i<hG)9-wWse$U=%cgbstKBPxdMQVmMU{X
z2>IF=wF#QF5G0@v=>=esTG9){ZSQqPSxlH73{e~4rLv-C8zPJov%E%qTXe0HkLz9<
g?c?L)<KtuT7x{%vW`1ufP5=M^07*qoM6N<$f_7!VJOBUy

literal 0
HcmV?d00001

diff --git a/frontend/src/assets/img/wechat.png b/frontend/src/assets/img/wechat.png
new file mode 100644
index 0000000000000000000000000000000000000000..f41ca1c961bd2e75e2f5f0bc835fe197ea97caef
GIT binary patch
literal 1345
zcmV-H1-|-;P)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm00009a7bBm000&x
z000&x0ZCFM@Bjb+0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH1lCDJK~#7F?O9E4
z<3t#K#!1jhAR2Q(+7s>{*iD6mc2ApXxzqgxO#~}(>#pE}D8y+%9Jf8fA~pF1DJKpf
zB|U&v0@T3%fDIS+Xd^B_YY*>hyUEybVmootmB=Hd$&6<_@7KIv1=d(&jWw<k0(s#J
z%fJPU(3}PvAL|1w5%V+9vZ|1Hhu*;770f<m;C&=I_(bm`M`UBbw8|)8j|h1{qcY~h
zkUl3U;Rqk;LoA5&47999O2UW1w~?^Urqd5eBTX!TWCl#K?E<>7W+Kpsi&L`oK8i$m
zRHDAdDzv6bYwplHsxc=FNgLbqYGXD7Eo+AkJw{mSHq9Lo!6%t7C<{Ztq|a{T32UQH
z+BiW*OlROTYnLR~j;v-$*B7>3U#pKu5IdoHtx&`Ms~u#3n0kPQGpLf6XriH;$P-PA
zwb4*!Y+`IXi)JSoV7v8+H<Z~rKGoY;1`ezm{XJG@hNSr|n7W;2yB0IU5-~<&mi)4a
zXZY`asLU7v4XF^;fNwg_Mq^EDV}GNLRiI_{LSD*+o<<8=WEAGS;4b8&Gr>VvP{NBj
ziHMp|b^L^+pF^Zf4U^8|RO1qYB7O>t8Tj1dKxK@^(#_<~a)B0d+hsE8O7fOVIFTrs
zbJCRx{+VOD*N}k$srY=(9IpyuluI#9M$&Ti4ycP$`QRmCe0D*5BWbY~yYVXFctKN8
zMBakyo+d3Xj(%lS-7-+=q3pW)uKb?P7y9YbyOCTh24fAV46r$IO0i-%4!TlOwhGiZ
z3%>DPax752P(Siy2P*_gpFK`hos%Ltr5H27VOuCnOy=y%M%*1NSH7KX&f!R`MncX@
zxNu()2HTzqPXtf5Nai#Hlj-z<#mSrzj54LR^Fp4{c`kZn#`kXgMW#f;69RXn?@a6h
zd8B~B2~4KbB9v5d<#dcCLjFP$cBuZ4I2CVUz@F#n+o=6^7n@8AF=D%Px!FU-?T@d>
zn$}?`nc^H}U(YSAmOq7x{Ho^xHEfBk$$LPA8!l_dMd!62o*n*;YdabWgCEV;2h$nw
zy9vEeCxX)phswPL%}M_3ReRwahb8^ybf3@CFAlnu!k@Rh0<s+JF`qQ9H>Vf%esR-7
zv^ra$F80htMof~VPsDE~?Y(XOaV8<6$=#+lbqD9?E=gQ<ZzBF8rG^{h5?%a?6o?_7
zVH9WXVkTPFaAZoQAWm@Y;CgM5YS8oK`QIa1Y&pnqZwCF-BS`A|M1zxt#9q)X^LZ_1
zdicb=-Y+I?R`Q}D{vmA~SdZu~JW!r9bCuxtw0C%ck-SWs?!Y}7?FIASoPUXpfA6F6
z(&L#ad}I77!4}b{yWlkfW_RZN7K;^(E=_6v94Y1woxkUG>h>Ig=C!Y=R~o^s=5y}J
z@}53@nk;qo`D_N*R2<K1L@{nJI-Ys(g};fh*<8Mz+v>Jw=OtP@rN%ygmk8H9t@KG*
zozlxV5r?n?)8R{BC&Jrtd(-qryAy;<IxxrRENduVl)QG1s@?wA8y_}1uY7>0)K#Q0
zA-~1A1j1FE-}lTX+KK3w9($f}D)Rdm(}JM8z#gp^nYM`mebzn=F9?bko)?O0H?g_!
z!Z0A(u;~InltHkhByLzNU^Q*cydmGenwor#|0Vtd#|WU!f)D7t00000NkvXXu0mjf
DO|5$i

literal 0
HcmV?d00001

diff --git a/frontend/src/assets/svg/avatar_organize.svg b/frontend/src/assets/svg/avatar_organize.svg
new file mode 100644
index 000000000..2fe6321ff
--- /dev/null
+++ b/frontend/src/assets/svg/avatar_organize.svg
@@ -0,0 +1,11 @@
+<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="14" cy="14" r="14" fill="#7F3BF5"/>
+<g clip-path="url(#clip0_11418_4897)">
+<path d="M10.6771 16.625H17.3224C17.4683 16.5375 17.6252 16.4675 17.7914 16.4179V15.4584C17.7914 15.3036 17.73 15.1553 17.6206 15.0459C17.5112 14.9365 17.3628 14.875 17.2081 14.875H10.7914C10.6367 14.875 10.4884 14.9365 10.379 15.0459C10.2696 15.1553 10.2081 15.3036 10.2081 15.4584V16.4179C10.3744 16.4675 10.5316 16.5375 10.6771 16.625ZM9.04145 16.4179V15.4584C9.04145 14.9942 9.22582 14.5491 9.55401 14.2209C9.8822 13.8927 10.3273 13.7084 10.7914 13.7084H13.4164V12.4682C12.8666 12.3262 12.3873 11.9886 12.0686 11.5185C11.7499 11.0485 11.6135 10.4783 11.685 9.91493C11.7566 9.35154 12.0312 8.83359 12.4573 8.45816C12.8834 8.08274 13.4319 7.87561 13.9998 7.87561C14.5677 7.87561 15.1161 8.08274 15.5423 8.45816C15.9684 8.83359 16.243 9.35154 16.3145 9.91493C16.3861 10.4783 16.2497 11.0485 15.931 11.5185C15.6122 11.9886 15.133 12.3262 14.5831 12.4682V13.7084H17.2081C17.6722 13.7084 18.1174 13.8927 18.4455 14.2209C18.7737 14.5491 18.9581 14.9942 18.9581 15.4584V16.4179C19.4069 16.5517 19.7961 16.8357 20.0604 17.2224C20.3247 17.609 20.448 18.0747 20.4097 18.5415C20.3714 19.0083 20.1738 19.4477 19.85 19.7861C19.5262 20.1244 19.0959 20.3412 18.6313 20.4C18.1667 20.4588 17.696 20.3561 17.2981 20.1091C16.9002 19.8621 16.5993 19.4858 16.4459 19.0434C16.2925 18.6009 16.2958 18.1191 16.4554 17.6788C16.615 17.2385 16.9211 16.8664 17.3224 16.625H10.6771C11.0784 16.8664 11.3845 17.2385 11.5441 17.6788C11.7037 18.1191 11.7071 18.6009 11.5537 19.0434C11.4003 19.4858 11.0994 19.8621 10.7015 20.1091C10.3036 20.3561 9.83286 20.4588 9.36824 20.4C8.90362 20.3412 8.47334 20.1244 8.14955 19.7861C7.82577 19.4477 7.62816 19.0083 7.58985 18.5415C7.55155 18.0747 7.67488 17.609 7.93917 17.2224C8.20345 16.8357 8.59263 16.5517 9.04145 16.4179Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0_11418_4897">
+<rect width="14" height="14" fill="white" transform="translate(7 7)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/frontend/src/i18n/en.json b/frontend/src/i18n/en.json
index 9b395f21b..91a95c007 100644
--- a/frontend/src/i18n/en.json
+++ b/frontend/src/i18n/en.json
@@ -7,6 +7,20 @@
     "AI Model Configuration": "AI Model Config",
     "Details": "Details"
   },
+  "sync": {
+    "sync_users": "Sync Users",
+    "sync_wechat_users": "Sync WeChat Users",
+    "sync_dingtalk_users": "Sync DingTalk Users",
+    "sync_lark_users": "Sync Lark Users",
+    "sync_complete": "Sync Complete",
+    "synced_10_users": "Successfully synced {num} users",
+    "failed_3_users": "Successfully synced {success} users, sync failed {failed} users",
+    "download_failure_list": "Download Failure List",
+    "sync_failed": "Sync Failed",
+    "failed_10_users": "Sync failed {num} users",
+    "continue_syncing": "Continue Syncing",
+    "return_to_view": "Return to View"
+  },
   "parameter": {
     "execution_details": "Execution Details",
     "overview": "Overview",
diff --git a/frontend/src/i18n/ko-KR.json b/frontend/src/i18n/ko-KR.json
index 115d0ff57..1508b9b49 100644
--- a/frontend/src/i18n/ko-KR.json
+++ b/frontend/src/i18n/ko-KR.json
@@ -7,6 +7,20 @@
     "AI Model Configuration": "모델 구성",
     "Details": "세부"
   },
+  "sync": {
+    "sync_users": "사용자 동기화",
+    "sync_wechat_users": "위챗 사용자 동기화",
+    "sync_dingtalk_users": "딩톡 사용자 동기화",
+    "sync_lark_users": "라크 사용자 동기화",
+    "sync_complete": "동기화 완료",
+    "synced_10_users": "{num}명 동기화 성공",
+    "failed_3_users": "{failed}명 동기화 성공, {success}명 동기화 실패",
+    "download_failure_list": "실패 목록 다운로드",
+    "sync_failed": "동기화 실패",
+    "failed_10_users": "{failed}명 동기화 실패",
+    "continue_syncing": "동기화 계속",
+    "return_to_view": "화면으로 돌아가기"
+  },
   "parameter": {
     "execution_details": "실행 세부 정보",
     "overview": "개요",
diff --git a/frontend/src/i18n/zh-CN.json b/frontend/src/i18n/zh-CN.json
index 7917701e6..993768df3 100644
--- a/frontend/src/i18n/zh-CN.json
+++ b/frontend/src/i18n/zh-CN.json
@@ -7,6 +7,20 @@
     "AI Model Configuration": "模型配置",
     "Details": "详情"
   },
+  "sync": {
+    "sync_users": "同步用户",
+    "sync_wechat_users": "同步企业微信用户",
+    "sync_dingtalk_users": "同步钉钉用户",
+    "sync_lark_users": "同步飞书用户",
+    "sync_complete": "同步完成",
+    "synced_10_users": "成功同步 {num} 个用户",
+    "failed_3_users": "成功同步 {success} 个用户，同步失败 {failed} 个用户，",
+    "download_failure_list": "下载失败列表",
+    "sync_failed": "同步失败",
+    "failed_10_users": "同步失败 {num} 个用户，",
+    "continue_syncing": "继续同步",
+    "return_to_view": "返回查看"
+  },
   "parameter": {
     "execution_details": "执行详情",
     "overview": "概览",
@@ -889,4 +903,4 @@
     "to_doc": "查看 API",
     "trigger_limit": "最多支持创建 {0} 个 API Key"
   }
-}
+}
\ No newline at end of file
diff --git a/frontend/src/views/system/user/SyncUser.vue b/frontend/src/views/system/user/SyncUser.vue
new file mode 100644
index 000000000..84b8526f4
--- /dev/null
+++ b/frontend/src/views/system/user/SyncUser.vue
@@ -0,0 +1,365 @@
+<template>
+  <el-dialog
+    v-model="centerDialogVisible"
+    :title="$t(dialogTitle)"
+    modal-class="sync-user"
+    width="840"
+  >
+    <div v-loading="loading" class="flex border" style="height: 428px; border-radius: 6px">
+      <div class="p-16 border-r">
+        <el-input
+          v-model="search"
+          :validate-event="false"
+          :placeholder="$t('datasource.search')"
+          style="width: 364px; margin-left: 16px"
+          clearable
+        >
+          <template #prefix>
+            <el-icon>
+              <Search></Search>
+            </el-icon>
+          </template>
+        </el-input>
+        <div class="mt-8 max-height_workspace">
+          <template v-if="workspaceWithKeywords.length">
+            <el-checkbox
+              v-model="checkAll"
+              class="mb-8"
+              style="margin-left: 16px"
+              :indeterminate="isIndeterminate"
+              @change="handleCheckAllChange"
+            >
+              {{ $t('datasource.select_all') }}
+            </el-checkbox>
+            <el-checkbox-group
+              v-model="checkedWorkspace"
+              class="checkbox-group-block"
+              @change="handleCheckedWorkspaceChange"
+            >
+              <el-checkbox
+                v-for="space in workspaceWithKeywords"
+                :key="space.id"
+                :label="space.name"
+                :value="space"
+                class="hover-bg"
+              >
+                <div class="flex">
+                  <el-icon size="28">
+                    <avatar_personal></avatar_personal>
+                  </el-icon>
+                  <span class="ml-8 ellipsis" style="max-width: 40%" :title="space.name">
+                    {{ space.name }}</span
+                  >
+                  <span class="account ellipsis ml-8" style="max-width: 40%" :title="space.account"
+                    >({{ space.account }})</span
+                  >
+                </div>
+              </el-checkbox>
+            </el-checkbox-group>
+          </template>
+
+          <div v-else class="ed-tree__empty-block">
+            {{ $t(!!search ? 'dashboard.no_data' : 'qa.no_data') }}
+          </div>
+        </div>
+      </div>
+      <div class="p-16 w-full">
+        <div class="flex-between mb-16" style="margin: 0 16px">
+          <span class="lighter">
+            {{ $t('workspace.selected_2_people', { msg: checkTableList.length }) }}
+          </span>
+
+          <el-button text @click="clearWorkspaceAll">
+            {{ $t('workspace.clear') }}
+          </el-button>
+        </div>
+        <div
+          v-for="ele in checkTableList"
+          :key="ele.name"
+          style="margin: 0 16px; position: relative"
+          class="flex-between align-center hover-bg_select"
+        >
+          <div
+            :title="`${ele.name}(${ele.account})`"
+            class="flex align-center ellipsis"
+            style="width: 100%"
+          >
+            <el-icon size="28">
+              <avatar_personal></avatar_personal>
+            </el-icon>
+            <span class="ml-8 lighter ellipsis" style="max-width: 40%" :title="ele.name">{{
+              ele.name
+            }}</span>
+            <span class="account ellipsis ml-8" style="max-width: 40%" :title="ele.account"
+              >({{ ele.account }})</span
+            >
+          </div>
+          <el-button class="close-btn" text>
+            <el-icon size="16" @click="clearWorkspace(ele)"><Close /></el-icon>
+          </el-button>
+        </div>
+      </div>
+    </div>
+
+    <template #footer>
+      <el-button secondary @click="centerDialogVisible = false">
+        {{ $t('common.cancel') }}</el-button
+      >
+      <el-button v-if="!checkedWorkspace.length" disabled type="info">{{
+        $t('common.confirm2')
+      }}</el-button>
+      <el-button v-else type="primary" @click="handleConfirm">
+        {{ $t('common.confirm2') }}
+      </el-button>
+    </template>
+  </el-dialog>
+</template>
+
+<script lang="ts" setup>
+import { ref, computed, watch } from 'vue'
+import { workspaceOptionUserList, workspaceUwsCreate } from '@/api/workspace'
+import avatar_personal from '@/assets/svg/avatar_personal.svg'
+import Close from '@/assets/svg/icon_close_outlined_w.svg'
+import Search from '@/assets/svg/icon_search-outline_outlined.svg'
+import type { CheckboxValueType } from 'element-plus-secondary'
+const checkAll = ref(false)
+const isIndeterminate = ref(false)
+const checkedWorkspace = ref<any[]>([])
+const workspace = ref<any[]>([])
+const search = ref('')
+const dialogTitle = ref('')
+
+const loading = ref(false)
+const centerDialogVisible = ref(false)
+const checkTableList = ref([] as any[])
+
+const workspaceWithKeywords = computed(() => {
+  return workspace.value.filter((ele: any) =>
+    (ele.name.toLowerCase() as string).includes(search.value.toLowerCase())
+  )
+})
+watch(search, () => {
+  const tableNameArr = workspaceWithKeywords.value.map((ele: any) => ele.name)
+  checkedWorkspace.value = checkTableList.value.filter((ele: any) =>
+    tableNameArr.includes(ele.name)
+  )
+  const checkedCount = checkedWorkspace.value.length
+  checkAll.value = checkedCount === workspaceWithKeywords.value.length
+  isIndeterminate.value = checkedCount > 0 && checkedCount < workspaceWithKeywords.value.length
+})
+const handleCheckAllChange = (val: CheckboxValueType) => {
+  const tableNameArr = workspaceWithKeywords.value.map((ele: any) => ele.name)
+  checkedWorkspace.value = val
+    ? [
+        ...new Set([
+          ...workspaceWithKeywords.value,
+          ...checkedWorkspace.value.filter((ele: any) => !tableNameArr.includes(ele.name)),
+        ]),
+      ]
+    : []
+  isIndeterminate.value = false
+  checkTableList.value = val
+    ? [
+        ...new Set([
+          ...workspaceWithKeywords.value,
+          ...checkTableList.value.filter((ele: any) => !tableNameArr.includes(ele.name)),
+        ]),
+      ]
+    : checkTableList.value.filter((ele: any) => !tableNameArr.includes(ele.name))
+}
+const handleCheckedWorkspaceChange = (value: CheckboxValueType[]) => {
+  const checkedCount = value.length
+  checkAll.value = checkedCount === workspaceWithKeywords.value.length
+  isIndeterminate.value = checkedCount > 0 && checkedCount < workspaceWithKeywords.value.length
+  const tableNameArr = workspaceWithKeywords.value.map((ele: any) => ele.name)
+  checkTableList.value = [
+    ...new Set([
+      ...checkTableList.value.filter((ele: any) => !tableNameArr.includes(ele.name)),
+      ...value,
+    ]),
+  ]
+}
+let oid: any = null
+
+const open = async (id: any) => {
+  dialogTitle.value = 'sync.sync_wechat_users'
+  loading.value = true
+  search.value = ''
+  oid = id
+  checkedWorkspace.value = []
+  checkTableList.value = []
+  checkAll.value = false
+  isIndeterminate.value = false
+  const systemWorkspaceList = await workspaceOptionUserList({ oid }, 1, 1000)
+  workspace.value = JSON.parse(
+    JSON.stringify(systemWorkspaceList.items.filter((ele: any) => +ele.id !== 1) as any)
+  )
+  loading.value = false
+  centerDialogVisible.value = true
+}
+const emits = defineEmits(['refresh'])
+const handleConfirm = () => {
+  workspaceUwsCreate({
+    uid_list: checkTableList.value.map((ele: any) => ele.id),
+    oid,
+    weight: 0,
+  }).then(() => {
+    centerDialogVisible.value = false
+    emits('refresh')
+  })
+}
+
+const clearWorkspace = (val: any) => {
+  checkedWorkspace.value = checkedWorkspace.value.filter((ele: any) => ele.id !== val.id)
+  checkTableList.value = checkTableList.value.filter((ele: any) => ele.id !== val.id)
+  handleCheckedWorkspaceChange(checkedWorkspace.value)
+}
+
+const clearWorkspaceAll = () => {
+  checkedWorkspace.value = []
+  handleCheckedWorkspaceChange([])
+}
+
+defineExpose({
+  open,
+})
+</script>
+<style lang="less">
+.sync-user {
+  .mb-8 {
+    margin-bottom: 8px;
+  }
+
+  .ed-checkbox {
+    margin-right: 0;
+    position: relative;
+  }
+
+  .hover-bg,
+  .hover-bg_select {
+    &:hover {
+      &::after {
+        content: '';
+        height: 44px;
+        width: calc(100% + 34px);
+        background: #1f23291a;
+        position: absolute;
+        border-radius: 6px;
+        top: 50%;
+        transform: translateY(-50%);
+        left: -8px;
+        z-index: 1;
+      }
+    }
+  }
+
+  .hover-bg_select {
+    &:hover {
+      &::after {
+        width: calc(100% + 16px);
+      }
+    }
+  }
+
+  .mt-16 {
+    margin-top: 16px;
+  }
+
+  .p-16 {
+    padding: 16px 0;
+  }
+
+  .lighter {
+    font-weight: 400;
+    font-size: 14px;
+    line-height: 22px;
+  }
+
+  .checkbox-group-block {
+    margin: 0 16px;
+  }
+
+  .ed-tree__empty-block {
+    margin-top: 147px;
+    color: #646a73;
+  }
+
+  .checkbox-group-block {
+    .ed-checkbox,
+    .ed-checkbox__label,
+    .flex {
+      width: 96%;
+      height: 44px;
+    }
+
+    .flex {
+      align-items: center;
+      .account {
+        color: #8f959e;
+      }
+    }
+  }
+
+  .close-btn {
+    position: relative;
+    z-index: 10;
+    height: 24px;
+    line-height: 24px;
+    &:hover,
+    &:active,
+    &:focus {
+      background: #1f23291a !important;
+    }
+  }
+
+  .border {
+    border: 1px solid #dee0e3;
+  }
+
+  .w-full {
+    height: 100%;
+    width: 50%;
+    overflow-y: auto;
+
+    .flex-between {
+      height: 44px;
+    }
+  }
+
+  .mt-8 {
+    margin-top: 8px;
+  }
+
+  .max-height_workspace {
+    max-height: calc(100% - 24px);
+    overflow-y: auto;
+  }
+
+  .align-center {
+    align-items: center;
+  }
+
+  .flex-between {
+    display: flex;
+    justify-content: space-between;
+  }
+
+  .ml-4 {
+    margin-left: 4px;
+  }
+
+  .ml-8 {
+    margin-left: 8px;
+  }
+
+  .flex {
+    display: flex;
+  }
+
+  .border-r {
+    border-right: 1px solid #dee0e3;
+    width: 50%;
+    overflow: hidden;
+  }
+}
+</style>
diff --git a/frontend/src/views/system/user/SyncUserDing.vue b/frontend/src/views/system/user/SyncUserDing.vue
new file mode 100644
index 000000000..940267361
--- /dev/null
+++ b/frontend/src/views/system/user/SyncUserDing.vue
@@ -0,0 +1,377 @@
+<template>
+  <el-dialog
+    v-model="centerDialogVisible"
+    :title="$t('sync.sync_dingtalk_users')"
+    modal-class="sync-user_ding"
+    width="840"
+  >
+    <div v-loading="loading" class="flex border" style="height: 428px; border-radius: 6px">
+      <div class="p-16 border-r">
+        <el-input
+          v-model="search"
+          :validate-event="false"
+          :placeholder="$t('datasource.search')"
+          style="width: 364px; margin-left: 16px"
+          clearable
+        >
+          <template #prefix>
+            <el-icon>
+              <Search></Search>
+            </el-icon>
+          </template>
+        </el-input>
+        <div class="mt-8 max-height_workspace">
+          <el-tree
+            ref="organizationUserRef"
+            style="max-width: 426px"
+            class="checkbox-group-block"
+            :data="organizationUserList"
+            :filter-node-method="filterNode"
+            show-checkbox
+            :default-checked-keys="defaultCheckedKeys"
+            @check="handleCheck"
+            :props="defaultProps"
+            node-key="id"
+            default-expand-all
+            :expand-on-click-node="false"
+          >
+            <template #default="{ node }">
+              <div class="custom-tree-node flex">
+                <el-icon size="28">
+                  <avatar_personal v-if="node.isLeaf"></avatar_personal>
+                  <avatar_organize v-else></avatar_organize>
+                </el-icon>
+                <span class="ml-8 ellipsis" style="max-width: 40%" :title="node.label">
+                  {{ node.label }}</span
+                >
+                <span class="account ellipsis ml-8" style="max-width: 40%" :title="node.account"
+                  >({{ node.id }})</span
+                >
+              </div>
+            </template>
+
+            <template #empty>
+              {{ $t(!!search ? 'dashboard.no_data' : 'qa.no_data') }}
+            </template>
+          </el-tree>
+        </div>
+      </div>
+      <div class="p-16 w-full">
+        <div class="flex-between mb-16" style="margin: 0 16px">
+          <span class="lighter">
+            {{ $t('workspace.selected_2_people', { msg: checkTableList.length }) }}
+          </span>
+
+          <el-button text @click="clearWorkspaceAll">
+            {{ $t('workspace.clear') }}
+          </el-button>
+        </div>
+        <div
+          v-for="ele in checkTableList"
+          :key="ele.name"
+          style="margin: 0 16px; position: relative"
+          class="flex-between align-center hover-bg_select"
+        >
+          <div
+            :title="`${ele.name}(${ele.account})`"
+            class="flex align-center ellipsis"
+            style="width: 100%"
+          >
+            <el-icon size="28">
+              <avatar_personal></avatar_personal>
+            </el-icon>
+            <span class="ml-8 lighter ellipsis" style="max-width: 40%" :title="ele.name">{{
+              ele.name
+            }}</span>
+            <span class="account ellipsis ml-8" style="max-width: 40%" :title="ele.account"
+              >({{ ele.account }})</span
+            >
+          </div>
+          <el-button class="close-btn" text>
+            <el-icon size="16" @click="clearWorkspace(ele)"><Close /></el-icon>
+          </el-button>
+        </div>
+      </div>
+    </div>
+
+    <template #footer>
+      <el-button secondary @click="centerDialogVisible = false">
+        {{ $t('common.cancel') }}</el-button
+      >
+      <el-button v-if="!checkedWorkspace.length" disabled type="info">{{
+        $t('common.confirm2')
+      }}</el-button>
+      <el-button v-else type="primary" @click="handleConfirm">
+        {{ $t('common.confirm2') }}
+      </el-button>
+    </template>
+  </el-dialog>
+</template>
+
+<script lang="ts" setup>
+import { ref, computed, watch, nextTick } from 'vue'
+import { workspaceOptionUserList, workspaceUwsCreate } from '@/api/workspace'
+import avatar_personal from '@/assets/svg/avatar_personal.svg'
+import avatar_organize from '@/assets/svg/avatar_organize.svg'
+import Close from '@/assets/svg/icon_close_outlined_w.svg'
+import Search from '@/assets/svg/icon_search-outline_outlined.svg'
+import type { CheckboxValueType } from 'element-plus-secondary'
+import type { FilterNodeMethodFunction } from 'element-plus-secondary'
+const checkAll = ref(false)
+const isIndeterminate = ref(false)
+const checkedWorkspace = ref<any[]>([])
+const workspace = ref<any[]>([])
+const search = ref('')
+const organizationUserRef = ref()
+const defaultCheckedKeys = ref<any[]>([])
+const defaultProps = {
+  children: 'children',
+  label: 'name',
+}
+
+const organizationUserList = ref<any[]>([])
+const loading = ref(false)
+const centerDialogVisible = ref(false)
+const checkTableList = ref([] as any[])
+
+const workspaceWithKeywords = computed(() => {
+  return workspace.value.filter((ele: any) =>
+    (ele.name.toLowerCase() as string).includes(search.value.toLowerCase())
+  )
+})
+
+watch(search, (val) => {
+  organizationUserRef.value!.filter(val)
+
+  nextTick(() => {
+    organizationUserRef.value.setCheckedKeys(checkTableList.value.map((ele: any) => ele.id))
+  })
+})
+
+const filterNode: FilterNodeMethodFunction = (value: string, data: any) => {
+  if (!value) return true
+  return data.name.includes(value)
+}
+
+watch(search, () => {
+  const tableNameArr = workspaceWithKeywords.value.map((ele: any) => ele.name)
+  checkedWorkspace.value = checkTableList.value.filter((ele: any) =>
+    tableNameArr.includes(ele.name)
+  )
+  const checkedCount = checkedWorkspace.value.length
+  checkAll.value = checkedCount === workspaceWithKeywords.value.length
+  isIndeterminate.value = checkedCount > 0 && checkedCount < workspaceWithKeywords.value.length
+})
+function isLeafNode(node: any) {
+  return !node.children || node.children.length === 0
+}
+
+const handleCheck = () => {
+  checkTableList.value = organizationUserRef.value
+    .getCheckedNodes()
+    .filter((ele: any) => isLeafNode(ele))
+    .map((ele: any) => ({
+      name: ele.name,
+      id: ele.id,
+      account: ele.id,
+    }))
+}
+
+const handleCheckedWorkspaceChange = (value: CheckboxValueType[]) => {
+  const checkedCount = value.length
+  checkAll.value = checkedCount === workspaceWithKeywords.value.length
+  isIndeterminate.value = checkedCount > 0 && checkedCount < workspaceWithKeywords.value.length
+  const tableNameArr = workspaceWithKeywords.value.map((ele: any) => ele.name)
+  checkTableList.value = [
+    ...new Set([
+      ...checkTableList.value.filter((ele: any) => !tableNameArr.includes(ele.name)),
+      ...value,
+    ]),
+  ]
+
+  organizationUserRef.value.setCheckedKeys(checkTableList.value.map((ele: any) => ele.id))
+}
+let oid: any = null
+
+const open = async (id: any) => {
+  loading.value = true
+  search.value = ''
+  oid = id
+  checkedWorkspace.value = []
+  checkTableList.value = []
+  checkAll.value = false
+  isIndeterminate.value = false
+  const systemWorkspaceList = await workspaceOptionUserList({ oid }, 1, 1000)
+  workspace.value = JSON.parse(
+    JSON.stringify(systemWorkspaceList.items.filter((ele: any) => +ele.id !== 1) as any)
+  )
+  loading.value = false
+  centerDialogVisible.value = true
+}
+const emits = defineEmits(['refresh'])
+const handleConfirm = () => {
+  workspaceUwsCreate({
+    uid_list: checkTableList.value.map((ele: any) => ele.id),
+    oid,
+    weight: 0,
+  }).then(() => {
+    centerDialogVisible.value = false
+    emits('refresh')
+  })
+}
+
+const clearWorkspace = (val: any) => {
+  checkedWorkspace.value = checkedWorkspace.value.filter((ele: any) => ele.id !== val.id)
+  checkTableList.value = checkTableList.value.filter((ele: any) => ele.id !== val.id)
+  handleCheckedWorkspaceChange(checkedWorkspace.value)
+}
+
+const clearWorkspaceAll = () => {
+  checkedWorkspace.value = []
+  handleCheckedWorkspaceChange([])
+}
+
+defineExpose({
+  open,
+})
+</script>
+<style lang="less">
+.sync-user_ding {
+  .mb-8 {
+    margin-bottom: 8px;
+  }
+
+  .ed-checkbox {
+    margin-right: 0;
+    position: relative;
+  }
+
+  .hover-bg,
+  .hover-bg_select {
+    &:hover {
+      &::after {
+        content: '';
+        height: 44px;
+        width: calc(100% + 34px);
+        background: #1f23291a;
+        position: absolute;
+        border-radius: 6px;
+        top: 50%;
+        transform: translateY(-50%);
+        left: -8px;
+        z-index: 1;
+      }
+    }
+  }
+
+  .hover-bg_select {
+    &:hover {
+      &::after {
+        width: calc(100% + 16px);
+      }
+    }
+  }
+
+  .ed-tree__empty-block {
+    margin-top: 147px;
+    color: #646a73;
+  }
+
+  .mt-16 {
+    margin-top: 16px;
+  }
+
+  .p-16 {
+    padding: 16px 0;
+  }
+
+  .lighter {
+    font-weight: 400;
+    font-size: 14px;
+    line-height: 22px;
+  }
+
+  .checkbox-group-block {
+    margin: 0 8px;
+    --ed-tree-node-content-height: 44px;
+  }
+
+  .ed-tree-node__content {
+    border-radius: 6px;
+  }
+
+  .custom-tree-node {
+    width: 82%;
+    align-items: center;
+
+    .account {
+      color: #8f959e;
+    }
+  }
+
+  .close-btn {
+    position: relative;
+    z-index: 10;
+    height: 24px;
+    line-height: 24px;
+    &:hover,
+    &:active,
+    &:focus {
+      background: #1f23291a !important;
+    }
+  }
+
+  .border {
+    border: 1px solid #dee0e3;
+  }
+
+  .w-full {
+    height: 100%;
+    width: 50%;
+    overflow-y: auto;
+
+    .flex-between {
+      height: 44px;
+    }
+  }
+
+  .mt-8 {
+    margin-top: 8px;
+  }
+
+  .max-height_workspace {
+    max-height: calc(100% - 24px);
+    overflow-y: auto;
+  }
+
+  .align-center {
+    align-items: center;
+  }
+
+  .flex-between {
+    display: flex;
+    justify-content: space-between;
+  }
+
+  .ml-4 {
+    margin-left: 4px;
+  }
+
+  .ml-8 {
+    margin-left: 8px;
+  }
+
+  .flex {
+    display: flex;
+    .account {
+      color: #8f959e;
+    }
+  }
+
+  .border-r {
+    border-right: 1px solid #dee0e3;
+    width: 50%;
+    overflow: hidden;
+  }
+}
+</style>
diff --git a/frontend/src/views/system/user/User.vue b/frontend/src/views/system/user/User.vue
index be56d30f9..c6a5b77f1 100644
--- a/frontend/src/views/system/user/User.vue
+++ b/frontend/src/views/system/user/User.vue
@@ -23,6 +23,25 @@
           </template>
           {{ $t('user.filter') }}
         </el-button>
+
+        <el-popover popper-class="sync-platform" placement="bottom-start">
+          <template #reference>
+            <el-button secondary>
+              <template #icon>
+                <icon_replace_outlined />
+              </template>
+              {{ t('sync.sync_users') }}
+            </el-button></template
+          >
+          <div class="popover">
+            <div class="popover-content">
+              <div v-for="ele in platformType" :key="ele.name" class="popover-item">
+                <img height="24" width="24" :src="ele.icon" />
+                <div class="model-name">{{ $t(ele.name) }}</div>
+              </div>
+            </div>
+          </div>
+        </el-popover>
         <!--  <el-button secondary @click="handleUserImport">
           <template #icon>
             <ccmUpload></ccmUpload>
@@ -377,23 +396,28 @@
     :filter-options="filterOption"
     @trigger-filter="searchCondition"
   />
+  <SyncUserDing ref="syncUserDingRef" />
 </template>
 
 <script setup lang="ts">
-import { ref, unref, reactive, onMounted, nextTick } from 'vue'
+import { ref, unref, reactive, onMounted, nextTick, h } from 'vue'
 import UserImport from './UserImport.vue'
 import SuccessFilled from '@/assets/svg/gou_icon.svg'
+import icon_replace_outlined from '@/assets/svg/icon_replace_outlined.svg'
 import CircleCloseFilled from '@/assets/svg/icon_ban_filled.svg'
 import icon_searchOutline_outlined from '@/assets/svg/icon_search-outline_outlined.svg'
 import { useI18n } from 'vue-i18n'
 import EmptyBackground from '@/views/dashboard/common/EmptyBackground.vue'
 import { convertFilterText, FilterText } from '@/components/filter-text'
-
+// import SyncUserDing from './SyncUserDing.vue'
+import SyncUserDing from './SyncUser.vue'
 import IconLock from '@/assets/svg/icon-key_outlined.svg'
 import IconOpeEdit from '@/assets/svg/icon_edit_outlined.svg'
 import IconOpeDelete from '@/assets/svg/icon_delete.svg'
 import iconFilter from '@/assets/svg/icon-filter_outlined.svg'
-// import ccmUpload from '@/assets/svg/icon_ccm-upload_outlined.svg'
+import logo_dingtalk from '@/assets/img/dingtalk.png'
+import logo_lark from '@/assets/img/lark.png'
+import logo_wechat_work from '@/assets/img/wechat.png'
 import icon_add_outlined from '@/assets/svg/icon_add_outlined.svg'
 import { userApi } from '@/api/user'
 import { workspaceList } from '@/api/workspace'
@@ -414,6 +438,7 @@ const dialogVisiblePassword = ref(false)
 const isIndeterminate = ref(true)
 const drawerMainRef = ref()
 const userImportRef = ref()
+const syncUserDingRef = ref()
 const selectionLoading = ref(false)
 const filterOption = ref<any[]>([
   {
@@ -506,6 +531,24 @@ const rules = {
   ],
 }
 
+const platformType = ref<any[]>([
+  {
+    icon: logo_wechat_work,
+    value: 'wechat',
+    name: 'sync.sync_wechat_users',
+  },
+  {
+    icon: logo_dingtalk,
+    value: 'dingtalk',
+    name: 'sync.sync_dingtalk_users',
+  },
+  {
+    icon: logo_lark,
+    value: 'lark',
+    name: 'sync.sync_lark_users',
+  },
+])
+
 const passwordRules = {
   new: [
     {
@@ -859,6 +902,105 @@ onMounted(() => {
   search()
   loadDefaultPwd()
 })
+const downErrorExcel = () => {
+  // if (errorFileKey.value) {
+  //   showLoading()
+  //   userImportApi
+  //     .downErrorRecordApi(errorFileKey.value)
+  //     .then((res) => {
+  //       const blob = new Blob([res], {
+  //         type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
+  //       })
+  //       const link = document.createElement('a')
+  //       link.style.display = 'none'
+  //       link.href = URL.createObjectURL(blob)
+  //       link.download = 'error.xlsx'
+  //       document.body.appendChild(link)
+  //       link.click()
+  //       document.body.removeChild(link)
+  //       closeLoading()
+  //     })
+  //     .catch(() => {
+  //       closeLoading()
+  //     })
+  // }
+}
+
+const showTips = (successCount: any, errorCount: any) => {
+  let title = successCount ? t('sync.sync_complete') : t('sync.sync_failed')
+  const childrenDomList = [h('span', null, t('sync.synced_10_users', { num: successCount }))]
+  const contentDomList = h(
+    'div',
+    {
+      style: 'display: flex;align-items: center;',
+    },
+    childrenDomList
+  )
+  const headerDomList = [
+    h(
+      'div',
+      {
+        style: 'font-weight: 500;font-size: 16px;line-height: 24px;margin-bottom: 24px',
+      },
+      title
+    ),
+
+    contentDomList,
+  ]
+
+  if (successCount && errorCount) {
+    childrenDomList.pop()
+    const halfCountDom = h(
+      'span',
+      null,
+      t('sync.failed_3_users', { success: successCount, failed: errorCount })
+    )
+    childrenDomList.push(halfCountDom)
+  }
+
+  if (!successCount && errorCount) {
+    const errorCountDom = h('span', null, t('sync.failed_10_users', { num: errorCount }))
+    childrenDomList.pop()
+    childrenDomList.push(errorCountDom)
+  }
+
+  if (errorCount) {
+    const errorDom = h('div', { class: 'error-record-tip flex-align-center' }, [
+      h(
+        ElButton,
+        {
+          onClick: downErrorExcel,
+          text: true,
+          class: 'down-button',
+        },
+        t('sync.download_failure_list')
+      ),
+    ])
+
+    childrenDomList.push(errorDom)
+  }
+  ElMessageBox.confirm('', {
+    confirmButtonType: 'primary',
+    autofocus: false,
+    dangerouslyUseHTMLString: true,
+    message: h(
+      'div',
+      { class: 'sync-tip-box' },
+
+      headerDomList
+    ),
+    cancelButtonText: t('sync.return_to_view'),
+    confirmButtonText: t('sync.continue_syncing'),
+  })
+    .then(() => {
+      // clearErrorRecord()
+    })
+    .catch(() => {
+      // clearErrorRecord()
+    })
+}
+
+showTips(1, 2)
 </script>
 
 <style lang="less" scoped>
@@ -1003,6 +1145,54 @@ onMounted(() => {
 </style>
 
 <style lang="less">
+.ed-message-box:has(.sync-tip-box) {
+  padding: 24px;
+}
+.sync-tip-box {
+  .error-record-tip {
+    display: inline-block;
+  }
+}
+.sync-platform.sync-platform {
+  padding: 4px 0;
+  width: 180px !important;
+  box-shadow: 0px 4px 8px 0px #1f23291a;
+  border: 1px solid #dee0e3;
+
+  .popover {
+    .popover-content {
+      padding: 4px;
+      max-height: 300px;
+      overflow-y: auto;
+    }
+    .popover-item {
+      height: 32px;
+      display: flex;
+      align-items: center;
+      padding-left: 12px;
+      padding-right: 8px;
+      position: relative;
+      border-radius: 4px;
+      cursor: pointer;
+
+      &:not(:last-child) {
+        margin-bottom: 2px;
+      }
+
+      &:hover {
+        background: #1f23291a;
+      }
+
+      .model-name {
+        margin-left: 8px;
+        font-weight: 400;
+        font-size: 14px;
+        line-height: 22px;
+        max-width: 220px;
+      }
+    }
+  }
+}
 .reset-pwd-confirm {
   padding: 5px 15px;
   .confirm-header {

From dd2dfbd67a13e5118dca6fd23e97188bcfa342dc Mon Sep 17 00:00:00 2001
From: dataeaseShu <tong.shu@fit2cloud.com>
Date: Fri, 30 Jan 2026 17:56:24 +0800
Subject: [PATCH 2/3] feat(User Management): Supports user synchronization

---
 frontend/src/i18n/en.json                         | 1 +
 frontend/src/i18n/ko-KR.json                      | 1 +
 frontend/src/i18n/zh-CN.json                      | 1 +
 frontend/src/views/chat/chat-block/ChartBlock.vue | 3 ---
 frontend/src/views/system/user/SyncUser.vue       | 6 +++++-
 frontend/src/views/system/user/SyncUserDing.vue   | 4 ++++
 6 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/frontend/src/i18n/en.json b/frontend/src/i18n/en.json
index 91a95c007..3dd6aac47 100644
--- a/frontend/src/i18n/en.json
+++ b/frontend/src/i18n/en.json
@@ -8,6 +8,7 @@
     "Details": "Details"
   },
   "sync": {
+    "the_existing_user": "If the user already exists, overwrite the existing user.",
     "sync_users": "Sync Users",
     "sync_wechat_users": "Sync WeChat Users",
     "sync_dingtalk_users": "Sync DingTalk Users",
diff --git a/frontend/src/i18n/ko-KR.json b/frontend/src/i18n/ko-KR.json
index 1508b9b49..9e2a9c796 100644
--- a/frontend/src/i18n/ko-KR.json
+++ b/frontend/src/i18n/ko-KR.json
@@ -8,6 +8,7 @@
     "Details": "세부"
   },
   "sync": {
+    "the_existing_user": "해당 사용자가 이미 존재하는 경우 기존 사용자를 덮어씁니다.",
     "sync_users": "사용자 동기화",
     "sync_wechat_users": "위챗 사용자 동기화",
     "sync_dingtalk_users": "딩톡 사용자 동기화",
diff --git a/frontend/src/i18n/zh-CN.json b/frontend/src/i18n/zh-CN.json
index 993768df3..557a8c9f0 100644
--- a/frontend/src/i18n/zh-CN.json
+++ b/frontend/src/i18n/zh-CN.json
@@ -8,6 +8,7 @@
     "Details": "详情"
   },
   "sync": {
+    "the_existing_user": "若用户已存在，覆盖旧用户",
     "sync_users": "同步用户",
     "sync_wechat_users": "同步企业微信用户",
     "sync_dingtalk_users": "同步钉钉用户",
diff --git a/frontend/src/views/chat/chat-block/ChartBlock.vue b/frontend/src/views/chat/chat-block/ChartBlock.vue
index 01f154576..e4e9ae930 100644
--- a/frontend/src/views/chat/chat-block/ChartBlock.vue
+++ b/frontend/src/views/chat/chat-block/ChartBlock.vue
@@ -640,9 +640,6 @@ watch(
   padding: 16px;
   display: flex;
   flex-direction: column;
-  position: relative;
-  z-index: 10;
-
   border: 1px solid rgba(222, 224, 227, 1);
   border-radius: 12px;
 
diff --git a/frontend/src/views/system/user/SyncUser.vue b/frontend/src/views/system/user/SyncUser.vue
index 84b8526f4..e020fc272 100644
--- a/frontend/src/views/system/user/SyncUser.vue
+++ b/frontend/src/views/system/user/SyncUser.vue
@@ -102,6 +102,9 @@
     </div>
 
     <template #footer>
+      <el-checkbox style="float: left" v-model="existingUser">
+        {{ $t('sync.the_existing_user') }}
+      </el-checkbox>
       <el-button secondary @click="centerDialogVisible = false">
         {{ $t('common.cancel') }}</el-button
       >
@@ -123,6 +126,7 @@ import Close from '@/assets/svg/icon_close_outlined_w.svg'
 import Search from '@/assets/svg/icon_search-outline_outlined.svg'
 import type { CheckboxValueType } from 'element-plus-secondary'
 const checkAll = ref(false)
+const existingUser = ref(false)
 const isIndeterminate = ref(false)
 const checkedWorkspace = ref<any[]>([])
 const workspace = ref<any[]>([])
@@ -130,7 +134,7 @@ const search = ref('')
 const dialogTitle = ref('')
 
 const loading = ref(false)
-const centerDialogVisible = ref(false)
+const centerDialogVisible = ref(true)
 const checkTableList = ref([] as any[])
 
 const workspaceWithKeywords = computed(() => {
diff --git a/frontend/src/views/system/user/SyncUserDing.vue b/frontend/src/views/system/user/SyncUserDing.vue
index 940267361..f17930d78 100644
--- a/frontend/src/views/system/user/SyncUserDing.vue
+++ b/frontend/src/views/system/user/SyncUserDing.vue
@@ -95,6 +95,9 @@
     </div>
 
     <template #footer>
+      <el-checkbox style="float: left" v-model="existingUser">
+        {{ $t('sync.the_existing_user') }}
+      </el-checkbox>
       <el-button secondary @click="centerDialogVisible = false">
         {{ $t('common.cancel') }}</el-button
       >
@@ -118,6 +121,7 @@ import Search from '@/assets/svg/icon_search-outline_outlined.svg'
 import type { CheckboxValueType } from 'element-plus-secondary'
 import type { FilterNodeMethodFunction } from 'element-plus-secondary'
 const checkAll = ref(false)
+const existingUser = ref(false)
 const isIndeterminate = ref(false)
 const checkedWorkspace = ref<any[]>([])
 const workspace = ref<any[]>([])

From 32443b3be5233e799cd6de1d3f04e0025a73f269 Mon Sep 17 00:00:00 2001
From: dataeaseShu <tong.shu@fit2cloud.com>
Date: Mon, 2 Feb 2026 14:46:34 +0800
Subject: [PATCH 3/3] feat(System Management ): Supports integration with
 WeChat Work platform; log in using your WeChat Work account.

---
 frontend/src/api/system.ts                    |   2 +
 frontend/src/api/user.ts                      |   1 +
 frontend/src/views/system/user/SyncUser.vue   | 369 ------------------
 .../src/views/system/user/SyncUserDing.vue    |  53 +--
 frontend/src/views/system/user/User.vue       |  91 +++--
 5 files changed, 85 insertions(+), 431 deletions(-)
 delete mode 100644 frontend/src/views/system/user/SyncUser.vue

diff --git a/frontend/src/api/system.ts b/frontend/src/api/system.ts
index aa7db56d9..f9ed3ec10 100644
--- a/frontend/src/api/system.ts
+++ b/frontend/src/api/system.ts
@@ -27,4 +27,6 @@ export const modelApi = {
   query: (id: number) => request.get(`/system/aimodel/${id}`),
   setDefault: (id: number) => request.put(`/system/aimodel/default/${id}`),
   check: (data: any) => request.fetchStream('/system/aimodel/status', data),
+  platform: (id: number) => request.get(`/system/platform/org/${id}`),
+  userSync: (data: any) => request.post(`/system/platform/user/sync`, data),
 }
diff --git a/frontend/src/api/user.ts b/frontend/src/api/user.ts
index 3a16e25c7..0cc3239e6 100644
--- a/frontend/src/api/user.ts
+++ b/frontend/src/api/user.ts
@@ -21,6 +21,7 @@ export const userApi = {
   add: (data: any) => request.post('/user', data),
   edit: (data: any) => request.put('/user', data),
   clearErrorApi: (key: string) => request.get(`/user/clearErrorRecord/${key}`),
+  errorRecord: (key: string) => request.get(`/user/errorRecord/${key}`),
   delete: (key: string) => request.delete(`/user/${key}`),
   deleteBatch: (data: any) => request.delete(`/user`, { data }),
   get: (key: string) => request.get(`/user/${key}`),
diff --git a/frontend/src/views/system/user/SyncUser.vue b/frontend/src/views/system/user/SyncUser.vue
deleted file mode 100644
index e020fc272..000000000
--- a/frontend/src/views/system/user/SyncUser.vue
+++ /dev/null
@@ -1,369 +0,0 @@
-<template>
-  <el-dialog
-    v-model="centerDialogVisible"
-    :title="$t(dialogTitle)"
-    modal-class="sync-user"
-    width="840"
-  >
-    <div v-loading="loading" class="flex border" style="height: 428px; border-radius: 6px">
-      <div class="p-16 border-r">
-        <el-input
-          v-model="search"
-          :validate-event="false"
-          :placeholder="$t('datasource.search')"
-          style="width: 364px; margin-left: 16px"
-          clearable
-        >
-          <template #prefix>
-            <el-icon>
-              <Search></Search>
-            </el-icon>
-          </template>
-        </el-input>
-        <div class="mt-8 max-height_workspace">
-          <template v-if="workspaceWithKeywords.length">
-            <el-checkbox
-              v-model="checkAll"
-              class="mb-8"
-              style="margin-left: 16px"
-              :indeterminate="isIndeterminate"
-              @change="handleCheckAllChange"
-            >
-              {{ $t('datasource.select_all') }}
-            </el-checkbox>
-            <el-checkbox-group
-              v-model="checkedWorkspace"
-              class="checkbox-group-block"
-              @change="handleCheckedWorkspaceChange"
-            >
-              <el-checkbox
-                v-for="space in workspaceWithKeywords"
-                :key="space.id"
-                :label="space.name"
-                :value="space"
-                class="hover-bg"
-              >
-                <div class="flex">
-                  <el-icon size="28">
-                    <avatar_personal></avatar_personal>
-                  </el-icon>
-                  <span class="ml-8 ellipsis" style="max-width: 40%" :title="space.name">
-                    {{ space.name }}</span
-                  >
-                  <span class="account ellipsis ml-8" style="max-width: 40%" :title="space.account"
-                    >({{ space.account }})</span
-                  >
-                </div>
-              </el-checkbox>
-            </el-checkbox-group>
-          </template>
-
-          <div v-else class="ed-tree__empty-block">
-            {{ $t(!!search ? 'dashboard.no_data' : 'qa.no_data') }}
-          </div>
-        </div>
-      </div>
-      <div class="p-16 w-full">
-        <div class="flex-between mb-16" style="margin: 0 16px">
-          <span class="lighter">
-            {{ $t('workspace.selected_2_people', { msg: checkTableList.length }) }}
-          </span>
-
-          <el-button text @click="clearWorkspaceAll">
-            {{ $t('workspace.clear') }}
-          </el-button>
-        </div>
-        <div
-          v-for="ele in checkTableList"
-          :key="ele.name"
-          style="margin: 0 16px; position: relative"
-          class="flex-between align-center hover-bg_select"
-        >
-          <div
-            :title="`${ele.name}(${ele.account})`"
-            class="flex align-center ellipsis"
-            style="width: 100%"
-          >
-            <el-icon size="28">
-              <avatar_personal></avatar_personal>
-            </el-icon>
-            <span class="ml-8 lighter ellipsis" style="max-width: 40%" :title="ele.name">{{
-              ele.name
-            }}</span>
-            <span class="account ellipsis ml-8" style="max-width: 40%" :title="ele.account"
-              >({{ ele.account }})</span
-            >
-          </div>
-          <el-button class="close-btn" text>
-            <el-icon size="16" @click="clearWorkspace(ele)"><Close /></el-icon>
-          </el-button>
-        </div>
-      </div>
-    </div>
-
-    <template #footer>
-      <el-checkbox style="float: left" v-model="existingUser">
-        {{ $t('sync.the_existing_user') }}
-      </el-checkbox>
-      <el-button secondary @click="centerDialogVisible = false">
-        {{ $t('common.cancel') }}</el-button
-      >
-      <el-button v-if="!checkedWorkspace.length" disabled type="info">{{
-        $t('common.confirm2')
-      }}</el-button>
-      <el-button v-else type="primary" @click="handleConfirm">
-        {{ $t('common.confirm2') }}
-      </el-button>
-    </template>
-  </el-dialog>
-</template>
-
-<script lang="ts" setup>
-import { ref, computed, watch } from 'vue'
-import { workspaceOptionUserList, workspaceUwsCreate } from '@/api/workspace'
-import avatar_personal from '@/assets/svg/avatar_personal.svg'
-import Close from '@/assets/svg/icon_close_outlined_w.svg'
-import Search from '@/assets/svg/icon_search-outline_outlined.svg'
-import type { CheckboxValueType } from 'element-plus-secondary'
-const checkAll = ref(false)
-const existingUser = ref(false)
-const isIndeterminate = ref(false)
-const checkedWorkspace = ref<any[]>([])
-const workspace = ref<any[]>([])
-const search = ref('')
-const dialogTitle = ref('')
-
-const loading = ref(false)
-const centerDialogVisible = ref(true)
-const checkTableList = ref([] as any[])
-
-const workspaceWithKeywords = computed(() => {
-  return workspace.value.filter((ele: any) =>
-    (ele.name.toLowerCase() as string).includes(search.value.toLowerCase())
-  )
-})
-watch(search, () => {
-  const tableNameArr = workspaceWithKeywords.value.map((ele: any) => ele.name)
-  checkedWorkspace.value = checkTableList.value.filter((ele: any) =>
-    tableNameArr.includes(ele.name)
-  )
-  const checkedCount = checkedWorkspace.value.length
-  checkAll.value = checkedCount === workspaceWithKeywords.value.length
-  isIndeterminate.value = checkedCount > 0 && checkedCount < workspaceWithKeywords.value.length
-})
-const handleCheckAllChange = (val: CheckboxValueType) => {
-  const tableNameArr = workspaceWithKeywords.value.map((ele: any) => ele.name)
-  checkedWorkspace.value = val
-    ? [
-        ...new Set([
-          ...workspaceWithKeywords.value,
-          ...checkedWorkspace.value.filter((ele: any) => !tableNameArr.includes(ele.name)),
-        ]),
-      ]
-    : []
-  isIndeterminate.value = false
-  checkTableList.value = val
-    ? [
-        ...new Set([
-          ...workspaceWithKeywords.value,
-          ...checkTableList.value.filter((ele: any) => !tableNameArr.includes(ele.name)),
-        ]),
-      ]
-    : checkTableList.value.filter((ele: any) => !tableNameArr.includes(ele.name))
-}
-const handleCheckedWorkspaceChange = (value: CheckboxValueType[]) => {
-  const checkedCount = value.length
-  checkAll.value = checkedCount === workspaceWithKeywords.value.length
-  isIndeterminate.value = checkedCount > 0 && checkedCount < workspaceWithKeywords.value.length
-  const tableNameArr = workspaceWithKeywords.value.map((ele: any) => ele.name)
-  checkTableList.value = [
-    ...new Set([
-      ...checkTableList.value.filter((ele: any) => !tableNameArr.includes(ele.name)),
-      ...value,
-    ]),
-  ]
-}
-let oid: any = null
-
-const open = async (id: any) => {
-  dialogTitle.value = 'sync.sync_wechat_users'
-  loading.value = true
-  search.value = ''
-  oid = id
-  checkedWorkspace.value = []
-  checkTableList.value = []
-  checkAll.value = false
-  isIndeterminate.value = false
-  const systemWorkspaceList = await workspaceOptionUserList({ oid }, 1, 1000)
-  workspace.value = JSON.parse(
-    JSON.stringify(systemWorkspaceList.items.filter((ele: any) => +ele.id !== 1) as any)
-  )
-  loading.value = false
-  centerDialogVisible.value = true
-}
-const emits = defineEmits(['refresh'])
-const handleConfirm = () => {
-  workspaceUwsCreate({
-    uid_list: checkTableList.value.map((ele: any) => ele.id),
-    oid,
-    weight: 0,
-  }).then(() => {
-    centerDialogVisible.value = false
-    emits('refresh')
-  })
-}
-
-const clearWorkspace = (val: any) => {
-  checkedWorkspace.value = checkedWorkspace.value.filter((ele: any) => ele.id !== val.id)
-  checkTableList.value = checkTableList.value.filter((ele: any) => ele.id !== val.id)
-  handleCheckedWorkspaceChange(checkedWorkspace.value)
-}
-
-const clearWorkspaceAll = () => {
-  checkedWorkspace.value = []
-  handleCheckedWorkspaceChange([])
-}
-
-defineExpose({
-  open,
-})
-</script>
-<style lang="less">
-.sync-user {
-  .mb-8 {
-    margin-bottom: 8px;
-  }
-
-  .ed-checkbox {
-    margin-right: 0;
-    position: relative;
-  }
-
-  .hover-bg,
-  .hover-bg_select {
-    &:hover {
-      &::after {
-        content: '';
-        height: 44px;
-        width: calc(100% + 34px);
-        background: #1f23291a;
-        position: absolute;
-        border-radius: 6px;
-        top: 50%;
-        transform: translateY(-50%);
-        left: -8px;
-        z-index: 1;
-      }
-    }
-  }
-
-  .hover-bg_select {
-    &:hover {
-      &::after {
-        width: calc(100% + 16px);
-      }
-    }
-  }
-
-  .mt-16 {
-    margin-top: 16px;
-  }
-
-  .p-16 {
-    padding: 16px 0;
-  }
-
-  .lighter {
-    font-weight: 400;
-    font-size: 14px;
-    line-height: 22px;
-  }
-
-  .checkbox-group-block {
-    margin: 0 16px;
-  }
-
-  .ed-tree__empty-block {
-    margin-top: 147px;
-    color: #646a73;
-  }
-
-  .checkbox-group-block {
-    .ed-checkbox,
-    .ed-checkbox__label,
-    .flex {
-      width: 96%;
-      height: 44px;
-    }
-
-    .flex {
-      align-items: center;
-      .account {
-        color: #8f959e;
-      }
-    }
-  }
-
-  .close-btn {
-    position: relative;
-    z-index: 10;
-    height: 24px;
-    line-height: 24px;
-    &:hover,
-    &:active,
-    &:focus {
-      background: #1f23291a !important;
-    }
-  }
-
-  .border {
-    border: 1px solid #dee0e3;
-  }
-
-  .w-full {
-    height: 100%;
-    width: 50%;
-    overflow-y: auto;
-
-    .flex-between {
-      height: 44px;
-    }
-  }
-
-  .mt-8 {
-    margin-top: 8px;
-  }
-
-  .max-height_workspace {
-    max-height: calc(100% - 24px);
-    overflow-y: auto;
-  }
-
-  .align-center {
-    align-items: center;
-  }
-
-  .flex-between {
-    display: flex;
-    justify-content: space-between;
-  }
-
-  .ml-4 {
-    margin-left: 4px;
-  }
-
-  .ml-8 {
-    margin-left: 8px;
-  }
-
-  .flex {
-    display: flex;
-  }
-
-  .border-r {
-    border-right: 1px solid #dee0e3;
-    width: 50%;
-    overflow: hidden;
-  }
-}
-</style>
diff --git a/frontend/src/views/system/user/SyncUserDing.vue b/frontend/src/views/system/user/SyncUserDing.vue
index f17930d78..75de1b2a4 100644
--- a/frontend/src/views/system/user/SyncUserDing.vue
+++ b/frontend/src/views/system/user/SyncUserDing.vue
@@ -1,7 +1,7 @@
 <template>
   <el-dialog
     v-model="centerDialogVisible"
-    :title="$t('sync.sync_dingtalk_users')"
+    :title="$t(dialogTitle)"
     modal-class="sync-user_ding"
     width="840"
   >
@@ -101,7 +101,7 @@
       <el-button secondary @click="centerDialogVisible = false">
         {{ $t('common.cancel') }}</el-button
       >
-      <el-button v-if="!checkedWorkspace.length" disabled type="info">{{
+      <el-button v-if="!checkTableList.length" disabled type="info">{{
         $t('common.confirm2')
       }}</el-button>
       <el-button v-else type="primary" @click="handleConfirm">
@@ -113,7 +113,8 @@
 
 <script lang="ts" setup>
 import { ref, computed, watch, nextTick } from 'vue'
-import { workspaceOptionUserList, workspaceUwsCreate } from '@/api/workspace'
+import { modelApi } from '@/api/system'
+import { ElLoading } from 'element-plus-secondary'
 import avatar_personal from '@/assets/svg/avatar_personal.svg'
 import avatar_organize from '@/assets/svg/avatar_organize.svg'
 import Close from '@/assets/svg/icon_close_outlined_w.svg'
@@ -126,6 +127,7 @@ const isIndeterminate = ref(false)
 const checkedWorkspace = ref<any[]>([])
 const workspace = ref<any[]>([])
 const search = ref('')
+const dialogTitle = ref('')
 const organizationUserRef = ref()
 const defaultCheckedKeys = ref<any[]>([])
 const defaultProps = {
@@ -157,15 +159,6 @@ const filterNode: FilterNodeMethodFunction = (value: string, data: any) => {
   return data.name.includes(value)
 }
 
-watch(search, () => {
-  const tableNameArr = workspaceWithKeywords.value.map((ele: any) => ele.name)
-  checkedWorkspace.value = checkTableList.value.filter((ele: any) =>
-    tableNameArr.includes(ele.name)
-  )
-  const checkedCount = checkedWorkspace.value.length
-  checkAll.value = checkedCount === workspaceWithKeywords.value.length
-  isIndeterminate.value = checkedCount > 0 && checkedCount < workspaceWithKeywords.value.length
-})
 function isLeafNode(node: any) {
   return !node.children || node.children.length === 0
 }
@@ -192,12 +185,12 @@ const handleCheckedWorkspaceChange = (value: CheckboxValueType[]) => {
       ...value,
     ]),
   ]
-
   organizationUserRef.value.setCheckedKeys(checkTableList.value.map((ele: any) => ele.id))
 }
 let oid: any = null
 
-const open = async (id: any) => {
+const open = async (id: any, title: any) => {
+  dialogTitle.value = title
   loading.value = true
   search.value = ''
   oid = id
@@ -205,23 +198,30 @@ const open = async (id: any) => {
   checkTableList.value = []
   checkAll.value = false
   isIndeterminate.value = false
-  const systemWorkspaceList = await workspaceOptionUserList({ oid }, 1, 1000)
-  workspace.value = JSON.parse(
-    JSON.stringify(systemWorkspaceList.items.filter((ele: any) => +ele.id !== 1) as any)
-  )
+  const loadingInstance = ElLoading.service({ fullscreen: true })
+  const systemWorkspaceList = await modelApi.platform(id)
+  organizationUserList.value = systemWorkspaceList.tree || []
+  loadingInstance?.close()
+  nextTick(() => {
+    nextTick(() => {
+      handleCheckedWorkspaceChange(systemWorkspaceList.checked_list)
+    })
+  })
   loading.value = false
   centerDialogVisible.value = true
 }
 const emits = defineEmits(['refresh'])
 const handleConfirm = () => {
-  workspaceUwsCreate({
-    uid_list: checkTableList.value.map((ele: any) => ele.id),
-    oid,
-    weight: 0,
-  }).then(() => {
-    centerDialogVisible.value = false
-    emits('refresh')
-  })
+  modelApi
+    .userSync({
+      user_list: checkTableList.value.map((ele: any) => ({ id: ele.id, name: ele.name })),
+      origin: oid,
+      cover: existingUser.value,
+    })
+    .then((res: any) => {
+      centerDialogVisible.value = false
+      emits('refresh', res)
+    })
 }
 
 const clearWorkspace = (val: any) => {
@@ -232,6 +232,7 @@ const clearWorkspace = (val: any) => {
 
 const clearWorkspaceAll = () => {
   checkedWorkspace.value = []
+  checkTableList.value = []
   handleCheckedWorkspaceChange([])
 }
 
diff --git a/frontend/src/views/system/user/User.vue b/frontend/src/views/system/user/User.vue
index c6a5b77f1..799c85a4c 100644
--- a/frontend/src/views/system/user/User.vue
+++ b/frontend/src/views/system/user/User.vue
@@ -35,7 +35,12 @@
           >
           <div class="popover">
             <div class="popover-content">
-              <div v-for="ele in platformType" :key="ele.name" class="popover-item">
+              <div
+                @click="handleSyncUser(ele)"
+                v-for="ele in platformType"
+                :key="ele.name"
+                class="popover-item"
+              >
                 <img height="24" width="24" :src="ele.icon" />
                 <div class="model-name">{{ $t(ele.name) }}</div>
               </div>
@@ -396,7 +401,7 @@
     :filter-options="filterOption"
     @trigger-filter="searchCondition"
   />
-  <SyncUserDing ref="syncUserDingRef" />
+  <SyncUserDing @refresh="refresh" ref="syncUserRef"></SyncUserDing>
 </template>
 
 <script setup lang="ts">
@@ -409,8 +414,7 @@ import icon_searchOutline_outlined from '@/assets/svg/icon_search-outline_outlin
 import { useI18n } from 'vue-i18n'
 import EmptyBackground from '@/views/dashboard/common/EmptyBackground.vue'
 import { convertFilterText, FilterText } from '@/components/filter-text'
-// import SyncUserDing from './SyncUserDing.vue'
-import SyncUserDing from './SyncUser.vue'
+import SyncUserDing from './SyncUserDing.vue'
 import IconLock from '@/assets/svg/icon-key_outlined.svg'
 import IconOpeEdit from '@/assets/svg/icon_edit_outlined.svg'
 import IconOpeDelete from '@/assets/svg/icon_delete.svg'
@@ -420,6 +424,7 @@ import logo_lark from '@/assets/img/lark.png'
 import logo_wechat_work from '@/assets/img/wechat.png'
 import icon_add_outlined from '@/assets/svg/icon_add_outlined.svg'
 import { userApi } from '@/api/user'
+import { request } from '@/utils/request'
 import { workspaceList } from '@/api/workspace'
 import { formatTimestamp } from '@/utils/date'
 import { ClickOutside as vClickOutside } from 'element-plus-secondary'
@@ -438,7 +443,7 @@ const dialogVisiblePassword = ref(false)
 const isIndeterminate = ref(true)
 const drawerMainRef = ref()
 const userImportRef = ref()
-const syncUserDingRef = ref()
+const syncUserRef = ref()
 const selectionLoading = ref(false)
 const filterOption = ref<any[]>([
   {
@@ -501,6 +506,8 @@ const state = reactive<any>({
     total: 0,
   },
 })
+
+const currentPlatform = ref<any>({})
 const rules = {
   name: [
     {
@@ -534,21 +541,33 @@ const rules = {
 const platformType = ref<any[]>([
   {
     icon: logo_wechat_work,
-    value: 'wechat',
+    value: 6,
     name: 'sync.sync_wechat_users',
   },
   {
     icon: logo_dingtalk,
-    value: 'dingtalk',
+    value: 7,
     name: 'sync.sync_dingtalk_users',
   },
   {
     icon: logo_lark,
-    value: 'lark',
+    value: 8,
     name: 'sync.sync_lark_users',
   },
 ])
 
+const refresh = (res: any) => {
+  showTips(res.successCount, res.errorCount, res.dataKey)
+  if (res.successCount) {
+    search()
+  }
+}
+
+const handleSyncUser = (ele: any) => {
+  currentPlatform.value = ele
+  syncUserRef.value.open(ele.value, ele.name)
+}
+
 const passwordRules = {
   new: [
     {
@@ -574,6 +593,14 @@ const setPopoverRef = (el: any, row: any) => {
   row.popoverRef = el
 }
 
+const loadData = () => {
+  const url = '/system/platform'
+  request.get(url).then((res: any) => {
+    const idArr = res.filter((card: any) => card.valid && card.enable).map((ele: any) => ele.id)
+    platformType.value = platformType.value.filter((card: any) => idArr.includes(card.value))
+  })
+}
+
 const copyText = () => {
   copy(defaultPwd.value)
     .then(function () {
@@ -895,6 +922,7 @@ const formatUserOrigin = (origin?: number) => {
   return originArray[origin - 1]
 }
 onMounted(() => {
+  loadData()
   workspaceList().then((res) => {
     options.value = res || []
     filterOption.value[2].option = [...options.value]
@@ -902,31 +930,22 @@ onMounted(() => {
   search()
   loadDefaultPwd()
 })
-const downErrorExcel = () => {
-  // if (errorFileKey.value) {
-  //   showLoading()
-  //   userImportApi
-  //     .downErrorRecordApi(errorFileKey.value)
-  //     .then((res) => {
-  //       const blob = new Blob([res], {
-  //         type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
-  //       })
-  //       const link = document.createElement('a')
-  //       link.style.display = 'none'
-  //       link.href = URL.createObjectURL(blob)
-  //       link.download = 'error.xlsx'
-  //       document.body.appendChild(link)
-  //       link.click()
-  //       document.body.removeChild(link)
-  //       closeLoading()
-  //     })
-  //     .catch(() => {
-  //       closeLoading()
-  //     })
-  // }
+const downErrorExcel = (dataKey: any) => {
+  userApi.errorRecord(dataKey).then((res: any) => {
+    const blob = new Blob([res], {
+      type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
+    })
+    const link = document.createElement('a')
+    link.style.display = 'none'
+    link.href = URL.createObjectURL(blob)
+    link.download = 'error.xlsx'
+    document.body.appendChild(link)
+    link.click()
+    document.body.removeChild(link)
+  })
 }
 
-const showTips = (successCount: any, errorCount: any) => {
+const showTips = (successCount: any, errorCount: any, dataKey: any) => {
   let title = successCount ? t('sync.sync_complete') : t('sync.sync_failed')
   const childrenDomList = [h('span', null, t('sync.synced_10_users', { num: successCount }))]
   const contentDomList = h(
@@ -969,7 +988,7 @@ const showTips = (successCount: any, errorCount: any) => {
       h(
         ElButton,
         {
-          onClick: downErrorExcel,
+          onClick: () => downErrorExcel(dataKey),
           text: true,
           class: 'down-button',
         },
@@ -993,14 +1012,14 @@ const showTips = (successCount: any, errorCount: any) => {
     confirmButtonText: t('sync.continue_syncing'),
   })
     .then(() => {
-      // clearErrorRecord()
+      const { value, name } = currentPlatform.value
+      syncUserRef.value.open(value, name)
+      currentPlatform.value = null
     })
     .catch(() => {
-      // clearErrorRecord()
+      currentPlatform.value = null
     })
 }
-
-showTips(1, 2)
 </script>
 
 <style lang="less" scoped>