askbot-dragon 1.7.61-beta → 1.7.62-beta

package/src/components/ConversationContainer.vue

@@ -1,10 +1,9 @@
 <!-- 消息记录容器 -->
 <template>
   <div id="conversation">
-    <qw-feedback :msg="qwFeedbackObj"></qw-feedback>
-    <div v-for="(item, index) in processAction" :key="index">
+    <!-- <div v-for="(item, index) in processAction" :key="index">
       <association-intention :msg="item" :msgType="item.type" :isOpen="isOpen"></association-intention>
-    </div>
+    </div> -->
     <!-- <answer-radio :msg="answerRadiosPri"></answer-radio> -->
     <answer-radio :msg="answerRadiosPri"></answer-radio>
     <!-- <msg-loading v-if="inLoading"></msg-loading>
@@ -18,7 +17,7 @@
       </div>
     </div> -->
     <!-- <MyEditor></MyEditor> -->
-    <!-- <form-template
+    <form-template
          :formList="formList2"
          @submitClick="submitClick"
      ></form-template> -->
@@ -32,8 +31,8 @@
      <form-template
          :formList="formList4"
          @submitClick="submitClick"
-     ></form-template> -->
-    <!-- <div style="max-width: 450px;overflow-x: auto;">
+     ></form-template>
+     <div style="max-width: 450px;overflow-x: auto;">
       <action-alert :actionAlertIframe="actionAlertIframeObj" :phoneWidth100="true"></action-alert>
     </div> -->
 
@@ -47,10 +46,10 @@
     </voice-component>-->
     <!--  点选  -->
     <!-- <div v-html="htmlContainer"></div> -->
-    <answer-radio :msg="answerRadios"></answer-radio>
-    <!-- <ticket-message :content="updateTicetmessageObj"></ticket-message> -->
-    <!-- <ticket-message :content="contents"></ticket-message> -->
-    <!-- 
+    <answer-radio :msg="answerRadios" :language="'cn'"></answer-radio>
+    <ticket-message :content="updateTicetmessageObj"></ticket-message>
+    <ticket-message :content="contents"></ticket-message>
+    <!--
     <action-send-to-bot :msg="answerRadios"></action-send-to-bot>
     <text-message :text="text" @submitClick="submitClick"></text-message>
     <div v-for="(item,index) in processAction" :key="index">
@@ -64,7 +63,7 @@
     <answer-dissatisfaction :msg="answerDiss"></answer-dissatisfaction>
     <feed-back :feedBack="feedBack"></feed-back>
     <voice-compontent></voice-compontent> -->
-    <ai-guide :aiGuide="ActionAiGuideObj"></ai-guide>
+    <!-- <ai-guide :aiGuide="ActionAiGuideObj"></ai-guide> -->
     <!-- <answer-voice :msg="answerVoiceObj"></answer-voice> -->
     <!-- <answer-voice :msg="answerVoiceObj"></answer-voice> -->
     <!-- <div v-for="(item,index) in processAction" :key="index">
@@ -238,8 +237,95 @@ export default {
           }]
         }
       },
