askbot-dragon 0.6.24 → 0.6.28

package/src/components/ConversationContainer.vue

@@ -1,528 +1,62 @@
 <!-- 消息记录容器 -->
 <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>
+    <msg-loading  v-if="inLoading"></msg-loading>
+    <div style="position: relative" class="img_div">
+      <img src="https://guoranopen-zjk.oss-cn-zhangjiakou.aliyuncs.com/2021/08/24/07/35/45c878fd-6a8e-40e2-b599-bdba8e17cf8a/微信图片_20210423113520.jpg?x-oss-process=image/auto-orient,1/quality,q_90/watermark,text_MjE=,color_cccccc,size_48,rotate_315,fill_1,x_10,y_10,t_0" style="width: 100px"/>
+      <div class="mask">
+        <loading-process :dataNote="dataNote" :finished="finished"></loading-process>
       </div>
-      <div 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>
 
-                              <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>
+<!--    <voice-component @closeVoice="closeVoice">
+      <div slot="voiceTip">
+        松开发送
+      </div>
+    </voice-component>-->
+    <!--  点选  -->
+    <answer-radio :msg="answerRadios"></answer-radio>
+    <action-send-to-bot :msg="answerRadios"></action-send-to-bot>
+    <ticket-message :content="contents"></ticket-message>
+    <text-message :text="text" @submitClick="submitClick"></text-message>
+    <div v-for="(item,index) in processAction" :key="index">
+      <association-intention :msg="item" :msgType="item.type"></association-intention>
+    </div>
+<!--  满意组件  -->
+    <action-satisfaction :msg="actionSatisfactions[0]"></action-satisfaction>
+<!--    满意或不满意-->
+    <bot-action-satisfactor :msg="botActionSatis"></bot-action-satisfactor>
+    <answer-dissatisfaction :msg="answerDiss"></answer-dissatisfaction>
+    <feed-back :feedBack="feedBack"></feed-back>
+    <voice-compontent></voice-compontent>
+<!--    <FileType :urls="urls" :color="black"></FileType>-->
+<!--    <FileType :urls="urls" :color="black"></FileType>
     <chat-content :messageList="messageList"></chat-content>-->
   </div>
 </template>
 <script>
-/*
- import FormTemplate from "@/components/formTemplate";
-import TextMessage from "@/components/message/TextMessage";*/
+import TextMessage from "@/components/message/TextMessage";
 
 
 /*import FormTemplate from "@/components/formTemplate";
 import TextMessage from "@/components/message/TextMessage";*/
 
 import FormTemplate from "@/components/formTemplate";
-
-
+import AnswerRadio from "./answerRadio";
+import TicketMessage from "./message/TicketMessage";
+/*import VoiceComponent from "./voiceComponent";*/
+import AssociationIntention from "./associationIntention";
+import ActionSatisfaction from "./actionSatisfaction";
+import MsgLoading from "./msgLoading";
+import LoadingProcess from "./loadingProcess";
+import BotActionSatisfactor from "./botActionSatisfactor";
+import AnswerDissatisfaction from "./answerDissatisfaction";
+import ActionSendToBot from "./actionSendToBot";
+import VoiceCompontent from './voiceComponent'
 /* import TicketMessage from "@/components/message/TicketMessage";
 import TicketMessage from "@/components/message/TicketMessage";
 import TextMessage from "@/components/message/TextMessage";
@@ -531,13 +65,25 @@ import FeedBack from "@/components/feedBack";*/
 /*import ActionAlert from "@/components/message/ActionAlertIframe";*/
 /*import FileType from "@/components/FileType";
 import ChatContent from "./chatContent";*/
