askbot-dragon 1.6.76-beta → 1.6.76

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

@@ -1,108 +1,110 @@
-<template>
-  <div
-      class="action-satisfaction"
-  >
-    <p class="satisfaction-des" v-if="msg.content.satisfactionDes" v-html="msg.content.satisfactionDes"></p>
-    <div class="statisfaction-list">
-      <div
-          class="statisfaction-item"
-          :class="isCheckSatis?'check-satisfied':''"
-          @click="
-                  sendSatisfaction(
-                    'USER_ACTION_TO_SATISFACTION_V2',
-                    '满意',
-                    msg.content.satisfactoryAnswer,
-                    null,
-                    msg.apiKey
-                  )
-                "
-      >
-        满意
-      </div>
-      <div
-          class="statisfaction-item"
-          :class="isCheckDissatis?'check-satisfied':''"
-          @click="
-                  sendSatisfaction(
-                    'USER_ACTION_TO_SATISFACTION_V2',
-                    '不满意',
-                    msg.content.unsatisfiedAnswer,
-                    msg.content.answerRadio,
-                    msg.apiKey
-                  )
-                "
-      >
-        不满意
-      </div>
-    </div>
-
-  </div>
-</template>
-
-<script>
-export default {
-  name: "actionSatisfaction",
-  props:['msg'],
-  data(){
-    return{
-      isCheckSatis:false,
-      isCheckDissatis:false
-    }
-  },
-  methods:{
-    sendSatisfaction(type, choose, answer, answerRadio,answerApiKey){
-      if (choose==='满意'){
-        this.isCheckSatis = true
-        this.isCheckDissatis = false
-      }
-      else {
-        this.isCheckSatis = false
-        this.isCheckDissatis = true
-      }
-      this.$emit('sendSatisfaction',type, choose, answer, answerRadio,answerApiKey)
-    }
-  }
-}
-</script>
-
-<style scoped lang="less">
-@import url(../assets/less/converSationContainer/common);
-.action-satisfaction{
-  .satisfaction-des{
-    word-wrap: break-word;
-    word-break: break-all;
-    overflow: hidden;
-    padding: 0px 0 10px 0;
-    height: auto;
-   /* border-bottom: 1px solid #EEEEEE;*/
-  }
-  .statisfaction-list{
-    display: flex;
-    align-items: center;
-  }
-  .statisfaction-item{
-    color: #616161;
-    min-width: 60px;
-    padding: 0 10px;
-    height: 29px;
-    background: #FFFFFF;
-    border: 1px solid #BEC5DB;
-    border-radius: 14px;
-    cursor:pointer;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-  }
-  .statisfaction-item:first-child{
-    margin-right: 8px;
-  }
-  .check-satisfied{
-    border: 1px solid #BBCDFF;
-    color: #366aff;
-  }
-  .end{
-    border-bottom-left-radius: 25px !important;
-    border-bottom-right-radius: 25px !important;
-  }
-}
+<template>
+  <div
+      class="action-satisfaction"
+  >
+    <p class="satisfaction-des" v-if="msg.content.satisfactionDes" v-html="msg.content.satisfactionDes"></p>
+    <div class="statisfaction-list">
+      <div
+          class="statisfaction-item"
+          :class="isCheckSatis?'check-satisfied':''"
+          @click="
+                  sendSatisfaction(
+                    'USER_ACTION_TO_SATISFACTION_V2',
+                    '满意',
+                    msg.content.satisfactoryAnswer,
+                    null,
+                    msg.apiKey
+                  )
+                "
+      >
+        {{$t('dragonCommon.satisfaction')}}
+      </div>
+      <div
+          class="statisfaction-item"
+          :class="isCheckDissatis?'check-satisfied':''"
+          @click="
+                  sendSatisfaction(
+                    'USER_ACTION_TO_SATISFACTION_V2',
+                    '不满意',
+                    msg.content.unsatisfiedAnswer,
+                    msg.content.answerRadio,
+                    msg.apiKey
+                  )
+                "
+      >
+      {{$t('dragonCommon.unsatisfied')}}
+      </div>
+    </div>
+
+  </div>
+</template>
+
+<script>
+export default {
+  name: "actionSatisfaction",
+  props:['msg'],
+  data(){
+    return{
+      isCheckSatis:false,
+      isCheckDissatis:false
+    }
+  },
+  methods:{
+    sendSatisfaction(type, choose, answer, answerRadio,answerApiKey){
+      if (choose==='满意'){
+        this.isCheckSatis = true
+        this.isCheckDissatis = false
+      }
+      else {
+        this.isCheckSatis = false
+        this.isCheckDissatis = true
+      }
+      this.$emit('sendSatisfaction',type, choose, answer, answerRadio,answerApiKey)
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+@import url(../assets/less/converSationContainer/common);
+@import "../assets/less/variables.less";
+
+.action-satisfaction{
+  .satisfaction-des{
+    word-wrap: break-word;
+    word-break: break-all;
+    overflow: hidden;
+    padding: 0px 0 10px 0;
+    height: auto;
+   /* border-bottom: 1px solid #EEEEEE;*/
+  }
+  .statisfaction-list{
+    display: flex;
+    align-items: center;
+  }
+  .statisfaction-item{
+    color: @font-secondary-color;
+    min-width: 60px;
+    padding: 0 10px;
+    height: 29px;
+    background: @background-color-light;
+    border: 1px solid @border-color-r8;
+    border-radius: 14px;
+    cursor:pointer;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+  .statisfaction-item:first-child{
+    margin-right: 8px;
+  }
+  .check-satisfied{
+    border: 1px solid @border-color-r9;
+    color: @font-primary-accent-color;
+  }
+  .end{
+    border-bottom-left-radius: 25px !important;
+    border-bottom-right-radius: 25px !important;
+  }
+}
 </style>

package/src/components/actionSendToBot.vue

@@ -1,63 +1,65 @@
-<template>
-  <div
-      class="action-send-to-bot"
-  >
-    <p class="bot-des" v-html="msg.content.description"></p>
-    <div class="options-list">
-      <p
-          v-for="(option, index) in msg.content.options"
-          class="options-item"
-          :class="index!==msg.content.options.length -1?'recommend-item':'last-item'"
-          :key="msg.nodeId + '_' + index"
-          @click="$emit('onRadioClick2', option.content, option.name, msg.apiKey)"
-      >
-        {{ option.name }}<i class="arsenal_icon arsenalangle-right-solid"></i>
-      </p>
-    </div>
-
-  </div>
-</template>
-
-<script>
-  export default {
-    name: "actionSendToBot",
-    props:['msg']
-  }
-</script>
-
-<style scoped lang="less">
-.action-send-to-bot{
-  .bot-des {
-    word-wrap: break-word;
-    word-break: break-all;
-    overflow: hidden;
-    padding: 8px 10px 10px 0;
-    height: auto;
-    border-bottom: 1px solid #EEEEEE;
-  }
-  .options-list{
-    padding-top: 4px;
-    /* padding-top: 10px;*/
-    /*padding-right: 10px;*/
-    .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;
-    }
-  }
-}
+<template>
+  <div
+      class="action-send-to-bot"
+  >
+    <p class="bot-des" v-html="msg.content.description"></p>
+    <div class="options-list">
+      <p
+          v-for="(option, index) in msg.content.options"
+          class="options-item"
+          :class="index!==msg.content.options.length -1?'recommend-item':'last-item'"
+          :key="msg.nodeId + '_' + index"
+          @click="$emit('onRadioClick2', option.content, option.name, msg.apiKey)"
+      >
+        {{ option.name }}<i class="arsenal_icon arsenalangle-right-solid"></i>
+      </p>
+    </div>
+
+  </div>
+</template>
+
+<script>
+  export default {
+    name: "actionSendToBot",
+    props:['msg']
+  }
+</script>
+
+<style scoped lang="less">
+@import "../assets/less/variables.less";
+
+.action-send-to-bot{
+  .bot-des {
+    word-wrap: break-word;
+    word-break: break-all;
+    overflow: hidden;
+    padding: 8px 10px 10px 0;
+    height: auto;
+    border-bottom: 1px solid @border-color-r3;
+  }
+  .options-list{
+    padding-top: 4px;
+    /* padding-top: 10px;*/
+    /*padding-right: 10px;*/
+    .options-item{
+      height: 25px;
+      line-height: 25px;
+      background-color: @background-color-light;
+      color: #366aff;
+      cursor:pointer;
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      i{
+        padding-left: 10px;
+      }
+    }
+    .recommend-item{
+      padding: 4px 0;
+    }
+    .last-item{
+      padding-top: 4px;
+    }
+  }
+}
 </style>