ai-read-over-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,104 @@
+import request from '../utils/request';
+import constants from '../utils/constants';
+const baseURL = sessionStorage.getItem('AI-INTELLIGENT-TOOLS_BASE_URL') || constants.publicPath;
+let prefix = sessionStorage.getItem('AI-INTELLIGENT-TOOLS_PRE_FIX') || constants.publicPrefix;
+// import cache from '../plugins/cache';
+// import { EventSourcePolyfill } from 'event-source-polyfill';
+
+// 0.0.9 版本接口升级
+prefix += '/plugin/v2';
+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 criticismApply = (id) => {
+    return request({
+        url: prefix + `/criticism/${id}/apply`,
+        method: 'post',
+    });
+}
+
+export const generateReview = (data, sseSessionId, courseId) =>{
+    return request({
+        url: prefix + '/criticism',
+        method: 'post',
+        data: data,
+        // headers: {
+        //     'X-Sse-SessionId': sseSessionId
+        // },
+        params: {
+            courseId: courseId
+        }
+    });
+}
+
+export const reanswerReview = (sseSessionId, courseId) =>{
+    return request({
+        url: prefix + '/criticism/comment',
+        method: 'put',
+        // headers: {
+        //     'X-Sse-SessionId': sseSessionId
+        // },
+        params: {
+            commentId: courseId
+        }
+    });
+}
+
+export const setFeedback = (params, data) => {
+    return request({
+        url: prefix + `/criticism/feedback`,
+        method: 'post',
+        data,
+        params
+    });
+}
+
+export const loopPoll = (data) => {
+    return request({
+        url: prefix + `/criticism/poll`,
+        method: 'post',
+        data,
+    });
+}
+
+// export const registerSse = (sseSessionId, fn, successFn) => {
+//     const source = new EventSourcePolyfill(baseURL + prefix + '/sse?id=' + sseSessionId, {
+//         headers: {
+//             'X-Id-Token': cache.session.getJSON('SRKJ_TOKEN_CACHE'),
+//         },
+//         // heartbeatTimeout: 120000,
+//         heartbeatTimeout: 8000,
+//     });
+//     source.onmessage = function (event) {
+//         const { data } = event;
+//         if (data === '连接成功') {
+//             if (successFn) successFn();
+//         }
+//     };
+//     source.addEventListener('CRITICISM_ANSWER', (event) => {
+//         const data = event.data;
+//         fn(JSON.parse(data))
+//     });
+//     source.addEventListener('CRITICISM_COMMENT', (event) => {
+//         const data = event.data;
+//         fn({comments: [JSON.parse(data)]}, 'reanswer');
+//     });
+//
+//     return source;
+// }