-      answerDocknowledge: {"actionCategory":null,"apiKey":null,"content":{"searchResult":null,"images":null,"llmBotPluginId":null,"srcContentId":null,"list":[{"owner":"15901107866","tagId":"67492d69c3fc616496d7708e","enterprise":null,"tagIds":["67492d69c3fc616496d7708e","67492d69c3fc616496d7708d"],"format":"pdf","srcContentId":"8ae8631d27d5fc9e0d6429c32ce02463","updateTime":"2024-11-29 10:56:41","avatar":"https://guoranopen-zjk.oss-cn-zhangjiakou.aliyuncs.com/ab0f90737c8b4f2d85ba2157e4473110/2024/10/22/15/29/2d00b3ee264f6b588bc39c87cd71ff86/zrx651dojth.jpeg","source":"LOCAL_FILE","srcContent":"\"\",,,,,,,,,,,,,,,,  \"\",境内出差标准(人民币),,,,,,,,,,,,,,,  \"\",,,,,,,,,,,,,,,,  \"\",,职称,,住宿标准,,出差补贴,,,,,,,,,,  \"\",,,,,,,,,,,出差补贴,,,,,  \"\",,,(实报实销),,,,,,,,,,,,,  \"\",职级,职称,,,,,,,,,,,,,,  \"\",,甲类地,,,乙类地,,,丙类地,,,甲类,,,乙丙类,,  \"\",,,,,,,,,,,,,,,,  \"\",,,区,区,区,地区,地区,,,,,,,,,  \"\",24-20,\"总裁/高级副总裁/副总裁/总经理/首 席技术专家/首席幕僚长/总裁资深特 别助理/总监/副总经理/资深技术专家 /专业总监\",无固定限额,无,,,,,,,,,,,,  \"\",19-18,\"副总监/资深研究员/专业副总监/高级 经理/高级研究员/专业高级经理\",700,600,500,100/天,80/天,,,,,,,,,  \"\",17,\"经理/副经理/专业经理/资深专员/研 究员/资深化学师/资深工程师/经理级 销售/资深销售\",500,400,350,,,,,,,,,,,  \"\",16,\"高级主任/高级专员/高级销售/高级工 程师/主任/专员/销售专员/工程师\",400,300,250,,,,,,,,,,,  \"\",15 以下,\"初级专员/初级销售专员/助理工程师/ 文员\",300,250,200,,,,,,,,,,,  ","url":"https://guoranwisdom.oss-cn-zhangjiakou.aliyuncs.com/ab0f90737c8b4f2d85ba2157e4473110/2024/11/29/10/56/bb94d33df583b246fd77034eaafe52cd/753yywz8dh.pdf","knowledgeId":"67492d62ff865b253159dd5d","folderUrl":null,"reRankShowScore":"69.53","knowledgePartId":"6MnZdZMB5ZPhLd1ZZb9J","from":"立邦中国差旅管理办法2023.pdf","folderName":null,"introduction":"\"\",,,,,,,,,,,,,,,,  \"\",境内出差标准(人民币),,,,,,,,,,,,,,,  \"\",,,,,,,,,,,,,,,,  \"\",,职称,,住宿标准,,出差补贴,,,,,,,,,,  \"\",,,,,,,,,,,出差补贴,,,,,  \"\",,,(实报实销),,,,,,,,,,,,,  \"\",职级,职称,,,,,,,,,,,,,,  \"\",,甲类地,,,乙类地,,,丙类地,,,甲类,,,乙丙类,,  \"\",,,,,,,,,,,,,,,,  \"\",,,区,区,区,地区,地区,,,,,,,,,  \"\",24-20,\"总裁/高级副总裁/副总裁/总经理/首 席技术专家/首席幕僚长/总裁资深特 别助理/总监/副总经理/资深技术专家 /专业总监\",无固定限额,无,,,,,,,,,,,,  \"\",19-18,\"副总监/资深研究员/专业副总监/高级 经理/高级研究员/专业高级经理\",700,600,500,100/天,80/天,,,,,,,,,  \"\",17,\"经理/副经理/专业经理/资深专员/研 究员/资深化学师/资深工程师/经理级 销售/资深销售\",500,400,350,,,,,,,,,,,  \"\",16,\"高级主任/高级专员/高级销售/高级工 程师/主任/专员/销售专员/工程师\",400,300,250,,,,,,,,,,,  \"\",15 以下,\"初级专员/初级销售专员/助理工程师/ 文员\",300,250,200,,,,,,,,,,,  ","previewImage":null}],"type":0,"srcContent":null,"whetherRequestStream":null,"knowledgeId":null,"actionType":"answer_doc_knowledge","async":null,"stream":null,"knowledgePartId":null,"recommendItems":["离境出差的标准是什么？","出差审批流程是怎样的？","差旅费报销标准有哪些？"],"text":"### 境内出差标准\n\n| 职级 | 职称 | 甲类地住宿标准 | 乙类地住宿标准 | 丙类地住宿标准 | 出差补贴 |\n| --- | --- | --- | --- | --- | --- |\n| 24-20 | 总裁/高级副总裁/副总裁/总经理/首席技术专家/首席幕僚长/总裁资深特别助理/总监/副总经理/资深技术专家/专业总监 | 无固定限额 | 无固定限额 | 无固定限额 | 无 |\n| 19-18 | 副总监/资深研究员/专业副总监/高级经理/高级研究员/专业高级经理 | 700 | 600 | 500 | 100/天 |\n| 17 | 经理/副经理/专业经理/资深专员/研究员/资深化学师/资深工程师/经理级销售/资深销售 | 500 | 400 | 350 | 无 |\n| 16 | 高级主任/高级专员/高级销售/高级工程师/主任/专员/销售专员/工程师 | 400 | 300 | 250 | 无 |\n| 15 以下 | 初级专员/初级销售专员/助理工程师/文员 | 300 | 250 | 200 | 无 |\n\n**备注**：\n- 甲类地区：指北京、上海、广州、深圳。\n- 乙类地区：地级以上城市。\n- 丙类地区：指甲、乙类地区以外的地区。","renderType":2,"streamRequestUrl":null},"id":null,"intentId":null,"msgId":"67492de6524fbe07a2190b90","nodeId":null,"recordId":24190,"type":"answer_doc_knowledge"},
-
+      answerDocknowledge:
+      {
+        "content": {
+          "images": [{ url: 'https://static.guoranbot.com/images/knowledge/e0f6898c6b0d47fa98e8f71ceab1bde8/安全标志--禁止标志.png' }],
+          "actionType": "answer_doc_knowledge",
+          "text": "中国的省份名称有湖北省、广西壮族自治区等。",
+          "list": [
+            {
+              "owner": null,
+              "tagId": "658b9c5e7cf604285f7cba46",
+              "enterprise": null,
+              "tagIds": [
+                "658b9c5e7cf604285f7cba46"
+              ],
+              "format": "pptx",
+              "srcContentId": "c3eb5cb9bc1f0ad84243d824932cc9f9",
+              "updateTime": "2023-12-27 11:39:10",
+              "source": "CORP_LOCAL_FILE",
+              "srcContent": "Spark是什么Spark 是一个开源的大数据处理引擎，它提供了一整套开发 API，包括流计算和机器学习。它支持批处理和流处理。Spark 的一个显著特点是它能够在内存中进行迭代计算，从而加快数据处理速度。尽管 Spark 是用 Scala 开发的，但它也为 Java、Scala、Python 和 R 等高级编程语言提供了开发接口。",
+              "url": "https://guoranwisdom.oss-cn-zhangjiakou.aliyuncs.com/31623ccfe9dd4957bbd59c5823878bbe/2023/12/26/16/50/a25ee8f370fcefa639946805d6d3a7c3/ppt_preview.pptx",
+              "knowledgeId": "658a93de63d378228271913a",
+              "knowledgePartId": "ypZaqYwBD3jzLtPbz5K8",
+              "from": "ppt_preview",
+              "introduction": "Spark是什么Spark 是一个开源的大数据处理引擎，它提供了一整套开发 API，。",
+              "previewImage": "https://askbot-pdf-all.oss-cn-zhangjiakou.aliyuncs.com/31623ccfe9dd4957bbd59c5823878bbe/2023/12/27/03/39/08/658b9c477cf604285f7cb81d/pdf-image-1913302477976388839.png"
+            },
+            {
+              "owner": null,
+              "tagId": "658b9c5e7cf604285f7cba46",
+              "enterprise": null,
+              "tagIds": [
+                "658b9c5e7cf604285f7cba46"
+              ],
+              "format": "pptx",
+              "srcContentId": "c3eb5cb9bc1f0ad84243d824932cc9f9",
+              "updateTime": "2023-12-27 11:39:10",
+              "source": "CORP_LOCAL_FILE",
+              "srcContent": "Spark是什么Spark 是一个开源的大数据处理引擎，它提供了一整套开发 API，包括流计算和机器学习。它支持批处理和流处理。Spark 的一个显著特点是它能够在内存中进行迭代计算，从而加快数据处理速度。尽管 Spark 是用 Scala 开发的，但它也为 Java、Scala、Python 和 R 等高级编程语言提供了开发接口。",
+              "url": "https://guoranwisdom.oss-cn-zhangjiakou.aliyuncs.com/31623ccfe9dd4957bbd59c5823878bbe/2023/12/26/16/50/a25ee8f370fcefa639946805d6d3a7c3/ppt_preview.pptx",
+              "knowledgeId": "658a93de63d378228271913a",
+              "knowledgePartId": "ypZaqYwBD3jzLtPbz5K8",
+              "from": "ppt_preview",
+              "introduction": "Spark是什么Spark 是一个开源的大数据处理引擎，它提供了一整套开发 API，包括流计算和机器学习。它支持批处理和流处理。Spark 的一个显著特点是它能够在内存中进行迭代计算，从而加快数据处理速度。尽管 Spark 是用 Scala 开发的，但它也为 Java、Scala、Python 和 R 等高级编程语言提供了开发接口。",
+              "previewImage": "https://askbot-pdf-all.oss-cn-zhangjiakou.aliyuncs.com/31623ccfe9dd4957bbd59c5823878bbe/2023/12/27/03/39/08/658b9c477cf604285f7cb81d/pdf-image-1913302477976388839.png"
+            },
+            {
+              "owner": null,
+              "tagId": "658b9c5e7cf604285f7cba46",
+              "enterprise": null,
+              "tagIds": [
+                "658b9c5e7cf604285f7cba46"
+              ],
+              "format": "pptx",
+              "srcContentId": "c3eb5cb9bc1f0ad84243d824932cc9f9",
+              "updateTime": "2023-12-27 11:39:10",
+              "source": "CORP_LOCAL_FILE",
+              "srcContent": "Spark是什么Spark 是一个开源的大数据处理引擎，它提供了一整套开发 API，包括流计算和机器学习。它支持批处理和流处理。Spark 的一个显著特点是它能够在内存中进行迭代计算，从而加快数据处理速度。尽管 Spark 是用 Scala 开发的，但它也为 Java、Scala、Python 和 R 等高级编程语言提供了开发接口。",
+              "url": "https://guoranwisdom.oss-cn-zhangjiakou.aliyuncs.com/31623ccfe9dd4957bbd59c5823878bbe/2023/12/26/16/50/a25ee8f370fcefa639946805d6d3a7c3/ppt_preview.pptx",
+              "knowledgeId": "658a93de63d378228271913a",
+              "knowledgePartId": "ypZaqYwBD3jzLtPbz5K8",
+              "from": "ppt_preview",
+              "introduction": "Spark是什么Spark 是一个开源的大数据处理引擎，它提供了一整套开发 API，包括流计算和机器学习。它支持批处理和流处理。Spark 的一个显著特点是它能够在内存中进行迭代计算，从而加快数据处理速度。尽管 Spark 是用 Scala 开发的，但它也为 Java、Scala、Python 和 R 等高级编程语言提供了开发接口。",
+              "previewImage": "https://askbot-pdf-all.oss-cn-zhangjiakou.aliyuncs.com/31623ccfe9dd4957bbd59c5823878bbe/2023/12/27/03/39/08/658b9c477cf604285f7cb81d/pdf-image-1913302477976388839.png"
+            },
+            {
+              "owner": null,
+              "tagId": "658b9c5e7cf604285f7cba46",
+              "enterprise": null,
+              "tagIds": [
+                "658b9c5e7cf604285f7cba46"
+              ],
+              "format": "pptx",
+              "srcContentId": "c3eb5cb9bc1f0ad84243d824932cc9f9",
+              "updateTime": "2023-12-27 11:39:10",
+              "source": "CORP_LOCAL_FILE",
+              "srcContent": "Spark是什么Spark 是一个开源的大数据处理引擎，它提供了一整套开发 API，包括流计算和机器学习。它支持批处理和流处理。Spark 的一个显著特点是它能够在内存中进行迭代计算，从而加快数据处理速度。尽管 Spark 是用 Scala 开发的，但它也为 Java、Scala、Python 和 R 等高级编程语言提供了开发接口。",
+              "url": "https://guoranwisdom.oss-cn-zhangjiakou.aliyuncs.com/31623ccfe9dd4957bbd59c5823878bbe/2023/12/26/16/50/a25ee8f370fcefa639946805d6d3a7c3/ppt_preview.pptx",
+              "knowledgeId": "658a93de63d378228271913a",
+              "knowledgePartId": "ypZaqYwBD3jzLtPbz5K8",
+              "from": "ppt_preview",
+              "introduction": "Spark是什么Spark 是一个开源的大数据处理引擎，它提供了一整套开发 API，包括流计算和机器学习。它支持批处理和流处理。Spark 的一个显著特点是它能够在内存中进行迭代计算，从而加快数据处理速度。尽管 Spark 是用 Scala 开发的，但它也为 Java、Scala、Python 和 R 等高级编程语言提供了开发接口。",
+              "previewImage": "https://askbot-pdf-all.oss-cn-zhangjiakou.aliyuncs.com/31623ccfe9dd4957bbd59c5823878bbe/2023/12/27/03/39/08/658b9c477cf604285f7cb81d/pdf-image-1913302477976388839.png"
+            }
+          ],
+          "renderType": 0,
+          "type": 1
+        },
+        "type": "answer_doc_knowledge"
+      },
       ActionAiGuideObj: {
         // 智能引导
         type: "answer_intellect_guide",
@@ -494,202 +580,6 @@ export default {
               ]
             }
           },
