ai-error-assistant-pro 0.0.1

package/components/demo/src/main.vue

@@ -0,0 +1,221 @@
+<template>
+    <div class="ai-contain" v-if="visible">
+        <div class="bg-image"></div>
+        <div class="ai-contain-header">
+            <div class="logo-title">
+                <img src="../static/logo.png" alt="" style="width: 48px; height: 48px">
+                <span class="title-font">智能解析</span>
+            </div>
+            <div class="icon-close" @click="closeMessage">
+                <i class="el-icon-close"></i>
+            </div>
+        </div>
+        <div class="ai-main-content">
+            <chat ref="chatRef"
+                  :resId="resId"
+                  :xtId="xtId"
+                  :key-word="aiMessageKeyWord"
+                  :analy-exercise="analyExercise"
+                  @on-reanser="reanserMethod"
+                  @on-message-finish="messageFinish" />
+        </div>
+        <div class="tools-wrap">
+            <span @click="clearChat">清空对话</span>
+        </div>
+        <div class="ai-message-send" @keyup.enter="goChat">
+            <el-input v-model="aiMessage" placeholder="可以提出问题..." ></el-input>
+            <div class="ai-send-icon" @click="goChat">
+                <img src="../static/send-icon.png" alt="" style="width: 24px; height: 24px">
+            </div>
+        </div>
+        <p class="disclaimer">
+            此功能公测期间对正式版用户开放
+        </p>
+    </div>
+</template>
+<script>
+import Chat from './chat.vue';
+import Cookies from "js-cookie";
+import { getUserInfo } from '../utils/config';
+import { chartClear } from '../api/index';
+export default {
+    name: 'AiErrorAssistant',
+    components: {
+        Chat
+    },
+    props: {
+        visible: true,
+        analyExercise: {},
+    },
+    computed: {
+        resId() {
+            return this.analyExercise.courseId;
+        },
+        xtId() {
+            return this.analyExercise.busId;
+        }
+    },
+    data() {
+        return {
+            aiMessage: '', // 页面显示值
+            aiMessageKeyWord: '', // 传入组件值
+            stop: false
+        }
+    },
+    mounted() {
+        if (!Cookies.get("token")) {
+            return this.$message.warning('未获取到登录信息,请重新登录');
+        }
+        getUserInfo(Cookies.get("token"));
+    },
+    methods: {
+        closeMessage() {
+            this.$emit('close');
+        },
+        messageFinish() {
+            this.stop = false;
+        },
+        clearChat() {
+            if (!this.stopMessage()) {
+                return;
+            }
+            this.$refs.chatRef.clearChat();
+        },
+        goChat() {
+            if (!this.stopMessage()) {
+                return;
+            }
+            this.aiMessageKeyWord = this.aiMessage;
+            this.stop = true;
+            setTimeout(() => {
+                this.aiMessageKeyWord = this.aiMessage = '';
+            }, 300);
+        },
+        reanserMethod(){
+            this.stop = true;
+        },
+        stopMessage() {
+            if (this.stop) {
+                this.$message.warning('对话正在进行中，请稍后重试');
+                return false;
+            }
+            return true;
+        },
+    }
+}
+</script>
+<style lang="scss" scoped>
+.ai-contain {
+    width: 1000px;
+    height: 100%;
+    border-radius: 16px;
+    box-shadow: 0 1px 8px rgba(32, 40, 64, 0.32);
+    padding: 16px 16px 16px 16px;
+    box-sizing: border-box;
+    position: relative;
+    background-color: rgba(232, 240, 248, 1);
+}
+.ai-contain-header {
+    position: relative;
+    z-index: 1;
+    display: flex;
+    justify-content: space-between;
+}
+.logo-title {
+    font-weight: 700;
+    color: #202840;
+    font-size: 18px;
+}
+.title-font {
+    display: inline-block;
+    vertical-align: top;
+    margin-top: 12px;
+    margin-left: 12px;
+    color: rgb(40, 128, 240);
+}
+.icon-close {
+    cursor: pointer;
+    position: relative;
+    right: 0;
+    i {
+        font-weight: bold !important;
+    }
+}
+.ai-message-send-linear {
+    padding: 2px;
+    border-radius: 40px;
+}
+.tools-wrap {
+    width: calc(100% - 68px - 48px - 24px);
+    margin-left: 80px;
+    display: flex;
+    justify-content: end;
+    font-size: 13px;
+    margin-bottom: 8px;
+    color: #08d;
+    span {
+        cursor: pointer;
+        &:hover {
+            color: #0ad;
+        }
+    }
+}
+.bg-image {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 248px;
+    background: linear-gradient(to bottom, rgba(96, 96, 244, .1), rgba(44, 144, 240, 0));
+    border-radius: 16px 0;
+}
+.ai-message-send {
+    width: calc(100% - 68px - 48px);
+    background: linear-gradient(to right, #33cc88, #6699ff, #ff9933);
+    padding: 3px;
+    border-radius: 40px;
+    position: relative;
+    margin-left: 68px;
+}
+.ai-send-icon {
+    position: absolute;
+    right: 14px;
+    bottom: 14px;
+    width: 40px;
+    height: 40px;
+    text-align: center;
+    line-height: 52px;
+    border-radius: 20px;
+    cursor: pointer;
+    background: linear-gradient(90deg, rgba(0, 144, 240, 1) 0%, rgba(144, 48, 240, 1) 100%);
+}
+.ai-main-content {
+    position: relative;
+    z-index: 1;
+    height: calc(100% - 53px - 86px - 32px - 17px);
+    padding: 16px 0 16px 8px;
+}
+.disclaimer {
+    margin: 0;
+    font-size: 14px;
+    color: #cfcfcf;
+    text-align: center;
+    margin-top: 6px;
+}
+:deep {
+    .ai-message-send {
+        .el-input__inner {
+            height: 60px;
+            font-size: 16px;
+            color: rgba(51,51,51,.75);
+            border: 0;
+            border-radius: 40px;
+            background: linear-gradient(to bottom, #fff, #d8f0fb);
+            padding: 0 24px;
+            &::placeholder {
+                color: rgba(51,51,51,.75);
+            }
+        }
+    }
+}
+</style>

package/components/demo/utils/aes-utils.js

@@ -0,0 +1,35 @@
+import CryptoJS from 'crypto-js';
+import { Base64 } from 'js-base64';
+
+const a = 'RU5D';
+const b = 'ODE';
+const c = 'AE';
+const d = 'S_K';
+const e = 'RVkx';
+const z = Base64.decode(a).concat(b, '_', c, d, Base64.decode(e), '6');
+const f = 'd3d3';
+const g = 'w.e';
+const i = 'mru';
+const j = 'bik';
+const k = 'Y29t';
+const n = Base64.decode(f).concat(g, i, j, '.', Base64.decode(k));
+const key = CryptoJS.enc.Utf8.parse(z);
+const iv = CryptoJS.enc.Utf8.parse(n);
+// 解密方法
+export function decrypt(word) {
+    const stringToEncode = 'Hello, World!'; // 要进行 Base64 编码的字符串
+    const encodedString = Base64.encode(stringToEncode); // 进行 Base64 编码
+    const decodedString = Base64.decode(encodedString); // 进行 Base64 解码
+
+    let base64 = CryptoJS.enc.Base64.parse(word);
+    let src = CryptoJS.enc.Base64.stringify(base64);
+
+    let decrypt = CryptoJS.AES.decrypt(src, key, {
+        iv: iv,
+        mode: CryptoJS.mode.CBC,
+        padding: CryptoJS.pad.Pkcs7,
+    });
+
+    let decryptedStr = decrypt.toString(CryptoJS.enc.Utf8);
+    return decryptedStr.toString();
+}

package/components/demo/utils/config.js

@@ -0,0 +1,88 @@
+import { ssoAuth, authUser } from '../api/index';
+import constants from '../utils/constants';
+import cache from '../plugins/cache';
+
+export const errorList = [
+    {
+        name: "格式问题",
+        code: "1",
+    },
+    {
+        name: "逻辑问题",
+        code: "2",
+    },
+    {
+        name: "有害信息",
+        code: "3",
+    },
+    {
+        name: "事实错误",
+        code: "4",
+    },
+    {
+        name: "没有帮助",
+        code: "5",
+    },
+    {
+        name: "答非所问",
+        code: "6",
+    },
+]
+
+export const cacheMessageList = [
+    {
+        type: 'user',
+        message: '电磁感应定律是如何描述的？请给出相关公式并解释。'
+    },
+    {
+        type: 'robot',
+        message: '电磁感应定律是描述磁场与电场之间关系的物理定律。具体来说，当导体回路中的磁通量发生变化时，会在回路中产生感应电动势。这个感应电动势的大小与磁通量变化的速率成正比，这就是法拉第电磁感应定律。\n' +
+            '                相关的公式是：ε = -dΦ/dt\n' +
+            '                其中，ε 表示感应电动势，Φ 表示磁通量，t 表示时间，dΦ/dt 则表示磁通量对时间的变化率。注意这里的负号，它表示感应电动势的方向与磁通量变化的方向相反，这是楞次定律的体现。\n' +
+            '                解释这个公式时，我们可以理解为：当穿过一个闭合导体回路的磁通量发生变化时，会在回路中产生感应电动势，其大小正比于磁通量变化的速率。这种感应电动势是由于磁场的变化而引发的，它是磁场变化对电场的直接影响，体现了磁场与电场之间的紧密联系。'
+    }
+]
+
+// 下方注释为题目示例
+// export const questionStem = {
+//     // type: 'single',
+//     // type: 'multiple',
+//     title: '为了切实兑现中国政府加强保护上海世博会各参展方知识产权的国际承诺，4月15日上海成立了“世博会参展者知识产权服务中心”，并开展了以“创新与知识产权让世博会更精彩”为主题的2010年上海知识产权宣传周活动。下列对知识产权认识正确的是： ( )',
+//     options: ['A. 不是商品，因为它没有价值', 'B. 是商品，因为它具有价值和交换价值两个基本属性', 'C. 不是商品，因为它看不见、摸不着', 'D. 是商品，因为它是使用价值和价值的统一体'],
+//     answer: ['D. 是商品，因为它是使用价值和价值的统一体'],
+//     studentAnswer: ['B. 是商品，因为它具有价值和交换价值两个基本属性'],
+// }
+
+// export const questionStem = {
+//     type: 'judge',
+//     title: '为了切实兑现中国政府加强保护上海世博会各参展方知识产权的国际承诺，4月15日上海成立了“世博会参展者知识产权服务中心”，并开展了以“创新与知识产权让世博会更精彩”为主题的2010年上海知识产权宣传周活动',
+//     answer: false,
+//     studentAnswer: true,
+// }
+
+// export const questionStem = {
+//     type: 'gapfilling',
+//     title: '为了切实兑现中国政府加强()世博会各参展方知识产权的国际承诺，()上海成立了“世博会参展者知识产权服务中心”，()”为主题的2010年上海知识产权宣传周活动',
+//     answer: ['上海世博会', '4月15日', '并开展了以“创新与知识产权让', '主题的2010年上海'],
+//     studentAnswer: ['上会', '4月1', '并开展了以“创新权让', '主题的2010'],
+// }
+
+// export const questionStem = {
+//     type: 'shortanswer',
+//     title: '为了切实兑现中国政府加强保护上海世博会各参展方知识产权的国际承诺，4月15日上海成立了“世博会参展者知识产权服务中心”，并开展了以“创新与知识产权让世博会更精彩”为主题的2010年上海知识产权宣传周活动',
+//     answer: '正确简答题回答正确简答题回答正确简答题回答,正确简答题回答正确简答题回答正确简答题回答正确简答题回答,正确简答题回答正确简答题回答正确简答题回答,正确简答题回答',
+//     studentAnswer: '错误的简答题简答题错误错误的简答题简答题错误错误的简答题简答题错误错误的简答题简答题错误',
+// }
+
+export const getUserInfo = async (token) => {
+    const ssoRes = await ssoAuth(token);
+    const userRes = await authUser({
+        'X-Auth-User': encodeURIComponent(ssoRes.name),
+        'X-Auth-Token': ssoRes.password,
+        'X-Enterprise-Id': `${constants['X-Enterprise-Id']}`,
+        'X-App-Id': `${constants['X-App-Id']}`,
+        'X-App-Secret': `${constants['X-App-Secret']}`,
+        'X-Auth-User-Type': '1',
+    });
+    cache.session.setJSON('SRKJ_TOKEN_CACHE', userRes);
+}

package/components/demo/utils/constants.js

@@ -0,0 +1,13 @@
+let appId = '601a39a2a4a7cd88d5ddcef5';
+const whiteList = ['/home', '/overview'];
+if (process.env.VITE_APP_BUILD_TYPE === 'aliyun') {
+    appId = '6572ba195ec962924cc39951';
+}
+
+export default {
+    'X-Enterprise-Id': 'www.hep-zj.com.cn',
+    'X-App-Id': '90403a27c0704259ab7a3c8aab4489b3',
+    'X-App-Secret': 'bc11ce7c44824fcaa23ff301a54b7094',
+    appId,
+    whiteList,
+};

package/components/demo/utils/request.js

@@ -0,0 +1,69 @@
+import axios from 'axios'
+import cache from '../plugins/cache'
+import {  Message  } from 'element-ui'
+const door = sessionStorage.getItem('AI_BASE_URL_FOR_TEST');
+import { decrypt } from './aes-utils';
+
+axios.defaults.headers['Content-Type'] = 'application/json;charset=utf-8'
+
+const service = axios.create({
+  // axios中请求配置有baseURL选项，表示请求URL公共部分
+  baseURL: door || 'https://zjyw.icve.com.cn/ai-api',
+  // 超时
+  timeout: 80000
+})
+
+service.interceptors.request.use(config => {
+  if (cache.session.getJSON('SRKJ_TOKEN_CACHE')) {
+    config.headers["X-Id-Token"] = cache.session.getJSON('SRKJ_TOKEN_CACHE');
+  }
+  // 是否需要防止数据重复提交
+  const isRepeatSubmit = (config.headers || {}).repeatSubmit === false;
+  if (!isRepeatSubmit && (config.method === 'post' || config.method === 'put')) {
+    const requestObj = {
+      url: config.url,
+      data: typeof config.data === 'object' ? JSON.stringify(config.data) : config.data,
+      time: new Date().getTime()
+    }
+    const sessionObj = cache.session.getJSON('sessionObj')
+    if (sessionObj === undefined || sessionObj === null || sessionObj === '') {
+      cache.session.setJSON('sessionObj', requestObj)
+    } else {
+      const s_url = sessionObj.url;                  // 请求地址
+      const s_data = sessionObj.data;                // 请求数据
+      const s_time = sessionObj.time;                // 请求时间
+      const interval = 100;                         // 间隔时间(ms)，小于此时间视为重复提交
+      if (s_data === requestObj.data && requestObj.time - s_time < interval && s_url === requestObj.url) {
+      } else {
+        cache.session.setJSON('sessionObj', requestObj)
+      }
+    }
+  }
+  return config
+}, error => {
+  Promise.reject(error)
+})
+
+service.interceptors.response.use(res => {
+  // 二进制数据则直接返回
+  if (res.request.responseType === 'blob' || res.request.responseType === 'arraybuffer') {
+    return res.data
+  }
+  let srkjData = res.data;
+  if (srkjData) {
+    const respData = decrypt(srkjData);
+    try {
+      srkjData = JSON.parse(respData);
+    } catch (e) {}
+  }
+  if (res.status === 401) {
+    Message.warning(srkjData.message.description);
+    return;
+  }
+  if (!srkjData.resultCode.endsWith('0000')) {
+    Message.warning(srkjData.message.description)
+  }
+  return srkjData.queryData || srkjData.data || srkjData.token;
+})
+
+export default service

package/components/index.js

@@ -0,0 +1,15 @@
+import AiErrorAssistant from './demo'
+const components = {
+    AiErrorAssistant
+}
+
+const install = function (Vue) {
+    if (install.installed) return
+    Object.keys(components).forEach(key => {
+        Vue.component(components[key].name,components[key])
+    });
+}
+
+export default {
+    install
+}