askbot-dragon 1.6.76-beta → 1.6.76

package/src/components/welcomeLlmCard.vue

@@ -1,141 +1,143 @@
-<template>
-    <div class="message_list-welcome-m">
-        <div class="mlwm-title" v-if="msgContent.enableTitle">{{ msgContent.title }}</div>
-        <div class="mlwm-des" v-if="msgContent.enableDescription">
-            <span class="mlwm-des-pre">{{ msgContent.description }}</span>
-        </div>
-        <div class="mlwm-msg-type" v-if="msgContent.enableRadioBtn">
-            <div
-                v-for="(item, itemIndex) in msgContent.items"
-                :key="item.id"
-                :class="['mmt-cell', 'mmt-cell-' + itemIndex]"
-                @click="clickFun(item)"
-            >
-                <div class="mmt-cell-img" v-if="msgContent.enableRadioIcon && item.icon">
-                    <img :src="item.icon" alt srcset />
-                </div>
-                <div class="mmt-cell-des">
-                    <span class="mmt-cell-des-title" v-if="msgContent.enableRadioTitle">{{item.title}}</span>
-                    <span class="mmt-cell-des-detail" v-if="msgContent.enableRadioDesc">{{item.description}}</span>
-                </div>
-            </div>
-            <div v-if="msgContent.items.length % 2 != 0" class="mmt-cell booth_elements"></div>
-        </div>
-    </div>
-</template>
-
-<script>
-export default {
-    name: "welcomeLlmCard",
-    props: {
-        msgContent: {
-            type: Object,
-            default () {
-                return {}
-            }
-        }
-    },
-    methods: {
-        clickFun (item) {
-            this.$emit('llmCardClickFun', item)
-        }
-    }
-};
-</script>
-
-<style scoped lang="less">
-.message_list-welcome-m {
-    .mlwm-title {
-        font-size: 18px;
-        font-weight: 600;
-        color: #333333;
-    }
-    .mlwm-des {
-        color: #666666;
-        margin-top: 9px;
-        font-size: 14px;
-        font-weight: 500;
-        .mlwm-des-after {
-            display: flex;
-            align-items: center;
-            height: 28px;
-            line-height: 28px;
-            .mlwm-des-after-cir {
-                flex: none;
-                width: 6px;
-                height: 6px;
-                background: #366aff;
-                border-radius: 50%;
-                margin-right: 6px;
-            }
-        }
-    }
-
-    .mlwm-msg-type {
-        margin-top: 9px;
-        .mmt-cell {
-            flex: 1;
-            padding: 10px;
-            background: #f0f4ff;
-            border-radius: 8px;
-            margin: 8px 0;
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-            cursor: pointer;
-            .mmt-cell-img {
-                flex: none;
-                width: 46px;
-                margin-right: 8px;
-                img {
-                    height: 46px;
-                    width: 46px;
-                }
-            }
-            .mmt-cell-des {
-                flex: auto;
-                text-align: left;
-                display: flex;
-                flex-direction: column;
-                padding-right: 12px;
-                .mmt-cell-des-title {
-                    font-size: 14px;
-                    color: #000000;
-                    font-weight: 600;
-                    margin-bottom: 6px;
-                }
-                .mmt-cell-des-detail {
-                    font-size: 12px;
-                    display: flex;
-                    align-items: center;
-                    .mmt-cell-avatar {
-                        flex: none;
-                        width: 20px;
-                        margin-right: 8px;
-                        display: flex;
-                        align-items: center;
-                        img {
-                            height: 20px;
-                            width: 20px;
-                            border-radius: 50%;
-                        }
-                    }
-                    .mmt-creator-name {
-                        padding-right: 6px;
-                        border-right: 1px solid #666666;
-                        color: #666666;
-                    }
-                    .mmt-update-time {
-                        color: #666666;
-                        padding-left: 6px;
-                    }
-                }
-            }
-        }
-        .booth_elements {
-          background: #FFFFFF;
-          cursor: default !important;
-        }
-    }
-}
+<template>
+    <div class="message_list-welcome-m">
+        <div class="mlwm-title" v-if="msgContent.enableTitle">{{ msgContent.title }}</div>
+        <div class="mlwm-des" v-if="msgContent.enableDescription">
+            <span class="mlwm-des-pre">{{ msgContent.description }}</span>
+        </div>
+        <div class="mlwm-msg-type" v-if="msgContent.enableRadioBtn">
+            <div
+                v-for="(item, itemIndex) in msgContent.items"
+                :key="item.id"
+                :class="['mmt-cell', 'mmt-cell-' + itemIndex]"
+                @click="clickFun(item)"
+            >
+                <div class="mmt-cell-img" v-if="msgContent.enableRadioIcon && item.icon">
+                    <img :src="item.icon" alt srcset />
+                </div>
+                <div class="mmt-cell-des">
+                    <span class="mmt-cell-des-title" v-if="msgContent.enableRadioTitle">{{item.title}}</span>
+                    <span class="mmt-cell-des-detail" v-if="msgContent.enableRadioDesc">{{item.description}}</span>
+                </div>
+            </div>
+            <div v-if="msgContent.items.length % 2 != 0" class="mmt-cell booth_elements"></div>
+        </div>
+    </div>
+</template>
+
+<script>
+export default {
+    name: "welcomeLlmCard",
+    props: {
+        msgContent: {
+            type: Object,
+            default () {
+                return {}
+            }
+        }
+    },
+    methods: {
+        clickFun (item) {
+            this.$emit('llmCardClickFun', item)
+        }
+    }
+};
+</script>
+
+<style scoped lang="less">
+@import '../assets/less/variables.less';
+
+.message_list-welcome-m {
+    .mlwm-title {
+        font-size: 18px;
+        font-weight: 600;
+        color: @font-primary-color;
+    }
+    .mlwm-des {
+        color: @border-color-secondary;
+        margin-top: 9px;
+        font-size: 14px;
+        font-weight: 500;
+        .mlwm-des-after {
+            display: flex;
+            align-items: center;
+            height: 28px;
+            line-height: 28px;
+            .mlwm-des-after-cir {
+                flex: none;
+                width: 6px;
+                height: 6px;
+                background: @primary-color;
+                border-radius: 50%;
+                margin-right: 6px;
+            }
+        }
+    }
+
+    .mlwm-msg-type {
+        margin-top: 9px;
+        .mmt-cell {
+            flex: 1;
+            padding: 10px;
+            background: @background-color-bubble;
+            border-radius: 8px;
+            margin: 8px 0;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            cursor: pointer;
+            .mmt-cell-img {
+                flex: none;
+                width: 46px;
+                margin-right: 8px;
+                img {
+                    height: 46px;
+                    width: 46px;
+                }
+            }
+            .mmt-cell-des {
+                flex: auto;
+                text-align: left;
+                display: flex;
+                flex-direction: column;
+                padding-right: 12px;
+                .mmt-cell-des-title {
+                    font-size: 14px;
+                    color: @font-primary-color;
+                    font-weight: 600;
+                    margin-bottom: 6px;
+                }
+                .mmt-cell-des-detail {
+                    font-size: 12px;
+                    display: flex;
+                    align-items: center;
+                    .mmt-cell-avatar {
+                        flex: none;
+                        width: 20px;
+                        margin-right: 8px;
+                        display: flex;
+                        align-items: center;
+                        img {
+                            height: 20px;
+                            width: 20px;
+                            border-radius: 50%;
+                        }
+                    }
+                    .mmt-creator-name {
+                        padding-right: 6px;
+                        border-right: 1px solid @border-color-secondary;
+                        color: @font-secondary-color;
+                    }
+                    .mmt-update-time {
+                        color: @font-secondary-color;
+                        padding-left: 6px;
+                    }
+                }
+            }
+        }
+        .booth_elements {
+          background: @background-color-light;
+          cursor: default !important;
+        }
+    }
+}
 </style>

