+ {error ? (
+
+ 协作成员暂不可用
+ {error}
+
+ ) : null}
+
+ {loading ? (
+
+ ) : collaborators.length === 0 ? (
+
+ ) : (
+
+ {collaborators.map((item) => {
+ const RoleIcon = item.role === 'watcher' ? Eye : Handshake
+ return (
+ -
+
+
{displayUser(item.user)}
+
+
+
+ {roleLabel(item.role)}
+
+
+ @{item.user.username}
+
+
+
+ {canManage ? (
+
+ ) : null}
+
+ )
+ })}
+
+ )}
+
+ {canManage ? (
+
+
+
+
+
+
+ {availableParticipants.length === 0 && participants.length > 0 ? (
+
所有启用账号均已加入此工单。
+ ) : null}
+
+ ) : (
+
+
+ 当前账号没有分派权限,只能查看成员。
+
+ )}
+
+