ai-error-assistant-pro 0.0.1

package/README.md

@@ -0,0 +1,33 @@
+# ai-questtion
+
+## Project setup
+```
+npm install
+```
+
+### Compiles and minifies for production
+```
+npm run build
+```
+
+### Customize configuration
+See [Configuration Reference](https://cli.vuejs.org/config/).
+
+
+### test-project是测试组件项目
+
+### 公司自用组件 npm i ai-question
+
+### 调用方法
+...
+
+this.$refs.name.showAddQuestion()
+...
+
+### top控制侧边弹框到顶部的距离
+
+### knowledgeList根据elment传参格式传入树形数据
+
+### propFormat知识点传参格式修改 {value : 'xxx',label : 'xxx','children' : 'xxx'}
+
+### join加入题库

package/components/demo/api/index.js

@@ -0,0 +1,84 @@
+import request from '../utils/request'
+import { fetchEventSource } from '@microsoft/fetch-event-source';
+const baseURL = sessionStorage.getItem('AI_BASE_URL_FOR_TEST') || 'https://zjyw.icve.com.cn/ai-api';
+const prefix = sessionStorage.getItem('AI_PRE_FIX_FOR_TEST') || '/heatp';
+import cache from '../plugins/cache';
+export const ssoAuth = (token) => {
+    return request({
+        url: prefix + '/sso/assistant',
+        method: 'get',
+        params: {
+            token: token,
+        },
+    });
+}
+
+export const authUser = (headers) => {
+    return request({
+        url: '/uc/authuser',
+        method: 'get',
+        headers: headers,
+    });
+}
+
+export const erranalysis = (data) => {
+    return request({
+        url: prefix + '/erranalysis/send',
+        method: 'post',
+        data,
+    });
+}
+
+export const retryAnalysis = (errId) => {
+    return request({
+        url: prefix + '/erranalysis/retry',
+        method: 'post',
+        params: {
+            errId
+        },
+    });
+}
+
+export const chatEvaluateAdd = (params) => {
+    return request({
+        url: prefix + `/assistant/chatEvaluateAdd`,
+        method: 'post',
+        data: params
+    });
+}
+
+export const stopChat = (chatId) => {
+    return request({
+        url: prefix + `/assistant/stop/${chatId}`,
+        method: 'post',
+    });
+}
+
+export const chatEvaluateCancel = (params) => {
+    return request({
+        url: prefix + `/assistant/chatEvaluateCancel`,
+        method: 'post',
+        data: params
+    });
+}
+
+export const chartClear = (chatId) => {
+    return request({
+        url: prefix + `/assistant/chartClear/${chatId}`,
+        method: 'post',
+    });
+}
+
+export async function sendMessageEventSource(params, signal, onmessage) {
+    return fetchEventSource(`${baseURL}${prefix}/assistant/conversation`, {
+        method: 'POST',
+        signal: signal,
+        openWhenHidden: true,
+        headers: {
+            'Content-Type': 'application/json',
+            'X-Id-Token': cache.session.getJSON('SRKJ_TOKEN_CACHE'),
+        },
+        body: JSON.stringify(params),
+        onmessage,
+    });
+}

package/components/demo/index.js

@@ -0,0 +1,7 @@
+import AiErrorAssistant from './src/main.vue'
+
+AiErrorAssistant.install = function (Vue) {
+    Vue.component(AiErrorAssistant.name,AiErrorAssistant)
+}
+
+export default AiErrorAssistant

package/components/demo/plugins/cache.js

@@ -0,0 +1,77 @@
+const sessionCache = {
+  set (key, value) {
+    if (!sessionStorage) {
+      return
+    }
+    if (key != null && value != null) {
+      sessionStorage.setItem(key, value)
+    }
+  },
+  get (key) {
+    if (!sessionStorage) {
+      return null
+    }
+    if (key == null) {
+      return null
+    }
+    return sessionStorage.getItem(key)
+  },
+  setJSON (key, jsonValue) {
+    if (jsonValue != null) {
+      this.set(key, JSON.stringify(jsonValue))
+    }
+  },
+  getJSON (key) {
+    const value = this.get(key)
+    if (value != null) {
+      return JSON.parse(value)
+    }
+  },
+  remove (key) {
+    sessionStorage.removeItem(key);
+  }
+}
+const localCache = {
+  set (key, value) {
+    if (!localStorage) {
+      return
+    }
+    if (key != null && value != null) {
+      localStorage.setItem(key, value)
+    }
+  },
+  get (key) {
+    if (!localStorage) {
+      return null
+    }
+    if (key == null) {
+      return null
+    }
+    return localStorage.getItem(key)
+  },
+  setJSON (key, jsonValue) {
+    if (jsonValue != null) {
+      this.set(key, JSON.stringify(jsonValue))
+    }
+  },
+  getJSON (key) {
+    const value = this.get(key)
+    if (value != null) {
+      return JSON.parse(value)
+    }
+  },
+  remove (key) {
+    localStorage.removeItem(key);
+  }
+}
+
+export default {
+  /**
+   * 会话级缓存
+   */
+  session: sessionCache,
+  /**
+   * 本地缓存
+   */
+  local: localCache
+}

package/components/demo/src/chat-tools.vue

@@ -0,0 +1,289 @@
+<template>
+    <div class="robot-tools" v-if="listData">
+        <div class="robot-reanswer"
+             style="margin-bottom: 8px"
+             v-if="listData.stop || listData.finish || type === 'error'"
+             @click="reAnswer(listData)">
+            <i class="el-icon-refresh-right"></i>
+            重新回答
+        </div>
+        <div class="stopMsg" style="color: #cfcfcf; cursor: default"
+             v-if="listData.stop && type !== 'error'">已停止生成</div>
+        <div class="stopMsg"
+             @click="stopChat(listData)"
+             v-if="!listData.stop && !listData.finish && type !== 'error'">停止输出</div>
+        <div class="right-tools">
+            <el-tooltip content="赞" effect="light" placement="top">
+                <div class="tools-icon" @click="doZan(listData)">
+                    <img src="../static/zan.png" alt="" v-if="!listData.zan" />
+                    <img alt="" src="../static/zan-active.png" v-else />
+                </div>
+            </el-tooltip>
+            <el-popover v-model="popover" placement="top-start" trigger="manual">
+                <div slot="reference">
+                    <el-tooltip content="踩" effect="light" placement="bottom">
+                        <div class="tools-icon" @click="openPopover" v-if="!listData.cai">
+                            <img alt="" src="../static/cai.png">
+                        </div>
+                        <div class="tools-icon" v-else @click="doCai(listData)">
+                            <img alt="" src="../static/cai-active.png">
+                        </div>
+                    </el-tooltip>
+                </div>
+                <div class="popover-box">
+                    <div class="pop-title">
+                        你的反馈将 <br/>
+                        帮助职教一问优化进步
+                    </div>
+                    <i class="el-icon-close" style="font-size: 2rem"
+                       @click="cancelPopover()"></i>
+                    <div class="error-list">
+                        <el-checkbox-group v-model="errors">
+                            <el-checkbox v-for="item in errorList"
+                                         :key="item.code"
+                                         :label="item.code"
+                                         border
+                                         class="check">
+                                {{ item.name }}
+                            </el-checkbox>
+                        </el-checkbox-group>
+                        <el-input v-model="input" :rows="4"
+                                  maxlength="30"
+                                  placeholder="其他"
+                                  resize="none"
+                                  type="textarea" />
+                        <div class="sumit-button">
+                            <el-button :disabled="canSubmit" @click="doCai(listData)">提交</el-button>
+                        </div>
+                    </div>
+                </div>
+            </el-popover>
+        </div>
+    </div>
+</template>
+<script>
+import { errorList } from "../utils/config";
+import { chatEvaluateAdd, stopChat, chatEvaluateCancel } from '../api/index';
+export default {
+    name: 'ChatTools',
+    props: {
+        detailData: {
+            type: Object,
+            default: () => {}
+        },
+        chatId: {
+            type: String,
+            default: '',
+        },
+        type: {
+            type: String,
+            default: 'chart'
+        },
+    },
+    data() {
+        return {
+            input: "",
+            popover: false,
+            errors: [],
+            errorList: errorList,
+        }
+    },
+    computed: {
+        canSubmit() {
+            return this.errors.length === 0 && this.input === "";
+        },
+        listData() {
+            return this.detailData;
+        },
+    },
+    methods: {
+        cancelPopover() {
+            this.popover = false;
+        },
+        openPopover() {
+            this.popover = true;
+        },
+        async stopChat(list) {
+            const { msgId } = list;
+            await stopChat(msgId);
+            list.stop = true;
+            this.$emit('on-stop-chat', list)
+        },
+        async reAnswer(list) {
+            this.$emit('on-reanswer', list);
+        },
+        async doZan(list) {
+            const param = {
+                chatId: this.chatId,
+                msgId: list.msgId,
+                type: 1,
+            }
+            list.zan ? await chatEvaluateCancel(param) : await chatEvaluateAdd(param);
+            list.zan = !list.zan;
+            list.cai = false;
+        },
+        async doCai(list) {
+            let caiOption = {};
+            if (!list.cai) {
+                caiOption = {
+                    desc: this.input,
+                    tags: this.errors
+                }
+            }
+            const param = {
+                chatId: this.chatId,
+                msgId: list.msgId,
+                type: 2,
+                ...caiOption
+            }
+            list.cai ? await chatEvaluateCancel(param) : await chatEvaluateAdd(param);
+            list.cai = !list.cai;
+            list.zan = false;
+            if (list.cai) {
+                this.$message.success('感谢您的反馈');
+            }
+            this.popover = false;
+            this.input = '';
+            this.errors = [];
+        }
+    }
+}
+</script>
+<style lang="scss" scoped>
+.robot-tools {
+    position: relative;
+    margin-top: 8px;
+    .robot-reanswer {
+        width: 104px;
+        height: 32px;
+        background-color: rgba(32, 40, 64, 0.078);
+        border-radius: 16px;
+        font-size: 13px;
+        text-align: center;
+        line-height: 32px;
+        cursor: pointer;
+
+        &:hover {
+            background: #ced0f0;
+        }
+
+        i {
+            font-size: 18px;
+            vertical-align: middle;
+        }
+    }
+    .stopMsg {
+        cursor: pointer;
+        height: 20px;
+        width: 100px;
+        font-size: 14px;
+        color: #316cff;
+    }
+    .tools-icon {
+        width: 40px;
+        height: 32px;
+        background-color: rgba(32, 40, 64, 0.078);
+        border-radius: 16px;
+        text-align: center;
+        line-height: 34px;
+        cursor: pointer;
+        margin-right: 8px;
+
+        &:hover {
+            background: #ced0f0;
+        }
+    }
+    .right-tools {
+        position: absolute;
+        right: 0;
+        top: 0;
+        display: flex;
+    }
+}
+.popover-box {
+    width: 380px;
+    height: 450px;
+    border-radius: 20px;
+    padding: 20px;
+    box-sizing: border-box;
+    position: relative;
+
+    .pop-title {
+        width: 220px;
+        height: 60px;
+        font-family: PingFangSC, PingFang SC;
+        font-weight: 500;
+        font-size: 22px;
+        color: #333333;
+        line-height: 30px;
+        text-align: left;
+        font-style: normal;
+    }
+
+    .el-icon-close {
+        position: absolute;
+        right: 0;
+        top: 0;
+        color: #333333;
+        cursor: pointer;
+        transition: all 0.3s;
+
+        &:hover {
+            transform: rotate(-180deg);
+        }
+    }
+
+    .error-list {
+        display: flex;
+        flex-wrap: wrap;
+        margin-top: 20px;
+
+        .el-textarea__inner {
+            resize: none;
+        }
+
+        .sumit-button {
+            margin-top: 20px;
+            margin-left: 114px;
+
+            .el-button {
+                width: 112px;
+                height: 42px;
+                background: linear-gradient(180deg, #5fa5ff 0%, #316cff 100%);
+                border-radius: 21px;
+                color: #fff;
+            }
+        }
+
+        label {
+            text-align: center;
+        }
+
+        .check.is-bordered {
+            margin-right: 0;
+            width: 165px;
+            height: 42px;
+            background: #f3f7ff;
+            border-radius: 6px;
+            margin-left: 0;
+            margin-bottom: 10px;
+
+            &:nth-child(2n-1) {
+                margin-right: 10px;
+            }
+
+            ::v-deep .el-checkbox__inner {
+                display: none;
+            }
+        }
+    }
+
+    ::v-deep .el-checkbox.is-bordered.is-checked {
+        border-color: #316cff;
+    }
+
+    ::v-deep .el-checkbox__input.is-checked+.el-checkbox__label {
+        color: #316cff;
+    }
+}
+</style>