askbot-dragon 1.5.84-beta → 1.5.87-beta

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/package.json +1 -1
  2. package/src/components/ActionAlertIframe.vue +42 -1
  3. package/src/components/ConversationContainer.vue +6 -6
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "askbot-dragon",
3
- "version": "1.5.84-beta",
3
+ "version": "1.5.87-beta",
4
4
  "scripts": {
5
5
  "serve": "vue-cli-service serve",
6
6
  "build": "vue-cli-service build",
package/src/components/ActionAlertIframe.vue CHANGED
@@ -1,17 +1,39 @@
1
1
  <template>
2
2
  <div id="action_alert_iframe">
3
+ <div class="iframe-full-screen">
4
+ <span @click="showAskFullScreen = true" class="el-icon-full-screen"></span>
5
+ </div>
3
6
  <iframe
4
7
  class="grzh-iframe"
5
8
  :id="tampId"
6
9
  :data-name="tampId"
7
10
  :src="actionAlertIframe.template"
8
11
  :width="(actionAlertIframe.version == 1 && !phoneWidth100)?actionAlertIframe.width:'100%'"
9
- :height="actionAlertIframe.height"
12
+ :height="showAskFullScreen?'90%':actionAlertIframe.height"
10
13
  :scrolling="actionAlertIframe.scrolling"
11
14
  frameborder="no"
12
15
  border="0"
13
16
  ></iframe>
17
+
18
+ <div v-if="showAskFullScreen" class="ask-full-screen">
19
+ <div class="iframe-full-screen">
20
+ <br>
21
+ <span @click="showAskFullScreen = false" style="cursor: pointer;">
22
+ <svg t="1702295921525" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="39588" width="20" height="20"><path d="M257.706667 376.32H128c-11.946667 0-21.333333-9.386667-21.333333-21.333333s9.386667-21.333333 21.333333-21.333334h129.706667c35.413333 0 64-28.586667 64-64V128c0-11.946667 9.386667-21.333333 21.333333-21.333333s21.333333 9.386667 21.333333 21.333333v141.653333a106.666667 106.666667 0 0 1-106.666666 106.666667zM896 376.32h-129.706667a106.666667 106.666667 0 0 1-106.666666-106.666667V128c0-11.946667 9.386667-21.333333 21.333333-21.333333s21.333333 9.386667 21.333333 21.333333v141.653333c0 35.413333 28.586667 64 64 64H896c11.946667 0 21.333333 9.386667 21.333333 21.333334s-9.386667 21.333333-21.333333 21.333333z" fill="#666666" p-id="39589"></path><path d="M896 376.32h-129.706667a106.666667 106.666667 0 0 1-106.666666-106.666667V128c0-11.946667 9.386667-21.333333 21.333333-21.333333s21.333333 9.386667 21.333333 21.333333v141.653333c0 35.413333 28.586667 64 64 64H896c11.946667 0 21.333333 9.386667 21.333333 21.333334s-9.386667 21.333333-21.333333 21.333333zM257.706667 376.32H128c-11.946667 0-21.333333-9.386667-21.333333-21.333333s9.386667-21.333333 21.333333-21.333334h129.706667c35.413333 0 64-28.586667 64-64V128c0-11.946667 9.386667-21.333333 21.333333-21.333333s21.333333 9.386667 21.333333 21.333333v141.653333a106.666667 106.666667 0 0 1-106.666666 106.666667zM680.96 917.333333c-11.946667 0-21.333333-9.386667-21.333333-21.333333v-141.653333a106.666667 106.666667 0 0 1 106.666666-106.666667H896c11.946667 0 21.333333 9.386667 21.333333 21.333333s-9.386667 21.333333-21.333333 21.333334h-129.706667c-35.413333 0-64 28.586667-64 64V896c0 11.946667-9.386667 21.333333-21.333333 21.333333zM343.04 917.333333c-11.946667 0-21.333333-9.386667-21.333333-21.333333v-141.653333c0-35.413333-28.586667-64-64-64H128c-11.946667 0-21.333333-9.386667-21.333333-21.333334s9.386667-21.333333 21.333333-21.333333h129.706667a106.666667 106.666667 0 0 1 106.666666 106.666667V896c0 11.946667-9.813333 21.333333-21.333333 21.333333z" fill="#666666" p-id="39590"></path><path d="M343.04 917.333333c-11.946667 0-21.333333-9.386667-21.333333-21.333333v-141.653333c0-35.413333-28.586667-64-64-64H128c-11.946667 0-21.333333-9.386667-21.333333-21.333334s9.386667-21.333333 21.333333-21.333333h129.706667a106.666667 106.666667 0 0 1 106.666666 106.666667V896c0 11.946667-9.813333 21.333333-21.333333 21.333333zM680.96 917.333333c-11.946667 0-21.333333-9.386667-21.333333-21.333333v-141.653333a106.666667 106.666667 0 0 1 106.666666-106.666667H896c11.946667 0 21.333333 9.386667 21.333333 21.333333s-9.386667 21.333333-21.333333 21.333334h-129.706667c-35.413333 0-64 28.586667-64 64V896c0 11.946667-9.386667 21.333333-21.333333 21.333333z" fill="#666666" p-id="39591"></path></svg>
23
+ </span>
24
+ </div>
25
+ <iframe
26
+ class="grzh-iframe"
27
+ :src="actionAlertIframe.template"
28
+ width="100%"
29
+ height="95%"
30
+ :scrolling="actionAlertIframe.scrolling"
31
+ frameborder="no"
32
+ border="0"
33
+ ></iframe>
34
+ </div>
14
35
  </div>
36
+ <!-- https://blog.csdn.net/qq_16992475/article/details/130633117 -->
15
37
  </template>
16
38
  <script>
17
39
  export default {
@@ -38,6 +60,7 @@ export default {
38
60
  displayStyle:
39
61
  "iframe 样式(点击弹出/嵌入iframe 字符串类型后端未做限制)",
40
62
  },
63
+ showAskFullScreen: false,
41
64
  };
42
65
  },
