askbot-dragon 1.6.78-beta → 1.6.78

package/src/components/MyEditor.vue

@@ -17,7 +17,7 @@
                         p-id="74841"
                     />
                 </svg>
-                上传图片或附件
+                {{$t('dragonCommon.uploadImgFile')}}
             </button>
         </div>
         <div
@@ -42,14 +42,6 @@ export default {
     props: ["value", "placeholder", "havToolbar"],
     data () {
         return {
-            ossConfig: {
-                region: "oss-cn-zhangjiakou",
-                //云账号AccessKey有所有API访问权限，建议遵循阿里云安全最佳实践，创建并使用STS方式来进行API访问
-                accessKeyId: "LTAI4G3QtdEdwkEbihBngAsK",
-                accessKeySecret: "OwgdVfc5PeCkIgqIdug660xmiSPchn",
-                // stsToken: '<Your securityToken(STS)>',
-                bucket: "guoranopen-zjk",
-            },
             ischecked: false,
             text: ''
         }
@@ -80,7 +72,6 @@ export default {
             inputObj.setAttribute('id', '_ef');
             inputObj.setAttribute('type', 'file');
             inputObj.setAttribute('accept', '*')
-            inputObj.setAttribute('capture', 'camcorder')
             inputObj.setAttribute('multiple', true)
             inputObj.setAttribute("style", 'visibility:hidden');
             document.body.appendChild(inputObj);
@@ -160,13 +151,12 @@ export default {
                 url: '',
             }
             let res = multipartUpload(
-                this.ossConfig,
                 file,
                 null,
                 imgInfo
             );
             res.then(resp => {
-                imgInfo.url = ossFileUrl(this.ossConfig, resp.name)
+                imgInfo.url = ossFileUrl(resp.name)
                 resolve({
                     name: resp.name,
                     default: imgInfo.url
@@ -243,11 +233,13 @@ export default {
 </script>
 
 <style lang="less" scoped>
+@import '../assets/less/variables.less';
+
 .my_editor {
     width: 100%;
-    border: 1px solid #e0e6f7;
+    border: 1px solid @border-color-table;
     border-radius: 9px !important;
-    background: #ffffff;
+    background: @background-color-light;
     /deep/.editor_content {
         border-bottom-left-radius: 9px !important;
         border-bottom-right-radius: 9px !important;
@@ -287,21 +279,21 @@ export default {
             position: absolute;
             top: 3px;
             left: 2px;
-            color: #366aff;
+            color: @font-primary-accent-color;
             -webkit-animation: rotate 1.5s linear infinite;
             animation: rotate 1.5s linear infinite;
         }
-        .wrap {
-            height: 1px;
-            width: 100%;
-        }
+        // .wrap {
+        //     height: 1px;
+        //     width: 100%;
+        // }
     }
     .editor_content:focus {
         box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1) inset, 0, 0;
     }
     .editor_content:empty::before {
         content: attr(data-placeholder);
-        color: #b3b3b3;
+        color: @font-primary-color-r3;
         font-size: 14px;
     }
     .editor_head {
@@ -312,17 +304,17 @@ export default {
         padding: 0 10px;
         padding-left: 3px;
         box-sizing: border-box;
-        color: #366aff;
+        color: @primary-color;
         font-size: 14px;
-        border-bottom: 1px solid #e0e6f7;
+        border-bottom: 1px solid @border-color-table;
 
         .button {
             padding: 5px 8px;
-            background: #ffffff;
+            background: @background-color-light;
             border: none;
             border-radius: 2px;
             svg {
-                fill: #366aff;
+                fill: @primary-color;
                 width: 12px !important;
                 height: 12px !important;
             }
@@ -334,7 +326,7 @@ export default {
             transition: box-shadow 0.2s ease-in-out, border 0.2s ease-in-ou;
         }
         .button:active {
-            border: 1px solid #366aff;
+            border: 1px solid @primary-color;
         }
     }
 }

package/src/components/QwFeedback.vue

@@ -0,0 +1,304 @@
+<template>
+    <div class="qw-feedback">
+        <div class="qw-guide-text" v-if="msg.content.guideText">
+            <!-- 不要替换成图片地址或者字体 -->
+            <svg
+                t="1730450955692"
+                class="icon"
+                viewBox="0 0 1024 1024"
+                version="1.1"
+                xmlns="http://www.w3.org/2000/svg"
+                p-id="8682"
+                width="22"
+                height="22"
+            >
+                <path
+                    d="M565.096296 289.185185s-0.948148 0 0 0c-110.933333-20.859259-208.592593 40.77037-237.985185 148.859259-14.222222 53.096296-24.651852 101.451852 44.562963 221.866667 14.222222 25.6 11.377778 70.162963 8.533333 95.762963-1.896296 14.222222 64.474074 36.02963 89.125926 42.666667l95.762963-509.155556z"
+                    fill="#FDB813"
+                    p-id="8683"
+                ></path>
+                <path
+                    d="M732.918519 513.896296c11.377778-111.881481-56.888889-203.851852-166.874075-224.711111h-0.948148L469.333333 798.340741c25.6 2.844444 94.814815 6.637037 98.607408-7.585185 6.637037-25.6 20.859259-67.318519 42.666666-86.281482C719.644444 618.192593 727.22963 568.888889 732.918519 513.896296z"
+                    fill="#FD9B13"
+                    p-id="8684"
+                ></path>
+                <path
+                    d="M467.437037 806.874074c-7.585185-0.948148-12.325926-7.585185-14.222222-14.222222l-38.874074-256c-0.948148-5.688889 0.948148-11.377778 4.74074-15.170371 3.792593-3.792593 9.481481-5.688889 15.170371-4.74074l167.822222 31.288889c5.688889 0.948148 10.42963 4.740741 12.325926 9.481481 1.896296 4.740741 1.896296 11.377778-0.948148 16.118519L486.4 798.340741c-3.792593 6.637037-11.377778 10.42963-18.962963 8.533333z m-14.222222-251.259259l27.496296 182.992592L572.681481 578.37037l-119.466666-22.755555z"
+                    fill="#F12A3F"
+                    p-id="8685"
+                ></path>
+                <path
+                    d="M375.466667 709.214815l-25.6 137.481481c0 2.844444 1.896296 5.688889 7.585185 10.42963l65.422222 54.992593c5.688889 4.740741 15.17037 8.533333 23.703704 10.429629l36.029629-193.422222-107.14074-19.911111z"
+                    fill="#2D4375"
+                    p-id="8686"
+                ></path>
+                <path
+                    d="M482.607407 729.125926l-36.029629 193.422222c9.481481 1.896296 18.014815 1.896296 25.6-0.948148l80.592592-27.496296c6.637037-1.896296 10.42963-4.740741 11.377778-6.637037L589.748148 749.037037l-107.140741-19.911111z"
+                    fill="#1E2D4F"
+                    p-id="8687"
+                ></path>
+                <path
+                    d="M612.503704 217.125926c-3.792593 18.014815-20.859259 29.392593-38.874074 26.548148-18.014815-3.792593-30.340741-20.859259-26.548149-38.874074l18.962963-100.503704c3.792593-18.014815 20.859259-29.392593 38.874075-26.548148 18.014815 3.792593 30.340741 20.859259 26.548148 38.874074l-18.962963 100.503704z"
+                    fill="#FDB813"
+                    p-id="8688"
+                ></path>
+                <path
+                    d="M382.103704 228.503704c10.42963 15.17037 6.637037 36.02963-8.533334 46.459259-15.17037 10.42963-36.02963 6.637037-46.459259-8.533333l-57.837037-84.385186c-10.42963-15.17037-6.637037-36.02963 8.533333-46.459259 15.17037-10.42963 36.02963-6.637037 46.45926 8.533334l57.837037 84.385185zM757.57037 298.666667c-15.17037 10.42963-18.962963 31.288889-8.533333 46.459259 10.42963 15.17037 31.288889 18.962963 46.459259 8.533333l84.385185-57.837037c15.17037-10.42963 18.962963-31.288889 8.533334-46.459259-10.42963-15.17037-31.288889-18.962963-46.459259-8.533333l-84.385186 57.837037z"
+                    fill="#FDB813"
+                    p-id="8689"
+                ></path>
+                <path
+                    d="M252.207407 361.244444c18.014815 3.792593 30.340741 20.859259 26.548149 38.874075-3.792593 18.014815-20.859259 29.392593-38.874075 26.548148l-100.503703-18.962963c-18.014815-3.792593-30.340741-20.859259-26.548148-38.874074 3.792593-18.014815 20.859259-29.392593 38.874074-26.548149l100.503703 18.962963zM931.081481 488.296296c18.014815 3.792593 30.340741 20.859259 26.548149 38.874074-3.792593 18.014815-20.859259 29.392593-38.874074 26.548149l-100.503704-18.962963c-18.014815-3.792593-30.340741-20.859259-26.548148-38.874075 3.792593-18.014815 20.859259-29.392593 38.874074-26.548148l100.503703 18.962963z"
+                    fill="#FDB813"
+                    p-id="8690"
+                ></path>
+                <path
+                    d="M593.540741 807.822222c1.896296-7.585185-3.792593-15.17037-11.377778-16.118518l-107.140741-19.911111-4.740741 27.496296 107.140741 19.911111c6.637037 0.948148 14.222222-3.792593 16.118519-11.377778z"
+                    fill="#CEEFF6"
+                    p-id="8691"
+                ></path>
+                <path
+                    d="M366.933333 750.933333c-7.585185-1.896296-15.17037 3.792593-16.118518 11.377778-1.896296 7.585185 3.792593 15.17037 11.377778 16.118519l107.14074 19.911111 4.740741-27.496297-107.140741-19.911111zM356.503704 808.77037c-7.585185-1.896296-15.17037 3.792593-16.118519 11.377778-1.896296 7.585185 3.792593 15.17037 11.377778 16.118519l107.140741 19.911111 4.74074-27.496297-107.14074-19.911111z"
+                    fill="#FFFFFF"
+                    p-id="8692"
+                ></path>
+                <path
+                    d="M570.785185 848.592593l-107.140741-19.911112-4.74074 27.496297 107.14074 19.911111c7.585185 1.896296 15.17037-3.792593 16.118519-11.377778 1.896296-7.585185-2.844444-15.17037-11.377778-16.118518z"
+                    fill="#CEEFF6"
+                    p-id="8693"
+                ></path>
+            </svg>
+            <!-- 不要替换成图片地址或者字体 -->
+            <p class="radio-description" v-html="msg.content.guideText"></p>
+        </div>
+
+        <div class="options-list">
+            <div
+                v-for="(option, index) in showOptions"
+                class="options-item"
+                :class="
+                    index !== msg.content.questionList.length - 1
+                        ? 'recommend-item'
+                        : 'last-item'
+                "
+                :key="'qwfeedback_' + index"
+                @click="handleWelcome(option)"
+            >
+                <span> {{ getFilteredName(option) }}</span>
+                <i class="arsenal_icon arsenalangle-right-solid"></i>
+            </div>
+        </div>
+        <div v-if="showPage" class="switch-page">
+            <!-- <span @click="changeActivePage" class="switch-page-btn"
+                >换一批</span
+            > -->
+            <span @click="showMore" class="switch-page-btn">{{$t('dragonCommon.viewMore')}}</span>
+        </div>
+    </div>
+</template>
+  
+<script>
+export default {
+    name: "answerRadio",
+    data() {
+        return {
+            isMobile: false,
+            formatOptions: [],
+            activeIndex: 0,
+            pageSize: 5,
+            showPage: false,
+            showOptions: [],
+        };
+    },
+    props: ["msg"],
+    mounted() {
+        this.$i18n.locale = sessionStorage.getItem("systemLanguage") || 'cn';
+        console.log(this.msg, "msg");
+        // 关键词推荐 前端分页
+        this.msg.content.questionList = this.msg.content.questionList.slice(0, 20);
+        if (this.msg.content.questionList.length > this.pageSize) {
+            this.formatOptions = this.chunkArray(
+                this.msg.content.questionList,
+                this.pageSize
+            );
+            this.activeIndex = 0;
+            this.showPage = true;
+        } else {
+            this.formatOptions = [this.msg.content.questionList];
+            this.activeIndex = 0;
+        }
+        this.showOptions = this.formatOptions[0];
+        this.judgeIsMobile();
+    },
+    methods: {
+        getFilteredName(name) {
+            if (typeof name === "string") {
+                return name.replace(/<\/?p>/g, "");
+            } else {
+                return name;
+            }
+        },
+        showMore() {
+            if (this.activeIndex == this.formatOptions.length - 2) {
+                this.activeIndex++;
+                this.showPage = false;
+            } else {
+                this.activeIndex++;
+            }
+            this.showOptions = [
+                ...this.showOptions.concat(
+                    this.formatOptions[this.activeIndex]
+                ),
+            ];
+        },
+        changeActivePage() {
+            if (this.activeIndex >= this.formatOptions.length - 1) {
+                this.activeIndex = 0;
+            } else {
+                this.activeIndex++;
+            }
+            this.showOptions = this.formatOptions[this.activeIndex];
+        },
+        chunkArray(array, size) {
+            let chunks = [];
+            for (let i = 0; i < array.length; i += size) {
+                let chunk = array.slice(i, i + size);
+                chunks.push(chunk);
+            }
+            return chunks;
+        },
+        judgeIsMobile() {
+            let flag = navigator.userAgent.match(
+                /(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i
+            );
+            if (flag) {
+                this.isMobile = true;
+            } else {
+                this.isMobile = false;
+            }
+            console.log(this.isMobile, "this.isMobile");
+        },
+        handleWelcome (item) {
+            console.log(item, 'item');
+            
+            this.$emit('handleWelcome', item)
+        },
+        radioClick(msg, option, index) {
+            let value = option.answerId
+                ? msg.id +
+                  "_" +
+                  index +
+                  "_" +
+                  option.value +
+                  "_" +
+                  option.name +
+                  "_" +
+                  option.answerId
+                : msg.id + "_" + index + "_" + option.value + "_" + option.name;
+            this.$emit(
+                "onRadioClick",
+                value,
+                option.name,
+                msg.apiKey,
+                msg.actionCategory,
+                msg.msgId ? msg.msgId : "",
+                option.apiKey
+            );
+        },
+    },
+};
+</script>
+  
+<style scoped lang="less">
+@import "../assets/less/variables.less";
+.qw-feedback {
+    background-color: @background-color-light;
+    padding-bottom: 16px;
+    .qw-guide-text {
+        display: flex;
+        justify-content: flex-start;
+        align-items: center;
+        background-color: @background-color-guide;
+        padding: 16px;
+        .radio-description {
+            margin-left: 6px;
+        }
+    }
+    .switch-page {
+        margin-top: 10px;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        .switch-page-btn {
+            width: 80px;
+            height: 24px;
+            border-radius: 15px;
+            border: solid 1px @border-color-primary;
+            color: @font-primary-accent-color;
+            line-height: 24px;
+            text-align: center;
+            cursor: pointer;
+            font-size: 12px;
+        }
+    }
+    .radio-description {
+        word-wrap: break-word;
+        word-break: break-all;
+        overflow: hidden;
+        /*padding: 8px 10px 10px 0;*/
+        height: auto;
+        /* border-bottom: 1px solid #EEEEEE;*/
+    }
+
+    .bottom-link {
+        height: 1px;
+        background-color: @background-color-link;
+    }
+
+    .options-list {
+        padding-top: 4px;
+        /* padding-top: 10px;*/
+        padding-left: 16px;
+        padding-right: 16px;
+
+        .options-item {
+            // height: 25px;
+            line-height: 25px;
+            background-color: @background-color-light;
+            color: @font-primary-accent-color;
+            cursor: pointer;
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+
+            i {
+                padding-left: 10px;
+            }
+
+            .options-item-text {
+                text-overflow: ellipsis;
+                display: -webkit-box; //使用了flex，需要加
+                overflow: hidden; //超出隐藏
+                word-break: break-all; //纯英文、数字、中文
+                text-overflow: ellipsis; //省略号
+                -webkit-box-orient: vertical; //垂直
+                -webkit-line-clamp: 1; //显示一行
+                white-space: pre-line; //
+            }
+        }
+
+        .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/actionSatisfaction.vue

@@ -17,7 +17,7 @@
                   )
                 "
       >
-        满意
+        {{$t('dragonCommon.satisfaction')}}
       </div>
       <div
           class="statisfaction-item"
@@ -32,7 +32,7 @@
                   )
                 "
       >
-        不满意
+      {{$t('dragonCommon.unsatisfied')}}
       </div>
     </div>
 
@@ -67,6 +67,8 @@ export default {
 
 <style scoped lang="less">
 @import url(../assets/less/converSationContainer/common);
+@import "../assets/less/variables.less";
+
 .action-satisfaction{
   .satisfaction-des{
     word-wrap: break-word;
@@ -81,12 +83,12 @@ export default {
     align-items: center;
   }
   .statisfaction-item{
-    color: #616161;
+    color: @font-secondary-color;
     min-width: 60px;
     padding: 0 10px;
     height: 29px;
-    background: #FFFFFF;
-    border: 1px solid #BEC5DB;
+    background: @background-color-light;
+    border: 1px solid @border-color-r8;
     border-radius: 14px;
     cursor:pointer;
     display: flex;
@@ -97,8 +99,8 @@ export default {
     margin-right: 8px;
   }
   .check-satisfied{
-    border: 1px solid #BBCDFF;
-    color: #366aff;
+    border: 1px solid @border-color-r9;
+    color: @font-primary-accent-color;
   }
   .end{
     border-bottom-left-radius: 25px !important;

package/src/components/actionSendToBot.vue

@@ -26,6 +26,8 @@
 </script>
 
 <style scoped lang="less">
+@import "../assets/less/variables.less";
+
 .action-send-to-bot{
   .bot-des {
     word-wrap: break-word;
@@ -33,7 +35,7 @@
     overflow: hidden;
     padding: 8px 10px 10px 0;
     height: auto;
-    border-bottom: 1px solid #EEEEEE;
+    border-bottom: 1px solid @border-color-r3;
   }
   .options-list{
     padding-top: 4px;
@@ -42,7 +44,7 @@
     .options-item{
       height: 25px;
       line-height: 25px;
-      background-color: #ffffff;
+      background-color: @background-color-light;
       color: #366aff;
       cursor:pointer;
       display: flex;
@@ -53,10 +55,10 @@
       }
     }
     .recommend-item{
-      padding: 8px 0;
+      padding: 4px 0;
     }
     .last-item{
-      padding-top: 8px;
+      padding-top: 4px;
     }
   }
 }

package/src/components/answerDissatisfaction.vue

@@ -34,6 +34,8 @@ export default {
 </script>
 
 <style scoped lang="less">
+@import "../assets/less/variables.less";
+
 .answer-dissatisfaction{
   min-width: 100px;
   .satisfaction-reply-text{
@@ -42,14 +44,14 @@ export default {
     overflow: hidden;
     padding: 8px 0 10px 0;
     height: auto;
-    border-bottom: 1px solid #EEEEEE;
+    border-bottom: 1px solid @border-color-r3;
   }
   .statisfaction-item{
     padding: 8px 0;
     height: 25px;
     line-height: 25px;
-    background-color: #ffffff;
-    color: #366aff;
+    background-color: @background-color-light;
+    color: @font-primary-accent-color;
     cursor:pointer;
     display: flex;
     align-items: center;