1

assets/css/common.scss

@@ -55,6 +55,9 @@
   p {
     text-align: left;
   }
+  table{
+    max-width: 100% !important;
+  }
 }
 .pretty-header {
   height: 59px;

env.js

@@ -8,9 +8,9 @@ module.exports = {
   // 开发环境 接口请求地址 (http)或(https)://www.a.com(换成你的域名)/api
   dev: {
     MODE: 'dev',
-    // VUE_APP_API_URL: 'http://127.0.0.1:8099/',
-    VUE_APP_API_URL: 'https://admin.cdtrucktralier.com/',
-    VUE_APP_WEBSOCKET: 'wss://admin.cdtrucktralier.com/ws/asset/'
+    VUE_APP_API_URL: 'http://127.0.0.1:8099/',
+    // VUE_APP_API_URL: 'https://admin.cdtrucktralier.com/',
+    VUE_APP_WEBSOCKET: 'ws://127.0.0.1:8099/ws/asset/'
   },
   // 生产环境 接口请求地址 (http)或(https)://www.a.com(换成你的域名)/api 非独立部署默认为空
   prod: {

locales/en.json

@@ -124,6 +124,7 @@
   "chat": {
     "title": "Online Service",
     "description": "Please enter your question... Press Enter to send.",
-    "littleTitle": "Hello! It's a pleasure to assist you. How may I help you?"
+    "littleTitle": "Hello! It's a pleasure to assist you. How may I help you?",
+    "downloadApp": "You can also click to download the APP (Android) and have a conversation with the online customer service."
   }
 }

locales/zh.json

@@ -124,6 +124,7 @@
   "chat": {
     "title": "在线客服",
     "description": "请输入您的问题...按Enter发送",
-    "littleTitle": "您好！很高兴为您服务，请问有什么可以帮您？"
+    "littleTitle": "您好！很高兴为您服务，请问有什么可以帮您？",
+    "downloadApp": "您也可以点击下载APP(安卓)，与在线客服进行会话"
   }
 }

pages/products/chatForm.vue

@@ -1,6 +1,6 @@
 <template>
   <!-- 选择产品对话框 -->
-  <el-dialog :title="$t('chat.title')" :visible.sync="open" @close="close" width="800px" append-to-body class="customer-service-dialog">
+  <el-dialog :title="$t('chat.title')" :visible.sync="open" @close="close"  append-to-body class="customer-service-dialog">
     <!-- 自定义标题栏 -->
     <div slot="header" class="dialog-header">
       <div class="service-info">
@@ -16,6 +16,7 @@
           <!-- 系统欢迎消息 -->
           <div v-if="message.length === 0" class="system-message">
             {{ $t('chat.littleTitle') }}
+            <a style="color: #409eff" :href="appDownloadUrl">{{$t('chat.downloadApp')}}</a>
           </div>
 
           <!-- 消息项 -->
@@ -75,6 +76,7 @@ export default {
       productId: '',
       // 设备类型
       equipment: null,
+      appDownloadUrl:`${process.env.NUXT_ENV.VUE_APP_API_URL}web/downloadApk`
     }
   },
 
@@ -343,6 +345,16 @@ export default {
 
 </script>
 <style scoped>
+@media screen and (max-width:900px) {
+  /deep/.el-dialog{
+    width: 90% !important;
+  }
+}
+@media screen and (min-width:901px) {
+  /deep/.el-dialog{
+    width: 800px !important;
+  }
+}
 
 .customer-service-dialog {
   --primary-color: #409eff;