askbot-dragon 1.1.2 → 1.1.4

package/src/components/previewDoc.vue

@@ -1,86 +1,86 @@
-<template>
-    <van-popup v-model="previewShowPopup" position="bottom" :style="{ height: '90%', background:'#FFFFFF'}">
-      <div class="footer">
-        <span>查看详情</span>
-        <section @click="close">
-          <i class="iconfont guoran-shanchu"></i>
-        </section>
-      </div>
-        <div v-if="fileType == 'VIDEO'" style="width: 100%;height: calc(100% - 70px)">
-            <video :src="url" controls width="100%;" height="98%"></video>
-        </div>
-        <template v-else-if="url.includes('https://www') || url.includes('http://www')">
-            <iframe class="preview_iframe"
-                    :src="url"
-                    width="100%"
-                    height="100%"
-                    scrolling="100%"
-                    frameborder="no"
-                    border="0"></iframe>
-        </template>
-       <template v-else>
-        <iframe class="preview_iframe" :src="previewUrl" style="border:none;"></iframe>
-      </template>
-    </van-popup>
-</template>
-
-<script>
-export default {
-    data () {
-        return {
-            previewShowPopup: false
-        }
-    },
-    props:{
-        url:{
-            type: String,
-            required: true,
-        }
-    },
-    computed:{
-        previewUrl() {
-            console.debug('VUE_APP_ENV',process.env.VUE_APP_ENV)
-            let url = process.env.VUE_APP_ENV === 'production' ? 'https://kkfileview.askbot.cn/onlinePreview?url=' : 'https://test.open.askbot.cn/kkfileview/onlinePreview?url='
-            if(this.url != '') {
-                if(/[\u4E00-\u9FA5]+/g.test(this.url)) {
-                    url += btoa(encodeURIComponent(this.url))
-                } else {
-                    url += btoa(this.url)
-                }
-            }
-            return url
-        },
-        fileType() {
-            const fileType = this.url.substring(this.url.lastIndexOf('.'));
-            if (fileType === '.mp4' || fileType === '.MP4'  || fileType === '.MOV'  || fileType === '.mov') {
-                return 'VIDEO'
-            } else {
-                return 'OTHER'
-            }
-             
-        }
-    },
-    methods :{
-        close() {
-            this.previewShowPopup = false
-        }
-    }
-}
-</script>
-
-<style lang="less" scoped>
-.preview_iframe {
-    width: 100%;
-    height: calc(100% - 52px);
-}
-.footer {
-    width: calc(100% - 40px);
-    height: 50px;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    cursor: pointer;
-    padding: 0 20px;
-    border-bottom: 1px solid #cccccc;
-}
+<template>
+    <van-popup v-model="previewShowPopup" position="bottom" :style="{ height: '90%', background:'#FFFFFF'}">
+      <div class="footer">
+        <span>查看详情</span>
+        <section @click="close">
+          <i class="iconfont guoran-shanchu"></i>
+        </section>
+      </div>
+        <div v-if="fileType == 'VIDEO'" style="width: 100%;height: calc(100% - 70px)">
+            <video :src="url" controls width="100%;" height="98%"></video>
+        </div>
+        <template v-else-if="url.includes('https://www') || url.includes('http://www')">
+            <iframe class="preview_iframe"
+                    :src="url"
+                    width="100%"
+                    height="100%"
+                    scrolling="100%"
+                    frameborder="no"
+                    border="0"></iframe>
+        </template>
+       <template v-else>
+        <iframe class="preview_iframe" :src="previewUrl" style="border:none;"></iframe>
+      </template>
+    </van-popup>
+</template>
+
+<script>
+export default {
+    data () {
+        return {
+            previewShowPopup: false
+        }
+    },
+    props:{
+        url:{
+            type: String,
+            required: true,
+        }
+    },
+    computed:{
+        previewUrl() {
+            console.debug('VUE_APP_ENV',process.env.VUE_APP_ENV)
+            let url = process.env.VUE_APP_ENV === 'production' ? 'https://kkfileview.askbot.cn/onlinePreview?url=' : 'https://test.open.askbot.cn/kkfileview/onlinePreview?url='
+            if(this.url != '') {
+                if(/[\u4E00-\u9FA5]+/g.test(this.url)) {
+                    url += btoa(encodeURIComponent(this.url))
+                } else {
+                    url += btoa(this.url)
+                }
+            }
+            return url
+        },
+        fileType() {
+            const fileType = this.url.substring(this.url.lastIndexOf('.'));
+            if (fileType === '.mp4' || fileType === '.MP4'  || fileType === '.MOV'  || fileType === '.mov') {
+                return 'VIDEO'
+            } else {
+                return 'OTHER'
+            }
+             
+        }
+    },
+    methods :{
+        close() {
+            this.previewShowPopup = false
+        }
+    }
+}
+</script>
+
+<style lang="less" scoped>
+.preview_iframe {
+    width: 100%;
+    height: calc(100% - 52px);
+}
+.footer {
+    width: calc(100% - 40px);
+    height: 50px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    cursor: pointer;
+    padding: 0 20px;
+    border-bottom: 1px solid #cccccc;
+}
 </style>

