askbot-dragon 0.9.4 → 0.9.6

package/src/components/ConversationContainer.vue

@@ -1,1555 +1,1555 @@
-<!-- 消息记录容器 -->
-<template>
-  <div id="conversation">
-    <!-- <asser-deatils></asser-deatils> -->
-    <!-- <msg-loading v-if="inLoading"></msg-loading>
-    <div style="position: relative" class="img_div">
-      <img
-        src="https://guoranopen-zjk.oss-cn-zhangjiakou.aliyuncs.com/2021/08/24/07/35/45c878fd-6a8e-40e2-b599-bdba8e17cf8a/微信图片_20210423113520.jpg?x-oss-process=image/auto-orient,1/quality,q_90/watermark,text_MjE=,color_cccccc,size_48,rotate_315,fill_1,x_10,y_10,t_0"
-        style="width: 100px"
-      />
-      <div class="mask">
-        <loading-process :dataNote="dataNote" :finished="finished"></loading-process>
-      </div>
-    </div> -->
-
-     <form-template
-         :formList="formList2"
-         @submitClick="submitClick"
-     ></form-template>
-    <!--    <voice-component @closeVoice="closeVoice">
-      <div slot="voiceTip">
-        松开发送
-      </div>
-    </voice-component>-->
-    <!--  点选  -->
-    <!-- <div v-html="htmlContainer"></div> -->
-    <!-- <answer-radio :msg="answerRadios"></answer-radio>
-    <action-send-to-bot :msg="answerRadios"></action-send-to-bot>
-    <ticket-message :content="contents"></ticket-message>
-    <text-message :text="text" @submitClick="submitClick"></text-message>
-    <div v-for="(item,index) in processAction" :key="index">
-      <association-intention :msg="item" :msgType="item.type" :isOpen="isOpen"></association-intention>
-    </div>
-    <el-button @click="isOpen=!isOpen">切换</el-button> -->
-    <!--  满意组件  -->
-    <!-- <action-satisfaction :msg="actionSatisfactions[0]"></action-satisfaction> -->
-    <!--    满意或不满意-->
-    <!-- <bot-action-satisfactor :msg="botActionSatis"></bot-action-satisfactor>
-    <answer-dissatisfaction :msg="answerDiss"></answer-dissatisfaction>
-    <feed-back :feedBack="feedBack"></feed-back>
-    <voice-compontent></voice-compontent> -->
-    <ai-guide :aiGuide="ActionAiGuideObj"></ai-guide>
-
-    <!--    <FileType :urls="urls" :color="black"></FileType>-->
-    <!--    <FileType :urls="urls" :color="black"></FileType>
-    <chat-content :messageList="messageList"></chat-content>-->
-  </div>
-</template>
-<script>
-// import TextMessage from '@/components/message/TextMessage'
-
-/*import FormTemplate from "@/components/formTemplate";
-import TextMessage from "@/components/message/TextMessage";*/
-
- import FormTemplate from '@/components/formTemplate'
-// import AnswerRadio from './answerRadio'
-// import TicketMessage from './message/TicketMessage'
-/*import VoiceComponent from "./voiceComponent";*/
-// import AssociationIntention from './associationIntention'
-// import ActionSatisfaction from './actionSatisfaction'
-// import MsgLoading from './msgLoading'
-// import LoadingProcess from './loadingProcess'
-// import BotActionSatisfactor from './botActionSatisfactor'
-// import AnswerDissatisfaction from './answerDissatisfaction'
-// import ActionSendToBot from './actionSendToBot'
-// import VoiceCompontent from './voiceComponent'
-// import AsserDeatils from './assetDetails.vue'
-/* import TicketMessage from "@/components/message/TicketMessage";
-import TicketMessage from "@/components/message/TicketMessage";
-import TextMessage from "@/components/message/TextMessage";
-import FeedBack from "@/components/feedBack";*/
-// iframe 弹窗组件测试
-/*import ActionAlert from "@/components/message/ActionAlertIframe";*/
-// 智能引导组件
-import AiGuide from "@/components/AiGuide";
-/*import FileType from "@/components/FileType";
-import ChatContent from "./chatContent";*/
-// import FeedBack from '@/components/feedBack'
-export default {
-  name: 'ConversationContainer',
-  components: {
-    // ActionSendToBot,
-    // AnswerDissatisfaction,
-    // BotActionSatisfactor,
-    // LoadingProcess,
-    // MsgLoading,
-    // ActionSatisfaction,
-    // AssociationIntention,
-    /* VoiceComponent,*/
-    // TicketMessage,
-    // AsserDeatils,
-    // AnswerRadio,
-     FormTemplate,
-    // TextMessage,
-    // FeedBack,
-    // VoiceCompontent,
-    AiGuide
-    // FormTemplate,
-  },
-  props: {
-    messages: Array
-  },
-  data() {
-    return {
-      black:'',
-      ActionAiGuideObj: {
-          // 智能引导
-          type: "answer_intellect_guide",
-          conditionList: [],
-          content: {
-              typesetting: "horizontal", // 排版方式 vertical 竖向 horizontal 横向
-              description: "", // 描述
-              descriptionVisible: true, // 是否展示描述
-              typesVisible: true, // 是否展示分类信息
-              groupVisible: true, // 是否分组展示
-              groupNumber: 5, // 每组展示数量
-              options: [
-                  {
-                      name: '常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题',
-                      recommendType: 0, // 0 关联意图 1 高频推荐意图 2 智能推荐
-                      recommendIntentList: [{ questionName: "打印机1", intentId: 11 },], // recommendType = 0
-                      highFrequency: { // recommendType = 1
-                          rang: [], // 推荐范围
-                          number: 20, // 最多推荐问题数
-                          question: [],
-                      },
-                      intelligenceRecommend: { // recommendType = 2
-                          recommendStrategy: [0, 1], // 0 根据与当前用户咨询过相同意图的用户所问的意图进行推荐 1 根据当前用户部门的其他用户咨询过的意图进行推荐
-                          rang: [], // 推荐范围
-                          number: 20, // 最多推荐问题数
-                          question: [],
-                      },
-                      types: [
-                          {
-                              name: "常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题",
-                              recommendType: 1, // 0 关联意图 1 高频推荐意图 2 智能推荐
-                              recommendIntentList: [
-                                { questionName: "常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题", intentId: 11 },
-                                { questionName: "打印机2", intentId: 11 },
-                                { questionName: "打印机3", intentId: 11 },
-                                { questionName: "打印机4", intentId: 11 },
-                                { questionName: "打印机5", intentId: 11 },
-                                { questionName: "打印机6", intentId: 11 },
-                                { questionName: "打印机7", intentId: 11 },
-                                { questionName: "打印机8", intentId: 11 },
-                              ], // recommendType = 0
-                              highFrequency: { // recommendType = 1
-                                  rang: [], // 推荐范围
-                                  number: 20, // 最多推荐问题数
-                                  question: [
-                                    { exampleQuestion: "常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题", intentId: 11 },
-                                    { exampleQuestion: "打印机2", intentId: 11 },
-                                    { exampleQuestion: "打印机3", intentId: 11 },
-                                    { exampleQuestion: "打印机4", intentId: 11 },
-                                    { exampleQuestion: "打印机5", intentId: 11 },
-                                    { exampleQuestion: "打印机6", intentId: 11 },
-                                    { exampleQuestion: "打印机7", intentId: 11 },
-                                  ],
-                              },
-                              intelligenceRecommend: { // recommendType = 2
-                                  recommendStrategy: [0, 1], // 0 根据与当前用户咨询过相同意图的用户所问的意图进行推荐 1 根据当前用户部门的其他用户咨询过的意图进行推荐
-                                  rang: [], // 推荐范围
-                                  number: 20, // 最多推荐问题数
-                                  question: [],
-                              },
-                          },
-                          {
-                              name: "打印机问题2",
-                              recommendType: 0, // 0 关联意图 1 高频推荐意图 2 智能推荐
-                              recommendIntentList: [{ questionName: "打印机", intentId: 11 }], // recommendType = 0
-                              highFrequency: { // recommendType = 1
-                                  rang: [], // 推荐范围
-                                  number: 20, // 最多推荐问题数
-                                  question: [],
-                              },
-                              intelligenceRecommend: { // recommendType = 2
-                                  recommendStrategy: [0, 1], // 0 根据与当前用户咨询过相同意图的用户所问的意图进行推荐 1 根据当前用户部门的其他用户咨询过的意图进行推荐
-                                  rang: [], // 推荐范围
-                                  number: 20, // 最多推荐问题数
-                                  question: [],
-                              },
-                          }
-                      ]
-                  },
-                  {
-                      name: '常见问题2',
-                      recommendType: 0, // 0 关联意图 1 高频推荐意图 2 智能推荐
-                      recommendIntentList: [{ questionName: "打印机", intentId: 11 }], // recommendType = 0
-                      highFrequency: { // recommendType = 1
-                          rang: [], // 推荐范围
-                          number: 20, // 最多推荐问题数
-                          question: [],
-                      },
-                      intelligenceRecommend: { // recommendType = 2
-                          recommendStrategy: [0, 1], // 0 根据与当前用户咨询过相同意图的用户所问的意图进行推荐 1 根据当前用户部门的其他用户咨询过的意图进行推荐
-                          rang: [], // 推荐范围
-                          number: 20, // 最多推荐问题数
-                          question: [],
-                      },
-                      types: [
-                          // {
-                          //     name: "打印机问题2",
-                          //     recommendType: 0, // 0 关联意图 1 高频推荐意图 2 智能推荐
-                          //     recommendIntentList: [{ questionName: "打印机", intentId: 11 }], // recommendType = 0
-                          //     highFrequency: { // recommendType = 1
-                          //         rang: [], // 推荐范围
-                          //         number: 20, // 最多推荐问题数
-                          //         question: [],
-                          //     },
-                          //     intelligenceRecommend: { // recommendType = 2
-                          //         recommendStrategy: [0, 1], // 0 根据与当前用户咨询过相同意图的用户所问的意图进行推荐 1 根据当前用户部门的其他用户咨询过的意图进行推荐
-                          //         rang: [], // 推荐范围
-                          //         number: 20, // 最多推荐问题数
-                          //         question: [],
-                          //     },
-                          // },
-                          // {
-                          //     name: "打印机问题3",
-                          //     recommendType: 0, // 0 关联意图 1 高频推荐意图 2 智能推荐
-                          //     recommendIntentList: [{ questionName: "打印机", intentId: 11 }], // recommendType = 0
-                          //     highFrequency: { // recommendType = 1
-                          //         rang: [], // 推荐范围
-                          //         number: 20, // 最多推荐问题数
-                          //         question: [],
-                          //     },
-                          //     intelligenceRecommend: { // recommendType = 2
-                          //         recommendStrategy: [0, 1], // 0 根据与当前用户咨询过相同意图的用户所问的意图进行推荐 1 根据当前用户部门的其他用户咨询过的意图进行推荐
-                          //         rang: [], // 推荐范围
-                          //         number: 20, // 最多推荐问题数
-                          //         question: [],
-                          //     },
-                          // }
-                      ]
-                  }
-              ], // 分类和意图数组 二维数组
-          },
-      },
-      // 弹窗组件模拟数据
-      actionAlertIframeObj: {
-        iframeId: 'iframeId999999998',
-        template: 'https://www.baidu.com/?name=5555555',
-        description: '描述',
-        height: 550,
-        width: 300,
-        scrolling: 'yes',
-        sandbox: [
-          '预留',
-          '启用一系列对 <iframe> 中内容的额外限制',
-          '参考 https://www.w3school.com.cn/tags/att_iframe_sandbox.asp'
-        ],
-        frameborder: '0/1(是否显示框架周围的边框)',
-        displayStyle: 'iframe 样式(点击弹出/嵌入iframe 字符串类型后端未做限制)'
-      },
-      contents: {
-        multiple: true,
-        cards: [
-          {
-            content: {
-              htmlList: [
-                {
-                  type: 'IMAGE',
-                  src:
-                    'https://guoranopen-zjk.oss-cn-zhangjiakou.aliyuncs.com/2021/02/03/03/11/90a549ad-5118-4bbd-b02f-88fa39a7d9e7/src=http___wx1.sinaimg.cn_mw690_0075bygJly1gg7223fbsnj31ba1yx4kl.jpg&refer=http___wx1.sinaimg.jfif'
-
-                  /*list: [
-                    {
-                      type:'IMAGE',
-                      src:'https://guoranopen-zjk.oss-cn-zhangjiakou.aliyuncs.com/2021/02/03/02/58/0d04a01a-5b57-439f-82f8-2c5dfba06fc5/5c468a64f152b1.jpg'
-                    },
-                  ],*/
-                },
-                { type: 'SINGLE', list: ['<p>aaaaaaaaaa</p>'] },
-                { type: 'SINGLE', list: ['<p>北京首都国际机场</p>'] },
-                { type: 'SINGLE', list: ['<p>北京首都国际机场啦啦啦啦</p>'] },
-                { type: 'SINGLE', list: ['<p>7:00</p>'] }
-              ],
-              buttonList: [
-                { name: '我是标签1', scope: '', test: '' },
-                { name: '我是标签2' }
-              ]
-            }
-          },
-          {
-            content: {
-              htmlList: [
-                { type: 'SINGLE', list: ['<p>aaaaa</p>'] },
-                {
-                  type: 'DOUBLE',
-                  list: [
-                    '<p>测试测试测试测试测试测试测试</p>',
-                    '<div>bbbbb</div>'
-                  ]
-                },
-                {
-                  type: 'TRIPLE',
-                  list: ['<p>7:00</p>', '<div></div>', '<p>ccccc</p>']
-                },
-                {
-                  type: 'TRIPLE',
-                  list: ['<p>7:00</p>', '<div>bbbbb</div>', '<p>12:00</p>']
-                }
-              ],
-              buttonList: [{ name: '我是标签1', scope: '', test: '' }]
-            }
-          },
-          {
-            content: {
-              htmlList: [
-                { type: 'SINGLE', list: ['<p>邓伦李沁的背景图片</p>'] },
-                { type: 'SINGLE', list: ['<p>男生藏快递向求婚被他人错拆</p>'] },
-                { type: 'SINGLE', list: ['<p>aaaaa</p>'] },
-                { type: 'SINGLE', list: ['<p>aaaaa</p>'] }
-              ],
-              buttonList: [{ name: '我是标签1' }]
-            }
-          }
-        ],
-        apiKey: '123456789'
-      },
-      formList: {
-        formActionId: '',
-        form: {
-          formFieldRelation: [
-            {
-              display: true,
-              paramName: 'miaoshu',
-              formField: {
-                deleted: false,
-                createTime: '2020-12-08T08:08:03.000+0000',
-                name: '',
-                description: '',
-                updateTime: '2020-12-08T08:10:41.000+0000',
-                id: 1112,
-                lastOperatorId: 21,
-                mainId: 'e2f80aecaf7c11eabdcd506b4b2f3ac8',
-                type: 'EXPLANATION',
-                extInfo: {
-                  descriptionText: '我是解释说明文案'
-                }
-              },
-              required: false,
-              fieldId: 1112
-            },
-            {
-              display: true,
-              paramName: 'danxuan',
-              value: '',
-              formField: {
-                deleted: false,
-                createTime: '2020-12-08T08:08:03.000+0000',
-                name: '单选1',
-                description: '',
-                updateTime: '2020-12-08T08:10:41.000+0000',
-                id: 111,
-                lastOperatorId: 21,
-                mainId: 'e2f80aecaf7c11eabdcd506b4b2f3acc',
-                type: 'RADIO',
-                extInfo: {
-                  WebHookParameter: [],
-                  value: [],
-                  option: [
-                    { _default: 'true', label: '1', value: '1' },
-                    { _default: 'false', label: '2', value: '选项二' },
-                    { _default: 'false', label: '3', value: '3' }
-                  ]
-                }
-              },
-              required: false,
-              fieldId: 111
-            },
-            {
-              display: true,
-              paramName: 'fujian',
-              formField: {
-                deleted: false,
-                createTime: '2020-12-08T08:08:03.000+0000',
-                name: '123',
-                description: '',
-                updateTime: '2020-12-08T08:10:41.000+0000',
-                id: 1117,
-                lastOperatorId: 78,
-                mainId: 'e2f80aecaf7c11eabdcd506b4b2f3accJ',
-                type: 'FILE',
-                extInfo: {
-                  fileLimit: 'more',
-                  limitNum: '3'
-                }
-              },
-              required: true,
-              fieldId: 1117,
-              value: [
-                {
-                  url: 'https://img01.yzcdn.cn/vant/leaf.jpg'
-                }
-              ]
-            },
-            {
-              display: true,
-              paramName: 'fuxuan',
-              value: [],
-              formField: {
-                deleted: false,
-                createTime: '2020-12-08T08:08:15.000+0000',
-                name: '复选1',
-                description: '',
-                updateTime: '2020-12-08T08:10:49.000+0000',
-                id: 112,
-                lastOperatorId: 21,
-                mainId: 'e2f80aecaf7c11eabdcd506b4b2f3accd',
-                type: 'CHECKBOX',
-                extInfo: {
-                  WebHookParameter: [],
-                  value: [],
-                  option: [
-                    { _default: 'false', label: '1', value: '' },
-                    {
-                      _default: 'false',
-                      label: '2',
-                      value: '选项二'
-                    },
-                    { _default: 'false', label: '3', value: '' }
-                  ]
-                }
-              },
-              required: true,
-              fieldId: 112
-            },
-            {
-              display: true,
-              paramName: 'xiala',
-              value: 'MIDDLE',
-              formField: {
-                deleted: false,
-                createTime: '2020-12-08T08:08:27.000+0000',
-                name: '下拉1',
-                description: '',
-                updateTime: '2020-12-08T08:10:56.000+0000',
-                id: 113,
-                lastOperatorId: 21,
-                mainId: 'e2f80aecaf7c11eabdcd506b4b2f3accdd',
-                type: 'SELECT',
-                extInfo: {
-                  WebHookParameter: [],
-                  value: [],
-                  option: [
-                    { _default: 'false', label: '紧急', value: 'URGENT' },
-                    {
-                      _default: 'false',
-                      label: '高',
-                      value: 'HIGH'
-                    },
-                    { _default: 'false', label: '中', value: 'MIDDLE' },
-                    { _default: 'false', label: '12', value: '12' }
-                  ]
-                }
-              },
-              required: false,
-              fieldId: 113
-            },
-            {
-              display: true,
-              paramName: 'hhh',
-              value: [
-                {
-                  url: 'https://img01.yzcdn.cn/vant/leaf.jpg'
-                },
-                {
-                  url: 'https://img01.yzcdn.cn/vant/leaf.jpg'
-                }
-              ],
-              formField: {
-                deleted: false,
-                createTime: '2020-12-08T08:08:03.000+0000',
-                name: '345',
-                description: '',
-                updateTime: '2020-12-08T08:10:41.000+0000',
-                id: 222222,
-                lastOperatorId: 78,
-                mainId: 'e2f80aecaf7c11eabdcd506b4b2f3accJ',
-                type: 'FILE',
-                extInfo: {
-                  fileLimit: 'more'
-                }
-              },
-              required: false,
-              fieldId: 222222
-            }
-          ]
-        }
-      },
-      formList2: {
-        formActionId: '11',
-        "form":{
-          "formFieldRelation": [
-            {
-              "display": true,
-              "paramName": "description",
-              "value": "",
-              "formField": {
-                "workOrderFieldId": "cf6dcae9907f410a9fb20838372d94a3",
-                "name": "问题描述",
-                "type": "TEXTAREA",
-                "extInfo": {
-                  "visibleWithoutPermission": true,
-                  "isDelete": false,
-                  "autoInput": {
-                    "enable": false,
-                    "rule": {
-                      "handler": "",
-                      "exp": "",
-                      "type": "reg"
-                    },
-                    "source": [
-
-                    ]
-                  },
-                  "range": {
-                    "start": "",
-                    "end": ""
-                  },
-                  "disabled": true,
-                  "placeholder": "故障描述"
-                }
-              },
-              "required": true,
-              "fieldId": "workorder_description"
-            },
-            {
-              "display": false,
-              "paramName": "priority",
-              "value": "MIDDLE",
-              "formField": {
-                "workOrderFieldId": "c2b3aa60dc62454585f35c9298f8f742",
-                "name": "优先级",
-                "type": "SELECT",
-                "extInfo": {
-                  "option": [
-                    {
-                      "label": "紧急",
-                      "value": "URGENT"
-                    },
-                    {
-                      "label": "高",
-                      "value": "HIGH"
-                    },
-                    {
-                      "label": "中",
-                      "value": "MIDDLE"
-                    },
-                    {
-                      "label": "低",
-                      "value": "LOW"
-                    }
-                  ]
-                }
-              },
-              "required": true,
-              "fieldId": "workorder_priority"
-            },
-            {
-              "display": false,
-              "paramName": "clientId",
-              "value": "",
-              "formField": {
-                "workOrderFieldId": "",
-                "name": "客户",
-                "type": "SELECT",
-                "extInfo": {
-                  "option": [
-                    {
-                      "label": "woWeMoBwAAuVBh99lkM5EeUzFn47YI-Q",
-                      "value": "63082e3df82611324e0a2d6d"
-                    },
-                    {
-                      "label": "woWeMoBwAA-zPwE_r9SW1g3Z_rNOPpbw",
-                      "value": "6344e433614f1e553d2df727"
-                    }
-                  ]
-                }
-              },
-              "required": false,
-              "fieldId": "workorder_clientId"
-            },
-            {
-              "display": false,
-              "paramName": "statusId",
-              "value": "63072fa308dabd41ab806ee5",
-              "formField": {
-                "workOrderFieldId": "164c56671b714a90b556ef324cad81ab",
-                "name": "状态",
-                "type": "SELECT",
-                "extInfo": {
-                  "option": [
-                    {
-                      "label": "新建",
-                      "value": "63072fa308dabd41ab806ee5"
-                    },
-                    {
-                      "label": "解决中",
-                      "value": "63072fa308dabd41ab806ee6"
-                    },
-                    {
-                      "label": "已解决",
-                      "value": "63072fa308dabd41ab806ee7"
-                    },
-                    {
-                      "label": "已关闭",
-                      "value": "63072fa308dabd41ab806ee8"
-                    }
-                  ]
-                }
-              },
-              "required": true,
-              "fieldId": "workorder_statusId"
-            },
-            {
-              "display": true,
-              "paramName": "fieldValue.ba1ad3b6a9224f82aca2669e25a7f53b",
-              "value": "",
-              "formField": {
-                "workOrderFieldId": "ba1ad3b6a9224f82aca2669e25a7f53b",
-                "name": "归属地",
-                "type": "RADIO",
-                "extInfo": {
-                  "isDelete": true,
-                  "autoInput": {
-                    "enable": false,
-                    "rule": {
-                      "handler": "",
-                      "type": "dict",
-                      "exp": ""
-                    },
-                    "source": [
-
-                    ]
-                  },
-                  "options": [
-                    {
-                      "_default": "false",
-                      "relationTags": [
-                        {
-                          "name": "楼层",
-                          "id": "10557da84231430aa1bb866adfbc7a9d"
-                        },
-                        {
-                          "name": "楼层方位",
-                          "id": "df603a2028c64403864fe86992b58fc6"
-                        },
-                        {
-                          "name": "维修类别",
-                          "id": "73ea91093fbd4421ae4af006ebe01cc2"
-                        }
-                      ],
-                      "label": "丽水总部大楼",
-                      "relationItems": [
-                        "10557da84231430aa1bb866adfbc7a9d",
-                        "df603a2028c64403864fe86992b58fc6",
-                        "73ea91093fbd4421ae4af006ebe01cc2"
-                      ],
-                      "value": "丽水总部大楼",
-                      "requiredItems": [
-                        "10557da84231430aa1bb866adfbc7a9d",
-                        "df603a2028c64403864fe86992b58fc6",
-                        "73ea91093fbd4421ae4af006ebe01cc2"
-                      ]
-                    },
-                    {
-                      "_default": "false",
-                      "relationTags": [
-                        {
-                          "name": "维修类别",
-                          "id": "22f44fe2fe9f418db773e0ec5e24074c"
-                        }
-                      ],
-                      "label": "安徽六安",
-                      "relationItems": [
-                        "22f44fe2fe9f418db773e0ec5e24074c"
-                      ],
-                      "value": "安徽六安",
-                      "requiredItems": [
-                        "22f44fe2fe9f418db773e0ec5e24074c"
-                      ]
-                    }
-                  ],
-                  "range": {
-                    "start": "",
-                    "end": ""
-                  },
-                  "placeholder": "请选择",
-                  "associatedAction": [
-                    "relationItems",
-                    "requiredItems"
-                  ],
-                  "dependent": {
-
-                  }
-                }
-              },
-              "required": false,
-              "fieldId": "ba1ad3b6a9224f82aca2669e25a7f53b"
-            },
-            {
-              "display": true,
-              "paramName": "fieldValue.10557da84231430aa1bb866adfbc7a9d",
-              "value": "",
-              "formField": {
-                "workOrderFieldId": "10557da84231430aa1bb866adfbc7a9d",
-                "name": "楼层",
-                "type": "INPUT",
-                "extInfo": {
-                  "unit": "",
-                  "isDelete": true,
-                  "autoInput": {
-                    "enable": false,
-                    "rule": {
-                      "handler": "",
-                      "type": "reg",
-                      "exp": ""
-                    },
-                    "source": [
-
-                    ]
-                  },
-                  "requiredDependentFieldId": {
-                    "ba1ad3b6a9224f82aca2669e25a7f53b": [
-                      "丽水总部大楼"
-                    ]
-                  },
-                  "range": {
-                    "start": "",
-                    "end": ""
-                  },
-                  "inputType": "TEXT",
-                  "dependentFieldId": {
-                    "ba1ad3b6a9224f82aca2669e25a7f53b": [
-                      "丽水总部大楼"
-                    ]
-                  },
-                  "placeholder": "请输入",
-                  "maxNum": 100
-                }
-              },
-              "required": false,
-              "fieldId": "10557da84231430aa1bb866adfbc7a9d"
-            },
-            {
-              "display": true,
-              "paramName": "fieldValue.df603a2028c64403864fe86992b58fc6",
-              "value": "",
-              "formField": {
-                "workOrderFieldId": "df603a2028c64403864fe86992b58fc6",
-                "name": "楼层方位",
-                "type": "RADIO",
-                "extInfo": {
-                  "isDelete": true,
-                  "autoInput": {
-                    "enable": false,
-                    "rule": {
-                      "handler": "",
-                      "type": "dict",
-                      "exp": ""
-                    },
-                    "source": [
-
-                    ]
-                  },
-                  "options": [
-                    {
-                      "_default": false,
-                      "label": "东面",
-                      "relationItems": [
-
-                      ],
-                      "value": "东面",
-                      "requiredItems": [
-
-                      ]
-                    },
-                    {
-                      "_default": false,
-                      "label": "南面",
-                      "relationItems": [
-
-                      ],
-                      "value": "南面",
-                      "requiredItems": [
-
-                      ]
-                    },
-                    {
-                      "_default": false,
-                      "label": "西面",
-                      "relationItems": [
-
-                      ],
-                      "value": "西面",
-                      "requiredItems": [
-
-                      ]
-                    },
-                    {
-                      "_default": "false",
-                      "label": "北面",
-                      "value": "北面"
-                    }
-                  ],
-                  "requiredDependentFieldId": {
-                    "ba1ad3b6a9224f82aca2669e25a7f53b": [
-                      "丽水总部大楼"
-                    ]
-                  },
-                  "range": {
-                    "start": "",
-                    "end": ""
-                  },
-                  "dependentFieldId": {
-                    "ba1ad3b6a9224f82aca2669e25a7f53b": [
-                      "丽水总部大楼"
-                    ]
-                  },
-                  "placeholder": "请选择",
-                  "dependent": {
-
-                  }
-                }
-              },
-              "required": false,
-              "fieldId": "df603a2028c64403864fe86992b58fc6"
-            },
-            {
-              "display": true,
-              "paramName": "fieldValue.73ea91093fbd4421ae4af006ebe01cc2",
-              "value": [
-
-              ],
-              "formField": {
-                "workOrderFieldId": "73ea91093fbd4421ae4af006ebe01cc2",
-                "name": "维修类别",
-                "type": "CASCADER",
-                "extInfo": {
-                  "isDelete": true,
-                  "autoInput": {
-                    "enable": false,
-                    "rule": {
-                      "handler": "",
-                      "type": "dict",
-                      "exp": ""
-                    },
-                    "source": [
-
-                    ]
-                  },
-                  "requiredDependentFieldId": {
-                    "ba1ad3b6a9224f82aca2669e25a7f53b": [
-                      "丽水总部大楼"
-                    ]
-                  },
-                  "range": {
-                    "start": "",
-                    "end": ""
-                  },
-                  "selectType": "单选",
-                  "dependentFieldId": {
-                    "ba1ad3b6a9224f82aca2669e25a7f53b": [
-                      "丽水总部大楼"
-                    ]
-                  },
-                  "placeholder": "请选择",
-                  "dependent": {
-
-                  },
-                  "fieldValue": [
-
-                  ],
-                  "cascadeDown": {
-                    "options": [
-                      {
-                        "_default": false,
-                        "children": [
-                          {
-                            "_default": false,
-                            "children": [
-                              {
-                                "_default": false,
-                                "label": "开机显示屏不亮",
-                                "relationItems": [
-
-                                ],
-                                "value": "开机显示屏不亮"
-                              },
-                              {
-                                "_default": false,
-                                "label": "其他",
-                                "relationItems": [
-
-                                ],
-                                "value": "其他"
-                              }
-                            ],
-                            "label": "硬件类",
-                            "relationItems": [
-
-                            ],
-                            "value": "硬件类"
-                          },
-                          {
-                            "_default": false,
-                            "children": [
-                              {
-                                "_default": false,
-                                "label": "公司业务系统打不开",
-                                "relationItems": [
-
-                                ],
-                                "value": "公司业务系统打不开"
-                              },
-                              {
-                                "_default": false,
-                                "label": "其他",
-                                "relationItems": [
-
-                                ],
-                                "value": "其他"
-                              }
-                            ],
-                            "label": "软件类",
-                            "relationItems": [
-
-                            ],
-                            "value": "软件类"
-                          }
-                        ],
-                        "label": "计算机电子相关类（服饰板块）",
-                        "relationItems": [
-
-                        ],
-                        "value": "计算机电子相关类（服饰板块）",
-                        "requiredItems": [
-
-                        ]
-                      },
-                      {
-                        "_default": false,
-                        "children": [
-                          {
-                            "_default": false,
-                            "children": [
-                              {
-                                "_default": false,
-                                "label": "水管问题",
-                                "relationItems": [
-
-                                ],
-                                "value": "水管问题"
-                              },
-                              {
-                                "_default": false,
-                                "label": "电灯不亮",
-                                "relationItems": [
-
-                                ],
-                                "value": "电灯不亮"
-                              }
-                            ],
-                            "label": "生活类",
-                            "relationItems": [
-
-                            ],
-                            "value": "生活类"
-                          },
-                          {
-                            "_default": false,
-                            "children": [
-                              {
-                                "_default": false,
-                                "label": "门窗坏",
-                                "relationItems": [
-
-                                ],
-                                "value": "门窗坏"
-                              },
-                              {
-                                "_default": false,
-                                "label": "桌子坏",
-                                "relationItems": [
-
-                                ],
-                                "value": "桌子坏"
-                              }
-                            ],
-                            "label": "桌椅类",
-                            "relationItems": [
-
-                            ],
-                            "value": "桌椅类"
-                          }
-                        ],
-                        "label": "水电生活办公类",
-                        "relationItems": [
-
-                        ],
-                        "value": "水电生活办公类"
-                      }
-                    ]
-                  }
-                }
-              },
-              "required": false,
-              "fieldId": "73ea91093fbd4421ae4af006ebe01cc2"
-            },
-            {
-              "display": true,
-              "paramName": "fieldValue.22f44fe2fe9f418db773e0ec5e24074c",
-              "value": [
-                ""
-              ],
-              "formField": {
-                "workOrderFieldId": "22f44fe2fe9f418db773e0ec5e24074c",
-                "name": "维修类别",
-                "type": "CASCADER",
-                "extInfo": {
-                  "isDelete": true,
-                  "autoInput": {
-                    "enable": false,
-                    "rule": {
-                      "handler": "",
-                      "type": "dict",
-                      "exp": ""
-                    },
-                    "source": [
-
-                    ]
-                  },
-                  "requiredDependentFieldId": {
-                    "ba1ad3b6a9224f82aca2669e25a7f53b": [
-                      "安徽六安"
-                    ]
-                  },
-                  "range": {
-                    "start": "",
-                    "end": ""
-                  },
-                  "selectType": "单选",
-                  "dependentFieldId": {
-                    "ba1ad3b6a9224f82aca2669e25a7f53b": [
-                      "安徽六安"
-                    ]
-                  },
-                  "placeholder": "请选择",
-                  "dependent": {
-
-                  },
-                  "cascadeDown": {
-                    "options": [
-                      {
-                        "_default": false,
-                        "children": [
-                          {
-                            "_default": false,
-                            "children": [
-                              {
-                                "_default": false,
-                                "label": "软件问题",
-                                "relationItems": [
-
-                                ],
-                                "value": "软件问题"
-                              },
-                              {
-                                "_default": false,
-                                "label": "电脑无法开机",
-                                "relationItems": [
-
-                                ],
-                                "value": "电脑无法开机"
-                              }
-                            ],
-                            "label": "电脑故障",
-                            "relationItems": [
-
-                            ],
-                            "value": "电脑故障"
-                          }
-                        ],
-                        "label": "IT类",
-                        "relationItems": [
-
-                        ],
-                        "value": "IT类",
-                        "requiredItems": [
-
-                        ]
-                      },
-                      {
-                        "_default": false,
-                        "children": [
-                          {
-                            "_default": false,
-                            "children": [
-                              {
-                                "_default": false,
-                                "label": "空调问题",
-                                "relationItems": [
-
-                                ],
-                                "value": "空调问题"
-                              },
-                              {
-                                "_default": false,
-                                "label": "电灯问题",
-                                "relationItems": [
-
-                                ],
-                                "value": "电灯问题"
-                              }
-                            ],
-                            "label": "生产类",
-                            "relationItems": [
-
-                            ],
-                            "value": "生产类"
-                          },
-                          {
-                            "_default": false,
-                            "children": [
-                              {
-                                "_default": false,
-                                "label": "食堂设备问题",
-                                "relationItems": [
-
-                                ],
-                                "value": "食堂设备问题"
-                              },
-                              {
-                                "_default": false,
-                                "label": "商铺设备问题",
-                                "relationItems": [
-
-                                ],
-                                "value": "商铺设备问题"
-                              }
-                            ],
-                            "label": "生活类",
-                            "relationItems": [
-
-                            ],
-                            "value": "生活类"
-                          }
-                        ],
-                        "label": "公用设备类",
-                        "relationItems": [
-
-                        ],
-                        "value": "公用设备类"
-                      }
-                    ]
-                  }
-                }
-              },
-              "required": false,
-              "fieldId": "22f44fe2fe9f418db773e0ec5e24074c"
-            },
-            {
-              "display": true,
-              "paramName": "fieldValue.e90295e2c760460c95480ee61fe160ad",
-              "value": "",
-              "formField": {
-                "workOrderFieldId": "e90295e2c760460c95480ee61fe160ad",
-                "name": "聊天记录",
-                "type": "CHAT_RECORD",
-                "extInfo": {
-                  "visibleWithoutPermission": true,
-                  "isDelete": true,
-                  "autoInput": {
-                    "enable": false,
-                    "rule": {
-                      "handler": "",
-                      "exp": "",
-                      "type": "reg"
-                    },
-                    "source": [
-
-                    ]
-                  },
-                  "range": {
-                    "start": "",
-                    "end": ""
-                  },
-                  "disabled": false
-                }
-              },
-              "required": false,
-              "fieldId": "e90295e2c760460c95480ee61fe160ad"
-            }
-          ]
-        }
-      },
-      text: {
-        template:
-          '<p>开始时间&nbsp;<span class="ask-component-placeholder-container"><span class="ask-component-placeholder-span" data="${开始时间戳_秒}" type="INPUT">1607427268</span><i class="ask-component-placeholder-icon arsenal_icon arsenalbianji2" icon="arsenal_icon arsenalkebianji" editable="true" onclick="_askEditValue(this,this.previousElementSibling)"></i><br/></span>结束时间&nbsp;<span class="ask-component-placeholder-container"><span class="ask-component-placeholder-span" data="${结束时间戳_秒}" type="TIME_PICKER">1607772868</span><i class="ask-component-placeholder-icon arsenal_icon arsenalkebianji" icon="arsenal_icon arsenalkebianji" editable="true" onclick="_askEditValue(this,this.previousElementSibling)"></i></span></p>',
-        goToAction: { value: '123' },
-        apiKey: ''
-      },
-      rem: 'rem',
-      feedBack: {
-        positiveFeedback: { text: '有用有用有用有用' },
-        negativeFeedback: { text: '无用无用无用无用' },
-        feedbackActions: [],
-        feedbackUid: ''
-      },
-      urls: [
-        {
-          status: 'success',
-          name: 'portal.test.askbot.cn_20201214_153724.zip',
-          size: 2077,
-          percentage: 100,
-          uid: 1609154083480,
-          raw: { uid: 1609154083480 },
-          response:
-            'https://guoranopen-zjk.oss-cn-zhangjiakou.aliyuncs.com/2020/12/28/07/15/d4c7a970-037e-454a-9921-821c0e81a3c5.zip'
-        },
-        {
-          status: 'success',
-          name: 'portal._153724.doc',
-          size: 2077,
-          percentage: 100,
-          uid: 1609154083480,
-          raw: { uid: 1609154083480 },
-          response:
-            'https://guoranopen-zjk.oss-cn-zhangjiakou.aliyuncs.com/2020/12/28/07/15/d4c7a970-037e-454a-9921-821c0e81a3c5.zip'
-        },
-        {
-          status: 'success',
-          name: 'portal.test.askbot.cn_20201214_153724.xls',
-          size: 2077,
-          percentage: 100,
-          uid: 1609154083480,
-          raw: { uid: 1609154083480 },
-          response:
-            'https://guoranopen-zjk.oss-cn-zhangjiakou.aliyuncs.com/2020/12/28/07/15/d4c7a970-037e-454a-9921-821c0e81a3c5.zip'
-        },
-        {
-          status: 'success',
-          name: 'portal.test.askbot.cn_20201214_153724.ppt',
-          size: 2077,
-          percentage: 100,
-          uid: 1609154083480,
-          raw: { uid: 1609154083480 },
-          response:
-            'https://guoranopen-zjk.oss-cn-zhangjiakou.aliyuncs.com/2020/12/28/07/15/d4c7a970-037e-454a-9921-821c0e81a3c5.zip'
-        },
-        {
-          status: 'success',
-          name: 'portal.test.askbot.cn_20201214_153724.pdf',
-          size: 2077,
-          percentage: 100,
-          uid: 1609154083480,
-          raw: { uid: 1609154083480 },
-          response:
-            'https://guoranopen-zjk.oss-cn-zhangjiakou.aliyuncs.com/2020/12/28/07/15/d4c7a970-037e-454a-9921-821c0e81a3c5.zip'
-        },
-        {
-          status: 'success',
-          name: 'portal.test.askbot.cn_20201214_153724.zip',
-          size: 2077,
-          percentage: 100,
-          uid: 1609154083480,
-          raw: { uid: 1609154083480 },
-          response:
-            'https://guoranopen-zjk.oss-cn-zhangjiakou.aliyuncs.com/2020/12/28/07/15/d4c7a970-037e-454a-9921-821c0e81a3c5.zip'
-        }
-      ],
-      messageList: [
-        {
-          content:
-            '您好，我是郑俊成的智能助理，请问您是为企业咨询还是个人兴趣？',
-          speaker: 'bot',
-          type: 'answer_text'
-        },
-        { content: '单位', speaker: 'user', type: 'answer_text' }
-      ],
-      answerMsg: {
-        content: {
-          description: '你好，我是点选',
-          options: [
-            {
-              name: '跳转意图',
-              scope: 'INTENT',
-              value: '3535'
-            }
-          ]
-        }
-      },
-      showLoad: false,
-      videoUrl:
-        'https://guoranopen-zjk.oss-cn-zhangjiakou.aliyuncs.com/2021/08/27/10/22/56fb13eb-b94a-45e8-b131-04531330cb2c/微信_20210719215122.mp4',
-      processAction: [
-        {
-          content: {
-            html:
-              '<p style="line-height: 16px;"><img onclick=\'previewImage(this)\'  src="https://test.open.guoranbot.com/UEditor/dialogs/attachment/fileTypeImages/icon_txt.gif"/><a style="font-size:12px; color:#0066cc;" href="https://static.guoranbot.com/ueditor/2022/03/11/c788d2d7fea04be680cc920e1f99db8e/分析报告 (1).xlsx" title="分析报告 (1).xlsx">分析报告 (1).xlsx</a></p><p><br/></p>',
-            recommend: {
-              description: '关联意图测试描述',
-              list: [
-                {
-                  id: '3539',
-                  text: '文本',
-                  type: 1
-                },
-                {
-                  id: '3540',
-                  text: '图片',
-                  type: 1
-                }
-              ],
-              status: true
-            }
-          },
-          type: 'answer_rich_text',
-          id: '60df03aeeea6014311dc4285',
-          intentId: 6064,
-          recommend: {
-            description: '关联意图测试描述',
-            list: [
-              {
-                id: '3539',
-                text: '文本',
-                type: 1
-              },
-              {
-                id: '3540',
-                text: '图片',
-                type: 1
-              }
-            ],
-            status: true
-          }
-        },
-
-        {
-          content: {
-            url:
-              'https://guoranopen-zjk.oss-cn-zhangjiakou.aliyuncs.com/2021/08/24/07/35/45c878fd-6a8e-40e2-b599-bdba8e17cf8a/微信图片_20210423113520.jpg?x-oss-process=image/auto-orient,1/quality,q_90/watermark,text_MjE=,color_cccccc,size_48,rotate_315,fill_1,x_10,y_10,t_0',
-            html: '测试文本-关联推荐没有描述',
-            recommend: {
-              description: '',
-              list: [
-                {
-                  id: '3539',
-                  text: '文本',
-                  type: 1
-                },
-                {
-                  id: '3540',
-                  text: '图片',
-                  type: 1
-                }
-              ],
-              status: true
-            }
-          },
-          type: 'answer_image',
-          id: '6124d9b1c12fa234e0b3ddc8',
-          intentId: 6064,
-          recommend: {
-            description: '',
-            list: [
-              {
-                id: '3539',
-                text: '文本',
-                type: 1
-              },
-              {
-                id: '3540',
-                text: '图片',
-                type: 1
-              }
-            ],
-            status: true
-          }
-        },
-        {
-          content: {
-            url:
-              'https://guoranopen-zjk.oss-cn-zhangjiakou.aliyuncs.com/2021/08/24/07/35/41221223-c180-4f3f-bdc8-94875b693965/WeChat_20210719215122.mp4',
-            videoFlag: false,
-            videoUploadPercent: 0,
-            isShowUploadVideo: true,
-            recommend: {
-              description: '关联意图测试描述',
-              list: [
-                {
-                  id: '3539',
-                  text: '文本',
-                  type: 1
-                }
-              ],
-              status: true
-            }
-          },
-          type: 'answer_video',
-          id: '60df03aeeea6014311dc4285',
-          intentId: 6064,
-          recommend: {
-            description: '关联意图测试描述',
-            list: [
-              {
-                id: '3539',
-                text: '文本',
-                type: 1
-              }
-            ],
-            status: true
-          }
-        }
-      ],
-      actionSatisfactions: [
-        {
-          content: {
-            satisfactionDes: '满意度',
-            satisfactoryAnswer: '',
-            unsatisfiedAnswer: '',
-            answerRadio: [
-              {
-                answer: '哦哦哦',
-                name: '哈哈哈'
-              }
-            ]
-          }
-        }
-      ],
-      inLoading: true,
-      dataNote: 0,
-      timer: null,
-      finished: false,
-      botActionSatis: {
-        content: {
-          reply_text: '哈哈哈哈哈',
-          reply_options: [
-            {
-              name: '暗示丢',
-              answer: '暗示丢1504559775615045597756kjl',
-              apiKey: ''
-            },
-            {
-              name: '暗示丢2',
-              answer: '暗示丢11504559775615045597756kjl',
-              apiKey: ''
-            }
-          ]
-        }
-      },
-      answerDiss: {
-        content: {
-          replyText: '哈哈哈哈哈',
-          replyOptions: [
-            {
-              name: '暗示丢',
-              answer: '暗示丢1504559775615045597756kjl',
-              apiKey: ''
-            },
-            {
-              name: '暗示丢2',
-              answer: '暗示丢11504559775615045597756kjl',
-              apiKey: ''
-            }
-          ]
-        }
-      },
-      answerRadios: {
-        content: {
-          description: '请点击下方选项继续测试',
-          options: [
-            {
-              name: '跳转节点1',
-              scope: 'NODE',
-              value: '60177b9470814d4ce924f1ed'
-            },
-            {
-              name: '跳转意图',
-              scope: 'INTENT',
-              value: '3558'
-            },
-            {
-              name: '跳转节点2',
-              scope: 'NODE',
-              value: '60af4505d0acd7017620c4f2'
-            }
-          ],
-          recommend: {
-            description: '',
-            status: false,
-            list: []
-          }
-        },
-        type: 'answer_radio'
-      },
-      htmlContainer: '<input placeholder="请输入"></input>',
-      isOpen: true
-    }
-  },
-  methods: {
-    submitClick(value) {
-      console.log(value)
-    },
-    submitClicks(value) {
-      console.log(value)
-    },
-    positiveFeedback(value1) {
-      console.log(value1)
-    },
-    touchEnd(index) {
-      console.log(index)
-    },
-    closeVoice() {
-      console.debug('我是close事件')
-    },
-  },
-  mounted() {
-    this.timer = setInterval(() => {
-      this.dataNote += 1
-      console.debug('this.dataNote', this.dataNote)
-    }, 1000)
-
-    setTimeout(() => {
-      this.inLoading = true
-    }, 2000)
-    setTimeout(() => {
-      this.finished = true
-      this.dataNote = 10
-      clearInterval(this.timer)
-    }, 5000)
-  },
-  updated() {}
-}
-</script>
-
-<!-- Add "scoped" attribute to limit CSS to this component only -->
-<style scoped lang="less">
-@import '../assets/less/converSationContainer/converSatonContainer';
-#conversation {
-  background-color: #f5f7fb;
-}
-.img_div {
-  position: relative;
-  .mask {
-    position: absolute;
-    top: 0;
-    right: 0;
-    width: 100%;
-    height: 100%;
-    border-radius: 10px;
-  }
-}
-</style>
+<!-- 消息记录容器 -->
+<template>
+  <div id="conversation">
+    <!-- <asser-deatils></asser-deatils> -->
+    <!-- <msg-loading v-if="inLoading"></msg-loading>
+    <div style="position: relative" class="img_div">
+      <img
+        src="https://guoranopen-zjk.oss-cn-zhangjiakou.aliyuncs.com/2021/08/24/07/35/45c878fd-6a8e-40e2-b599-bdba8e17cf8a/微信图片_20210423113520.jpg?x-oss-process=image/auto-orient,1/quality,q_90/watermark,text_MjE=,color_cccccc,size_48,rotate_315,fill_1,x_10,y_10,t_0"
+        style="width: 100px"
+      />
+      <div class="mask">
+        <loading-process :dataNote="dataNote" :finished="finished"></loading-process>
+      </div>
+    </div> -->
+
+     <form-template
+         :formList="formList2"
+         @submitClick="submitClick"
+     ></form-template>
+    <!--    <voice-component @closeVoice="closeVoice">
+      <div slot="voiceTip">
+        松开发送
+      </div>
+    </voice-component>-->
+    <!--  点选  -->
+    <!-- <div v-html="htmlContainer"></div> -->
+    <!-- <answer-radio :msg="answerRadios"></answer-radio>
+    <action-send-to-bot :msg="answerRadios"></action-send-to-bot>
+    <ticket-message :content="contents"></ticket-message>
+    <text-message :text="text" @submitClick="submitClick"></text-message>
+    <div v-for="(item,index) in processAction" :key="index">
+      <association-intention :msg="item" :msgType="item.type" :isOpen="isOpen"></association-intention>
+    </div>
+    <el-button @click="isOpen=!isOpen">切换</el-button> -->
+    <!--  满意组件  -->
+    <!-- <action-satisfaction :msg="actionSatisfactions[0]"></action-satisfaction> -->
+    <!--    满意或不满意-->
+    <!-- <bot-action-satisfactor :msg="botActionSatis"></bot-action-satisfactor>
+    <answer-dissatisfaction :msg="answerDiss"></answer-dissatisfaction>
+    <feed-back :feedBack="feedBack"></feed-back>
+    <voice-compontent></voice-compontent> -->
+    <ai-guide :aiGuide="ActionAiGuideObj"></ai-guide>
+
+    <!--    <FileType :urls="urls" :color="black"></FileType>-->
+    <!--    <FileType :urls="urls" :color="black"></FileType>
+    <chat-content :messageList="messageList"></chat-content>-->
+  </div>
+</template>
+<script>
+// import TextMessage from '@/components/message/TextMessage'
+
+/*import FormTemplate from "@/components/formTemplate";
+import TextMessage from "@/components/message/TextMessage";*/
+
+ import FormTemplate from '@/components/formTemplate'
+// import AnswerRadio from './answerRadio'
+// import TicketMessage from './message/TicketMessage'
+/*import VoiceComponent from "./voiceComponent";*/
+// import AssociationIntention from './associationIntention'
+// import ActionSatisfaction from './actionSatisfaction'
+// import MsgLoading from './msgLoading'
+// import LoadingProcess from './loadingProcess'
+// import BotActionSatisfactor from './botActionSatisfactor'
+// import AnswerDissatisfaction from './answerDissatisfaction'
+// import ActionSendToBot from './actionSendToBot'
+// import VoiceCompontent from './voiceComponent'
+// import AsserDeatils from './assetDetails.vue'
+/* import TicketMessage from "@/components/message/TicketMessage";
+import TicketMessage from "@/components/message/TicketMessage";
+import TextMessage from "@/components/message/TextMessage";
+import FeedBack from "@/components/feedBack";*/
+// iframe 弹窗组件测试
+/*import ActionAlert from "@/components/message/ActionAlertIframe";*/
+// 智能引导组件
+import AiGuide from "@/components/AiGuide";
+/*import FileType from "@/components/FileType";
+import ChatContent from "./chatContent";*/
+// import FeedBack from '@/components/feedBack'
+export default {
+  name: 'ConversationContainer',
+  components: {
+    // ActionSendToBot,
+    // AnswerDissatisfaction,
+    // BotActionSatisfactor,
+    // LoadingProcess,
+    // MsgLoading,
+    // ActionSatisfaction,
+    // AssociationIntention,
+    /* VoiceComponent,*/
+    // TicketMessage,
+    // AsserDeatils,
+    // AnswerRadio,
+     FormTemplate,
+    // TextMessage,
+    // FeedBack,
+    // VoiceCompontent,
+    AiGuide
+    // FormTemplate,
+  },
+  props: {
+    messages: Array
+  },
+  data() {
+    return {
+      black:'',
+      ActionAiGuideObj: {
+          // 智能引导
+          type: "answer_intellect_guide",
+          conditionList: [],
+          content: {
+              typesetting: "horizontal", // 排版方式 vertical 竖向 horizontal 横向
+              description: "", // 描述
+              descriptionVisible: true, // 是否展示描述
+              typesVisible: true, // 是否展示分类信息
+              groupVisible: true, // 是否分组展示
+              groupNumber: 5, // 每组展示数量
+              options: [
+                  {
+                      name: '常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题',
+                      recommendType: 0, // 0 关联意图 1 高频推荐意图 2 智能推荐
+                      recommendIntentList: [{ questionName: "打印机1", intentId: 11 },], // recommendType = 0
+                      highFrequency: { // recommendType = 1
+                          rang: [], // 推荐范围
+                          number: 20, // 最多推荐问题数
+                          question: [],
+                      },
+                      intelligenceRecommend: { // recommendType = 2
+                          recommendStrategy: [0, 1], // 0 根据与当前用户咨询过相同意图的用户所问的意图进行推荐 1 根据当前用户部门的其他用户咨询过的意图进行推荐
+                          rang: [], // 推荐范围
+                          number: 20, // 最多推荐问题数
+                          question: [],
+                      },
+                      types: [
+                          {
+                              name: "常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题",
+                              recommendType: 1, // 0 关联意图 1 高频推荐意图 2 智能推荐
+                              recommendIntentList: [
+                                { questionName: "常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题", intentId: 11 },
+                                { questionName: "打印机2", intentId: 11 },
+                                { questionName: "打印机3", intentId: 11 },
+                                { questionName: "打印机4", intentId: 11 },
+                                { questionName: "打印机5", intentId: 11 },
+                                { questionName: "打印机6", intentId: 11 },
+                                { questionName: "打印机7", intentId: 11 },
+                                { questionName: "打印机8", intentId: 11 },
+                              ], // recommendType = 0
+                              highFrequency: { // recommendType = 1
+                                  rang: [], // 推荐范围
+                                  number: 20, // 最多推荐问题数
+                                  question: [
+                                    { exampleQuestion: "常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题", intentId: 11 },
+                                    { exampleQuestion: "打印机2", intentId: 11 },
+                                    { exampleQuestion: "打印机3", intentId: 11 },
+                                    { exampleQuestion: "打印机4", intentId: 11 },
+                                    { exampleQuestion: "打印机5", intentId: 11 },
+                                    { exampleQuestion: "打印机6", intentId: 11 },
+                                    { exampleQuestion: "打印机7", intentId: 11 },
+                                  ],
+                              },
+                              intelligenceRecommend: { // recommendType = 2
+                                  recommendStrategy: [0, 1], // 0 根据与当前用户咨询过相同意图的用户所问的意图进行推荐 1 根据当前用户部门的其他用户咨询过的意图进行推荐
+                                  rang: [], // 推荐范围
+                                  number: 20, // 最多推荐问题数
+                                  question: [],
+                              },
+                          },
+                          {
+                              name: "打印机问题2",
+                              recommendType: 0, // 0 关联意图 1 高频推荐意图 2 智能推荐
+                              recommendIntentList: [{ questionName: "打印机", intentId: 11 }], // recommendType = 0
+                              highFrequency: { // recommendType = 1
+                                  rang: [], // 推荐范围
+                                  number: 20, // 最多推荐问题数
+                                  question: [],
+                              },
+                              intelligenceRecommend: { // recommendType = 2
+                                  recommendStrategy: [0, 1], // 0 根据与当前用户咨询过相同意图的用户所问的意图进行推荐 1 根据当前用户部门的其他用户咨询过的意图进行推荐
+                                  rang: [], // 推荐范围
+                                  number: 20, // 最多推荐问题数
+                                  question: [],
+                              },
+                          }
+                      ]
+                  },
+                  {
+                      name: '常见问题2',
+                      recommendType: 0, // 0 关联意图 1 高频推荐意图 2 智能推荐
+                      recommendIntentList: [{ questionName: "打印机", intentId: 11 }], // recommendType = 0
+                      highFrequency: { // recommendType = 1
+                          rang: [], // 推荐范围
+                          number: 20, // 最多推荐问题数
+                          question: [],
+                      },
+                      intelligenceRecommend: { // recommendType = 2
+                          recommendStrategy: [0, 1], // 0 根据与当前用户咨询过相同意图的用户所问的意图进行推荐 1 根据当前用户部门的其他用户咨询过的意图进行推荐
+                          rang: [], // 推荐范围
+                          number: 20, // 最多推荐问题数
+                          question: [],
+                      },
+                      types: [
+                          // {
+                          //     name: "打印机问题2",
+                          //     recommendType: 0, // 0 关联意图 1 高频推荐意图 2 智能推荐
+                          //     recommendIntentList: [{ questionName: "打印机", intentId: 11 }], // recommendType = 0
+                          //     highFrequency: { // recommendType = 1
+                          //         rang: [], // 推荐范围
+                          //         number: 20, // 最多推荐问题数
+                          //         question: [],
+                          //     },
+                          //     intelligenceRecommend: { // recommendType = 2
+                          //         recommendStrategy: [0, 1], // 0 根据与当前用户咨询过相同意图的用户所问的意图进行推荐 1 根据当前用户部门的其他用户咨询过的意图进行推荐
+                          //         rang: [], // 推荐范围
+                          //         number: 20, // 最多推荐问题数
+                          //         question: [],
+                          //     },
+                          // },
+                          // {
+                          //     name: "打印机问题3",
+                          //     recommendType: 0, // 0 关联意图 1 高频推荐意图 2 智能推荐
+                          //     recommendIntentList: [{ questionName: "打印机", intentId: 11 }], // recommendType = 0
+                          //     highFrequency: { // recommendType = 1
+                          //         rang: [], // 推荐范围
+                          //         number: 20, // 最多推荐问题数
+                          //         question: [],
+                          //     },
+                          //     intelligenceRecommend: { // recommendType = 2
+                          //         recommendStrategy: [0, 1], // 0 根据与当前用户咨询过相同意图的用户所问的意图进行推荐 1 根据当前用户部门的其他用户咨询过的意图进行推荐
+                          //         rang: [], // 推荐范围
+                          //         number: 20, // 最多推荐问题数
+                          //         question: [],
+                          //     },
+                          // }
+                      ]
+                  }
+              ], // 分类和意图数组 二维数组
+          },
+      },
+      // 弹窗组件模拟数据
+      actionAlertIframeObj: {
+        iframeId: 'iframeId999999998',
+        template: 'https://www.baidu.com/?name=5555555',
+        description: '描述',
+        height: 550,
+        width: 300,
+        scrolling: 'yes',
+        sandbox: [
+          '预留',
+          '启用一系列对 <iframe> 中内容的额外限制',
+          '参考 https://www.w3school.com.cn/tags/att_iframe_sandbox.asp'
+        ],
+        frameborder: '0/1(是否显示框架周围的边框)',
+        displayStyle: 'iframe 样式(点击弹出/嵌入iframe 字符串类型后端未做限制)'
+      },
+      contents: {
+        multiple: true,
+        cards: [
+          {
+            content: {
+              htmlList: [
+                {
+                  type: 'IMAGE',
+                  src:
+                    'https://guoranopen-zjk.oss-cn-zhangjiakou.aliyuncs.com/2021/02/03/03/11/90a549ad-5118-4bbd-b02f-88fa39a7d9e7/src=http___wx1.sinaimg.cn_mw690_0075bygJly1gg7223fbsnj31ba1yx4kl.jpg&refer=http___wx1.sinaimg.jfif'
+
+                  /*list: [
+                    {
+                      type:'IMAGE',
+                      src:'https://guoranopen-zjk.oss-cn-zhangjiakou.aliyuncs.com/2021/02/03/02/58/0d04a01a-5b57-439f-82f8-2c5dfba06fc5/5c468a64f152b1.jpg'
+                    },
+                  ],*/
+                },
+                { type: 'SINGLE', list: ['<p>aaaaaaaaaa</p>'] },
+                { type: 'SINGLE', list: ['<p>北京首都国际机场</p>'] },
+                { type: 'SINGLE', list: ['<p>北京首都国际机场啦啦啦啦</p>'] },
+                { type: 'SINGLE', list: ['<p>7:00</p>'] }
+              ],
+              buttonList: [
+                { name: '我是标签1', scope: '', test: '' },
+                { name: '我是标签2' }
+              ]
+            }
+          },
+          {
+            content: {
+              htmlList: [
+                { type: 'SINGLE', list: ['<p>aaaaa</p>'] },
+                {
+                  type: 'DOUBLE',
+                  list: [
+                    '<p>测试测试测试测试测试测试测试</p>',
+                    '<div>bbbbb</div>'
+                  ]
+                },
+                {
+                  type: 'TRIPLE',
+                  list: ['<p>7:00</p>', '<div></div>', '<p>ccccc</p>']
+                },
+                {
+                  type: 'TRIPLE',
+                  list: ['<p>7:00</p>', '<div>bbbbb</div>', '<p>12:00</p>']
+                }
+              ],
+              buttonList: [{ name: '我是标签1', scope: '', test: '' }]
+            }
+          },
+          {
+            content: {
+              htmlList: [
+                { type: 'SINGLE', list: ['<p>邓伦李沁的背景图片</p>'] },
+                { type: 'SINGLE', list: ['<p>男生藏快递向求婚被他人错拆</p>'] },
+                { type: 'SINGLE', list: ['<p>aaaaa</p>'] },
+                { type: 'SINGLE', list: ['<p>aaaaa</p>'] }
+              ],
+              buttonList: [{ name: '我是标签1' }]
+            }
+          }
+        ],
+        apiKey: '123456789'
+      },
+      formList: {
+        formActionId: '',
+        form: {
+          formFieldRelation: [
+            {
+              display: true,
+              paramName: 'miaoshu',
+              formField: {
+                deleted: false,
+                createTime: '2020-12-08T08:08:03.000+0000',
+                name: '',
+                description: '',
+                updateTime: '2020-12-08T08:10:41.000+0000',
+                id: 1112,
+                lastOperatorId: 21,
+                mainId: 'e2f80aecaf7c11eabdcd506b4b2f3ac8',
+                type: 'EXPLANATION',
+                extInfo: {
+                  descriptionText: '我是解释说明文案'
+                }
+              },
+              required: false,
+              fieldId: 1112
+            },
+            {
+              display: true,
+              paramName: 'danxuan',
+              value: '',
+              formField: {
+                deleted: false,
+                createTime: '2020-12-08T08:08:03.000+0000',
+                name: '单选1',
+                description: '',
+                updateTime: '2020-12-08T08:10:41.000+0000',
+                id: 111,
+                lastOperatorId: 21,
+                mainId: 'e2f80aecaf7c11eabdcd506b4b2f3acc',
+                type: 'RADIO',
+                extInfo: {
+                  WebHookParameter: [],
+                  value: [],
+                  option: [
+                    { _default: 'true', label: '1', value: '1' },
+                    { _default: 'false', label: '2', value: '选项二' },
+                    { _default: 'false', label: '3', value: '3' }
+                  ]
+                }
+              },
+              required: false,
+              fieldId: 111
+            },
+            {
+              display: true,
+              paramName: 'fujian',
+              formField: {
+                deleted: false,
+                createTime: '2020-12-08T08:08:03.000+0000',
+                name: '123',
+                description: '',
+                updateTime: '2020-12-08T08:10:41.000+0000',
+                id: 1117,
+                lastOperatorId: 78,
+                mainId: 'e2f80aecaf7c11eabdcd506b4b2f3accJ',
+                type: 'FILE',
+                extInfo: {
+                  fileLimit: 'more',
+                  limitNum: '3'
+                }
+              },
+              required: true,
+              fieldId: 1117,
+              value: [
+                {
+                  url: 'https://img01.yzcdn.cn/vant/leaf.jpg'
+                }
+              ]
+            },
+            {
+              display: true,
+              paramName: 'fuxuan',
+              value: [],
+              formField: {
+                deleted: false,
+                createTime: '2020-12-08T08:08:15.000+0000',
+                name: '复选1',
+                description: '',
+                updateTime: '2020-12-08T08:10:49.000+0000',
+                id: 112,
+                lastOperatorId: 21,
+                mainId: 'e2f80aecaf7c11eabdcd506b4b2f3accd',
+                type: 'CHECKBOX',
+                extInfo: {
+                  WebHookParameter: [],
+                  value: [],
+                  option: [
+                    { _default: 'false', label: '1', value: '' },
+                    {
+                      _default: 'false',
+                      label: '2',
+                      value: '选项二'
+                    },
+                    { _default: 'false', label: '3', value: '' }
+                  ]
+                }
+              },
+              required: true,
+              fieldId: 112
+            },
+            {
+              display: true,
+              paramName: 'xiala',
+              value: 'MIDDLE',
+              formField: {
+                deleted: false,
+                createTime: '2020-12-08T08:08:27.000+0000',
+                name: '下拉1',
+                description: '',
+                updateTime: '2020-12-08T08:10:56.000+0000',
+                id: 113,
+                lastOperatorId: 21,
+                mainId: 'e2f80aecaf7c11eabdcd506b4b2f3accdd',
+                type: 'SELECT',
+                extInfo: {
+                  WebHookParameter: [],
+                  value: [],
+                  option: [
+                    { _default: 'false', label: '紧急', value: 'URGENT' },
+                    {
+                      _default: 'false',
+                      label: '高',
+                      value: 'HIGH'
+                    },
+                    { _default: 'false', label: '中', value: 'MIDDLE' },
+                    { _default: 'false', label: '12', value: '12' }
+                  ]
+                }
+              },
+              required: false,
+              fieldId: 113
+            },
+            {
+              display: true,
+              paramName: 'hhh',
+              value: [
+                {
+                  url: 'https://img01.yzcdn.cn/vant/leaf.jpg'
+                },
+                {
+                  url: 'https://img01.yzcdn.cn/vant/leaf.jpg'
+                }
+              ],
+              formField: {
+                deleted: false,
+                createTime: '2020-12-08T08:08:03.000+0000',
+                name: '345',
+                description: '',
+                updateTime: '2020-12-08T08:10:41.000+0000',
+                id: 222222,
+                lastOperatorId: 78,
+                mainId: 'e2f80aecaf7c11eabdcd506b4b2f3accJ',
+                type: 'FILE',
+                extInfo: {
+                  fileLimit: 'more'
+                }
+              },
+              required: false,
+              fieldId: 222222
+            }
+          ]
+        }
+      },
+      formList2: {
+        formActionId: '11',
+        "form":{
+          "formFieldRelation": [
+            {
+              "display": true,
+              "paramName": "description",
+              "value": "",
+              "formField": {
+                "workOrderFieldId": "cf6dcae9907f410a9fb20838372d94a3",
+                "name": "问题描述",
+                "type": "TEXTAREA",
+                "extInfo": {
+                  "visibleWithoutPermission": true,
+                  "isDelete": false,
+                  "autoInput": {
+                    "enable": false,
+                    "rule": {
+                      "handler": "",
+                      "exp": "",
+                      "type": "reg"
+                    },
+                    "source": [
+
+                    ]
+                  },
+                  "range": {
+                    "start": "",
+                    "end": ""
+                  },
+                  "disabled": true,
+                  "placeholder": "故障描述"
+                }
+              },
+              "required": true,
+              "fieldId": "workorder_description"
+            },
+            {
+              "display": false,
+              "paramName": "priority",
+              "value": "MIDDLE",
+              "formField": {
+                "workOrderFieldId": "c2b3aa60dc62454585f35c9298f8f742",
+                "name": "优先级",
+                "type": "SELECT",
+                "extInfo": {
+                  "option": [
+                    {
+                      "label": "紧急",
+                      "value": "URGENT"
+                    },
+                    {
+                      "label": "高",
+                      "value": "HIGH"
+                    },
+                    {
+                      "label": "中",
+                      "value": "MIDDLE"
+                    },
+                    {
+                      "label": "低",
+                      "value": "LOW"
+                    }
+                  ]
+                }
+              },
+              "required": true,
+              "fieldId": "workorder_priority"
+            },
+            {
+              "display": false,
+              "paramName": "clientId",
+              "value": "",
+              "formField": {
+                "workOrderFieldId": "",
+                "name": "客户",
+                "type": "SELECT",
+                "extInfo": {
+                  "option": [
+                    {
+                      "label": "woWeMoBwAAuVBh99lkM5EeUzFn47YI-Q",
+                      "value": "63082e3df82611324e0a2d6d"
+                    },
+                    {
+                      "label": "woWeMoBwAA-zPwE_r9SW1g3Z_rNOPpbw",
+                      "value": "6344e433614f1e553d2df727"
+                    }
+                  ]
+                }
+              },
+              "required": false,
+              "fieldId": "workorder_clientId"
+            },
+            {
+              "display": false,
+              "paramName": "statusId",
+              "value": "63072fa308dabd41ab806ee5",
+              "formField": {
+                "workOrderFieldId": "164c56671b714a90b556ef324cad81ab",
+                "name": "状态",
+                "type": "SELECT",
+                "extInfo": {
+                  "option": [
+                    {
+                      "label": "新建",
+                      "value": "63072fa308dabd41ab806ee5"
+                    },
+                    {
+                      "label": "解决中",
+                      "value": "63072fa308dabd41ab806ee6"
+                    },
+                    {
+                      "label": "已解决",
+                      "value": "63072fa308dabd41ab806ee7"
+                    },
+                    {
+                      "label": "已关闭",
+                      "value": "63072fa308dabd41ab806ee8"
+                    }
+                  ]
+                }
+              },
+              "required": true,
+              "fieldId": "workorder_statusId"
+            },
+            {
+              "display": true,
+              "paramName": "fieldValue.ba1ad3b6a9224f82aca2669e25a7f53b",
+              "value": "",
+              "formField": {
+                "workOrderFieldId": "ba1ad3b6a9224f82aca2669e25a7f53b",
+                "name": "归属地",
+                "type": "RADIO",
+                "extInfo": {
+                  "isDelete": true,
+                  "autoInput": {
+                    "enable": false,
+                    "rule": {
+                      "handler": "",
+                      "type": "dict",
+                      "exp": ""
+                    },
+                    "source": [
+
+                    ]
+                  },
+                  "options": [
+                    {
+                      "_default": "false",
+                      "relationTags": [
+                        {
+                          "name": "楼层",
+                          "id": "10557da84231430aa1bb866adfbc7a9d"
+                        },
+                        {
+                          "name": "楼层方位",
+                          "id": "df603a2028c64403864fe86992b58fc6"
+                        },
+                        {
+                          "name": "维修类别",
+                          "id": "73ea91093fbd4421ae4af006ebe01cc2"
+                        }
+                      ],
+                      "label": "丽水总部大楼",
+                      "relationItems": [
+                        "10557da84231430aa1bb866adfbc7a9d",
+                        "df603a2028c64403864fe86992b58fc6",
+                        "73ea91093fbd4421ae4af006ebe01cc2"
+                      ],
+                      "value": "丽水总部大楼",
+                      "requiredItems": [
+                        "10557da84231430aa1bb866adfbc7a9d",
+                        "df603a2028c64403864fe86992b58fc6",
+                        "73ea91093fbd4421ae4af006ebe01cc2"
+                      ]
+                    },
+                    {
+                      "_default": "false",
+                      "relationTags": [
+                        {
+                          "name": "维修类别",
+                          "id": "22f44fe2fe9f418db773e0ec5e24074c"
+                        }
+                      ],
+                      "label": "安徽六安",
+                      "relationItems": [
+                        "22f44fe2fe9f418db773e0ec5e24074c"
+                      ],
+                      "value": "安徽六安",
+                      "requiredItems": [
+                        "22f44fe2fe9f418db773e0ec5e24074c"
+                      ]
+                    }
+                  ],
+                  "range": {
+                    "start": "",
+                    "end": ""
+                  },
+                  "placeholder": "请选择",
+                  "associatedAction": [
+                    "relationItems",
+                    "requiredItems"
+                  ],
+                  "dependent": {
+
+                  }
+                }
+              },
+              "required": false,
+              "fieldId": "ba1ad3b6a9224f82aca2669e25a7f53b"
+            },
+            {
+              "display": true,
+              "paramName": "fieldValue.10557da84231430aa1bb866adfbc7a9d",
+              "value": "",
+              "formField": {
+                "workOrderFieldId": "10557da84231430aa1bb866adfbc7a9d",
+                "name": "楼层",
+                "type": "INPUT",
+                "extInfo": {
+                  "unit": "",
+                  "isDelete": true,
+                  "autoInput": {
+                    "enable": false,
+                    "rule": {
+                      "handler": "",
+                      "type": "reg",
+                      "exp": ""
+                    },
+                    "source": [
+
+                    ]
+                  },
+                  "requiredDependentFieldId": {
+                    "ba1ad3b6a9224f82aca2669e25a7f53b": [
+                      "丽水总部大楼"
+                    ]
+                  },
+                  "range": {
+                    "start": "",
+                    "end": ""
+                  },
+                  "inputType": "TEXT",
+                  "dependentFieldId": {
+                    "ba1ad3b6a9224f82aca2669e25a7f53b": [
+                      "丽水总部大楼"
+                    ]
+                  },
+                  "placeholder": "请输入",
+                  "maxNum": 100
+                }
+              },
+              "required": false,
+              "fieldId": "10557da84231430aa1bb866adfbc7a9d"
+            },
+            {
+              "display": true,
+              "paramName": "fieldValue.df603a2028c64403864fe86992b58fc6",
+              "value": "",
+              "formField": {
+                "workOrderFieldId": "df603a2028c64403864fe86992b58fc6",
+                "name": "楼层方位",
+                "type": "RADIO",
+                "extInfo": {
+                  "isDelete": true,
+                  "autoInput": {
+                    "enable": false,
+                    "rule": {
+                      "handler": "",
+                      "type": "dict",
+                      "exp": ""
+                    },
+                    "source": [
+
+                    ]
+                  },
+                  "options": [
+                    {
+                      "_default": false,
+                      "label": "东面",
+                      "relationItems": [
+
+                      ],
+                      "value": "东面",
+                      "requiredItems": [
+
+                      ]
+                    },
+                    {
+                      "_default": false,
+                      "label": "南面",
+                      "relationItems": [
+
+                      ],
+                      "value": "南面",
+                      "requiredItems": [
+
+                      ]
+                    },
+                    {
+                      "_default": false,
+                      "label": "西面",
+                      "relationItems": [
+
+                      ],
+                      "value": "西面",
+                      "requiredItems": [
+
+                      ]
+                    },
+                    {
+                      "_default": "false",
+                      "label": "北面",
+                      "value": "北面"
+                    }
+                  ],
+                  "requiredDependentFieldId": {
+                    "ba1ad3b6a9224f82aca2669e25a7f53b": [
+                      "丽水总部大楼"
+                    ]
+                  },
+                  "range": {
+                    "start": "",
+                    "end": ""
+                  },
+                  "dependentFieldId": {
+                    "ba1ad3b6a9224f82aca2669e25a7f53b": [
+                      "丽水总部大楼"
+                    ]
+                  },
+                  "placeholder": "请选择",
+                  "dependent": {
+
+                  }
+                }
+              },
+              "required": false,
+              "fieldId": "df603a2028c64403864fe86992b58fc6"
+            },
+            {
+              "display": true,
+              "paramName": "fieldValue.73ea91093fbd4421ae4af006ebe01cc2",
+              "value": [
+
+              ],
+              "formField": {
+                "workOrderFieldId": "73ea91093fbd4421ae4af006ebe01cc2",
+                "name": "维修类别",
+                "type": "CASCADER",
+                "extInfo": {
+                  "isDelete": true,
+                  "autoInput": {
+                    "enable": false,
+                    "rule": {
+                      "handler": "",
+                      "type": "dict",
+                      "exp": ""
+                    },
+                    "source": [
+
+                    ]
+                  },
+                  "requiredDependentFieldId": {
+                    "ba1ad3b6a9224f82aca2669e25a7f53b": [
+                      "丽水总部大楼"
+                    ]
+                  },
+                  "range": {
+                    "start": "",
+                    "end": ""
+                  },
+                  "selectType": "单选",
+                  "dependentFieldId": {
+                    "ba1ad3b6a9224f82aca2669e25a7f53b": [
+                      "丽水总部大楼"
+                    ]
+                  },
+                  "placeholder": "请选择",
+                  "dependent": {
+
+                  },
+                  "fieldValue": [
+
+                  ],
+                  "cascadeDown": {
+                    "options": [
+                      {
+                        "_default": false,
+                        "children": [
+                          {
+                            "_default": false,
+                            "children": [
+                              {
+                                "_default": false,
+                                "label": "开机显示屏不亮",
+                                "relationItems": [
+
+                                ],
+                                "value": "开机显示屏不亮"
+                              },
+                              {
+                                "_default": false,
+                                "label": "其他",
+                                "relationItems": [
+
+                                ],
+                                "value": "其他"
+                              }
+                            ],
+                            "label": "硬件类",
+                            "relationItems": [
+
+                            ],
+                            "value": "硬件类"
+                          },
+                          {
+                            "_default": false,
+                            "children": [
+                              {
+                                "_default": false,
+                                "label": "公司业务系统打不开",
+                                "relationItems": [
+
+                                ],
+                                "value": "公司业务系统打不开"
+                              },
+                              {
+                                "_default": false,
+                                "label": "其他",
+                                "relationItems": [
+
+                                ],
+                                "value": "其他"
+                              }
+                            ],
+                            "label": "软件类",
+                            "relationItems": [
+
+                            ],
+                            "value": "软件类"
+                          }
+                        ],
+                        "label": "计算机电子相关类（服饰板块）",
+                        "relationItems": [
+
+                        ],
+                        "value": "计算机电子相关类（服饰板块）",
+                        "requiredItems": [
+
+                        ]
+                      },
+                      {
+                        "_default": false,
+                        "children": [
+                          {
+                            "_default": false,
+                            "children": [
+                              {
+                                "_default": false,
+                                "label": "水管问题",
+                                "relationItems": [
+
+                                ],
+                                "value": "水管问题"
+                              },
+                              {
+                                "_default": false,
+                                "label": "电灯不亮",
+                                "relationItems": [
+
+                                ],
+                                "value": "电灯不亮"
+                              }
+                            ],
+                            "label": "生活类",
+                            "relationItems": [
+
+                            ],
+                            "value": "生活类"
+                          },
+                          {
+                            "_default": false,
+                            "children": [
+                              {
+                                "_default": false,
+                                "label": "门窗坏",
+                                "relationItems": [
+
+                                ],
+                                "value": "门窗坏"
+                              },
+                              {
+                                "_default": false,
+                                "label": "桌子坏",
+                                "relationItems": [
+
+                                ],
+                                "value": "桌子坏"
+                              }
+                            ],
+                            "label": "桌椅类",
+                            "relationItems": [
+
+                            ],
+                            "value": "桌椅类"
+                          }
+                        ],
+                        "label": "水电生活办公类",
+                        "relationItems": [
+
+                        ],
+                        "value": "水电生活办公类"
+                      }
+                    ]
+                  }
+                }
+              },
+              "required": false,
+              "fieldId": "73ea91093fbd4421ae4af006ebe01cc2"
+            },
+            {
+              "display": true,
+              "paramName": "fieldValue.22f44fe2fe9f418db773e0ec5e24074c",
+              "value": [
+                ""
+              ],
+              "formField": {
+                "workOrderFieldId": "22f44fe2fe9f418db773e0ec5e24074c",
+                "name": "维修类别",
+                "type": "CASCADER",
+                "extInfo": {
+                  "isDelete": true,
+                  "autoInput": {
+                    "enable": false,
+                    "rule": {
+                      "handler": "",
+                      "type": "dict",
+                      "exp": ""
+                    },
+                    "source": [
+
+                    ]
+                  },
+                  "requiredDependentFieldId": {
+                    "ba1ad3b6a9224f82aca2669e25a7f53b": [
+                      "安徽六安"
+                    ]
+                  },
+                  "range": {
+                    "start": "",
+                    "end": ""
+                  },
+                  "selectType": "单选",
+                  "dependentFieldId": {
+                    "ba1ad3b6a9224f82aca2669e25a7f53b": [
+                      "安徽六安"
+                    ]
+                  },
+                  "placeholder": "请选择",
+                  "dependent": {
+
+                  },
+                  "cascadeDown": {
+                    "options": [
+                      {
+                        "_default": false,
+                        "children": [
+                          {
+                            "_default": false,
+                            "children": [
+                              {
+                                "_default": false,
+                                "label": "软件问题",
+                                "relationItems": [
+
+                                ],
+                                "value": "软件问题"
+                              },
+                              {
+                                "_default": false,
+                                "label": "电脑无法开机",
+                                "relationItems": [
+
+                                ],
+                                "value": "电脑无法开机"
+                              }
+                            ],
+                            "label": "电脑故障",
+                            "relationItems": [
+
+                            ],
+                            "value": "电脑故障"
+                          }
+                        ],
+                        "label": "IT类",
+                        "relationItems": [
+
+                        ],
+                        "value": "IT类",
+                        "requiredItems": [
+
+                        ]
+                      },
+                      {
+                        "_default": false,
+                        "children": [
+                          {
+                            "_default": false,
+                            "children": [
+                              {
+                                "_default": false,
+                                "label": "空调问题",
+                                "relationItems": [
+
+                                ],
+                                "value": "空调问题"
+                              },
+                              {
+                                "_default": false,
+                                "label": "电灯问题",
+                                "relationItems": [
+
+                                ],
+                                "value": "电灯问题"
+                              }
+                            ],
+                            "label": "生产类",
+                            "relationItems": [
+
+                            ],
+                            "value": "生产类"
+                          },
+                          {
+                            "_default": false,
+                            "children": [
+                              {
+                                "_default": false,
+                                "label": "食堂设备问题",
+                                "relationItems": [
+
+                                ],
+                                "value": "食堂设备问题"
+                              },
+                              {
+                                "_default": false,
+                                "label": "商铺设备问题",
+                                "relationItems": [
+
+                                ],
+                                "value": "商铺设备问题"
+                              }
+                            ],
+                            "label": "生活类",
+                            "relationItems": [
+
+                            ],
+                            "value": "生活类"
+                          }
+                        ],
+                        "label": "公用设备类",
+                        "relationItems": [
+
+                        ],
+                        "value": "公用设备类"
+                      }
+                    ]
+                  }
+                }
+              },
+              "required": false,
+              "fieldId": "22f44fe2fe9f418db773e0ec5e24074c"
+            },
+            {
+              "display": true,
+              "paramName": "fieldValue.e90295e2c760460c95480ee61fe160ad",
+              "value": "",
+              "formField": {
+                "workOrderFieldId": "e90295e2c760460c95480ee61fe160ad",
+                "name": "聊天记录",
+                "type": "CHAT_RECORD",
+                "extInfo": {
+                  "visibleWithoutPermission": true,
+                  "isDelete": true,
+                  "autoInput": {
+                    "enable": false,
+                    "rule": {
+                      "handler": "",
+                      "exp": "",
+                      "type": "reg"
+                    },
+                    "source": [
+
+                    ]
+                  },
+                  "range": {
+                    "start": "",
+                    "end": ""
+                  },
+                  "disabled": false
+                }
+              },
+              "required": false,
+              "fieldId": "e90295e2c760460c95480ee61fe160ad"
+            }
+          ]
+        }
+      },
+      text: {
+        template:
+          '<p>开始时间&nbsp;<span class="ask-component-placeholder-container"><span class="ask-component-placeholder-span" data="${开始时间戳_秒}" type="INPUT">1607427268</span><i class="ask-component-placeholder-icon arsenal_icon arsenalbianji2" icon="arsenal_icon arsenalkebianji" editable="true" onclick="_askEditValue(this,this.previousElementSibling)"></i><br/></span>结束时间&nbsp;<span class="ask-component-placeholder-container"><span class="ask-component-placeholder-span" data="${结束时间戳_秒}" type="TIME_PICKER">1607772868</span><i class="ask-component-placeholder-icon arsenal_icon arsenalkebianji" icon="arsenal_icon arsenalkebianji" editable="true" onclick="_askEditValue(this,this.previousElementSibling)"></i></span></p>',
+        goToAction: { value: '123' },
+        apiKey: ''
+      },
+      rem: 'rem',
+      feedBack: {
+        positiveFeedback: { text: '有用有用有用有用' },
+        negativeFeedback: { text: '无用无用无用无用' },
+        feedbackActions: [],
+        feedbackUid: ''
+      },
+      urls: [
+        {
+          status: 'success',
+          name: 'portal.test.askbot.cn_20201214_153724.zip',
+          size: 2077,
+          percentage: 100,
+          uid: 1609154083480,
+          raw: { uid: 1609154083480 },
+          response:
+            'https://guoranopen-zjk.oss-cn-zhangjiakou.aliyuncs.com/2020/12/28/07/15/d4c7a970-037e-454a-9921-821c0e81a3c5.zip'
+        },
+        {
+          status: 'success',
+          name: 'portal._153724.doc',
+          size: 2077,
+          percentage: 100,
+          uid: 1609154083480,
+          raw: { uid: 1609154083480 },
+          response:
+            'https://guoranopen-zjk.oss-cn-zhangjiakou.aliyuncs.com/2020/12/28/07/15/d4c7a970-037e-454a-9921-821c0e81a3c5.zip'
+        },
+        {
+          status: 'success',
+          name: 'portal.test.askbot.cn_20201214_153724.xls',
+          size: 2077,
+          percentage: 100,
+          uid: 1609154083480,
+          raw: { uid: 1609154083480 },
+          response:
+            'https://guoranopen-zjk.oss-cn-zhangjiakou.aliyuncs.com/2020/12/28/07/15/d4c7a970-037e-454a-9921-821c0e81a3c5.zip'
+        },
+        {
+          status: 'success',
+          name: 'portal.test.askbot.cn_20201214_153724.ppt',
+          size: 2077,
+          percentage: 100,
+          uid: 1609154083480,
+          raw: { uid: 1609154083480 },
+          response:
+            'https://guoranopen-zjk.oss-cn-zhangjiakou.aliyuncs.com/2020/12/28/07/15/d4c7a970-037e-454a-9921-821c0e81a3c5.zip'
+        },
+        {
+          status: 'success',
+          name: 'portal.test.askbot.cn_20201214_153724.pdf',
+          size: 2077,
+          percentage: 100,
+          uid: 1609154083480,
+          raw: { uid: 1609154083480 },
+          response:
+            'https://guoranopen-zjk.oss-cn-zhangjiakou.aliyuncs.com/2020/12/28/07/15/d4c7a970-037e-454a-9921-821c0e81a3c5.zip'
+        },
+        {
+          status: 'success',
+          name: 'portal.test.askbot.cn_20201214_153724.zip',
+          size: 2077,
+          percentage: 100,
+          uid: 1609154083480,
+          raw: { uid: 1609154083480 },
+          response:
+            'https://guoranopen-zjk.oss-cn-zhangjiakou.aliyuncs.com/2020/12/28/07/15/d4c7a970-037e-454a-9921-821c0e81a3c5.zip'
+        }
+      ],
+      messageList: [
+        {
+          content:
+            '您好，我是郑俊成的智能助理，请问您是为企业咨询还是个人兴趣？',
+          speaker: 'bot',
+          type: 'answer_text'
+        },
+        { content: '单位', speaker: 'user', type: 'answer_text' }
+      ],
+      answerMsg: {
+        content: {
+          description: '你好，我是点选',
+          options: [
+            {
+              name: '跳转意图',
+              scope: 'INTENT',
+              value: '3535'
+            }
+          ]
+        }
+      },
+      showLoad: false,
+      videoUrl:
+        'https://guoranopen-zjk.oss-cn-zhangjiakou.aliyuncs.com/2021/08/27/10/22/56fb13eb-b94a-45e8-b131-04531330cb2c/微信_20210719215122.mp4',
+      processAction: [
+        {
+          content: {
+            html:
+              '<p style="line-height: 16px;"><img onclick=\'previewImage(this)\'  src="https://test.open.guoranbot.com/UEditor/dialogs/attachment/fileTypeImages/icon_txt.gif"/><a style="font-size:12px; color:#0066cc;" href="https://static.guoranbot.com/ueditor/2022/03/11/c788d2d7fea04be680cc920e1f99db8e/分析报告 (1).xlsx" title="分析报告 (1).xlsx">分析报告 (1).xlsx</a></p><p><br/></p>',
+            recommend: {
+              description: '关联意图测试描述',
+              list: [
+                {
+                  id: '3539',
+                  text: '文本',
+                  type: 1
+                },
+                {
+                  id: '3540',
+                  text: '图片',
+                  type: 1
+                }
+              ],
+              status: true
+            }
+          },
+          type: 'answer_rich_text',
+          id: '60df03aeeea6014311dc4285',
+          intentId: 6064,
+          recommend: {
+            description: '关联意图测试描述',
+            list: [
+              {
+                id: '3539',
+                text: '文本',
+                type: 1
+              },
+              {
+                id: '3540',
+                text: '图片',
+                type: 1
+              }
+            ],
+            status: true
+          }
+        },
+
+        {
+          content: {
+            url:
+              'https://guoranopen-zjk.oss-cn-zhangjiakou.aliyuncs.com/2021/08/24/07/35/45c878fd-6a8e-40e2-b599-bdba8e17cf8a/微信图片_20210423113520.jpg?x-oss-process=image/auto-orient,1/quality,q_90/watermark,text_MjE=,color_cccccc,size_48,rotate_315,fill_1,x_10,y_10,t_0',
+            html: '测试文本-关联推荐没有描述',
+            recommend: {
+              description: '',
+              list: [
+                {
+                  id: '3539',
+                  text: '文本',
+                  type: 1
+                },
+                {
+                  id: '3540',
+                  text: '图片',
+                  type: 1
+                }
+              ],
+              status: true
+            }
+          },
+          type: 'answer_image',
+          id: '6124d9b1c12fa234e0b3ddc8',
+          intentId: 6064,
+          recommend: {
+            description: '',
+            list: [
+              {
+                id: '3539',
+                text: '文本',
+                type: 1
+              },
+              {
+                id: '3540',
+                text: '图片',
+                type: 1
+              }
+            ],
+            status: true
+          }
+        },
+        {
+          content: {
+            url:
+              'https://guoranopen-zjk.oss-cn-zhangjiakou.aliyuncs.com/2021/08/24/07/35/41221223-c180-4f3f-bdc8-94875b693965/WeChat_20210719215122.mp4',
+            videoFlag: false,
+            videoUploadPercent: 0,
+            isShowUploadVideo: true,
+            recommend: {
+              description: '关联意图测试描述',
+              list: [
+                {
+                  id: '3539',
+                  text: '文本',
+                  type: 1
+                }
+              ],
+              status: true
+            }
+          },
+          type: 'answer_video',
+          id: '60df03aeeea6014311dc4285',
+          intentId: 6064,
+          recommend: {
+            description: '关联意图测试描述',
+            list: [
+              {
+                id: '3539',
+                text: '文本',
+                type: 1
+              }
+            ],
+            status: true
+          }
+        }
+      ],
+      actionSatisfactions: [
+        {
+          content: {
+            satisfactionDes: '满意度',
+            satisfactoryAnswer: '',
+            unsatisfiedAnswer: '',
+            answerRadio: [
+              {
+                answer: '哦哦哦',
+                name: '哈哈哈'
+              }
+            ]
+          }
+        }
+      ],
+      inLoading: true,
+      dataNote: 0,
+      timer: null,
+      finished: false,
+      botActionSatis: {
+        content: {
+          reply_text: '哈哈哈哈哈',
+          reply_options: [
+            {
+              name: '暗示丢',
+              answer: '暗示丢1504559775615045597756kjl',
+              apiKey: ''
+            },
+            {
+              name: '暗示丢2',
+              answer: '暗示丢11504559775615045597756kjl',
+              apiKey: ''
+            }
+          ]
+        }
+      },
+      answerDiss: {
+        content: {
+          replyText: '哈哈哈哈哈',
+          replyOptions: [
+            {
+              name: '暗示丢',
+              answer: '暗示丢1504559775615045597756kjl',
+              apiKey: ''
+            },
+            {
+              name: '暗示丢2',
+              answer: '暗示丢11504559775615045597756kjl',
+              apiKey: ''
+            }
+          ]
+        }
+      },
+      answerRadios: {
+        content: {
+          description: '请点击下方选项继续测试',
+          options: [
+            {
+              name: '跳转节点1',
+              scope: 'NODE',
+              value: '60177b9470814d4ce924f1ed'
+            },
+            {
+              name: '跳转意图',
+              scope: 'INTENT',
+              value: '3558'
+            },
+            {
+              name: '跳转节点2',
+              scope: 'NODE',
+              value: '60af4505d0acd7017620c4f2'
+            }
+          ],
+          recommend: {
+            description: '',
+            status: false,
+            list: []
+          }
+        },
+        type: 'answer_radio'
+      },
+      htmlContainer: '<input placeholder="请输入"></input>',
+      isOpen: true
+    }
+  },
+  methods: {
+    submitClick(value) {
+      console.log(value)
+    },
+    submitClicks(value) {
+      console.log(value)
+    },
+    positiveFeedback(value1) {
+      console.log(value1)
+    },
+    touchEnd(index) {
+      console.log(index)
+    },
+    closeVoice() {
+      console.debug('我是close事件')
+    },
+  },
+  mounted() {
+    this.timer = setInterval(() => {
+      this.dataNote += 1
+      console.debug('this.dataNote', this.dataNote)
+    }, 1000)
+
+    setTimeout(() => {
+      this.inLoading = true
+    }, 2000)
+    setTimeout(() => {
+      this.finished = true
+      this.dataNote = 10
+      clearInterval(this.timer)
+    }, 5000)
+  },
+  updated() {}
+}
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style scoped lang="less">
+@import '../assets/less/converSationContainer/converSatonContainer';
+#conversation {
+  background-color: #f5f7fb;
+}
+.img_div {
+  position: relative;
+  .mask {
+    position: absolute;
+    top: 0;
+    right: 0;
+    width: 100%;
+    height: 100%;
+    border-radius: 10px;
+  }
+}
+</style>