askbot-dragon 0.7.56 → 0.7.59

package/src/components/ConversationContainer.vue

@@ -1,1185 +1,1182 @@
-<!-- 消息记录容器 -->
-<template>
-  <div id="conversation">
-    <asset-message></asset-message>
-    <!-- <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>
-
-<!--    <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 AssetMessage from './assetMessage.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 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,
-    AssetMessage,
-    AnswerRadio,
-    FormTemplate,
-    TextMessage,
-    FeedBack,
-    VoiceCompontent
-
-
-  },
-  props: {
-    messages: Array,
-  },
-  data() {
-    return {
-      black:'',
-      // 弹窗组件模拟数据
-      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: "",
-        form: {
-          id: 3,
-          name: "表单1",
-          release: false,
-          deleted: false,
-          description: "",
-          webhookId: 0,
-          webHookRequest: null,
-          createTime: "2020-11-18T10:50:19.000+0000",
-          updateTime: "2020-11-18T10:50:19.000+0000",
-          mainId: "e2f80aecaf7c11eabdcd506b4b2f3acc",
-          formFieldRelation: [
-            {
-              display: true,
-              fieldId: "5fd1d87127d6601a879b49bbc",
-              formField: {
-                createTime: null,
-                updateTime: "2020-12-10T16:12:33.544",
-                id: "5fd1d87127d6601a879b49bbc",
-                name: "级联",
-                description: "",
-                type: "CASCADER",
-                operatorId: "12",
-                mainId: "6cdfcac6a7d611eabdcd506b4b2f3acc",
-                searchable: true,
-                extInfo: {
-                  exinfo: [],
-                  cascadeDown: [
-                    {
-                      style: "1",
-                      options: [
-                        {
-                          value: "选项一",
-                          label: "选项一",
-                          children: [
-                            {
-                              value: "选项一一",
-                              label: "选项一一",
-                              children:[
-                                {label:'选项一一一',value:'选项一一一'},
-                                {label:'选项一一二',value:'选项一一二'}
-
-                              ]
-                            },
-                            {
-                              value: "选项一二",
-                              label: "选项一二",
-                              children:[
-                                {label:'选项一二一',value:'选项一二一'},
-                                {label:'选项一二二',value:'选项一二二'}
-                              ]
-                            },
-                          ],
-                        },
-                        {
-                          value: "选项二",
-                          label: "选项二",
-                          children: [
-                            {
-                              value: "选项二一",
-                              label: "选项二一",
-                              children:[
-                                {label:'选项二一一',value:'选项二一一'},
-                                {label:'选项二一二',value:'选项二一二'}
-                              ]
-                            },
-                            {
-                              value: "选项二二",
-                              label: "选项二二",
-                              children:[
-                                {label:'选项二二一',value:'选项二二一'},
-                                {label:'选项二二二',value:'选项二二二'}
-                              ]
-                            },
-                          ],
-                        },
-                        {
-                          value: "选项三",
-                          label: "选项三"
-                        },
-                      ],
-                    },
-                  ],
-                },
-              },
-              width: 0,
-              required: true,
-              value: null,
-            },
-            {
-              display: true,
-              fieldId: "workorder_description",
-              formField: {
-                createTime: null,
-                updateTime: "2020-12-10T16:12:33.544",
-                id: "5fd1d87127d6601a879b49bbcccc",
-                name: "工单描述",
-                description: "",
-                type: "TEXTAREA",
-                operatorId: "12",
-                mainId: "6cdfcac6a7d611eabdcd506b4b2f3acccc",
-                searchable: true,
-                extInfo:null
-              },
-              width: 0,
-              required: true,
-              value: null,
-            },
-            {
-              display: true,
-              fieldId: "workorder_clientId",
-              formField: {
-                createTime: null,
-                updateTime: "2020-12-10T16:12:33.544",
-                id: "5fd1d87127d6601a879b49bbccccd'd",
-                name: "客户",
-                description: "",
-                type: "SELECT",
-                operatorId: "12",
-                mainId: "6cdfcac6a7d611eabdcd506b4b2f3acccc",
-                searchable: true,
-                extInfo:{
-                  options:[]
-                }
-              },
-              width: 0,
-              required: false,
-              value: null,
-            },
-            {
-              display: true,
-              fieldId: "5fd1d87127d6601a879b49bbccc",
-              formField: {
-                createTime: null,
-                updateTime: "2020-12-10T16:12:33.544",
-                id: "5fd1d87127d6601a879b49bbccc",
-                name: "级联2",
-                description: "",
-                type: "CASCADER",
-                operatorId: "12",
-                mainId: "6cdfcac6a7d611eabdcd506b4b2f3acccc",
-                searchable: true,
-                extInfo: {
-                  exinfo: [],
-                  cascade:[
-                    {
-                      value: "是",
-                      label: "是",
-                      children: [
-                        {
-                          value: "北京",
-                          label: "北京",
-                          children:[
-                            {label:'北京一',value:'北京一'}
-                          ]
-                        },
-                        {
-                          value: "天津",
-                          label: "天津",
-                        },
-                      ],
-                    },
-                    {
-                      value: "飒飒",
-                      label: "飒飒"
-                    },
-                  ],
-                  placeholder:'请选择级联'
-
-                },
-              },
-              width: 0,
-              required: true,
-              value: null,
-            },
-            {
-              display: true,
-              fieldId: "5fd1d87b27d6601a879b49bcaaff",
-              formField: {
-                createTime: null,
-                updateTime: "2020-12-10T16:12:43.694",
-                id: "5fd1d87b27d6601a879b49bcaaff",
-                name: "下拉",
-                description: "",
-                type: "SELECT",
-                operatorId: "12",
-                mainId: "6cdfcac6a7d611eabdcd506b4b2f3acc",
-                searchable: true,
-                extInfo: {
-                  exinfo: [
-                    {
-                      value: "我",
-                      _default: "true",
-                    },
-                    {
-                      value: "你",
-                      _default: "false",
-                    },
-                  ],
-                  cascadeDown: [
-                    {
-                      style: "1",
-                      options: [],
-                    },
-                  ],
-                },
-              },
-              width: 0,
-              required: false,
-              value: '我',
-            },
-            {
-              display: true,
-              fieldId: "5fd1d87b27d6601a879b49bc",
-              formField: {
-                createTime: null,
-                updateTime: "2020-12-10T16:12:43.694",
-                id: "5fd1d87b27d6601a879b49bc",
-                name: "下拉22",
-                description: "",
-                type: "SELECT",
-                operatorId: "12",
-                mainId: "6cdfcac6a7d611eabdcd506b4b2f3acc",
-                searchable: true,
-                extInfo: {
-                  option: [
-                    { value: "chifan", label: "吃饭", _default: "false" },
-                    { value: "shuijiao", label: "睡觉", _default: "true" },
-                  ],
-                  placeholder:'请选择下拉'
-                },
-              },
-              width: 0,
-              required: false,
-              value: null,
-            },
-            {
-              display: true,
-              fieldId: "5fd1d88627d6601a879b49bd",
-              formField: {
-                createTime: null,
-                updateTime: "2020-12-10T16:12:54.45",
-                id: "5fd1d88627d6601a879b49bd",
-                name: "单选",
-                description: "",
-                type: "RADIO",
-                operatorId: "12",
-                mainId: "6cdfcac6a7d611eabdcd506b4b2f3acc",
-                searchable: true,
-                extInfo: {
-                  exinfo: [
-                    {
-                      value: "三点",
-                      _default: "true",
-                    },
-                    {
-                      value: "但是",
-                      _default: "false",
-                    },
-                  ],
-                  cascadeDown: [
-                    {
-                      style: "1",
-                      options: [],
-                    },
-                  ],
-                },
-              },
-              width: 0,
-              required: true,
-              value: null,
-            },
-            {
-              display: true,
-              fieldId: "5fd1d89127d6601a879b49be",
-              formField: {
-                createTime: null,
-                updateTime: "2020-12-10T16:13:05.108",
-                id: "5fd1d89127d6601a879b49be",
-                name: "复选",
-                description: "",
-                type: "CHECKBOX",
-                operatorId: "12",
-                mainId: "6cdfcac6a7d611eabdcd506b4b2f3acc",
-                searchable: true,
-                extInfo: {
-                  exinfo: [
-                    {
-                      value: "dingding",
-                      label:'dingding',
-                      _default: "false",
-                    },
-                    {
-                      value: "lala",
-                      label:'lala',
-                      _default: "true",
-                    },
-                  ],
-                  cascadeDown: [
-                    {
-                      style: "1",
-                      options: [],
-                    },
-                  ],
-                },
-              },
-              width: 0,
-              required: true,
-              value: null,
-            },
-            {
-              display:true,
-              fieldId: "1adcfd3d0c494dcaba5c469ee8252e3f",
-              formField:{
-                extInfo:{
-                  isDelete:true,
-                  visibleWithoutPermission:false
-                },
-                name:'聊天记录',
-                type:'CHAT_RECORD'
-              },
-              paramName:"fieldValue.1adcfd3d0c494dcaba5c469ee8252e3f",
-              required:false,
-              value:''
-            },
-            {
-              display:true,
-              fieldId: "5811458460c94013bc2c2285120d7a8c",
-              formField:{
-                extInfo:{
-                  isDelete:true,
-                  visibleWithoutPermission:false,
-                  url:"https://www.runoob.com/tags/html-colorpicker.html"
-                },
-                name:'"说明文字"',
-                type:'EXPLAIN'
-              },
-              paramName:"fieldValue.1adcfd3d0c494dcaba5c469ee8252e3f",
-              required:false,
-              value:'说明文字'
-            },
-            {
-              display:true,
-              fieldId: "44650eba647345e7b7f785bf772415c3",
-              formField:{
-                extInfo:{
-                  isDelete:true,
-                  visibleWithoutPermission:false,
-                  url:""
-                },
-                name:'"渠道"',
-                type:'CHANNEL'
-              },
-              paramName:"fieldValue.1adcfd3d0c494dcaba5c469ee8252e3f",
-              required:false,
-              value:'说明文字'
-            },
-            {
-              display:true,
-              fieldId: "a59fc947fc47405796babb376acc6a7b",
-              formField:{
-                extInfo:{
-                  isDelete:true,
-                  visibleWithoutPermission:false,
-                  options:[
-                    {
-                      label:"选项一",
-                      value:'选项一',
-                      _default:"false"
-                    },
-                    {
-                      label:"选项二",
-                      value:'选项二',
-                      _default:"false"
-                    },
-                    {
-                      label:"选项三",
-                      value:'选项三',
-                      _default:"false"
-                    },
-                  ]
-                },
-                name:'下拉',
-                type:'SELECT'
-              },
-              paramName:"fieldValue.1adcfd3d0c494dcaba5c469ee8252e3f",
-              required:false,
-              value:'选项二'
-            },
-            {
-              display:true,
-              fieldId: "64e8e0d90dd34c42ac5fcd81e1f932b4",
-              formField:{
-                extInfo:{
-                  isDelete:true,
-                  visibleWithoutPermission:false,
-                  options:[
-                    {
-                      label:"选项一",
-                      value:'选项一',
-                      _default:"false"
-                    },
-                    {
-                      label:"选项二",
-                      value:'选项二',
-                      _default:"false"
-                    },
-                    {
-                      label:"选项三",
-                      value:'选项三',
-                      _default:"false"
-                    },
-                  ]
-                },
-                name:'单选',
-                type:'RADIO'
-              },
-              paramName:"fieldValue.1adcfd3d0c494dcaba5c469ee8252e3f",
-              required:false,
-              value:'选项一'
-            },
-            {
-              display:true,
-              fieldId: "dc573800d9904f3d8e4d59408549e087",
-              formField:{
-                extInfo:{
-                  isDelete:true,
-                  visibleWithoutPermission:false,
-                  options:[
-                    {
-                      label:"选项一",
-                      value:'选项一',
-                      _default:"false"
-                    },
-                    {
-                      label:"选项二",
-                      value:'选项二',
-                      _default:"false"
-                    },
-                    {
-                      label:"选项三",
-                      value:'选项三',
-                      _default:"false"
-                    },
-                  ]
-                },
-                name:'多选',
-                type:'CHECKBOX'
-              },
-              paramName:"fieldValue.1adcfd3d0c494dcaba5c469ee8252e3f",
-              required:false,
-              value:['选项一','选项二']
-            },
-            {
-              display:true,
-              fieldId: "ef91e955bf894886b9edc56eb2c37554",
-              formField:{
-                extInfo:{
-                  isDelete:true,
-                  visibleWithoutPermission:false,
-                 mold:'DATA',
-                  placeholder:'请选择时间日期'
-                },
-                name:'时间日期',
-                type:'TIME_PICKER'
-              },
-              paramName:"fieldValue.1adcfd3d0c494dcaba5c469ee8252e3f",
-              required:false,
-              value:''
-            },
-            {
-              display:true,
-              fieldId: "ef91e955bf894886b9edc56eb2c3755S",
-              formField:{
-                extInfo:{
-                  isDelete:true,
-                  visibleWithoutPermission:false,
-                  mold:'DATA_TIME',
-                  placeholder:'请选择'
-                },
-                name:'时间日期',
-                type:'TIME_PICKER'
-              },
-              paramName:"fieldValue.1adcfd3d0c494dcaba5c469ee8252e3f",
-              required:false,
-              value:''
-            },
-            {
-              display:true,
-              fieldId: "workorder_name",
-              formField:{
-                name:'工单名称',
-                type:'INPUT'
-              },
-              paramName:"name",
-              required:true,
-              value:''
-            },
-            {
-              display:true,
-              fieldId: "ef91e955bf894886b9edc56eb2c3755S333",
-              formField:{
-                extInfo:{
-                  isDelete:true,
-                  visibleWithoutPermission:false,
-                  maxNum:"3"
-                },
-                name:'单行输入框',
-                type:'INPUT'
-              },
-              paramName:"fieldValue.1adcfd3d0c494dcaba5c469ee8252e3f3333",
-              required:false,
-              value:''
-            },
-            {
-              display:true,
-              fieldId: "ef91e955bf894886b9edc56eb2c3755S444",
-              formField:{
-                extInfo:{
-                  isDelete:true,
-                  visibleWithoutPermission:false,
-                },
-                name:'多行输入框',
-                type:'TEXTAREA'
-              },
-              paramName:"fieldValue.1adcfd3d0c494dcaba5c469ee8252e3f3444",
-              required:false,
-              value:''
-            },
-
-          ],
-        },
-      },
-
-      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>
+
+<!--    <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 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
+
+
+  },
+  props: {
+    messages: Array,
+  },
+  data() {
+    return {
+      black:'',
+      // 弹窗组件模拟数据
+      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: "",
+        form: {
+          id: 3,
+          name: "表单1",
+          release: false,
+          deleted: false,
+          description: "",
+          webhookId: 0,
+          webHookRequest: null,
+          createTime: "2020-11-18T10:50:19.000+0000",
+          updateTime: "2020-11-18T10:50:19.000+0000",
+          mainId: "e2f80aecaf7c11eabdcd506b4b2f3acc",
+          formFieldRelation: [
+            {
+              display: true,
+              fieldId: "5fd1d87127d6601a879b49bbc",
+              formField: {
+                createTime: null,
+                updateTime: "2020-12-10T16:12:33.544",
+                id: "5fd1d87127d6601a879b49bbc",
+                name: "级联",
+                description: "",
+                type: "CASCADER",
+                operatorId: "12",
+                mainId: "6cdfcac6a7d611eabdcd506b4b2f3acc",
+                searchable: true,
+                extInfo: {
+                  exinfo: [],
+                  cascadeDown: [
+                    {
+                      style: "1",
+                      options: [
+                        {
+                          value: "选项一",
+                          label: "选项一",
+                          children: [
+                            {
+                              value: "选项一一",
+                              label: "选项一一",
+                              children:[
+                                {label:'选项一一一',value:'选项一一一'},
+                                {label:'选项一一二',value:'选项一一二'}
+
+                              ]
+                            },
+                            {
+                              value: "选项一二",
+                              label: "选项一二",
+                              children:[
+                                {label:'选项一二一',value:'选项一二一'},
+                                {label:'选项一二二',value:'选项一二二'}
+                              ]
+                            },
+                          ],
+                        },
+                        {
+                          value: "选项二",
+                          label: "选项二",
+                          children: [
+                            {
+                              value: "选项二一",
+                              label: "选项二一",
+                              children:[
+                                {label:'选项二一一',value:'选项二一一'},
+                                {label:'选项二一二',value:'选项二一二'}
+                              ]
+                            },
+                            {
+                              value: "选项二二",
+                              label: "选项二二",
+                              children:[
+                                {label:'选项二二一',value:'选项二二一'},
+                                {label:'选项二二二',value:'选项二二二'}
+                              ]
+                            },
+                          ],
+                        },
+                        {
+                          value: "选项三",
+                          label: "选项三"
+                        },
+                      ],
+                    },
+                  ],
+                },
+              },
+              width: 0,
+              required: true,
+              value: null,
+            },
+            {
+              display: true,
+              fieldId: "workorder_description",
+              formField: {
+                createTime: null,
+                updateTime: "2020-12-10T16:12:33.544",
+                id: "5fd1d87127d6601a879b49bbcccc",
+                name: "工单描述",
+                description: "",
+                type: "TEXTAREA",
+                operatorId: "12",
+                mainId: "6cdfcac6a7d611eabdcd506b4b2f3acccc",
+                searchable: true,
+                extInfo:null
+              },
+              width: 0,
+              required: true,
+              value: null,
+            },
+            {
+              display: true,
+              fieldId: "workorder_clientId",
+              formField: {
+                createTime: null,
+                updateTime: "2020-12-10T16:12:33.544",
+                id: "5fd1d87127d6601a879b49bbccccd'd",
+                name: "客户",
+                description: "",
+                type: "SELECT",
+                operatorId: "12",
+                mainId: "6cdfcac6a7d611eabdcd506b4b2f3acccc",
+                searchable: true,
+                extInfo:{
+                  options:[]
+                }
+              },
+              width: 0,
+              required: false,
+              value: null,
+            },
+            {
+              display: true,
+              fieldId: "5fd1d87127d6601a879b49bbccc",
+              formField: {
+                createTime: null,
+                updateTime: "2020-12-10T16:12:33.544",
+                id: "5fd1d87127d6601a879b49bbccc",
+                name: "级联2",
+                description: "",
+                type: "CASCADER",
+                operatorId: "12",
+                mainId: "6cdfcac6a7d611eabdcd506b4b2f3acccc",
+                searchable: true,
+                extInfo: {
+                  exinfo: [],
+                  cascade:[
+                    {
+                      value: "是",
+                      label: "是",
+                      children: [
+                        {
+                          value: "北京",
+                          label: "北京",
+                          children:[
+                            {label:'北京一',value:'北京一'}
+                          ]
+                        },
+                        {
+                          value: "天津",
+                          label: "天津",
+                        },
+                      ],
+                    },
+                    {
+                      value: "飒飒",
+                      label: "飒飒"
+                    },
+                  ],
+                  placeholder:'请选择级联'
+
+                },
+              },
+              width: 0,
+              required: true,
+              value: null,
+            },
+            {
+              display: true,
+              fieldId: "5fd1d87b27d6601a879b49bcaaff",
+              formField: {
+                createTime: null,
+                updateTime: "2020-12-10T16:12:43.694",
+                id: "5fd1d87b27d6601a879b49bcaaff",
+                name: "下拉",
+                description: "",
+                type: "SELECT",
+                operatorId: "12",
+                mainId: "6cdfcac6a7d611eabdcd506b4b2f3acc",
+                searchable: true,
+                extInfo: {
+                  exinfo: [
+                    {
+                      value: "我",
+                      _default: "true",
+                    },
+                    {
+                      value: "你",
+                      _default: "false",
+                    },
+                  ],
+                  cascadeDown: [
+                    {
+                      style: "1",
+                      options: [],
+                    },
+                  ],
+                },
+              },
+              width: 0,
+              required: false,
+              value: '我',
+            },
+            {
+              display: true,
+              fieldId: "5fd1d87b27d6601a879b49bc",
+              formField: {
+                createTime: null,
+                updateTime: "2020-12-10T16:12:43.694",
+                id: "5fd1d87b27d6601a879b49bc",
+                name: "下拉22",
+                description: "",
+                type: "SELECT",
+                operatorId: "12",
+                mainId: "6cdfcac6a7d611eabdcd506b4b2f3acc",
+                searchable: true,
+                extInfo: {
+                  option: [
+                    { value: "chifan", label: "吃饭", _default: "false" },
+                    { value: "shuijiao", label: "睡觉", _default: "true" },
+                  ],
+                  placeholder:'请选择下拉'
+                },
+              },
+              width: 0,
+              required: false,
+              value: null,
+            },
+            {
+              display: true,
+              fieldId: "5fd1d88627d6601a879b49bd",
+              formField: {
+                createTime: null,
+                updateTime: "2020-12-10T16:12:54.45",
+                id: "5fd1d88627d6601a879b49bd",
+                name: "单选",
+                description: "",
+                type: "RADIO",
+                operatorId: "12",
+                mainId: "6cdfcac6a7d611eabdcd506b4b2f3acc",
+                searchable: true,
+                extInfo: {
+                  exinfo: [
+                    {
+                      value: "三点",
+                      _default: "true",
+                    },
+                    {
+                      value: "但是",
+                      _default: "false",
+                    },
+                  ],
+                  cascadeDown: [
+                    {
+                      style: "1",
+                      options: [],
+                    },
+                  ],
+                },
+              },
+              width: 0,
+              required: true,
+              value: null,
+            },
+            {
+              display: true,
+              fieldId: "5fd1d89127d6601a879b49be",
+              formField: {
+                createTime: null,
+                updateTime: "2020-12-10T16:13:05.108",
+                id: "5fd1d89127d6601a879b49be",
+                name: "复选",
+                description: "",
+                type: "CHECKBOX",
+                operatorId: "12",
+                mainId: "6cdfcac6a7d611eabdcd506b4b2f3acc",
+                searchable: true,
+                extInfo: {
+                  exinfo: [
+                    {
+                      value: "dingding",
+                      label:'dingding',
+                      _default: "false",
+                    },
+                    {
+                      value: "lala",
+                      label:'lala',
+                      _default: "true",
+                    },
+                  ],
+                  cascadeDown: [
+                    {
+                      style: "1",
+                      options: [],
+                    },
+                  ],
+                },
+              },
+              width: 0,
+              required: true,
+              value: null,
+            },
+            {
+              display:true,
+              fieldId: "1adcfd3d0c494dcaba5c469ee8252e3f",
+              formField:{
+                extInfo:{
+                  isDelete:true,
+                  visibleWithoutPermission:false
+                },
+                name:'聊天记录',
+                type:'CHAT_RECORD'
+              },
+              paramName:"fieldValue.1adcfd3d0c494dcaba5c469ee8252e3f",
+              required:false,
+              value:''
+            },
+            {
+              display:true,
+              fieldId: "5811458460c94013bc2c2285120d7a8c",
+              formField:{
+                extInfo:{
+                  isDelete:true,
+                  visibleWithoutPermission:false,
+                  url:"https://www.runoob.com/tags/html-colorpicker.html"
+                },
+                name:'"说明文字"',
+                type:'EXPLAIN'
+              },
+              paramName:"fieldValue.1adcfd3d0c494dcaba5c469ee8252e3f",
+              required:false,
+              value:'说明文字'
+            },
+            {
+              display:true,
+              fieldId: "44650eba647345e7b7f785bf772415c3",
+              formField:{
+                extInfo:{
+                  isDelete:true,
+                  visibleWithoutPermission:false,
+                  url:""
+                },
+                name:'"渠道"',
+                type:'CHANNEL'
+              },
+              paramName:"fieldValue.1adcfd3d0c494dcaba5c469ee8252e3f",
+              required:false,
+              value:'说明文字'
+            },
+            {
+              display:true,
+              fieldId: "a59fc947fc47405796babb376acc6a7b",
+              formField:{
+                extInfo:{
+                  isDelete:true,
+                  visibleWithoutPermission:false,
+                  options:[
+                    {
+                      label:"选项一",
+                      value:'选项一',
+                      _default:"false"
+                    },
+                    {
+                      label:"选项二",
+                      value:'选项二',
+                      _default:"false"
+                    },
+                    {
+                      label:"选项三",
+                      value:'选项三',
+                      _default:"false"
+                    },
+                  ]
+                },
+                name:'下拉',
+                type:'SELECT'
+              },
+              paramName:"fieldValue.1adcfd3d0c494dcaba5c469ee8252e3f",
+              required:false,
+              value:'选项二'
+            },
+            {
+              display:true,
+              fieldId: "64e8e0d90dd34c42ac5fcd81e1f932b4",
+              formField:{
+                extInfo:{
+                  isDelete:true,
+                  visibleWithoutPermission:false,
+                  options:[
+                    {
+                      label:"选项一",
+                      value:'选项一',
+                      _default:"false"
+                    },
+                    {
+                      label:"选项二",
+                      value:'选项二',
+                      _default:"false"
+                    },
+                    {
+                      label:"选项三",
+                      value:'选项三',
+                      _default:"false"
+                    },
+                  ]
+                },
+                name:'单选',
+                type:'RADIO'
+              },
+              paramName:"fieldValue.1adcfd3d0c494dcaba5c469ee8252e3f",
+              required:false,
+              value:'选项一'
+            },
+            {
+              display:true,
+              fieldId: "dc573800d9904f3d8e4d59408549e087",
+              formField:{
+                extInfo:{
+                  isDelete:true,
+                  visibleWithoutPermission:false,
+                  options:[
+                    {
+                      label:"选项一",
+                      value:'选项一',
+                      _default:"false"
+                    },
+                    {
+                      label:"选项二",
+                      value:'选项二',
+                      _default:"false"
+                    },
+                    {
+                      label:"选项三",
+                      value:'选项三',
+                      _default:"false"
+                    },
+                  ]
+                },
+                name:'多选',
+                type:'CHECKBOX'
+              },
+              paramName:"fieldValue.1adcfd3d0c494dcaba5c469ee8252e3f",
+              required:false,
+              value:['选项一','选项二']
+            },
+            {
+              display:true,
+              fieldId: "ef91e955bf894886b9edc56eb2c37554",
+              formField:{
+                extInfo:{
+                  isDelete:true,
+                  visibleWithoutPermission:false,
+                 mold:'DATA',
+                  placeholder:'请选择时间日期'
+                },
+                name:'时间日期',
+                type:'TIME_PICKER'
+              },
+              paramName:"fieldValue.1adcfd3d0c494dcaba5c469ee8252e3f",
+              required:false,
+              value:''
+            },
+            {
+              display:true,
+              fieldId: "ef91e955bf894886b9edc56eb2c3755S",
+              formField:{
+                extInfo:{
+                  isDelete:true,
+                  visibleWithoutPermission:false,
+                  mold:'DATA_TIME',
+                  placeholder:'请选择'
+                },
+                name:'时间日期',
+                type:'TIME_PICKER'
+              },
+              paramName:"fieldValue.1adcfd3d0c494dcaba5c469ee8252e3f",
+              required:false,
+              value:''
+            },
+            {
+              display:true,
+              fieldId: "workorder_name",
+              formField:{
+                name:'工单名称',
+                type:'INPUT'
+              },
+              paramName:"name",
+              required:true,
+              value:''
+            },
+            {
+              display:true,
+              fieldId: "ef91e955bf894886b9edc56eb2c3755S333",
+              formField:{
+                extInfo:{
+                  isDelete:true,
+                  visibleWithoutPermission:false,
+                  maxNum:"3"
+                },
+                name:'单行输入框',
+                type:'INPUT'
+              },
+              paramName:"fieldValue.1adcfd3d0c494dcaba5c469ee8252e3f3333",
+              required:false,
+              value:''
+            },
+            {
+              display:true,
+              fieldId: "ef91e955bf894886b9edc56eb2c3755S444",
+              formField:{
+                extInfo:{
+                  isDelete:true,
+                  visibleWithoutPermission:false,
+                },
+                name:'多行输入框',
+                type:'TEXTAREA'
+              },
+              paramName:"fieldValue.1adcfd3d0c494dcaba5c469ee8252e3f3444",
+              required:false,
+              value:''
+            },
+
+          ],
+        },
+      },
+
+      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>