package/src/components/welcomeSuggest.vue

@@ -1,98 +1,100 @@
-<template>
-    <div class="welcome_suggest">
-        <div class="title">
-            <div class="title_desc">{{ msg.content.problemRecommendationDesc }}</div>
-            <div class="title_change_batch" v-if="msg.content.page && msg.content.problemRecommendationValue.length > msg.content.pageCount" @click="changeBatch">
-                <i class="iconfont guoran-tongyichicun-huanyipi"></i>
-                <span>换一批</span>
-            </div>
-        </div>
-        <div class="content">
-            <div
-                class="welcome_item"
-                v-for="(item,index) in suggestList"
-                :key="index"
-                @click="handleWelcome(item)"
-            >{{ item }}</div>
-        </div>
-        <div class></div>
-    </div>
-</template>
-<script>
-export default {
-    props: ["msg"],
-    data () {
-        return {
-            pageCount: 1,
-            suggestList: []
-        }
-    },
-    mounted () {
-        if(this.msg.content.page) {
-            this.changeBatch()
-        } else {
-            this.suggestList = this.msg.content.problemRecommendationValue
-        }
-    },
-    methods: {
-        changeBatch () {
-            let msgSuggestList = JSON.parse(JSON.stringify(this.msg.content.problemRecommendationValue))
-            this.suggestList = msgSuggestList.splice((this.pageCount - 1) * this.msg.content.pageCount, this.msg.content.pageCount)
-            if (this.pageCount == Math.ceil(this.msg.content.problemRecommendationValue.length / this.msg.content.pageCount)) {
-                this.pageCount = 1
-            } else {
-                this.pageCount = this.pageCount + 1
-            }
-        },
-        handleWelcome (item) {
-            this.$emit('handleWelcome', item)
-        }
-    }
-}
-</script>
-<style lang="less" scoped>
-.welcome_suggest {
-    width: 100%;
-    height: auto;
-    .title {
-        width: 100%;
-        height: 28px;
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-        .title_desc {
-            flex: 1 0;
-            overflow: hidden;
-            text-overflow: ellipsis;
-            white-space: nowrap;
-        }
-        .title_change_batch {
-            cursor: pointer;
-            color: #366aff;
-            height: 28px;
-            width: 70px;
-            display: flex;
-            align-items: center;
-            font-size: 14px;
-            i {
-                margin-right: 5px;
-            }
-        }
-    }
-    .content {
-        display: flex;
-        align-items: center;
-        flex-wrap: wrap;
-        margin-top: 8px;
-        .welcome_item {
-            padding: 3px 8px;
-            background: #EEF1FF;
-            color: #366aff;
-            margin-right: 5px;
-            margin-bottom: 5px;
-            border-radius: 28px;
-            cursor: pointer;
-        }
-    }
-}
+<template>
+    <div class="welcome_suggest">
+        <div class="title">
+            <div class="title_desc">{{ msg.content.problemRecommendationDesc }}</div>
+            <div class="title_change_batch" v-if="msg.content.page && msg.content.problemRecommendationValue.length > msg.content.pageCount" @click="changeBatch">
+                <i class="iconfont guoran-tongyichicun-huanyipi"></i>
+                <span>{{$t('dragonCommon.refresh')}}</span>
+            </div>
+        </div>
+        <div class="content">
+            <div
+                class="welcome_item"
+                v-for="(item,index) in suggestList"
+                :key="index"
+                @click="handleWelcome(item)"
+            >{{ item }}</div>
+        </div>
+        <div class></div>
+    </div>
+</template>
+<script>
+export default {
+    props: ["msg"],
+    data () {
+        return {
+            pageCount: 1,
+            suggestList: []
+        }
+    },
+    mounted () {
+        if(this.msg.content.page) {
+            this.changeBatch()
+        } else {
+            this.suggestList = this.msg.content.problemRecommendationValue
+        }
+    },
+    methods: {
+        changeBatch () {
+            let msgSuggestList = JSON.parse(JSON.stringify(this.msg.content.problemRecommendationValue))
+            this.suggestList = msgSuggestList.splice((this.pageCount - 1) * this.msg.content.pageCount, this.msg.content.pageCount)
+            if (this.pageCount == Math.ceil(this.msg.content.problemRecommendationValue.length / this.msg.content.pageCount)) {
+                this.pageCount = 1
+            } else {
+                this.pageCount = this.pageCount + 1
+            }
+        },
+        handleWelcome (item) {
+            this.$emit('handleWelcome', item)
+        }
+    }
+}
+</script>
+<style lang="less" scoped>
+@import "../assets/less/variables.less";
+
+.welcome_suggest {
+    width: 100%;
+    height: auto;
+    .title {
+        width: 100%;
+        height: 28px;
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        .title_desc {
+            flex: 1 0;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+        }
+        .title_change_batch {
+            cursor: pointer;
+            color: @font-primary-accent-color;
+            height: 28px;
+            width: 70px;
+            display: flex;
+            align-items: center;
+            font-size: 14px;
+            i {
+                margin-right: 5px;
+            }
+        }
+    }
+    .content {
+        display: flex;
+        align-items: center;
+        flex-wrap: wrap;
+        margin-top: 8px;
+        .welcome_item {
+            padding: 3px 8px;
+            background: @background-color-summary;
+            color: @font-primary-accent-color;
+            margin-right: 5px;
+            margin-bottom: 5px;
+            border-radius: 28px;
+            cursor: pointer;
+        }
+    }
+}
 </style>

