askbot-dragon 0.6.17 → 0.6.21

package/src/components/ConversationContainer.vue

@@ -1,1388 +1,1388 @@
-<!-- 消息记录容器 -->
-<template>
-  <div id="conversation">
-     <!--<action-alert
-      :actionAlertIframe="actionAlertIframeObj"
-      :disable="true"
-    ></action-alert>-->
-    <!--  <ticket-message :content="contents"></ticket-message>-->
-
-    <!-- <form-template @submitClick="submitClick" :formList="formList"></form-template>
-    <form-template @submitClick="submitClick" :formList="formList" :type="rem"></form-template>
-
-     &lt;!&ndash; <div class="conversation-container">
-          <div
-                  v-if="showPreview"
-                  style="
-        width: 100vw;
-        height: 100vh;
-        z-index: 10000;
-        position: fixed;
-        top: 0;
-        left: 0;
-        background-color: rgba(0, 0, 0, 0.8);
-      "
-          >
-              <div
-                      @click="showPreview = false"
-                      style="
-          color: white;
-          font-size: 30px;
-          padding: 30px 30px 15vh;
-          text-align: right;
-          cursor: pointer;
-        "
-              >
-                  X
-              </div>
-              <img
-                      style="max-height: 70vh; max-width: 70vw"
-                      :src="previewImageUrl"
-                      alt
-                      srcset
-              />
-          </div>
-          <div class="test-box">
-              <div class="gr-header">
-         <span class="bot-name" v-if="currentBot != null">
-     &lt;!&ndash;     {{ currentBot.name }}&ndash;&gt;
-            我是名字
-          <el-popover
-                  v-if="botList.length > 1"
-                  placement="bottom"
-                  trigger="hover"
-                  width="250"
-          >
-            <el-radio-group v-model="currentBot.id" @change="changeCurrentBot">
-              <el-radio v-for="bot in botList" :key="bot.id" :label="bot.id">{{
-                bot.name
-              }}</el-radio>
-            </el-radio-group>
-            <i slot="reference" class="el-icon-s-operation"></i>
-          </el-popover>
-        </span>
-                  <span class="el-icon-refresh" @click="cleanSession(true)"></span>
-                  <span class="el-icon-close" @click="handleClose(false)"></span>
-              </div>
-              <transition name="fade">
-                  <div class="mod-loading" v-if="isShow" transiton="fade">
-                      <span>已将该问法添加至知识库， 正在重新训练模型</span>
-                      <em class="el-icon-loading"></em>
-                  </div>
-              </transition>
-              <div id="grContent" class="gr-content" ref="grContent">
-                  <ul class="chat-list">
-                      <li
-                              v-for="(item, index) in chatList"
-                              :key="index"
-                              :class="[
-              'chat-cell',
-              item.user === 'bot' ? 'via-bot-outer' : 'via-user-outer',
-            ]"
-                      >
-                          <div class="chat-content">
-                              <div
-                                      class="chat-content"
-                                      v-if="item.type === 'TEXT' && item.user === 'user'"
-                              >
-                                  <span class>{{ item.content }}</span>
-                                  <el-cascader
-                                          v-if="item.requestCompleted && item.needShowIntent"
-                                          style="width: 290px"
-                                          placeholder="未识别到意图，可选择所属意图，提高识别率"
-                                          size="mini"
-                                          v-model="item.intentId"
-                                          :options="intentionList"
-                                          :props="optionProps"
-                                          @change="changeIntent(item)"
-                                  ></el-cascader>
-                              </div>
-
-                              <span
-                                      v-html="item.text"
-                                      v-if="item.type === 'answer_text' && item.user === 'bot'"
-                              ></span>
-                              <div
-                                      v-html="item.text"
-                                      v-if="
-                  item.type === 'answer_rich_text_pro' && item.user === 'bot'
-                "
-                              ></div>
-
-                              <img
-                                      v-if="item.type === 'answer_image'"
-                                      width="150px"
-                                      :src="item.url"
-                                      alt
-                              />
-                              <video-player
-                                      v-if="item.type === 'answer_video'"
-                                      class="video-player vjs-custom-skin"
-                                      :options="videoOptions(item.content)"
-                                      style="width: 300px"
-                              />
-                              <div v-if="item.type === 'answer_radio'" class="link-list-outer">
-                                  <span>{{ item.description }}</span>
-                                  <span
-                                          v-for="(cell, index) in item.options"
-                                          :key="item.nodeId + '_' + index"
-                                          class="link-cell cursor"
-                                          @click="
-                    sendTestContent(
-                      'RADIO',
-                      item.actionId + '_' + index + '_' + cell.value,
-                      cell.name,
-                      false
-                    )
-                  "
-                                  >{{ cell.name }}</span
-                                  >
-                              </div>
-                              <div
-                                      v-if="item.type === 'unSatisfactionChoose'"
-                                      class="link-list-outer"
-                              >
-                                  <span>{{ item.content.description }}</span>
-                                  <span
-                                          v-for="(cell, index) in item.content.options"
-                                          :key="index"
-                                          class="link-cell cursor"
-                                          @click="
-                    chatList.push({
-                      type: 'TEXT',
-                      content: cell.name,
-                      user: 'user',
-                    }),
-                      addAnswerList([
-                        {
-                          type: 'answer_text',
-                          content: { list: [cell.answer] },
-                        },
-                      ])
-                  "
-                                  >{{ cell.name }}</span
-                                  >
-                              </div>
-                              <div
-                                      v-if="item.type === 'action_satisfaction'"
-                                      class="link-list-outer"
-                              >
-                                  <span>{{ item.content.satisfactionDes }}</span>
-                                  <span
-                                          class="link-cell cursor"
-                                          @click="
-                    satisfacte('满意', item.content.satisfactoryAnswer, null)
-                  "
-                                  >满意</span
-                                  >
-                                  <span
-                                          class="link-cell cursor"
-                                          @click="
-                    satisfacte(
-                      '不满意',
-                      item.content.unsatisfiedAnswer,
-                      item.content.answerRadio
-                    )
-                  "
-                                  >不满意</span
-                                  >
-                              </div>
-                          </div>
-                      </li>
-                  </ul>
-              </div>
-              <div class="gr-footer">
-                  <el-input
-                          size="small"
-                          placeholder="请输入测试问题"
-                          v-model="testValue"
-                          @keyup.enter.native="
-            sendTestContent('TEXT', testValue, testValue, true)
-          "
-                  >
-                      <el-button
-                              type="primary"
-                              size="small"
-                              slot="append"
-                              @click="sendTestContent('TEXT', testValue, testValue, true)"
-                      >发送</el-button
-                      >
-                      <el-button
-                              type="info"
-                              size="small"
-                              slot="append"
-                              @click="sendTestContent('END_SESSION', 'END_SESSION', null, false)"
-                      >结束</el-button
-                      >
-                  </el-input>
-              </div>
-          </div>
-      </div>
-      <div class="dialog">
-          <div class="headerName">对话记录</div>
-          <div class="dialogContent" id="messageContent" ref="msgContainer">
-              &lt;!&ndash; <div class="message">
-                            <div class="user-detail">
-                                <div class="media-body">
-                                     <p><el-image
-                                            style="width: 100px; height: 100px"
-                                            :src="url"
-                                            :preview-src-list="srcList">
-                                        </el-image>
-                                    </p>
-                                </div>
-                            </div>
-                        </div>
-                        <div class="message-notice">
-                            <p class="notice-content">客户和机器人建立会话 11:15:42</p>
-                        </div>
-                        <div class="message-notice">
-                            <p class="notice-content">客户转人工服务 11:15:45</p>
-                        </div>
-                        <div class="message-notice">
-                            <p class="notice-content">客户和客服 阿毛 的会话已结束 11:16:01 </p>
-                        </div>
-                        <div class="message-notice">
-                            <p class="notice-content-day">
-                                <span class="line-left"></span>
-                                <span class="line-text">2020-01-06</span>
-                                <span class="line-right"> </span>
-                            </p>
-              </div>&ndash;&gt;
-              <div v-for="(item,index) in userMessages" :key="index">
-                  <el-link
-                          :underline="false"
-                          v-if="index==0 && moreMessages"
-                          type="primary"
-                          @click="clickUserli(activeClass,userList[activeClass].destId,userList[activeClass].sourceId,false,item.id,false,userList[activeClass].channel)"
-                  >更多消息</el-link>
-                  <el-link
-                          :underline="false"
-                          v-if="index==0 && !moreMessages"
-                          type="primary"
-                          disabled
-                  >没有更多消息了</el-link>
-                  <div class="message message-kf" v-if="item.source=='WEB_SOCKET'">
-                      <div class="user-detail">
-                          <div class="media-body">
-                              <p
-                                      v-if="item.type == 'user_action_to_satisfaction'|| item.type == 'user_action_to_unsatisfactory'"
-                              >{{JSON.parse(item.content).input}}</p>
-                              <p
-                                      v-else
-                                      v-html="item.type == 'RADIO'? item.content.split('_')[item.content.split('_').length - 1]  :item.content "
-                              ></p>
-                              <span>{{new Date(item.time).Format("yyyy-MM-dd hh:mm:s")}}</span>
-                          </div>
-                      </div>
-                  </div>
-                  <div class="message message-kf" v-if="item.source=='WEBSITE_SOCKET'">
-                      <div class="user-detail">
-                          <div class="media-body">
-                              <p
-                                      v-if="item.type == 'user_action_to_satisfaction'|| item.type == 'user_action_to_unsatisfactory'"
-                              >{{JSON.parse(item.content).input}}</p>
-                              <p
-                                      v-else
-                                      v-html="item.type == 'RADIO'? item.content.split('_')[item.content.split('_').length - 1]  :item.content "
-                              ></p>
-                              <span>{{new Date(item.time).Format("yyyy-MM-dd hh:mm:s")}}</span>
-                          </div>
-                      </div>
-                  </div>
-                  <div class="message message-kf" v-if="item.source=='MINI_PROGRAM_WEB_SOCKET'">
-                      <div class="user-detail">
-                          <div class="media-body">
-                              <p
-                                      v-if="item.type == 'user_action_to_satisfaction'|| item.type == 'user_action_to_unsatisfactory'"
-                              >{{JSON.parse(item.content).input}}</p>
-                              <p
-                                      v-else
-                                      v-html="item.type == 'RADIO'? item.content.split('_')[item.content.split('_').length - 1]  :item.content "
-                              ></p>
-                              <span>{{new Date(item.time).Format("yyyy-MM-dd hh:mm:s")}}</span>
-                          </div>
-                      </div>
-                  </div>
-                  <div class="message" v-if="item.type=='user_action_to_satisfaction' ">
-                      <template>
-                          <div class="user-detail" v-if="JSON.parse(item.content)!=null">
-                              <div class="media-body">
-                                  <p v-html="JSON.parse(item.content).reply_text"></p>
-                                  <span>{{new Date(item.time).Format("yyyy-MM-dd hh:mm:ss")}}</span>
-                                  <span v-if="item.source=='GUORAN_BOT'" class="botname">{{userInfor.botName}}</span>
-                                  <span
-                                          v-else-if="item.source=='CUSTOMER_SERVICE_SYSTEM'"
-                                          class="botname"
-                                  >{{item.sourceId}}</span>
-                              </div>
-                          </div>
-                      </template>
-                  </div>
-
-                  <div class="message" v-if="item.type=='user_action_to_unsatisfactory'">
-                      <template>
-                          <div class="user-detail" v-if="JSON.parse(item.content)!=null">
-                              <div class="media-body-ps">
-                                  <p
-                                          class="other"
-                                          v-if="JSON.parse(item.content).reply_text!=null"
-                                  >{{JSON.parse(item.content).reply_text}}</p>
-                                  <div  v-if="JSON.parse(item.content).reply_options!=null && JSON.parse(item.content).reply_options.length>0"
-                                  >
-                                  <p
-                                          class="ps"
-                                          v-for="(option,index) in JSON.parse(item.content).options"
-                                          :key="index"
-                                  >{{option.name}}</p>
-                                  </div>
-
-                                  <span>{{new Date(item.time).Format("yyyy-MM-dd hh:mm:ss")}}</span>
-                                  <span class="botname">{{userInfor.botName}}</span>
-                              </div>
-                          </div>
-                      </template>
-                  </div>
-                  <template
-                          v-if="(item.source=='GUORAN_BOT' || item.source=='CUSTOMER_SERVICE_SYSTEM') && item.type!='user_action_to_satisfaction' && item.type!='user_action_to_unsatisfactory' "
-                  >
-                      <div class="message" v-for="(msg,index) in JSON.parse(item.content)" :key="index">
-                          <div class="user-detail" v-if="msg.content!=null">
-                              <div
-                                      class="media-body"
-                                      v-if="(msg.type =='answer_text' || msg.type=='answer_welcometext' || msg.type=='answer_correct') && msg.content.list!=null && msg.content.list[0]!='__welcome__' "
-                              >
-                                  <p v-html="msg.content.list != null?msg.content.list[0]:''"></p>
-                                  <span>{{new Date(item.time).Format("yyyy-MM-dd hh:mm:ss")}}</span>
-                                  <span v-if="item.source=='GUORAN_BOT'" class="botname">{{userInfor.botName}}</span>
-                                  <span
-                                          v-else-if="item.source=='CUSTOMER_SERVICE_SYSTEM'"
-                                          class="botname"
-                                  >{{item.sourceId}}</span>
-                              </div>
-                              <div
-                                      class="media-body"
-                                      style="max-width: 300px"
-                                      v-else-if="(msg.type =='answer_rich_text')"
-                              >
-                                  <p v-html="msg.content.html"></p>
-                                  <span>{{new Date(item.time).Format("yyyy-MM-dd hh:mm:ss")}}</span>
-                                  <span v-if="item.source=='GUORAN_BOT'" class="botname">{{userInfor.botName}}</span>
-                                  <span
-                                          v-else-if="item.source=='CUSTOMER_SERVICE_SYSTEM'"
-                                          class="botname"
-                                  >{{item.sourceId}}</span>
-                              </div>
-                              <div
-                                      class="media-body"
-                                      v-else-if="msg.type =='action_question' && msg.content!=null && msg.content.questions!=null && msg.content.questions.length>0"
-                              >
-                                  <p v-html="msg.content.questions[0]"></p>
-                                  <span>{{new Date(item.time).Format("yyyy-MM-dd hh:mm:ss")}}</span>
-                                  <span v-if="item.source=='GUORAN_BOT'" class="botname">{{userInfor.botName}}</span>
-                                  <span
-                                          v-else-if="item.source=='CUSTOMER_SERVICE_SYSTEM'"
-                                          class="botname"
-                                  >{{item.sourceId}}</span>
-                              </div>
-                              <div class="media-body" v-else-if="msg.type == 'answer_image'">
-                                  <p>
-                                      <el-image style="width: 35%;" :src="msg.content.url"></el-image>
-                                  </p>
-                                  <span>{{new Date(item.time).Format("yyyy-MM-dd hh:mm:ss")}}</span>
-                                  <span v-if="item.source=='GUORAN_BOT'" class="botname">{{userInfor.botName}}</span>
-                                  <span
-                                          v-else-if="item.source=='CUSTOMER_SERVICE_SYSTEM'"
-                                          class="botname"
-                                  >{{item.sourceId}}</span>
-                              </div>
-                              <div v-else-if="msg.type=='answer_radio'" class="media-body-ps">
-                                  <p class="other">{{msg.content.description}}</p>
-                                  <p
-                                          class="ps"
-                                          v-for="(option,index) in msg.content.options"
-                                          :key="index"
-                                  >{{option.name}}</p>
-                                  <span
-                                          style="margin-left:15px;margin-top:5px"
-                                  >{{new Date(item.time).Format("yyyy-MM-dd hh:mm:ss")}}</span>
-                                  <span v-if="item.source=='GUORAN_BOT'" class="botname">{{userInfor.botName}}</span>
-                                  <span
-                                          v-else-if="item.source=='CUSTOMER_SERVICE_SYSTEM'"
-                                          class="botname"
-                                  >{{item.sourceId}}</span>
-                              </div>
-                              <div v-else-if="msg.type=='action_satisfaction'" class="media-body-ps">
-                                  <p class="other">{{msg.content.satisfactionDes}}</p>
-                                  <p class="ps" v-for="(option,index) in ['满意','不满意']" :key="index">{{option}}</p>
-                              </div>
-                              <div v-else-if="msg.type=='answer_video'" class="media-body">
-                                  <p>
-                                      <video-player
-                                              class="video-player vjs-custom-skin"
-                                              :options="videoOptions(msg.content)"
-                                              style="height:auto"
-                                      />
-                                  </p>
-                                  <span>{{new Date(item.time).Format("yyyy-MM-dd hh:mm:ss")}}</span>
-                                  <span v-if="item.source=='GUORAN_BOT'" class="botname">{{userInfor.botName}}</span>
-                                  <span
-                                          v-else-if="item.source=='CUSTOMER_SERVICE_SYSTEM'"
-                                          class="botname"
-                                  >{{item.sourceId}}</span>
-                              </div>
-
-                              <div v-else-if="msg.type=='action_transfer'">
-                                  &lt;!&ndash;                                        机器人回复为转人工组件内容 &ndash;&gt;
-                              </div>
-                              <div v-else>
-                                  <p>{{msg}}</p>
-                              </div>
-                          </div>
-                      </div>
-                  </template>
-              </div>
-              &lt;!&ndash;                    <div class="message">&ndash;&gt;
-              &lt;!&ndash;                        <div class="user-detail">&ndash;&gt;
-              &lt;!&ndash;                            &ndash;&gt;
-              &lt;!&ndash;                        </div>&ndash;&gt;
-              &lt;!&ndash;                    </div>&ndash;&gt;
-              &lt;!&ndash; <div class="message">
-                            <div class="user-detail">
-                                <div class="media-body">
-                                    <p>
-                                        <video-player
-                                            class="video-player vjs-custom-skin"
-                                            ref="videoPlayer"
-                                            :playsinline="true"
-                                            :options="playerOptions"
-                                            >
-                                        </video-player>
-                                    </p>
-                                </div>
-                            </div>
-              </div>&ndash;&gt;
-          </div>
-      </div>&ndash;&gt;
-    <text-message :text="text" @submitClick="submitClicks"></text-message>
-    <text-message :text="text" @submitClick="submitClicks" :type="rem"></text-message>
-    <text-message :text="text" @submitClick="submitClicks" :type="rem"></text-message>-->
-
-   <!-- <ticket-message :content="contents" @touchEnd="touchEnd"></ticket-message>-->
-    <!-- <ticket-message :content="contents" type="rem"></ticket-message>
-    <ticket-message :content="contents" type="rem"></ticket-message>
-    <ticket-message :content="contents" type="rem"></ticket-message>
-    <ticket-message :content="contents" ></ticket-message>
-    <ticket-message :content="contents"></ticket-message>
-    <ticket-message :content="contents" ></ticket-message>
-    <ticket-message :content="contents" ></ticket-message>-->
-    <!--    <text-message :text="text" :type="rem" @submitClick="submitClick"></text-message>
-    <text-message :text="text"  @submitClick="submitClick"></text-message>-->
-    <!-- <text-message :text="text"></text-message>
-    <form-template :formList="formList"  @submitClick="submitClick"></form-template>
-    <form-template :formList="formList"  @submitClick="submitClick"></form-template>
-    <form-template :formList="formList"  @submitClick="submitClick"></form-template>-->
-   
-  <!--  <feed-back
-      :feedBack="feedBack"
-      :rem="rem"
-      @positiveFeedback="positiveFeedback"
-    ></feed-back>-->
-   <!-- <feed-back
-      :feedBack="feedBack"
-      @positiveFeedback="positiveFeedback"
-    ></feed-back>-->
-    <form-template
-      :formList="formList"
-      @submitClick="submitClick"
-    ></form-template>
-    <form-template
-      :formList="formList2"
-      @submitClick="submitClick"
-    ></form-template>
-   <!-- <text-message :text="text" @submitClick="submitClick"></text-message>
-    <text-message
-      :text="text"
-      @submitClick="submitClick"
-      :disable="true"
-      :submit="true"
-    ></text-message>
-    <FileType :urls="urls" :color="black"></FileType>
-    <chat-content :messageList="messageList"></chat-content>-->
-  </div>
-</template>
-<script>
-/*
- import FormTemplate from "@/components/formTemplate";
-import TextMessage from "@/components/message/TextMessage";*/
-
-
-/*import FormTemplate from "@/components/formTemplate";
-import TextMessage from "@/components/message/TextMessage";*/
-
-import FormTemplate from "@/components/formTemplate";
-
-
-/* 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";*/
-
-export default {
-  name: "ConversationContainer",
-  components: {
-
-
-    FormTemplate,
-
-
-  },
-  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: true,
-              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 arsenalkebianji" icon="arsenal_icon arsenalkebianji" editable="true" onclick="_askEditValue(this,this.previousElementSibling)"></i></span>&nbsp;结束时间&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'}
-      ],
-    };
-  },
-  methods: {
-    submitClick(value) {
-      console.log(value);
-    },
-    submitClicks(value) {
-      console.log(value);
-    },
-    positiveFeedback(value1) {
-      console.log(value1);
-    },
-    touchEnd(index){
-      console.log(index)
-    }
-  },
-  mounted() {},
-  updated() {},
-};
-</script>
-
-<!-- Add "scoped" attribute to limit CSS to this component only -->
-<style scoped lang="less">
-@import "../assets/less/converSationContainer/converSatonContainer";
-#conversation{
-}
-</style>
+<!-- 消息记录容器 -->
+<template>
+  <div id="conversation">
+     <!--<action-alert
+      :actionAlertIframe="actionAlertIframeObj"
+      :disable="true"
+    ></action-alert>-->
+    <!--  <ticket-message :content="contents"></ticket-message>-->
+
+    <!-- <form-template @submitClick="submitClick" :formList="formList"></form-template>
+    <form-template @submitClick="submitClick" :formList="formList" :type="rem"></form-template>
+
+     &lt;!&ndash; <div class="conversation-container">
+          <div
+                  v-if="showPreview"
+                  style="
+        width: 100vw;
+        height: 100vh;
+        z-index: 10000;
+        position: fixed;
+        top: 0;
+        left: 0;
+        background-color: rgba(0, 0, 0, 0.8);
+      "
+          >
+              <div
+                      @click="showPreview = false"
+                      style="
+          color: white;
+          font-size: 30px;
+          padding: 30px 30px 15vh;
+          text-align: right;
+          cursor: pointer;
+        "
+              >
+                  X
+              </div>
+              <img
+                      style="max-height: 70vh; max-width: 70vw"
+                      :src="previewImageUrl"
+                      alt
+                      srcset
+              />
+          </div>
+          <div class="test-box">
+              <div class="gr-header">
+         <span class="bot-name" v-if="currentBot != null">
+     &lt;!&ndash;     {{ currentBot.name }}&ndash;&gt;
+            我是名字
+          <el-popover
+                  v-if="botList.length > 1"
+                  placement="bottom"
+                  trigger="hover"
+                  width="250"
+          >
+            <el-radio-group v-model="currentBot.id" @change="changeCurrentBot">
+              <el-radio v-for="bot in botList" :key="bot.id" :label="bot.id">{{
+                bot.name
+              }}</el-radio>
+            </el-radio-group>
+            <i slot="reference" class="el-icon-s-operation"></i>
+          </el-popover>
+        </span>
+                  <span class="el-icon-refresh" @click="cleanSession(true)"></span>
+                  <span class="el-icon-close" @click="handleClose(false)"></span>
+              </div>
+              <transition name="fade">
+                  <div class="mod-loading" v-if="isShow" transiton="fade">
+                      <span>已将该问法添加至知识库， 正在重新训练模型</span>
+                      <em class="el-icon-loading"></em>
+                  </div>
+              </transition>
+              <div id="grContent" class="gr-content" ref="grContent">
+                  <ul class="chat-list">
+                      <li
+                              v-for="(item, index) in chatList"
+                              :key="index"
+                              :class="[
+              'chat-cell',
+              item.user === 'bot' ? 'via-bot-outer' : 'via-user-outer',
+            ]"
+                      >
+                          <div class="chat-content">
+                              <div
+                                      class="chat-content"
+                                      v-if="item.type === 'TEXT' && item.user === 'user'"
+                              >
+                                  <span class>{{ item.content }}</span>
+                                  <el-cascader
+                                          v-if="item.requestCompleted && item.needShowIntent"
+                                          style="width: 290px"
+                                          placeholder="未识别到意图，可选择所属意图，提高识别率"
+                                          size="mini"
+                                          v-model="item.intentId"
+                                          :options="intentionList"
+                                          :props="optionProps"
+                                          @change="changeIntent(item)"
+                                  ></el-cascader>
+                              </div>
+
+                              <span
+                                      v-html="item.text"
+                                      v-if="item.type === 'answer_text' && item.user === 'bot'"
+                              ></span>
+                              <div
+                                      v-html="item.text"
+                                      v-if="
+                  item.type === 'answer_rich_text_pro' && item.user === 'bot'
+                "
+                              ></div>
+
+                              <img
+                                      v-if="item.type === 'answer_image'"
+                                      width="150px"
+                                      :src="item.url"
+                                      alt
+                              />
+                              <video-player
+                                      v-if="item.type === 'answer_video'"
+                                      class="video-player vjs-custom-skin"
+                                      :options="videoOptions(item.content)"
+                                      style="width: 300px"
+                              />
+                              <div v-if="item.type === 'answer_radio'" class="link-list-outer">
+                                  <span>{{ item.description }}</span>
+                                  <span
+                                          v-for="(cell, index) in item.options"
+                                          :key="item.nodeId + '_' + index"
+                                          class="link-cell cursor"
+                                          @click="
+                    sendTestContent(
+                      'RADIO',
+                      item.actionId + '_' + index + '_' + cell.value,
+                      cell.name,
+                      false
+                    )
+                  "
+                                  >{{ cell.name }}</span
+                                  >
+                              </div>
+                              <div
+                                      v-if="item.type === 'unSatisfactionChoose'"
+                                      class="link-list-outer"
+                              >
+                                  <span>{{ item.content.description }}</span>
+                                  <span
+                                          v-for="(cell, index) in item.content.options"
+                                          :key="index"
+                                          class="link-cell cursor"
+                                          @click="
+                    chatList.push({
+                      type: 'TEXT',
+                      content: cell.name,
+                      user: 'user',
+                    }),
+                      addAnswerList([
+                        {
+                          type: 'answer_text',
+                          content: { list: [cell.answer] },
+                        },
+                      ])
+                  "
+                                  >{{ cell.name }}</span
+                                  >
+                              </div>
+                              <div
+                                      v-if="item.type === 'action_satisfaction'"
+                                      class="link-list-outer"
+                              >
+                                  <span>{{ item.content.satisfactionDes }}</span>
+                                  <span
+                                          class="link-cell cursor"
+                                          @click="
+                    satisfacte('满意', item.content.satisfactoryAnswer, null)
+                  "
+                                  >满意</span
+                                  >
+                                  <span
+                                          class="link-cell cursor"
+                                          @click="
+                    satisfacte(
+                      '不满意',
+                      item.content.unsatisfiedAnswer,
+                      item.content.answerRadio
+                    )
+                  "
+                                  >不满意</span
+                                  >
+                              </div>
+                          </div>
+                      </li>
+                  </ul>
+              </div>
+              <div class="gr-footer">
+                  <el-input
+                          size="small"
+                          placeholder="请输入测试问题"
+                          v-model="testValue"
+                          @keyup.enter.native="
+            sendTestContent('TEXT', testValue, testValue, true)
+          "
+                  >
+                      <el-button
+                              type="primary"
+                              size="small"
+                              slot="append"
+                              @click="sendTestContent('TEXT', testValue, testValue, true)"
+                      >发送</el-button
+                      >
+                      <el-button
+                              type="info"
+                              size="small"
+                              slot="append"
+                              @click="sendTestContent('END_SESSION', 'END_SESSION', null, false)"
+                      >结束</el-button
+                      >
+                  </el-input>
+              </div>
+          </div>
+      </div>
+      <div class="dialog">
+          <div class="headerName">对话记录</div>
+          <div class="dialogContent" id="messageContent" ref="msgContainer">
+              &lt;!&ndash; <div class="message">
+                            <div class="user-detail">
+                                <div class="media-body">
+                                     <p><el-image
+                                            style="width: 100px; height: 100px"
+                                            :src="url"
+                                            :preview-src-list="srcList">
+                                        </el-image>
+                                    </p>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="message-notice">
+                            <p class="notice-content">客户和机器人建立会话 11:15:42</p>
+                        </div>
+                        <div class="message-notice">
+                            <p class="notice-content">客户转人工服务 11:15:45</p>
+                        </div>
+                        <div class="message-notice">
+                            <p class="notice-content">客户和客服 阿毛 的会话已结束 11:16:01 </p>
+                        </div>
+                        <div class="message-notice">
+                            <p class="notice-content-day">
+                                <span class="line-left"></span>
+                                <span class="line-text">2020-01-06</span>
+                                <span class="line-right"> </span>
+                            </p>
+              </div>&ndash;&gt;
+              <div v-for="(item,index) in userMessages" :key="index">
+                  <el-link
+                          :underline="false"
+                          v-if="index==0 && moreMessages"
+                          type="primary"
+                          @click="clickUserli(activeClass,userList[activeClass].destId,userList[activeClass].sourceId,false,item.id,false,userList[activeClass].channel)"
+                  >更多消息</el-link>
+                  <el-link
+                          :underline="false"
+                          v-if="index==0 && !moreMessages"
+                          type="primary"
+                          disabled
+                  >没有更多消息了</el-link>
+                  <div class="message message-kf" v-if="item.source=='WEB_SOCKET'">
+                      <div class="user-detail">
+                          <div class="media-body">
+                              <p
+                                      v-if="item.type == 'user_action_to_satisfaction'|| item.type == 'user_action_to_unsatisfactory'"
+                              >{{JSON.parse(item.content).input}}</p>
+                              <p
+                                      v-else
+                                      v-html="item.type == 'RADIO'? item.content.split('_')[item.content.split('_').length - 1]  :item.content "
+                              ></p>
+                              <span>{{new Date(item.time).Format("yyyy-MM-dd hh:mm:s")}}</span>
+                          </div>
+                      </div>
+                  </div>
+                  <div class="message message-kf" v-if="item.source=='WEBSITE_SOCKET'">
+                      <div class="user-detail">
+                          <div class="media-body">
+                              <p
+                                      v-if="item.type == 'user_action_to_satisfaction'|| item.type == 'user_action_to_unsatisfactory'"
+                              >{{JSON.parse(item.content).input}}</p>
+                              <p
+                                      v-else
+                                      v-html="item.type == 'RADIO'? item.content.split('_')[item.content.split('_').length - 1]  :item.content "
+                              ></p>
+                              <span>{{new Date(item.time).Format("yyyy-MM-dd hh:mm:s")}}</span>
+                          </div>
+                      </div>
+                  </div>
+                  <div class="message message-kf" v-if="item.source=='MINI_PROGRAM_WEB_SOCKET'">
+                      <div class="user-detail">
+                          <div class="media-body">
+                              <p
+                                      v-if="item.type == 'user_action_to_satisfaction'|| item.type == 'user_action_to_unsatisfactory'"
+                              >{{JSON.parse(item.content).input}}</p>
+                              <p
+                                      v-else
+                                      v-html="item.type == 'RADIO'? item.content.split('_')[item.content.split('_').length - 1]  :item.content "
+                              ></p>
+                              <span>{{new Date(item.time).Format("yyyy-MM-dd hh:mm:s")}}</span>
+                          </div>
+                      </div>
+                  </div>
+                  <div class="message" v-if="item.type=='user_action_to_satisfaction' ">
+                      <template>
+                          <div class="user-detail" v-if="JSON.parse(item.content)!=null">
+                              <div class="media-body">
+                                  <p v-html="JSON.parse(item.content).reply_text"></p>
+                                  <span>{{new Date(item.time).Format("yyyy-MM-dd hh:mm:ss")}}</span>
+                                  <span v-if="item.source=='GUORAN_BOT'" class="botname">{{userInfor.botName}}</span>
+                                  <span
+                                          v-else-if="item.source=='CUSTOMER_SERVICE_SYSTEM'"
+                                          class="botname"
+                                  >{{item.sourceId}}</span>
+                              </div>
+                          </div>
+                      </template>
+                  </div>
+
+                  <div class="message" v-if="item.type=='user_action_to_unsatisfactory'">
+                      <template>
+                          <div class="user-detail" v-if="JSON.parse(item.content)!=null">
+                              <div class="media-body-ps">
+                                  <p
+                                          class="other"
+                                          v-if="JSON.parse(item.content).reply_text!=null"
+                                  >{{JSON.parse(item.content).reply_text}}</p>
+                                  <div  v-if="JSON.parse(item.content).reply_options!=null && JSON.parse(item.content).reply_options.length>0"
+                                  >
+                                  <p
+                                          class="ps"
+                                          v-for="(option,index) in JSON.parse(item.content).options"
+                                          :key="index"
+                                  >{{option.name}}</p>
+                                  </div>
+
+                                  <span>{{new Date(item.time).Format("yyyy-MM-dd hh:mm:ss")}}</span>
+                                  <span class="botname">{{userInfor.botName}}</span>
+                              </div>
+                          </div>
+                      </template>
+                  </div>
+                  <template
+                          v-if="(item.source=='GUORAN_BOT' || item.source=='CUSTOMER_SERVICE_SYSTEM') && item.type!='user_action_to_satisfaction' && item.type!='user_action_to_unsatisfactory' "
+                  >
+                      <div class="message" v-for="(msg,index) in JSON.parse(item.content)" :key="index">
+                          <div class="user-detail" v-if="msg.content!=null">
+                              <div
+                                      class="media-body"
+                                      v-if="(msg.type =='answer_text' || msg.type=='answer_welcometext' || msg.type=='answer_correct') && msg.content.list!=null && msg.content.list[0]!='__welcome__' "
+                              >
+                                  <p v-html="msg.content.list != null?msg.content.list[0]:''"></p>
+                                  <span>{{new Date(item.time).Format("yyyy-MM-dd hh:mm:ss")}}</span>
+                                  <span v-if="item.source=='GUORAN_BOT'" class="botname">{{userInfor.botName}}</span>
+                                  <span
+                                          v-else-if="item.source=='CUSTOMER_SERVICE_SYSTEM'"
+                                          class="botname"
+                                  >{{item.sourceId}}</span>
+                              </div>
+                              <div
+                                      class="media-body"
+                                      style="max-width: 300px"
+                                      v-else-if="(msg.type =='answer_rich_text')"
+                              >
+                                  <p v-html="msg.content.html"></p>
+                                  <span>{{new Date(item.time).Format("yyyy-MM-dd hh:mm:ss")}}</span>
+                                  <span v-if="item.source=='GUORAN_BOT'" class="botname">{{userInfor.botName}}</span>
+                                  <span
+                                          v-else-if="item.source=='CUSTOMER_SERVICE_SYSTEM'"
+                                          class="botname"
+                                  >{{item.sourceId}}</span>
+                              </div>
+                              <div
+                                      class="media-body"
+                                      v-else-if="msg.type =='action_question' && msg.content!=null && msg.content.questions!=null && msg.content.questions.length>0"
+                              >
+                                  <p v-html="msg.content.questions[0]"></p>
+                                  <span>{{new Date(item.time).Format("yyyy-MM-dd hh:mm:ss")}}</span>
+                                  <span v-if="item.source=='GUORAN_BOT'" class="botname">{{userInfor.botName}}</span>
+                                  <span
+                                          v-else-if="item.source=='CUSTOMER_SERVICE_SYSTEM'"
+                                          class="botname"
+                                  >{{item.sourceId}}</span>
+                              </div>
+                              <div class="media-body" v-else-if="msg.type == 'answer_image'">
+                                  <p>
+                                      <el-image style="width: 35%;" :src="msg.content.url"></el-image>
+                                  </p>
+                                  <span>{{new Date(item.time).Format("yyyy-MM-dd hh:mm:ss")}}</span>
+                                  <span v-if="item.source=='GUORAN_BOT'" class="botname">{{userInfor.botName}}</span>
+                                  <span
+                                          v-else-if="item.source=='CUSTOMER_SERVICE_SYSTEM'"
+                                          class="botname"
+                                  >{{item.sourceId}}</span>
+                              </div>
+                              <div v-else-if="msg.type=='answer_radio'" class="media-body-ps">
+                                  <p class="other">{{msg.content.description}}</p>
+                                  <p
+                                          class="ps"
+                                          v-for="(option,index) in msg.content.options"
+                                          :key="index"
+                                  >{{option.name}}</p>
+                                  <span
+                                          style="margin-left:15px;margin-top:5px"
+                                  >{{new Date(item.time).Format("yyyy-MM-dd hh:mm:ss")}}</span>
+                                  <span v-if="item.source=='GUORAN_BOT'" class="botname">{{userInfor.botName}}</span>
+                                  <span
+                                          v-else-if="item.source=='CUSTOMER_SERVICE_SYSTEM'"
+                                          class="botname"
+                                  >{{item.sourceId}}</span>
+                              </div>
+                              <div v-else-if="msg.type=='action_satisfaction'" class="media-body-ps">
+                                  <p class="other">{{msg.content.satisfactionDes}}</p>
+                                  <p class="ps" v-for="(option,index) in ['满意','不满意']" :key="index">{{option}}</p>
+                              </div>
+                              <div v-else-if="msg.type=='answer_video'" class="media-body">
+                                  <p>
+                                      <video-player
+                                              class="video-player vjs-custom-skin"
+                                              :options="videoOptions(msg.content)"
+                                              style="height:auto"
+                                      />
+                                  </p>
+                                  <span>{{new Date(item.time).Format("yyyy-MM-dd hh:mm:ss")}}</span>
+                                  <span v-if="item.source=='GUORAN_BOT'" class="botname">{{userInfor.botName}}</span>
+                                  <span
+                                          v-else-if="item.source=='CUSTOMER_SERVICE_SYSTEM'"
+                                          class="botname"
+                                  >{{item.sourceId}}</span>
+                              </div>
+
+                              <div v-else-if="msg.type=='action_transfer'">
+                                  &lt;!&ndash;                                        机器人回复为转人工组件内容 &ndash;&gt;
+                              </div>
+                              <div v-else>
+                                  <p>{{msg}}</p>
+                              </div>
+                          </div>
+                      </div>
+                  </template>
+              </div>
+              &lt;!&ndash;                    <div class="message">&ndash;&gt;
+              &lt;!&ndash;                        <div class="user-detail">&ndash;&gt;
+              &lt;!&ndash;                            &ndash;&gt;
+              &lt;!&ndash;                        </div>&ndash;&gt;
+              &lt;!&ndash;                    </div>&ndash;&gt;
+              &lt;!&ndash; <div class="message">
+                            <div class="user-detail">
+                                <div class="media-body">
+                                    <p>
+                                        <video-player
+                                            class="video-player vjs-custom-skin"
+                                            ref="videoPlayer"
+                                            :playsinline="true"
+                                            :options="playerOptions"
+                                            >
+                                        </video-player>
+                                    </p>
+                                </div>
+                            </div>
+              </div>&ndash;&gt;
+          </div>
+      </div>&ndash;&gt;
+    <text-message :text="text" @submitClick="submitClicks"></text-message>
+    <text-message :text="text" @submitClick="submitClicks" :type="rem"></text-message>
+    <text-message :text="text" @submitClick="submitClicks" :type="rem"></text-message>-->
+
+   <!-- <ticket-message :content="contents" @touchEnd="touchEnd"></ticket-message>-->
+    <!-- <ticket-message :content="contents" type="rem"></ticket-message>
+    <ticket-message :content="contents" type="rem"></ticket-message>
+    <ticket-message :content="contents" type="rem"></ticket-message>
+    <ticket-message :content="contents" ></ticket-message>
+    <ticket-message :content="contents"></ticket-message>
+    <ticket-message :content="contents" ></ticket-message>
+    <ticket-message :content="contents" ></ticket-message>-->
+    <!--    <text-message :text="text" :type="rem" @submitClick="submitClick"></text-message>
+    <text-message :text="text"  @submitClick="submitClick"></text-message>-->
+    <!-- <text-message :text="text"></text-message>
+    <form-template :formList="formList"  @submitClick="submitClick"></form-template>
+    <form-template :formList="formList"  @submitClick="submitClick"></form-template>
+    <form-template :formList="formList"  @submitClick="submitClick"></form-template>-->
+   
+  <!--  <feed-back
+      :feedBack="feedBack"
+      :rem="rem"
+      @positiveFeedback="positiveFeedback"
+    ></feed-back>-->
+   <!-- <feed-back
+      :feedBack="feedBack"
+      @positiveFeedback="positiveFeedback"
+    ></feed-back>-->
+    <form-template
+      :formList="formList"
+      @submitClick="submitClick"
+    ></form-template>
+    <form-template
+      :formList="formList2"
+      @submitClick="submitClick"
+    ></form-template>
+   <!-- <text-message :text="text" @submitClick="submitClick"></text-message>
+    <text-message
+      :text="text"
+      @submitClick="submitClick"
+      :disable="true"
+      :submit="true"
+    ></text-message>
+    <FileType :urls="urls" :color="black"></FileType>
+    <chat-content :messageList="messageList"></chat-content>-->
+  </div>
+</template>
+<script>
+/*
+ import FormTemplate from "@/components/formTemplate";
+import TextMessage from "@/components/message/TextMessage";*/
+
+
+/*import FormTemplate from "@/components/formTemplate";
+import TextMessage from "@/components/message/TextMessage";*/
+
+import FormTemplate from "@/components/formTemplate";
+
+
+/* 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";*/
+
+export default {
+  name: "ConversationContainer",
+  components: {
+
+
+    FormTemplate,
+
+
+  },
+  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: true,
+              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 arsenalkebianji" icon="arsenal_icon arsenalkebianji" editable="true" onclick="_askEditValue(this,this.previousElementSibling)"></i></span>&nbsp;结束时间&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'}
+      ],
+    };
+  },
+  methods: {
+    submitClick(value) {
+      console.log(value);
+    },
+    submitClicks(value) {
+      console.log(value);
+    },
+    positiveFeedback(value1) {
+      console.log(value1);
+    },
+    touchEnd(index){
+      console.log(index)
+    }
+  },
+  mounted() {},
+  updated() {},
+};
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style scoped lang="less">
+@import "../assets/less/converSationContainer/converSatonContainer";
+#conversation{
+}
+</style>