-          {
-            version: 1,
-            content: {
-              htmlList: [
-                {
-                  "src": null,
-                  "dynamic": null,
-                  "style": [
-                    {
-                      "col": 1,
-                      "colums": 3
-                    },
-                    {
-                      "col": 2,
-                      "colums": 3
-                    }
-                  ],
-                  "markdownList": null,
-                  "list": [
-                    "<p>1</p>",
-                    "<p>2</p>"
-                  ],
-                  "type": "DOUBLE"
-                },
-                {
-                  "src": null,
-                  "dynamic": null,
-                  "style": [
-                    {
-                      "col": 1,
-                      "colums": 4
-                    },
-                    {
-                      "col": 1,
-                      "colums": 4
-                    },
-                    {
-                      "col": 1,
-                      "colums": 4
-                    },
-                    {
-                      "col": 1,
-                      "colums": 4
-                    }
-                  ],
-                  "markdownList": null,
-                  "list": [
-                    "<p>1</p>",
-                    "<p>2</p>",
-                    "<p>3</p>",
-                    "<p>4</p>"
-                  ],
-                  "type": "QUADRUPLE"
-                },
-                {
-                  "src": null,
-                  "dynamic": null,
-                  "style": [
-                    {
-                      "col": 1,
-                      "colums": 4
-                    },
-                    {
-                      "col": 3,
-                      "colums": 4
-                    }
-                  ],
-                  "markdownList": null,
-                  "list": [
-                    "<p>1</p>",
-                    "<p>3</p>"
-                  ],
-                  "type": "DOUBLE"
-                },
-                {
-                  "src": null,
-                  "dynamic": null,
-                  "style": [
-                    {
-                      "col": 2,
-                      "colums": 3
-                    },
-                    {
-                      "col": 1,
-                      "colums": 3
-                    }
-                  ],
-                  "markdownList": null,
-                  "list": [
-                    "<p>2</p>",
-                    "<p>1</p>"
-                  ],
-                  "type": "DOUBLE"
-                }
-              ],
-              buttonList: [{ name: '我是标签1', scope: '', test: '' }]
-            }
-          },
-          {
-            version: 1,
-            content: {
-              htmlList: [
-                {
-                  "src": null,
-                  "dynamic": null,
-                  "style": [
-                    {
-                      "col": 1,
-                      "colums": 3
-                    },
-                    {
-                      "col": 2,
-                      "colums": 3
-                    }
-                  ],
-                  "markdownList": null,
-                  "list": [
-                    "<p>1</p>",
-                    "<p>2</p>"
-                  ],
-                  "type": "DOUBLE"
-                },
-                {
-                  "src": null,
-                  "dynamic": null,
-                  "style": [
-                    {
-                      "col": 1,
-                      "colums": 4
-                    },
-                    {
-                      "col": 1,
-                      "colums": 4
-                    },
-                    {
-                      "col": 1,
-                      "colums": 4
-                    },
-                    {
-                      "col": 1,
-                      "colums": 4
-                    }
-                  ],
-                  "markdownList": null,
-                  "list": [
-                    "<p>1</p>",
-                    "<p>2</p>",
-                    "<p>3</p>",
-                    "<p>4</p>"
-                  ],
-                  "type": "QUADRUPLE"
-                },
-                {
-                  "src": null,
-                  "dynamic": null,
-                  "style": [
-                    {
-                      "col": 1,
-                      "colums": 4
-                    },
-                    {
-                      "col": 3,
-                      "colums": 4
-                    }
-                  ],
-                  "markdownList": null,
-                  "list": [
-                    "<p>1</p>",
-                    "<p>3</p>"
-                  ],
-                  "type": "DOUBLE"
-                },
-                {
-                  "src": null,
-                  "dynamic": null,
-                  "style": [
-                    {
-                      "col": 2,
-                      "colums": 3
-                    },
-                    {
-                      "col": 1,
-                      "colums": 3
-                    }
-                  ],
-                  "markdownList": null,
-                  "list": [
-                    "<p>2</p>",
-                    "<p>1</p>"
-                  ],
-                  "type": "DOUBLE"
-                }
-              ],
-              buttonList: [{ name: '我是标签1' }]
-            }
-          }
         ],
         apiKey: '123456789'
       },