package/src/locales/cn.json

@@ -0,0 +1,100 @@
+{
+  "组件多语言使用说明": "在使用多语言配置文件时，需要在使用的项目中添加对应的配置，默认都配置在dragonCommon字段中，也可以看看有没有其他方式",
+  "dragonCommon": {
+    "download": "下载",
+    "smartSummary": "智能摘要",
+    "chat": "聊一聊",
+    "viewDetails": "查看详情",
+    "folderName": "文件夹名称",
+    "loading": "加载中...",
+    "Safaridownload": "下载地址已复制，请前往Safari浏览器访问下载",
+    "reduce": "缩小",
+    "zoom": "放大",
+    "selectScale": "请选择",
+    "previous": "上一段",
+    "next": "下一段",
+    "answersGeneratedByPre": "答案由",
+    "answersGeneratedByAfter": "段内容生成",
+    "scaleAuto": "自动缩放",
+    "scaleReality": "实际比例",
+    "firstParagraph": "当前已经是第一段了",
+    "lastParagraph": "当前已经是最后一段了",
+    "fileloadException": "文件加载异常",
+    "regenerate": "重新生成",
+    "generating": "生成中",
+    "close": "关闭",
+    "summaryGeneratedByAI": "AI为您总结生成了以下摘要",
+    "viewMore": "查看更多",
+    "from": "出自",
+    "viewOriginal": "查看原文",
+    "lastUpdateTime": "最后更新时间",
+    "owner": "所有者",
+    "enterprise": "所属企业",
+    "source": "文件来源",
+    "folder": "文件夹",
+    "personalknowledge": "个人知识",
+    "enterpriseknowledge": "企业知识",
+    "satisfaction": "满意",
+    "unsatisfied": "不满意",
+    "refresh": "换一批",
+    "AIrecommends": "AI为您推荐以下内容",
+    "youareconsulting": "您正在咨询",
+    "description": "描述",
+    "location": "位置",
+    "user": "使用者",
+    "department": "部门",
+    "manager": "管理者",
+    "uploadImgFile": "上传图片或附件",
+    "cancel": "取消",
+    "confirm": "确定",
+    "noMore": "没有更多了",
+    "establishConversationWith": "与",
+    "createConversation": "建立对话",
+    "you": "您",
+    "bot": "机器人",
+    "transferTo": "您将会话转接给",
+    "transferFrom": "将会话转接给您",
+    "imService": "IM人工",
+    "botService": "机器人",
+    "willServeYou": "将为您服务",
+    "check": "查看",
+    "clickme": "点我",
+    "copyError": "无法复制到剪贴板！",
+    "copy": "复制",
+    "copySuccess": "已复制"
+  },
+  "common": {
+    "submit": "提交",
+    "inputPlaceholder": "请输入",
+    "selectDate": "选择日期",
+    "selectTime": "选择时间",
+    "selectDateTime": "选择日期时间",
+    "selectPlaceholder": "请选择",
+    "loadMore": "加载更多",
+    "submited": "已提交"
+  },
+  "formTemplate": {
+    "report": "报单人",
+    "feedbackDes": "反馈描述",
+    "orderDes": "工单描述",
+    "uploadType": "只能上传图片格式",
+    "uploadImageSize": "上传图片大小不能超过 8MB!",
+    "uploadVideoType": "只能上传视频格式",
+    "uploadVideoSize": "上传视频大小不能超过100MB!",
+    "uploadFileSize": "上传附件大小不能超过100MB!",
+    "onlyUpload": "仅支持上传",
+    "number": "个",
+    "textFlag": "必须要有文字",
+    "imageOrAttachment": "必须要有图片或附件",
+    "imageFlag": "必须要有图片",
+    "attachmentFlag": "必须要有附件",
+    "image": "图片",
+    "file": "附件",
+    "and": "和",
+    "required": "是必填的",
+    "uploading": "文件正在上传，请稍后",
+    "pleaseImprove": "请完善",
+    "feedbackDesRequired": "反馈描述是必填的",
+    "orderDesRequired": "问题描述是必填的"
+  }
+}