43
66
  methods: {},
@@ -73,6 +96,24 @@ export default {
73
96
  width: 100%;
74
97
  margin: 0 auto;
75
98
  overflow-x: auto;
99
+
100
+ .iframe-full-screen{
101
+ text-align: right;
102
+ padding-right: 6px;
103
+ .el-icon-full-screen{
104
+ cursor: pointer;
105
+ }
106
+ }
107
+
108
+ .ask-full-screen{
109
+ background-color: white;
110
+ position: fixed;
111
+ top: 0;
112
+ left: 0;
113
+ width: 100vw;
114
+ height: 100vh;
115
+ z-index: 9999999999999999999;
116
+ }
76
117
  .grzh-iframe {
77
118
  scrollbar-face-color: #9aa1c4;
78
119
  /* 滚动条滑块按钮的颜色 */
package/src/components/ConversationContainer.vue CHANGED
@@ -29,9 +29,9 @@
29
29
  :formList="formList4"
30
30
  @submitClick="submitClick"
31
31
  ></form-template> -->
32
- <!-- <div style="max-width: 450px;overflow-x: auto;">
32
+ <div style="max-width: 450px;overflow-x: auto;">
33
33
  <action-alert :actionAlertIframe="actionAlertIframeObj" :phoneWidth100="true"></action-alert>
34
- </div> -->
34
+ </div>
35
35
 
36
36
  <text-message :text="text" @submitClick="submitClick"></text-message>
37
37
  <answer-docknowledge :isAskLightning="2" :msg="answerDocknowledge"></answer-docknowledge>
@@ -100,7 +100,7 @@ import TextMessage from "@/components/message/TextMessage";
100
100
  import FeedBack from "@/components/feedBack";*/
101
101
  import TicketMessage from "@/components/message/TicketMessage";
102
102
  // iframe 弹窗组件测试
103
- // import ActionAlert from "@/components/ActionAlertIframe";
103
+ import ActionAlert from "@/components/ActionAlertIframe";
104
104
  // 智能引导组件
105
105
  import AiGuide from "@/components/AiGuide";
106
106
  import AnswerVoice from "@/components/AnswerVoice";
@@ -112,7 +112,7 @@ import AnswerDocknowledge from "./AnswerDocknowledge.vue";
112
112
  export default {
113
113
  name: 'ConversationContainer',
114
114
  components: {
115
- // ActionAlert,
115
+ ActionAlert,
116
116
  // ActionSendToBot,
117
117
  // AnswerDissatisfaction,
118
118
  // BotActionSatisfactor,
@@ -369,7 +369,7 @@ export default {
369
369
  actionAlertIframeObj: {
370
370
  version: 1,
371
371
  iframeId: 'iframeId999999998',
372
- template: 'https://wisdom.askbot.cn/#/knowledgeManagement',
372
+ template: 'https://element.eleme.cn/#/zh-CN/component/icon',
373
373
  description: '描述',
374
374
  height: 550,
375
375
  width: 600,
@@ -380,7 +380,7 @@ export default {
380
380
  '参考 https://www.w3school.com.cn/tags/att_iframe_sandbox.asp'
381
381
  ],
382
382
  frameborder: '0/1(是否显示框架周围的边框)',
383
- displayStyle: 'iframe 样式(点击弹出/嵌入iframe 字符串类型后端未做限制)'
383
+ displayStyle: '0'
384
384
  },
385
385
  updateTicetmessageObj: {
386
386
  multiple: true,