package/components/demo/index.js

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

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,420 @@
+<template>
+  <div class="robot-tools">
+    <div class="robot-reanswer" @click="reAnswer(listData)">
+      <i class="el-icon-refresh-right"></i>
+      重新回答
+    </div>
+    <div class="stopMsg" style="color: #cfcfcf; cursor: default" v-if="type !== 'error'">已停止生成</div>
+    <div class="stopMsg" v-if="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.feedback !== 1">
+          <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.feedback !== 2">
+              <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"
+                      show-word-limit
+                      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 {setFeedback} from '../api/index';
+
+export default {
+  name: 'ChatTools',
+  props: {
+    type: {
+      type: String,
+      default: 'chart'
+    },
+    detailData: {
+      type: Object,
+      default: () => {
+      }
+    },
+  },
+  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;
+    },
+    reAnswer(list) {
+      this.$emit('on-reanswer', list);
+    },
+    async doZan(list) {
+      list.feedback = list.feedback === 1 ? 0 : 1;
+      const param = {
+        commentId: list.id,
+        feedbackId: list.feedbackId,
+        type: list.feedback,
+      }
+      list.feedbackId = await setFeedback(param);
+      this.$forceUpdate();
+    },
+    async doCai(list) {
+      let caiOption = {};
+      if (!list.cai) {
+        caiOption = {
+          desc: this.input,
+          tags: this.errors
+        }
+      }
+      list.feedback = list.feedback !== 2 ? 2 : 0;
+      const param = {
+        commentId: list.id,
+        feedbackId: list.feedbackId,
+        type: list.feedback,
+      }
+      list.feedbackId = await setFeedback(param, caiOption);
+      this.$forceUpdate();
+      if (list.feedback === 2) {
+        this.$message.success('感谢您的反馈');
+      }
+      this.popover = false;
+      this.input = '';
+      this.errors = [];
+    }
+  }
+}
+</script>
+<style lang="scss" scoped>
+.robot-tools {
+  position: relative;
+  margin-top: 8px;
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: 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;
+    transition: all 0.3s ease;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 4px;
+
+    &:hover {
+      background: #ced0f0;
+      transform: translateY(-1px);
+    }
+
+    i {
+      font-size: 16px;
+    }
+  }
+
+  .stopMsg {
+    cursor: pointer;
+    height: 20px;
+    width: 100px;
+    font-size: 16px;
+    color: #316cff;
+    transition: all 0.3s ease;
+
+    &:hover {
+      opacity: 0.8;
+    }
+  }
+
+  .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;
+    transition: all 0.3s ease;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+    img {
+      width: 20px;
+      height: 20px;
+    }
+
+    &:hover {
+      background: #ced0f0;
+      transform: translateY(-1px);
+    }
+  }
+
+  .right-tools {
+    position: absolute;
+    right: 0;
+    top: 0;
+    display: flex;
+    gap: 8px;
+  }
+}
+
+.popover-box {
+  width: 380px;
+  height: 450px;
+  border-radius: 20px;
+  padding: 20px;
+  box-sizing: border-box;
+  position: relative;
+  background: #fff;
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+
+  .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: 20px;
+    top: 20px;
+    color: #333333;
+    cursor: pointer;
+    transition: all 0.3s;
+    padding: 4px;
+    border-radius: 50%;
+
+    &:hover {
+      transform: rotate(-180deg);
+      background-color: rgba(0, 0, 0, 0.05);
+    }
+  }
+
+  .error-list {
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+    margin-top: 20px;
+
+    .el-checkbox-group {
+      display: flex;
+      flex-wrap: wrap;
+      gap: 8px;
+    }
+
+    .el-textarea__inner {
+      resize: none;
+      border-radius: 8px;
+      padding: 12px;
+      font-size: 14px;
+    }
+
+    .sumit-button {
+      margin-top: 20px;
+      display: flex;
+      justify-content: center;
+
+      .el-button {
+        width: 112px;
+        height: 42px;
+        background: linear-gradient(180deg, #5fa5ff 0%, #316cff 100%);
+        border-radius: 21px;
+        color: #fff;
+        transition: all 0.3s ease;
+
+        &:hover {
+          transform: translateY(-1px);
+          box-shadow: 0 4px 12px rgba(49, 108, 255, 0.2);
+        }
+
+        &:disabled {
+          opacity: 0.6;
+          cursor: not-allowed;
+          transform: none;
+          box-shadow: none;
+        }
+      }
+    }
+
+    .check.is-bordered {
+      margin: 0;
+      padding: 8px 16px;
+      border-radius: 8px;
+      transition: all 0.3s ease;
+
+      &:hover {
+        border-color: #316cff;
+      }
+    }
+  }
+}
+
+// 响应式设计
+@media screen and (max-width: 768px) {
+  .robot-tools {
+    .robot-reanswer {
+      width: 90px;
+      height: 28px;
+      font-size: 12px;
+      line-height: 28px;
+
+      i {
+        font-size: 14px;
+      }
+    }
+
+    .stopMsg {
+      width: 80px;
+      font-size: 14px;
+    }
+
+    .tools-icon {
+      width: 36px;
+      height: 28px;
+      line-height: 28px;
+
+      img {
+        width: 18px;
+        height: 18px;
+      }
+    }
+  }
+
+  .popover-box {
+    width: 320px;
+    height: 400px;
+    padding: 16px;
+
+    .pop-title {
+      font-size: 18px;
+      line-height: 24px;
+    }
+
+    .error-list {
+      .el-checkbox-group {
+        gap: 6px;
+      }
+
+      .el-textarea__inner {
+        padding: 8px;
+        font-size: 13px;
+      }
+
+      .sumit-button {
+        .el-button {
+          width: 100px;
+          height: 36px;
+          font-size: 14px;
+        }
+      }
+
+      .check.is-bordered {
+        padding: 6px 12px;
+        font-size: 13px;
+      }
+    }
+  }
+}
+
+// 平板设备
+@media screen and (min-width: 769px) and (max-width: 1024px) {
+  .popover-box {
+    width: 340px;
+    height: 420px;
+  }
+}
+
+// 大屏幕设备
+@media screen and (min-width: 1025px) {
+  .robot-tools {
+    .robot-reanswer {
+      &:hover {
+        transform: translateY(-2px);
+      }
+    }
+
+    .tools-icon {
+      &:hover {
+        transform: translateY(-2px);
+      }
+    }
+  }
+
+  .popover-box {
+    .error-list {
+      .sumit-button {
+        .el-button {
+          &:hover {
+            transform: translateY(-2px);
+          }
+        }
+      }
+    }
+  }
+}
+</style>