package/src/components/receiverMessagePlatform.vue

@@ -1,66 +1,66 @@
-<template>
-    <div class="">
-        <span v-if="messagePlateform == 'IM'">
-            与
-            <span :class="payload.newSession.receiverId == userId ? '':'text_color'">
-                {{payload.newSession.receiverId == userId ? '您': payload.newSession.receiverDisplayInfo.name}}
-            </span>
-            建立对话
-        </span>
-        <span v-if="messagePlateform == 'BOT'">
-            与机器人【
-                <span class="text_color">{{payload.newSession.receiverDisplayInfo.name}}</span>
-            】建立对话
-        </span>
-        <span v-if="messagePlateform == 'oldTransfer'">
-            您将会话转接给&nbsp;&nbsp;<span class="text_color">{{payload.newSession.receiverDisplayInfo.name}}</span>
-        </span>
-        <span v-if="messagePlateform == 'newTransfer'">
-            <span class="text_color">{{payload.oldSession.receiverDisplayInfo.name}}</span>&nbsp;&nbsp;将会话转接给您
-        </span>
-    </div>
-</template>
-
-<script>
-//  客服 的接入消息展示
-export default {
-    data() {
-        return {
-
-        }
-    },
-    props:['source','payload','userId'],
-    computed: {
-        messagePlateform() {
-            if(this.payload) {
-                if((this.payload.newSession.receiverMessagePlatform == 'CUSTOMER_SERVICE_SYSTEM' || 
-                    this.payload.newSession.receiverMessagePlatform == 'AIMER_SERVER') && 
-                    this.payload.oldSession.receiverMessagePlatform == 'GUORAN_BOT') {
-                        return 'IM'
-                } else if((this.payload.oldSession.receiverMessagePlatform == 'CUSTOMER_SERVICE_SYSTEM' || 
-                    this.payload.oldSession.receiverMessagePlatform == 'AIMER_SERVER') && 
-                    this.payload.newSession.receiverMessagePlatform == 'GUORAN_BOT') {
-                        return 'BOT'
-                } else if((this.payload.oldSession.receiverMessagePlatform == 'CUSTOMER_SERVICE_SYSTEM' || 
-                    this.payload.oldSession.receiverMessagePlatform == 'AIMER_SERVER') &&
-                    (this.payload.newSession.receiverMessagePlatform == 'CUSTOMER_SERVICE_SYSTEM' || 
-                        this.payload.newSession.receiverMessagePlatform == 'AIMER_SERVER')) {
-                            if(this.payload.oldSession.receiverId == this.userId) {
-                                return 'oldTransfer'
-                            }
-                            if(this.payload.newSession.receiverId == this.userId) {
-                                return 'newTransfer'
-                            }
-                        
-                }
-            }
-        }
-    }
-}
-</script>
-
-<style lang="less" scoped>
-.text_color {
-    color: #366aff;
-}
+<template>
+    <div class="">
+        <span v-if="messagePlateform == 'IM'">
+            与
+            <span :class="payload.newSession.receiverId == userId ? '':'text_color'">
+                {{payload.newSession.receiverId == userId ? '您': payload.newSession.receiverDisplayInfo.name}}
+            </span>
+            建立对话
+        </span>
+        <span v-if="messagePlateform == 'BOT'">
+            与机器人【
+                <span class="text_color">{{payload.newSession.receiverDisplayInfo.name}}</span>
+            】建立对话
+        </span>
+        <span v-if="messagePlateform == 'oldTransfer'">
+            您将会话转接给&nbsp;&nbsp;<span class="text_color">{{payload.newSession.receiverDisplayInfo.name}}</span>
+        </span>
+        <span v-if="messagePlateform == 'newTransfer'">
+            <span class="text_color">{{payload.oldSession.receiverDisplayInfo.name}}</span>&nbsp;&nbsp;将会话转接给您
+        </span>
+    </div>
+</template>
+
+<script>
+//  客服 的接入消息展示
+export default {
+    data() {
+        return {
+
+        }
+    },
+    props:['source','payload','userId'],
+    computed: {
+        messagePlateform() {
+            if(this.payload) {
+                if((this.payload.newSession.receiverMessagePlatform == 'CUSTOMER_SERVICE_SYSTEM' || 
+                    this.payload.newSession.receiverMessagePlatform == 'AIMER_SERVER') && 
+                    this.payload.oldSession.receiverMessagePlatform == 'GUORAN_BOT') {
+                        return 'IM'
+                } else if((this.payload.oldSession.receiverMessagePlatform == 'CUSTOMER_SERVICE_SYSTEM' || 
+                    this.payload.oldSession.receiverMessagePlatform == 'AIMER_SERVER') && 
+                    this.payload.newSession.receiverMessagePlatform == 'GUORAN_BOT') {
+                        return 'BOT'
+                } else if((this.payload.oldSession.receiverMessagePlatform == 'CUSTOMER_SERVICE_SYSTEM' || 
+                    this.payload.oldSession.receiverMessagePlatform == 'AIMER_SERVER') &&
+                    (this.payload.newSession.receiverMessagePlatform == 'CUSTOMER_SERVICE_SYSTEM' || 
+                        this.payload.newSession.receiverMessagePlatform == 'AIMER_SERVER')) {
+                            if(this.payload.oldSession.receiverId == this.userId) {
+                                return 'oldTransfer'
+                            }
+                            if(this.payload.newSession.receiverId == this.userId) {
+                                return 'newTransfer'
+                            }
+                        
+                }
+            }
+        }
+    }
+}
+</script>
+
+<style lang="less" scoped>
+.text_color {
+    color: #366aff;
+}
 </style>

