ai-error-assistant-mobile 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,123 @@
+import request from '../utils/request'
+import { fetchEventSource } from '@microsoft/fetch-event-source';
+import constants from '../utils/constants';
+import cache from '../plugins/cache';
+const baseURL = sessionStorage.getItem('AI-INTELLIGENT-TOOLS_BASE_URL') || constants.publicPath;
+let prefix = sessionStorage.getItem('AI-INTELLIGENT-TOOLS_PRE_FIX') || constants.publicPrefix;
+
+// 0.0.7 版本接口升级
+prefix += '/plugin/v2';
+
+// export const pdfUrlBase = 'https://testagent.icve.com.cn';
+export const pdfUrlBase = 'https://agent.icve.com.cn';
+export const pdfUrl = pdfUrlBase + '/ossurl';
+export const ssoAuth = (token, businessSource) => {
+    return request({
+        url: prefix + '/sso/assistant',
+        method: 'get',
+        params: {
+            token: token,
+            businessSource
+        },
+    });
+}
+
+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 const checkCourseIdIsExist = (resId) => {
+    return request({
+        url: prefix + `/ia/hasPermission?courseId=${resId}`,
+        method: 'get',
+    });
+}
+
+/**
+ * 自动追问
+ * @param iaId 请求参数id
+ * @param message 对话对
+ * @returns 返回节点详情数据
+ */
+export async function getAutoQuestioning(iaId, message) {
+    return request.post(`${prefix}/ia/autoFollowUp`, {
+        iaId,
+        messages: message,
+    });
+}
+
+/**
+ * 开场白及提示词查询
+ * */
+export const queryCallWord = (resId) => {
+    return request({
+        url: prefix + `/ia/byCourseId?courseId=${resId}`,
+        method: 'get',
+    });
+}
+
+export async function sendMessageEventSource(params, signal, onmessage) {
+    return fetchEventSource(`${baseURL}${prefix}/assistant/conversation?token=${cache.session.getJSON('SRKJ_TOKEN_CACHE')}`, {
+        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 AiErrorAssistantMobile from './src/main.vue'
+
+AiErrorAssistantMobile.install = function (Vue) {
+    Vue.component(AiErrorAssistantMobile.name,AiErrorAssistantMobile)
+}
+
+export default AiErrorAssistantMobile

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,477 @@
+<template>
+  <div class="robot-tools" v-if="listData">
+    <div class="robot-reanswer"
+         style="margin-bottom: 8px"
+         v-if="(listData.stop || listData.finish || type === 'error' && !sending) && isLast"
+         @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' && !sending">停止输出
+    </div>
+    <div class="right-tools">
+      <el-tooltip :disabled="true" 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-drawer
+          :visible.sync="drawer"
+          direction="btt"
+          size="80%"
+          :wrapperClosable="false"
+          :modal="false"
+          custom-class="feedback-drawer"
+      >
+        <div class="drawer-content">
+          <div class="drawer-header">
+            <div class="drawer-title">
+              你的反馈将 <br/>
+              帮助职教一问优化进步
+            </div>
+          </div>
+          <div class="error-list">
+            <div class="section-title">请选择问题类型</div>
+            <el-checkbox-group v-model="errors" class="checkbox-group">
+              <el-checkbox v-for="item in errorList"
+                           :key="item.code"
+                           :label="item.code"
+                           border
+                           class="check">
+                {{ item.name }}
+              </el-checkbox>
+            </el-checkbox-group>
+            <div class="section-title">其他问题描述</div>
+            <el-input v-model="input"
+                      :rows="4"
+                      maxlength="30"
+                      show-word-limit
+                      placeholder="请输入其他问题描述（选填）"
+                      resize="none"
+                      type="textarea"/>
+            <div class="sumit-button">
+              <el-button type="primary" :disabled="canSubmit" @click="doCai(listData)">提交反馈</el-button>
+            </div>
+          </div>
+        </div>
+      </el-drawer>
+      <el-tooltip :disabled="true" content="踩" effect="light" placement="bottom">
+        <div class="tools-icon" @click="openDrawer" 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>
+</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'
+    },
+    sending: {
+      type: Boolean,
+      default: false
+    },
+    isLast: {
+      type: Boolean,
+      default: false
+    }
+  },
+  data() {
+    return {
+      input: "",
+      drawer: false,
+      errors: [],
+      errorList: errorList,
+    }
+  },
+  computed: {
+    canSubmit() {
+      return this.errors.length === 0 && this.input === "";
+    },
+    listData() {
+      return this.detailData;
+    },
+  },
+  methods: {
+    cancelDrawer() {
+      this.drawer = false;
+    },
+    openDrawer() {
+      this.drawer = 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.drawer = false;
+      this.input = '';
+      this.errors = [];
+    }
+  }
+}
+</script>
+<style lang="scss" scoped>
+.robot-tools {
+  position: relative;
+  margin-top: 1.5rem;
+  min-height: 2rem;
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+
+  .robot-reanswer {
+    width: 6.5rem;
+    height: 2rem;
+    background-color: rgba(32, 40, 64, 0.078);
+    border-radius: 1rem;
+    font-size: 0.8125rem;
+    text-align: center;
+    line-height: 2rem;
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-right: 0.5rem;
+
+    &:hover {
+      background: #ced0f0;
+    }
+
+    i {
+      font-size: 1.125rem;
+      margin-right: 0.25rem;
+    }
+  }
+
+  .stopMsg {
+    cursor: pointer;
+    height: 1.25rem;
+    font-size: 0.875rem;
+    color: #316cff;
+    padding: 0.25rem 0.5rem;
+    margin-right: 7rem;
+
+    &:hover {
+      text-decoration: underline;
+    }
+  }
+
+  .tools-icon {
+    width: 2.5rem;
+    height: 2rem;
+    background-color: rgba(32, 40, 64, 0.078);
+    border-radius: 1rem;
+    text-align: center;
+    line-height: 2rem;
+    cursor: pointer;
+    margin-right: 0.5rem;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+    img {
+      width: 1.25rem;
+      height: 1.25rem;
+    }
+  }
+
+  .right-tools {
+    position: absolute;
+    right: 0;
+    top: 0;
+    display: flex;
+    align-items: center;
+  }
+}
+
+.feedback-drawer {
+  .drawer-content {
+    padding: 1.5rem;
+    height: 100%;
+    box-sizing: border-box;
+    display: flex;
+    flex-direction: column;
+    background: #fff;
+    border-radius: 1rem 1rem 0 0;
+  }
+
+  .drawer-header {
+    margin-bottom: 2rem;
+    text-align: center;
+
+    .drawer-title {
+      font-weight: 600;
+      font-size: 1.5rem;
+      color: #333;
+      line-height: 1.875rem;
+    }
+  }
+
+  .error-list {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    gap: 1.5rem;
+
+    .section-title {
+      font-size: 1rem;
+      color: #666;
+      margin-bottom: 0.5rem;
+    }
+
+    .checkbox-group {
+      display: flex;
+      flex-wrap: wrap;
+      gap: 0.75rem;
+
+      .el-checkbox {
+        margin: 0;
+        padding: 0.75rem 1rem;
+        border-radius: 0.5rem;
+        transition: all 0.3s;
+
+        &:hover {
+          background: #f5f7fa;
+        }
+
+        &.is-checked {
+          background: #ecf5ff;
+          border-color: #409EFF;
+
+          .el-checkbox__label {
+            color: #409EFF;
+          }
+        }
+      }
+    }
+
+    .el-input {
+      width: 100%;
+
+      .el-textarea__inner {
+        border-radius: 0.75rem;
+        padding: 1rem;
+        font-size: 0.875rem;
+        line-height: 1.5;
+        resize: none;
+        border-color: #dcdfe6;
+        transition: all 0.3s;
+
+        &:focus {
+          border-color: #409EFF;
+          box-shadow: 0 0 0 2px rgba(64, 158, 255, .2);
+        }
+      }
+    }
+
+    .sumit-button {
+      margin-top: auto;
+      text-align: center;
+      padding-top: 1rem;
+
+      .el-button {
+        width: 100%;
+        padding: 0.875rem;
+        font-size: 1rem;
+        border-radius: 0.75rem;
+        font-weight: 500;
+      }
+    }
+  }
+}
+
+// 移动端适配
+@media screen and (max-width: 768px) {
+  .robot-tools {
+    .robot-reanswer {
+      width: 5.5rem;
+      height: 1.75rem;
+      font-size: 0.75rem;
+
+      i {
+        font-size: 1rem;
+      }
+    }
+
+    .tools-icon {
+      width: 2.25rem;
+      height: 1.75rem;
+
+      img {
+        width: 1.125rem;
+        height: 1.125rem;
+      }
+    }
+  }
+
+  .feedback-drawer {
+    .drawer-content {
+      padding: 1.25rem;
+    }
+
+    .drawer-header {
+      margin-bottom: 1.5rem;
+
+      .drawer-title {
+        font-size: 1.25rem;
+      }
+    }
+
+    .error-list {
+      gap: 1.25rem;
+
+      .section-title {
+        font-size: 0.9375rem;
+      }
+
+      .checkbox-group {
+        gap: 0.5rem;
+
+        .el-checkbox {
+          padding: 0.625rem 0.875rem;
+          font-size: 0.875rem;
+        }
+      }
+
+      .el-input {
+        .el-textarea__inner {
+          font-size: 0.8125rem;
+          padding: 0.875rem;
+        }
+      }
+
+      .sumit-button {
+        .el-button {
+          padding: 0.75rem;
+          font-size: 0.9375rem;
+        }
+      }
+    }
+  }
+}
+
+@media screen and (max-width: 480px) {
+  .robot-tools {
+    .robot-reanswer {
+      width: 6rem;
+      height: 2rem;
+      font-size: 0.75rem;
+    }
+
+    .tools-icon {
+      width: 2rem;
+      height: 2rem;
+
+      img {
+        width: 1rem;
+        height: 1rem;
+      }
+    }
+  }
+
+  .feedback-drawer {
+    .drawer-content {
+      padding: 1rem;
+    }
+
+    .drawer-header {
+      margin-bottom: 1.25rem;
+
+      .drawer-title {
+        font-size: 1.125rem;
+      }
+    }
+
+    .error-list {
+      gap: 1rem;
+
+      .section-title {
+        font-size: 0.875rem;
+      }
+
+      .checkbox-group {
+        gap: 0.375rem;
+
+        .el-checkbox {
+          padding: 0.5rem 0.75rem;
+          font-size: 0.8125rem;
+        }
+      }
+
+      .el-input {
+        .el-textarea__inner {
+          font-size: 0.75rem;
+          padding: 0.75rem;
+        }
+      }
+
+      .sumit-button {
+        .el-button {
+          padding: 0.625rem;
+          font-size: 0.875rem;
+        }
+      }
+    }
+  }
+}
+</style>