-
+import FeedBack from "@/components/feedBack"
 export default {
   name: "ConversationContainer",
   components: {
+    ActionSendToBot,
+    AnswerDissatisfaction,
+    BotActionSatisfactor,
+    LoadingProcess,
+    MsgLoading,
+    ActionSatisfaction,
+    AssociationIntention,
+   /* VoiceComponent,*/
+    TicketMessage,
 
-
+    AnswerRadio,
     FormTemplate,
+    TextMessage,
+    FeedBack,
+    VoiceCompontent
 
 
   },
@@ -1338,7 +884,7 @@ export default {
 
       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>',
+          '<p>开始时间&nbsp;<span class="ask-component-placeholder-container"><span class="ask-component-placeholder-span" data="${开始时间戳_秒}" type="INPUT">1607427268</span><i class="ask-component-placeholder-icon arsenal_icon arsenalbianji2" icon="arsenal_icon arsenalkebianji" editable="true" onclick="_askEditValue(this,this.previousElementSibling)"></i><br/></span>结束时间&nbsp;<span class="ask-component-placeholder-container"><span class="ask-component-placeholder-span" data="${结束时间戳_秒}" type="TIME_PICKER">1607772868</span><i class="ask-component-placeholder-icon arsenal_icon arsenalkebianji" icon="arsenal_icon arsenalkebianji" editable="true" onclick="_askEditValue(this,this.previousElementSibling)"></i></span></p>',
         goToAction: { value: "123" },
         apiKey:''
       },
@@ -1359,6 +905,259 @@ export default {
         {content:'您好，我是郑俊成的智能助理，请问您是为企业咨询还是个人兴趣？',speaker:'bot',type:'answer_text'},
         {content:'单位',speaker:'user',type:'answer_text'}
       ],
+      answerMsg:{
+        content:{
+          description:'你好，我是点选',
+          options:[{
+            name: "跳转意图",
+            scope: "INTENT",
+            value: "3535"
+          }]
+        }
+      },
+      showLoad:false,
+      videoUrl:'https://guoranopen-zjk.oss-cn-zhangjiakou.aliyuncs.com/2021/08/27/10/22/56fb13eb-b94a-45e8-b131-04531330cb2c/微信_20210719215122.mp4',
+      processAction:[
+        {
+          content:{
+            html:'<p><img onclick=\'previewImage(this)\'  width=\\"100%\\" src=\\"https://static.guoranbot.com/ueditor/2021/07/02/78f1af50e47440c1b573f227c2618be1/下载" title="下载 (1).png" alt="下载 (1).png"/></p>',
+            actionType: "answer_text",
+            list:['关联意图'],
+            recommend:{
+              description: "关联意图测试描述",
+              list:[
+                {
+                  id: "3539",
+                  text: "文本",
+                  type: 1
+                },
+                {
+                  id: "3540",
+                  text: "图片",
+                  type: 1
+                }
+              ],
+              status: true
+            },
+            replyIndex: 0
+          },
+          type:'answer_text',
+          id:'60df04245987400458f697cd',
+          intentId:6064,
+          recommend:{
+            description: "关联意图测试描述",
+            list:[
+              {
+                id: "3539",
+                text: "文本",
+                type: 1
+              },
+              {
+                id: "3540",
+                text: "图片",
+                type: 1
+              }
+            ],
+            status: true
+          },
+        },
+        {
+          content:{
+            html:'<p><img onclick=\'previewImage(this)\'  width=\\"100%\\" src=\\"https://static.guoranbot.com/ueditor/2021/07/02/78f1af50e47440c1b573f227c2618be1/下载" title="下载 (1).png" alt="下载 (1).png"/></p>',
+            recommend:{
+              description: "关联意图测试描述",
+              list:[
+                {
+                  id: "3539",
+                  text: "文本",
+                  type: 1
+                },
+                {
+                  id: "3540",
+                  text: "图片",
+                  type: 1
+                }
+              ],
+              status: true
+            }
+          },
+          type:'answer_rich_text',
+          id:'60df03aeeea6014311dc4285',
+          intentId:6064,
+          recommend:{
+            description: "关联意图测试描述",
+            list:[
+              {
+                id: "3539",
+                text: "文本",
+                type: 1
+              },
+              {
+                id: "3540",
+                text: "图片",
+                type: 1
+              }
+            ],
+            status: true
+          }
+        },
+
+        {
+          content:{
+            url:'https://guoranopen-zjk.oss-cn-zhangjiakou.aliyuncs.com/2021/08/24/07/35/45c878fd-6a8e-40e2-b599-bdba8e17cf8a/微信图片_20210423113520.jpg?x-oss-process=image/auto-orient,1/quality,q_90/watermark,text_MjE=,color_cccccc,size_48,rotate_315,fill_1,x_10,y_10,t_0',
+            recommend:{
+              description: "关联意图测试描述",
+              list:[
+                {
+                  id: "3539",
+                  text: "文本",
+                  type: 1
+                },
+                {
+                  id: "3540",
+                  text: "图片",
+                  type: 1
+                }
+              ],
+              status: true
+            }
+          },
+          type:'answer_image',
+          id:'6124d9b1c12fa234e0b3ddc8',
+          intentId:6064,
+          recommend:{
+            description: "关联意图测试描述",
+            list:[
+              {
+                id: "3539",
+                text: "文本",
+                type: 1
+              },
+              {
+                id: "3540",
+                text: "图片",
+                type: 1
+              }
+            ],
+            status: true
+          }
+        },
+        {
+          content:{
+            url:'https://guoranopen-zjk.oss-cn-zhangjiakou.aliyuncs.com/2021/08/24/07/35/41221223-c180-4f3f-bdc8-94875b693965/WeChat_20210719215122.mp4',
+            videoFlag: false,
+            videoUploadPercent:0,
+            isShowUploadVideo:true,
+            recommend:{
+              description: "关联意图测试描述",
+              list:[
+                {
+                  id: "3539",
+                  text: "文本",
+                  type: 1
+                }
+              ],
+              status: true
+            }
+          },
+          type:'answer_video',
+          id:'60df03aeeea6014311dc4285',
+          intentId:6064,
+          recommend:{
+            description: "关联意图测试描述",
+            list:[
+              {
+                id: "3539",
+                text: "文本",
+                type: 1
+              }
+            ],
+            status: true
+          }
+        }
+      ],
+      actionSatisfactions:[
+        {
+          content:{
+            satisfactionDes:'满意度',
+            satisfactoryAnswer:'',
+            unsatisfiedAnswer:'',
+            answerRadio:[
+              {
+                answer:'哦哦哦',
+                name:'哈哈哈'
+              }
+            ]
+          }
+
+        }
+      ],
+      inLoading:true,
+      dataNote:0,
+      timer:null,
+      finished:false,
+      botActionSatis:{
+        content:{
+          reply_text:'哈哈哈哈哈',
+          reply_options:[
+            {
+              name:'暗示丢',
+              answer:'暗示丢1504559775615045597756kjl',
+              apiKey:''
+            },
+            {
+              name:'暗示丢2',
+              answer:'暗示丢11504559775615045597756kjl',
+              apiKey:''
+            }
+          ]
+        }
+      },
+      answerDiss:{
+        content:{
+          replyText:'哈哈哈哈哈',
+          replyOptions:[
+            {
+              name:'暗示丢',
+              answer:'暗示丢1504559775615045597756kjl',
+              apiKey:''
+            },
+            {
+              name:'暗示丢2',
+              answer:'暗示丢11504559775615045597756kjl',
+              apiKey:''
+            }
+          ]
+        }
+      },
+      answerRadios:{
+        content:{
+          description:'请点击下方选项继续测试',
+          options:[
+            {
+              name: "跳转节点1",
+              scope: "NODE",
+              value: "60177b9470814d4ce924f1ed"
+            },
+            {
+              name: "跳转意图",
+              scope: "INTENT",
+              value: "3558"
+            },
+            {
+              name: "跳转节点2",
+              scope: "NODE",
+              value: "60af4505d0acd7017620c4f2"
+            }
+          ],
+          recommend:{
+            description:'',
+            status:false,
+            list:[]
+          }
+        },
+        type:'answer_radio'
+      }
     };
   },
   methods: {
@@ -1373,9 +1172,26 @@ export default {
     },
     touchEnd(index){
       console.log(index)
-    }
+    },
+    closeVoice(){
+      console.debug('我是close事件')
+    },
+  },
+  mounted() {
+    this.timer = setInterval(()=>{
+      this.dataNote+=1
+      console.debug('this.dataNote',this.dataNote)
+    },1000)
+
+    setTimeout(()=>{
+      this.inLoading = true
+    },2000)
+    setTimeout(()=>{
+      this.finished = true
+      this.dataNote = 10
+      clearInterval(this.timer)
+    },5000)
   },
-  mounted() {},
   updated() {},
 };
 </script>
@@ -1384,5 +1200,17 @@ export default {
 <style scoped lang="less">
 @import "../assets/less/converSationContainer/converSatonContainer";
 #conversation{
+  background-color:#F5F7FB ;
+}
+.img_div{
+  position: relative;
+  .mask{
+    position: absolute;
+    top: 0;
+    right: 0;
+    width: 100%;
+    height: 100%;
+    border-radius: 10px;
+  }
 }
 </style>