package/src/components/recommend.vue

@@ -1,90 +1,90 @@
-<template>
-  <div class="text-recommed-intent">
-    <p class="intent-des" v-if="msg.recommend&&msg.recommend.description" v-html="msg.recommend.description"></p>
-    <div class="bottom-link" v-if="msg.recommend&&msg.recommend.description"></div>
-    <div v-if="msg.recommend&&msg.recommend.list" class="options-list">
-      <p
-          v-for="(option, index) in msg.recommend.list"
-          class="options-item"
-          :class="index!==msg.recommend.list.length -1?'recommend-item':'last-item'"
-          :key="msg.nodeId + '_' + index"
-          @click="
-                  $emit(
-                      'onRadioClickReco',
-                      'recdNodeId' +
-                          '_' +
-                          index +
-                          '_' +
-                          option.id +
-                          '_' +
-                          option.text,
-                      option.text,
-                      msg.apiKey
-                  )
-              "
-      >
-        {{ option.text
-        }}<i class="arsenal_icon arsenalangle-right-solid"></i>
-      </p>
-    </div>
-  </div>
-
-</template>
-
-<script>
-
-export default {
-  name: "recommend",
-  props: ["msg"]
-}
-</script>
-
-<style scoped lang="less">
-.text-recommed-intent{
- /* max-width: 300px;*/
-  background-color: white;
-  .intent-des{
-    word-wrap: break-word;
-    word-break: break-all;
-    overflow: hidden;
-    padding: 8px 0;
-    height: auto;
-    /*border-bottom: 1px solid #EEEEEE;*/
-    color: #A9B3C6;
-    font-size: 13px;
-    background-color: white;
-  }
-  .bottom-link{
-    height: 1px;
-    background-color:#EEEEEE;
-  }
-  .options-list{
-    padding-top: 4px;
-    min-width: 120px;
-    .options-item{
-
-      height: 25px;
-      line-height: 25px;
-      background-color: #ffffff;
-      color: #366aff;
-      cursor:pointer;
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      i{
-        padding-left: 10px;
-      }
-    }
-    .recommend-item{
-      padding: 8px 0;
-    }
-    .last-item{
-      padding-top: 8px;
-    }
-    .end{
-      border-bottom-left-radius: 25px !important;
-      border-bottom-right-radius: 25px !important;
-    }
-  }
-}
+<template>
+  <div class="text-recommed-intent">
+    <p class="intent-des" v-if="msg.recommend&&msg.recommend.description" v-html="msg.recommend.description"></p>
+    <div class="bottom-link" v-if="msg.recommend&&msg.recommend.description"></div>
+    <div v-if="msg.recommend&&msg.recommend.list" class="options-list">
+      <p
+          v-for="(option, index) in msg.recommend.list"
+          class="options-item"
+          :class="index!==msg.recommend.list.length -1?'recommend-item':'last-item'"
+          :key="msg.nodeId + '_' + index"
+          @click="
+                  $emit(
+                      'onRadioClickReco',
+                      'recdNodeId' +
+                          '_' +
+                          index +
+                          '_' +
+                          option.id +
+                          '_' +
+                          option.text,
+                      option.text,
+                      msg.apiKey
+                  )
+              "
+      >
+        {{ option.text
+        }}<i class="arsenal_icon arsenalangle-right-solid"></i>
+      </p>
+    </div>
+  </div>
+
+</template>
+
+<script>
+
+export default {
+  name: "recommend",
+  props: ["msg"]
+}
+</script>
+
+<style scoped lang="less">
+.text-recommed-intent{
+ /* max-width: 300px;*/
+  background-color: white;
+  .intent-des{
+    word-wrap: break-word;
+    word-break: break-all;
+    overflow: hidden;
+    padding: 8px 0;
+    height: auto;
+    /*border-bottom: 1px solid #EEEEEE;*/
+    color: #A9B3C6;
+    font-size: 13px;
+    background-color: white;
+  }
+  .bottom-link{
+    height: 1px;
+    background-color:#EEEEEE;
+  }
+  .options-list{
+    padding-top: 4px;
+    min-width: 120px;
+    .options-item{
+
+      height: 25px;
+      line-height: 25px;
+      background-color: #ffffff;
+      color: #366aff;
+      cursor:pointer;
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      i{
+        padding-left: 10px;
+      }
+    }
+    .recommend-item{
+      padding: 8px 0;
+    }
+    .last-item{
+      padding-top: 8px;
+    }
+    .end{
+      border-bottom-left-radius: 25px !important;
+      border-bottom-right-radius: 25px !important;
+    }
+  }
+}
 </style>

package/src/components/selector/hOption.vue

@@ -1,21 +1,21 @@
-<template>
-  <li class="h-selector-option">
-    <slot>{{value}}</slot>
-  </li>
-</template>
-
-<script>
-export default {
-name: "hOption",
-  props: {
-    value: {
-      type: [String,Number],
-      required: true
-    }
-  }
-}
-</script>
-
-<style scoped>
-
+<template>
+  <li class="h-selector-option">
+    <slot>{{value}}</slot>
+  </li>
+</template>
+
+<script>
+export default {
+name: "hOption",
+  props: {
+    value: {
+      type: [String,Number],
+      required: true
+    }
+  }
+}
+</script>
+
+<style scoped>
+
 </style>