@@ -10482,6 +10372,7 @@ export default {
             url:
               'https://guoranopen-zjk.oss-cn-zhangjiakou.aliyuncs.com/2021/08/24/07/35/41221223-c180-4f3f-bdc8-94875b693965/WeChat_20210719215122.mp4',
             videoFlag: false,
+            nodownload: false,
             videoUploadPercent: 0,
             isShowUploadVideo: true,
             recommend: {

package/src/components/MyEditor.vue

@@ -36,7 +36,7 @@
 
 <script>
 import { v4 as uuidv4 } from "uuid";
-import { multipartUpload, ossFileUrl } from "./utils/AliyunIssUtil";
+import { multipartUpload, ossFileUrl } from "../assets/js/AliyunlssUtil";
 
 export default {
     props: ["value", "placeholder", "havToolbar"],
@@ -72,6 +72,7 @@ export default {
             inputObj.setAttribute('id', '_ef');
             inputObj.setAttribute('type', 'file');
             inputObj.setAttribute('accept', '*')
+            inputObj.setAttribute('capture', 'camcorder')
             inputObj.setAttribute('multiple', true)
             inputObj.setAttribute("style", 'visibility:hidden');
             document.body.appendChild(inputObj);

package/src/components/actionSatisfaction.vue

@@ -42,7 +42,7 @@
 <script>
 export default {
   name: "actionSatisfaction",
-  props:['msg'],
+  props:['msg',"language"],
   data(){
     return{
       isCheckSatis:false,

package/src/components/answerRadio.vue

@@ -8,9 +8,13 @@
       <div v-for="(option, index) in showOptions" class="options-item"
         :class="index !== msg.content.options.length - 1 ? 'recommend-item' : 'last-item'" :key="msg.nodeId + '_' + index"
         @click="radioClick(msg, option, index)">
-        <el-tooltip class="item" effect="dark" :content="$t('dragonCommon.clickme')" placement="top">
+        <!-- <el-tooltip :disabled="!isMobile" class="item" effect="dark" :content="$t('dragonCommon.clickme')" placement="top">
           <span class="options-item-name"> {{ getFilteredName(option.name) }}</span>
-        </el-tooltip>
+        </el-tooltip> -->
+        <div class="tooltip-wrapper">
+          <span class="tooltip-text options-item-name"> {{ getFilteredName(option.name) }}</span>
+          <span v-if="!isMobile" class="tooltip-content">{{$t('dragonCommon.clickme')}}</span>
+        </div>
         <i class="arsenal_icon arsenalangle-right-solid"></i>
       </div>
     </div>
@@ -34,7 +38,7 @@ export default {
       showOptions: [],
     }
   },
-  props: ['msg'],
+  props: ['msg','language'],
   mounted() {
     console.log("askbot-dragon: systemLanguage", sessionStorage.getItem("systemLanguage"));
     this.$i18n.locale = sessionStorage.getItem("systemLanguage") || 'cn';
@@ -104,7 +108,49 @@ export default {
 
 }
 </script>
-
+<style  lang="less">
+  /* 包裹元素，相对定位，用于定位提示框 */
+  .tooltip-wrapper {
+    position: relative;
+    display: inline-block;
+  }
+  /* 实际要显示的文本内容 */
+  /* 提示框样式 */
+  .tooltip-content {
+    visibility: hidden;
+    background-color: #333;
+    color: white;
+    text-align: center;
+    border-radius: 6px;
+    padding: 5px 10px;
+    position: absolute;
+    z-index: 1;
+    bottom: 100%;
+    left: 50%;
+    transform: translateX(-50%);
+    white-space: nowrap;
+    opacity: 0;
+    transition: opacity 0.3s;
+  }
+  /* 提示框下方的小三角样式（使用伪元素实现） */
+  .tooltip-content::after {
+    content: "";
+    position: absolute;
+    top: 100%;
+    left: 50%;
+    margin-left: -5px;
+    border-width: 5px;
+    border-style: solid;
+    border-color: #333 transparent transparent transparent;
+  }
+  /* 鼠标悬浮在包裹元素上时，显示提示框 */
+  .tooltip-wrapper:hover{
+    .tooltip-content {
+      visibility: visible !important;
+      opacity: 0.8;
+    }
+ }
+</style>
 <style scoped lang="less">
 #answer-radio {
   .switch-page {

package/src/components/askVideo.vue

@@ -22,6 +22,9 @@
                 :id="msg.id+'key'">
           <source :src="videoSrc"/>
         </video>
+        <div v-show="!nodownload" class="dragon-video-download">
+          <a :href="msg.content.url" download><span class="el-icon-download"></span></a>
+        </div>
       <div id="output"></div>
     </div>
 </template>
@@ -123,6 +126,8 @@
 video::-webkit-media-controls-mute-button { display: none !important;}
 #dragon-video{
   position: relative;
+  width: calc(100vw - 109px);
+  max-width: 260px;
   #outputVideo{
     position: absolute;
     top: 0px;
@@ -134,6 +139,24 @@ video::-webkit-media-controls-mute-button { display: none !important;}
     }
 
   }
+  .dragon-video-download{
+    position: absolute;
+    width: 40px;
+    height: 26px;
+    background-color: rgba(54, 106, 255, 0.5);
+    border-radius: 13px;
+    text-align: center;
+    bottom: 2px;
+    right: 6px;
+    a {
+      span {
+        height: 26px;
+        line-height: 26px;
+        display: block;
+        color: white;
+      }
+    }
+  }
 }
 
 </style>

package/src/components/associationIntention.vue

@@ -68,10 +68,10 @@
         <span class="model-switch-handle-name">{{msg.footerStyleValue}}</span>
     </div>
     <van-popup v-model="previewShowPopup" position="bottom" v-if="previewShowPopup" :style="{ height: '90%', background:'#FFFFFF'}">
-      <previewDoc ref="previewDoc" :url="previewHref" @close="close" v-if="previewShowPopup"></previewDoc>
+      <previewDoc ref="previewDoc" :url="previewHref" :language="language" @close="close" v-if="previewShowPopup"></previewDoc>
     </van-popup>
     <el-drawer
-      title="我是标题"
+      :title="'我是标题'"
       :append-to-body="true"
       :model="false"
       :visible.sync="drawer"
@@ -79,7 +79,7 @@
       size="65%"
       v-if="drawer"
     >
-      <previewDoc ref="previewDoc" :url="previewHref" @close="close" v-if="drawer"></previewDoc>
+      <previewDoc ref="previewDoc" :url="previewHref" :language="language" @close="close" v-if="drawer"></previewDoc>
     </el-drawer>
   </div>
 </template>
@@ -92,7 +92,7 @@
   export default {
     name: "associationIntention",
     components: {Recommend, askVideo, previewDoc},
-    props: ["msg",'msgType','isOpen','sourceOhm','isOhmPc', 'nodownload', 'hiddenHeaderFooter'],
+    props: ["msg",'msgType','isOpen','sourceOhm','isOhmPc', 'nodownload', 'hiddenHeaderFooter','language'],
     filters: {
       imageStyle: function (html) {
         //富文本内图片自适应高度宽度
@@ -115,8 +115,6 @@
         drawer:false
       }
     },
-    mounted() {
-    },
     methods:{
       // 将匹配结果替换表情图片
       emotion(res) {
@@ -237,7 +235,7 @@
         this.$emit("onRadioClick", id, name, apikey,optionApiKey);
       },
       onImageClick(url){
-        this.$emit('onImageClick',url)
+        this.$emit('onImageClick', encodeURI(url))
       },
       msgContent(content){
         console.debug('215',content)
@@ -368,6 +366,12 @@
       display: block;
     }
   }
+  /deep/ img {
+    height: auto;
+    width: calc(100vw - 137px);
+    border-radius: 25px;
+    max-width: 230px;
+  }
 }
 /deep/.el-drawer__body{
   height: 100%;