修改联系人图片

src/components/chat/index.vue

@@ -44,6 +44,13 @@
             <div>
             </div>
           </div>
+          <div v-if="i.type===3" class="message">
+            <div class="userInfo">{{ i.userName }} {{ formatTime(i.time) }}</div>
+            <div class="info failInfo">
+              <div>{{ i.content }}</div>
+              <img class="wxQrcode" :src="wxQRcode" alt="微信二维码" @click="imgUrl = wxQRcode">
+            </div>
+          </div>
         </template>
       </div>
       <div class="chatBox">
@@ -66,6 +73,7 @@
 </template>
 <script>
 import customerService from '@/assets/icon/customerService.png'
+import wxQRcode from '@/assets/image/wxQRcode.png'
 import { aiChat } from '@/api/aiChat'
 
 export default {
@@ -74,6 +82,7 @@ export default {
     return {
       imgUrl: '',
       customerService,
+      wxQRcode,
       textarea: '',
       isChat: false,
       isLoading: false,
@@ -214,20 +223,10 @@ export default {
             userName: '海威物联',
           })
         } else {
-          this.chatInfo.splice(loadingIndex, 1, {
+          this.showBusyMessage(loadingIndex)
-            type: 0,
-            content: (res && res.msg) || 'AI 服务暂时不可用，请稍后重试。',
-            time: new Date().getTime(),
-            userName: '海威物联',
-          })
         }
       } catch (err) {
-        this.chatInfo.splice(loadingIndex, 1, {
+        this.showBusyMessage(loadingIndex)
-          type: 0,
-          content: '网络连接异常，请稍后重试。',
-          time: new Date().getTime(),
-          userName: '海威物联',
-        })
       } finally {
         this.isLoading = false
         this.$nextTick(() => {
@@ -235,6 +234,14 @@ export default {
         })
       }
     },
+    showBusyMessage(index) {
+      this.chatInfo.splice(index, 1, {
+        type: 3,
+        content: '当前访问人数过多，请稍后重试或添加联系人微信：',
+        time: new Date().getTime(),
+        userName: '海威物联',
+      })
+    },
     busy(e) {
       if (e === 1) {
         this.chatInfo.push({
@@ -454,6 +461,19 @@ export default {
         white-space: pre-wrap;
         line-height: 1.6;
       }
+
+      .failInfo {
+        line-height: 1.6;
+
+        .wxQrcode {
+          display: block;
+          width: 120px;
+          height: 120px;
+          margin-top: 8px;
+          object-fit: contain;
+          cursor: pointer;
+        }
+      }
     }
 
     .message1 {