客服默认头像

components/message.vue

@@ -35,11 +35,11 @@
                 />
                 <avatar
                     v-if="
-                        avatar && !isQuestionAnswerMessage && !isWithdrawMessage
+                        !isQuestionAnswerMessage && !isWithdrawMessage
                     "
                     :src="
                         chatRole === 'admin' || chatRole === 'customer-service'
-                            ? require('../imgs/default-host-avatar.svg')
+                            ? defaultAvatar
                             : avatar
                     "
                     shape="circle"
@@ -302,6 +302,10 @@
             return "";
         }
 
+        private get defaultAvatar() {
+            return xim.getAvatar();
+        }
+
         private get chatRole() {
             if (this.chatMembers) {
                 const t = this.chatMembers.find((i) => i.eid === this.data.eid);

model/index.ts

@@ -66,6 +66,8 @@ export interface ChatOption {
     eventHub?: Vue;
 
     message?: ChatMessageController;
+
+    avatar?: string;
 }
 
 export interface ChatMessageController {

xim/index.ts

@@ -26,6 +26,7 @@ class Chat implements ChatMessageController {
     private connectedActions: (() => void)[] = [];
     private connected = false;
     private messageController: ChatMessageController | null = null;
+    private defaultAvatar = "";
 
     public onReady(action: () => void) {
         if (this.connected) {
@@ -53,6 +54,8 @@ class Chat implements ChatMessageController {
         this.eventHub = option.eventHub || null;
 
         option.message && (this.messageController = option.message);
+        option.avatar !== undefined &&
+            (this.defaultAvatar = option.avatar);
 
         await this.setupIndexDb();
         this.token = async () => option.sdk().global.jwtToken;
@@ -189,6 +192,10 @@ class Chat implements ChatMessageController {
     public info(msg: string) {
         this.messageController && this.messageController.info(msg);
     }
+
+    public getAvatar(){
+        return this.defaultAvatar;
+    }
 }
 
 export default new Chat();