add front end code (#27)

web/src/utils/api.ts

@@ -0,0 +1,42 @@
+
+
+
+let api_host = `/v1`;
+
+
+export { api_host };
+
+export default {
+
+
+  // 用户
+  login: `${api_host}/user/login`,
+  register: `${api_host}/user/register`,
+  setting: `${api_host}/user/setting`,
+  user_info: `${api_host}/user/info`,
+  tenant_info: `${api_host}/user/tenant_info`,
+  set_tenant_info: `${api_host}/user/set_tenant_info`,
+
+  // 模型管理
+  factories_list: `${api_host}/llm/factories`,
+  llm_list: `${api_host}/llm/list`,
+  my_llm: `${api_host}/llm/my_llms`,
+  set_api_key: `${api_host}/llm/set_api_key`,
+
+
+  //知识库管理
+  kb_list: `${api_host}/kb/list`,
+  create_kb: `${api_host}/kb/create`,
+  update_kb: `${api_host}/kb/update`,
+  rm_kb: `${api_host}/kb/rm`,
+  get_kb_detail: `${api_host}/kb/detail`,
+
+  // 上传
+  upload: `${api_host}/document/upload`,
+  get_document_list: `${api_host}/document/list`,
+  document_change_status: `${api_host}/document/change_status`,
+  document_rm: `${api_host}/document/rm`,
+  document_create: `${api_host}/document/create`,
+  document_change_parser: `${api_host}/document/change_parser`,
+
+};

web/src/utils/date.ts

@@ -0,0 +1,20 @@
+import moment from 'moment';
+
+export function today() {
+  return formatDate(moment());
+}
+
+export function lastDay() {
+  return formatDate(moment().subtract(1, 'days'));
+}
+
+export function lastWeek() {
+  return formatDate(moment().subtract(1, 'weeks'));
+}
+
+export function formatDate(date) {
+  if (!date) {
+    return '';
+  }
+  return moment(date).format('YYYY-MM-DD');
+}

web/src/utils/hooks.ts

@@ -0,0 +1,14 @@
+import { useState } from 'react';
+
+export const usePagination = function (defaultPage: number, defaultPageSize: number, total: number) {
+  const [page = 1, setPage] = useState(defaultPage);
+  const [pageSize = 10, setPageSize] = useState(defaultPageSize);
+  return {
+    page,
+    pageSize,
+    count: total,
+    setPage,
+    setPageSize,
+    nextPage: () => setPage(page + 1)
+  };
+};

web/src/utils/index.ts

@@ -0,0 +1,26 @@
+/**
+ * @param  {String}  url
+ * @param  {Boolean} isNoCaseSensitive 是否区分大小写
+ * @return {Object}
+ */
+// import numeral from 'numeral';
+
+import JSEncrypt from 'jsencrypt';
+import { Base64 } from 'js-base64';
+
+export const getWidth = () => {
+  return { width: window.innerWidth };
+};
+export const rsaPsw = (password: string) => {
+  const pub = "-----BEGIN PUBLIC KEY-----MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEArq9XTUSeYr2+N1h3Afl/z8Dse/2yD0ZGrKwx+EEEcdsBLca9Ynmx3nIB5obmLlSfmskLpBo0UACBmB5rEjBp2Q2f3AG3Hjd4B+gNCG6BDaawuDlgANIhGnaTLrIqWrrcm4EMzJOnAOI1fgzJRsOOUEfaS318Eq9OVO3apEyCCt0lOQK6PuksduOjVxtltDav+guVAA068NrPYmRNabVKRNLJpL8w4D44sfth5RvZ3q9t+6RTArpEtc5sh5ChzvqPOzKGMXW83C95TxmXqpbK6olN4RevSfVjEAgCydH6HN6OhtOQEcnrU97r9H0iZOWwbw3pVrZiUkuRD1R56Wzs2wIDAQAB-----END PUBLIC KEY-----"
+  const encryptor = new JSEncrypt()
+
+  encryptor.setPublicKey(pub)
+
+  return encryptor.encrypt(Base64.encode(password))
+}
+
+export default {
+  getWidth,
+  rsaPsw
+};

web/src/utils/registerServer.ts

@@ -0,0 +1,22 @@
+const registerServer = (opt: any, request: any): any => {
+  let server = {};
+  for (let key in opt) {
+    server[key] = (params: any) => {
+      if (opt[key].method === 'post' || opt[key].method === 'POST') {
+        return request(opt[key].url, {
+          method: opt[key].method,
+          data: params
+        });
+      }
+
+      if (opt[key].method === 'get' || opt[key].method === 'GET') {
+        return request.get(opt[key].url, {
+          params
+        });
+      }
+    };
+  }
+  return server;
+};
+
+export default registerServer;

web/src/utils/request.ts

@@ -0,0 +1,116 @@
+
+import { extend } from 'umi-request';
+import { notification, message } from 'antd';
+import _ from 'lodash';
+
+import api from '@/utils/api';
+const { login } = api;
+
+const ABORT_REQUEST_ERR_MESSAGE = 'The user aborted a request.'; // 手动中断请求。errorHandler 抛出的error message
+
+
+
+const retcodeMessage = {
+  200: '服务器成功返回请求的数据。',
+  201: '新建或修改数据成功。',
+  202: '一个请求已经进入后台排队（异步任务）。',
+  204: '删除数据成功。',
+  400: '发出的请求有错误，服务器没有进行新建或修改数据的操作。',
+  401: '用户没有权限（令牌、用户名、密码错误）。',
+  403: '用户得到授权，但是访问是被禁止的。',
+  404: '发出的请求针对的是不存在的记录，服务器没有进行操作。',
+  406: '请求的格式不可得。',
+  410: '请求的资源被永久删除，且不会再得到的。',
+  422: '当创建一个对象时，发生一个验证错误。',
+  500: '服务器发生错误，请检查服务器。',
+  502: '网关错误。',
+  503: '服务不可用，服务器暂时过载或维护。',
+  504: '网关超时。'
+};
+
+/**
+ * 异常处理程序
+ */
+const errorHandler = (error: any) => {
+  const { response } = error;
+  // 手动中断请求 abort
+  if (error.message === ABORT_REQUEST_ERR_MESSAGE) {
+    console.log('user abort  request');
+  } else {
+    if (response && response.status) {
+      const errorText = retcodeMessage[response.status] || response.statusText;
+      const { status, url } = response;
+      notification.error({
+        message: `请求错误 ${status}: ${url}`,
+        description: errorText,
+      });
+    } else if (!response) {
+      notification.error({
+        description: '您的网络发生异常，无法连接服务器',
+        message: '网络异常',
+      });
+    }
+  }
+  return response;
+};
+
+/**
+ * 配置request请求时的默认参数
+ */
+const request = extend({
+  errorHandler, // 默认错误处理
+  // credentials: 'include', // 默认请求是否带上cookie
+  timeout: 3000000,
+  getResponse: true
+});
+
+request.interceptors.request.use((url, options) => {
+  let prefix = '';
+  console.log(url)
+  const Authorization = localStorage.getItem('Authorization')
+  return {
+    url,
+    options: {
+      ...options,
+      headers: {
+        ...(options.skipToken ? undefined : { Authorization }),
+        ...options.headers
+      },
+      interceptors: true
+    }
+  };
+});
+
+/*
+ * 请求response拦截器
+ * */
+request.interceptors.response.use(async (response, request) => {
+  console.log(response, request)
+  const data = await response.clone().json();
+  // response 拦截
+
+  if (data.retcode === 401 || data.retcode === 401) {
+    notification.error({
+      message: data.retmsg,
+      description: data.retmsg,
+      duration: 3,
+    });
+  } else if (data.retcode !== 0) {
+    if (data.retcode === 100) {
+      message.error(data.retmsg);
+    } else {
+      notification.error({
+        message: `提示 : ${data.retcode}`,
+        description: data.retmsg,
+        duration: 3,
+      });
+    }
+
+    return response;
+  } else {
+
+    return response;
+  }
+});
+
+export default request;