kn-cli 1.0.56 → 1.0.57

package/templates/template_oa/public/src/pages/video/index.jsx

@@ -0,0 +1,91 @@
+import React, { useEffect, useState, useRef } from 'react';
+import {usePagination} from '@/hooks';
+import {GET_LIST} from '@/services/video';
+import { Table, Input, Button, Form,DatePicker,Pagination } from 'antd';
+import {FormBlockByTitle} from '@/components/Layout/FormBlock';
+import styles from './index.less';
+import PageTitle from '@/pages/components/pageTitle';
+
+const Page = () => {
+  const [form] = Form.useForm();
+  const request = usePagination({
+    service:GET_LIST,
+    pagination:{pageSize:10}
+  })
+
+  useEffect(()=>{
+    request.update();
+  },[])
+
+  const columns=[{
+    dataIndex:'id',
+    title:'id',
+    render:(_,record,idx)=>{
+      return record.id;
+    }
+  },{
+    dataIndex:'value',
+    title:'数据值',
+    render:(_,record,idx)=>{
+      return record.value||'-'
+    }
+  }];
+
+  useEffect(()=>{
+    console.log(request)
+  },[request])
+
+  const getDataSource=()=>{
+    if(request?.data?.length>0){
+      let req=request?.data[request.pagination.current-1]||[];
+      return req;
+    }
+    return [];
+  }
+
+  const onPageChange=(current,pageSize)=>{
+    request.update({pagination:{current,pageSize}})
+  }
+  const onSearch=()=>{
+  }
+  const onReset=()=>{}
+  return (
+    <section className={styles.wrap}>
+
+      <PageTitle>周边商品维护</PageTitle>
+      <FormBlockByTitle title=''>
+        <Form
+          form={form}
+          layout='inline'
+          colon={false}
+        >
+          <Form.Item name='search' labelAlign='left' label='关键字'>
+            <Input placeholder='产品编码/产品名称/产品型号/部门/单号' />
+          </Form.Item>
+
+          <Button style={{marginRight:'12px'}} type='primary' onClick={onSearch}>
+            查询
+          </Button>
+          <Button onClick={onReset}>
+            重置
+          </Button>
+        </Form>
+
+        <Table 
+          className={styles.table}
+          rowKey='id' 
+          columns={columns}
+          loading={!request?.data?.length>0} 
+          dataSource={getDataSource()} pagination={false} />
+        <Pagination 
+          current={request?.pagination?.current} 
+          pageSize={request?.pagination?.pageSize}
+          onChange={onPageChange}
+          total={request?.pagination?.total}
+        />
+      </FormBlockByTitle>
+    </section>
+  )
+}
+
+export default Page;

package/templates/template_oa/public/src/pages/video/index.less

@@ -0,0 +1,12 @@
+
+.wrap{
+  width: 100%;
+  height: 100%;
+  overflow: auto;
+  padding:10px 24px 24px 24px;
+  background-color: white;
+}
+
+.table{
+  margin:12px 0;
+}

package/templates/template_oa/public/src/provider/app.jsx

@@ -0,0 +1,119 @@
+import {  useState,useMemo, useEffect } from 'react';
+import {  useSearchParams,useNavigate } from 'react-router-dom';
+
+import { createContainer } from "unstated-next"
+import {useDelay} from '@/hooks';
+import {setJwt,setLogout} from '@/services';
+import {KSSO_LOGIN,LOGIN,LOGOUT} from '@/services/auth';
+import {jumpUrl} from '@/utils';
+
+const useApp=() =>{
+  const [search] = useSearchParams();
+  const navigate= useNavigate();
+  const [loading,setLoading] = useState(true);
+  const [nav,setNavConfig] = useState({visible:true,syncDocumentTitle:false});
+  const [user,setUser] = useState(null);
+
+  const delay = useDelay();
+
+  const isLogin=async ()=>{
+    await delay.wait(10);
+    if(!user){
+      try{
+        let userData = localStorage.getItem('user');
+        if(userData){
+          userData= JSON.parse(userData);
+          if(userData){
+            setUser(userData);
+            setJwt(userData.token);
+            return true;
+          }
+        }
+      }catch(ex){
+        return false;
+      }
+    }else{
+      return true;
+    }
+  }
+
+  const kssoLogin=async ()=>{
+    let code = search.get('code');
+    if(code){
+      var redirectUri = location.protocol + '//' + location.host + '/#/login';
+      //ksso auth登录
+      const req = await KSSO_LOGIN({code,redirectUri})
+      if(req?.code==0){
+        const userData = req?.data;
+        setUser(userData);
+        setJwt(userData.token);
+        localStorage.setItem('user',JSON.stringify(userData));
+
+        let redirect = search.get('redirect');
+        if(redirect){
+          jumpUrl(redirect,{replace:true});
+          return true;
+        }
+        navigate('/');
+      }else{
+        return false;
+      }
+    }else{
+      jumpUrl(`${location.protocol}//${location.host}/static/kssoLogin.html`,{replace:true})
+    }
+    return true;
+  }
+  const login=async (username,password)=>{
+    const req = await LOGIN({username,password});
+    if(req?.code==0){
+      const userData = req?.data;
+      setUser(userData);
+      setJwt(userData.token);
+      localStorage.setItem('user',JSON.stringify(userData));
+
+      let redirect = search.get('redirect');
+      if(redirect){
+        jumpUrl(redirect,{replace:true});
+        return true;
+      }
+      navigate('/');
+    }else{
+      return false;
+    }
+    return true;
+  }
+  const logout=async ()=>{
+    LOGOUT();
+    setUser(null);
+    setJwt('');
+    localStorage.removeItem('user');
+    navigate('/superAdminLogin');
+  }
+  setLogout(logout);
+
+
+
+  const setNav=(config)=>{
+    setNavConfig({...nav,...config});
+  }
+  const action=useMemo(()=>{
+    return {
+      loading,
+      setLoading,
+      isLogin,
+      login,
+      nav,
+      setNav,
+      logout,
+      setUser,
+      user,
+      kssoLogin
+    }
+  },[loading,nav,setNav,user,setUser,isLogin,kssoLogin,login]);
+
+  return action
+}
+
+const App = createContainer(useApp);
+
+export default App;

package/templates/template_oa/public/src/provider/menu.jsx

@@ -0,0 +1,20 @@
+import {  useState,useMemo } from 'react';
+import { createContainer } from "unstated-next"
+import {GET_MENU} from '@/services/auth';
+
+const useProvider=() =>{
+  const [menus,setMenus]= useState([]);
+
+  const reload= async ()=>{
+    await GET_MENU();
+  }
+  const action=useMemo(()=>{
+    return {
+      menus,setMenus
+    }
+  },[menus,setMenus]);
+  return action
+}
+const App = createContainer(useProvider);
+
+export default App;

package/templates/template_oa/public/src/route.jsx

@@ -0,0 +1,43 @@
+import React,{Suspense} from 'react';
+import { Routes, Route, Navigate } from 'react-router-dom';
+
+import { LayoutBasic, Layout } from '@/components/Layout';
+import PageLoading from '@/components/Page/PageLoading';
+
+import Nav from '@/components/Nav';
+import Login from '@/pages/login';
+// import {AuthLogin} from '@/components/Auth';
+
+
+const delayLoader=(loader)=>{
+  return new Promise(resolve=>{
+    loader.then(req=>{
+      setTimeout(()=>{
+        resolve(req);
+      },5000)
+    })
+  })
+}
+
+
+const Video = React.lazy(()=>import('@/pages/video'));
+
+export const RouteList = (
+  <Routes>
+    <Route path='/' element={<Suspense fallback={<PageLoading />}><Layout /></Suspense>}>
+      <Route path='login' element={<Login />} />
+
+      <Route
+        path='/'
+        element={
+          <LayoutBasic nav={<Nav />} />
+        }
+      >
+        <Route path='/' element={<Navigate to="/video"></Navigate> } />
+        <Route path='/video' element={<Video />} />
+
+      </Route>
+    </Route>
+  </Routes>
+);
+

package/templates/template_oa/public/src/services/auth.js

@@ -0,0 +1,121 @@
+import {GET_DEFAULT,API_ROOT,POST_DEFAULT,GET_DEFAULT_CROSS} from './index.js';
+
+
+
+let GET_LEFT_MENU_BUFF = null;
+/**
+ * 左侧导航栏菜单
+ */
+export async function GET_LEFT_MENU(force) {
+  if (!force && GET_LEFT_MENU_BUFF) return GET_LEFT_MENU_BUFF;
+  GET_LEFT_MENU_BUFF = await GET_DEFAULT_CROSS(`${API_HOST}/derivative_product/sidebar`);
+  
+  // GET_LEFT_MENU_BUFF = {
+  //   code: 1,
+  //   info: [
+  //     {
+  //       id: 1,
+  //       menu_name: '出库记录表',
+  //       menu_code: 'deliveryRecord',
+  //       icon: 'product',
+  //       pid: 0,
+  //       priv_id: null,
+  //       link_path: '/#/deliveryRecord',
+  //       status: 1,
+  //       level: 1,
+  //       order: 1,
+  //       priv_func: null,
+  //       link: 'http://dp.test.com/#/deliveryRecord',
+  //       children: [],
+  //     },
+  //     {
+  //       id: 2,
+  //       menu_name: '库存汇总表',
+  //       menu_code: 'store',
+  //       icon: 'report',
+  //       pid: 0,
+  //       priv_id: null,
+  //       link_path: '/#/store',
+  //       status: 1,
+  //       level: 1,
+  //       order: 2,
+  //       priv_func: null,
+  //       link: 'http://dp.test.com/#/store',
+  //       children: [],
+  //     },
+  //     {
+  //       id: 4,
+  //       menu_name: '系统管理',
+  //       menu_code: 'system_manage',
+  //       icon: 'system',
+  //       pid: 0,
+  //       priv_id: 7,
+  //       link_path: '/',
+  //       status: 1,
+  //       level: 1,
+  //       order: 7,
+  //       priv_func: null,
+  //       link: 'http://dp.test.com/',
+  //       children: [
+  //         {
+  //           id: 5,
+  //           menu_name: '周边商品维护',
+  //           menu_code: 'product_config',
+  //           icon: null,
+  //           pid: 4,
+  //           priv_id: 7,
+  //           link_path: '/#/config/product',
+  //           status: 1,
+  //           level: 2,
+  //           order: 8,
+  //           priv_func: null,
+  //           link: 'http://dp.test.com/#/config/product',
+  //           children: [],
+  //         },
+  //         {
+  //           id: 6,
+  //           menu_name: '权限配置',
+  //           menu_code: 'auth',
+  //           icon: null,
+  //           pid: 4,
+  //           priv_id: 7,
+  //           link_path: '/#/config/auth',
+  //           status: 1,
+  //           level: 2,
+  //           order: 9,
+  //           priv_func: null,
+  //           link: 'http://dp.test.com/#/config/auth',
+  //           children: [],
+  //         },
+  //       ],
+  //     },
+  //   ],
+  // };
+  return GET_LEFT_MENU_BUFF;
+}
+
+
+export function GET_MENU(){
+  return GET_DEFAULT(`${API_ROOT}/api/menu/nav`);
+}
+
+
+
+export function KSSO_LOGIN(params={
+  code:'',
+  redirectUri:'',
+}){
+  return POST_DEFAULT(`${API_ROOT}/api/ksso/auth`,params)
+
+}
+
+export function LOGIN(params={
+  username:'',
+  password:'',
+}){
+  return POST_DEFAULT(`${API_ROOT}/api/login`,params)
+
+}
+export function LOGOUT(){
+  return POST_DEFAULT(`${API_ROOT}/api/logout`)
+}

package/templates/template_oa/public/src/services/index.js

@@ -0,0 +1,181 @@
+import Axios from 'axios';
+import qs from 'qs';
+import { message } from 'antd';
+const axios = Axios.create();
+console.log(`========API_ROOT:${API_HOST}========`);
+
+export const API_ROOT = API_HOST;
+const tokenMode='header';//header,cookie
+const tokenName='Authorization';
+
+let Modal = {
+  error: (options) => {
+    message.error(options.content);
+  },
+};
+
+let jwt = '';
+let logout = ()=>{}
+
+export const setJwt = (value) => {
+  if(value==''){
+    localStorage.removeItem('jwt');
+    jwt='';
+    return;
+
+  }
+  localStorage.setItem('jwt', value);
+  jwt = value;
+};
+
+window.setJwt=setJwt;
+export const setLogout=(fn)=>{
+  logout=fn;
+}
+
+
+axios.interceptors.request.use(function (config) {
+  const header = { 'X-Requested-With': 'XMLHttpRequest' };
+  if(tokenMode=='header'){
+    if (jwt) {
+      header[tokenName] = jwt;
+    }
+  }
+  if (config.headers) {
+    config.headers = { ...config.headers, ...header };
+  } else {
+    config.headers = header;
+  }
+
+  // 在发送请求之前做些什么
+  return config;
+});
+
+/**
+ * 统一拦截异常消息弹屏报错处理
+ * 如果希望某条消息不拦截，可以再发送消息时带上 noInterceptors:true|'all'
+ */
+axios.interceptors.response.use(
+  function (response) {
+    // setJwt(response?.headers['set-token'] || jwt);
+    if (response.config.noInterceptors) {
+      return response;
+    }
+
+    if (Number(response.data.code) !== 0) {
+      console.log(`${JSON.stringify(response.data)}`);
+      Modal.error({ title: `注意`, content: `${response.data.message}(${response.data.code})` });
+    }
+    return response;
+  },
+  function (error) {
+    if (error.response.config.noInterceptors === 'all') {
+      return Promise.reject(error.response);
+    }
+    // jwt失效
+    if (error.response.status === 401) {
+      if(logout)logout();
+      return;
+    } else if (error.response.status === 403) {
+      Modal.error({
+        title: '提示',
+        content: `${error.response.data.message}`,
+      });
+      return;
+    }
+    Modal.error({
+      title: `网络错误${error.response.status}`,
+      content: `${error.response.config.url}`,
+    });
+    return null;
+  }
+);
+
+
+
+
+let buffer = {};
+export async function GET_DEFAULT(url, param, options) {
+  if (param) param = qs.stringify(param, { arrayFormat: 'indices' });
+  let now = Date.now();
+
+  let bufferItem;
+  if (options?.ttl) {
+    if (buffer[url]) {
+      bufferItem = buffer[url];
+      if (bufferItem.param == param && now <= bufferItem.endTime) {
+        return bufferItem?.response?.data || null;
+      }
+    }
+  }
+  let response = await axios({
+    method: 'GET',
+    url: param ? `${url}?${param}` : url,
+    ...options,
+  });
+
+  if (options?.ttl) {
+    if (!buffer[url]) {
+      buffer[url] = {};
+    }
+    buffer[url].param = param;
+    let ttl = options.ttl === true ? 1000 * 2 : options.ttl;
+    buffer[url].endTime = Date.now() + ttl;
+    buffer[url].response = response;
+  }
+
+  return response && response.data ? response.data : null;
+}
+
+export async function GET_DEFAULT_CROSS(url, param) {
+  if (param) param = qs.stringify(param, { arrayFormat: 'indices' });
+
+  let response = await axios({
+    method: 'GET',
+    xsrfCookieName: '',
+    xsrfHeaderName: '',
+    withCredentials: true,
+    url: param ? `${url}?${param}` : url,
+  });
+  return response && response.data ? response.data : null;
+}
+
+export async function POST_DEFAULT(url, params, method, options) {
+  let data = params;
+  // if (params) params = qs.stringify(params, { arrayFormat: 'indices' });
+  // if (typeof params === 'string') {
+  //   data = params;
+  // } else {
+  //   data = { ...params };
+  // }
+
+  let response = await axios({
+    method: method || 'POST',
+    url: url,
+    data,
+    ...options,
+    // headers: { 'content-type': 'application/x-www-form-urlencoded' },
+  });
+  return response && response.data ? response.data : null;
+}
+
+export async function POST_DEFAULT_CROSS(url, params) {
+  let data = {};
+  // if (params) params = qs.stringify(params, { arrayFormat: 'indices' });
+
+  if (typeof params === 'string') {
+    data = params;
+  } else {
+    data = { ...params };
+  }
+  let response = await axios({
+    method: 'POST',
+    url: url,
+    xsrfCookieName: '',
+    xsrfHeaderName: '',
+    withCredentials: true,
+    data,
+  });
+
+  return response && response.data ? response.data : null;
+}

package/templates/template_oa/public/src/services/user.js

@@ -0,0 +1,26 @@
+import {GET_DEFAULT,PUT_DEFAULT,POST_DEFAULT,API_ROOT} from './index.js';
+
+
+
+export function GET_USER(){
+  return GET_DEFAULT(`${HOST}/user`);
+}
+
+export function SET_USER(params={
+  name:'',
+  age:''
+}){
+  return POST_DEFAULT(`${HOST}/user`,params)
+}
+
+
+export function GET_USER_LIST(params={
+  current:1,
+  pageSize:20
+}){
+  return GET_DEFAULT(`${API_ROOT}/userList`,params)
+}
+
+export function GET_USER_TYPE(){
+  return GET_DEFAULT(`${API_ROOT}/userType`)
+}

package/templates/template_oa/public/src/services/video.js

@@ -0,0 +1,33 @@
+
+
+export function GET_LIST(params={
+  current:1,
+  pageSize:10,
+  keywords:''
+}){
+  const {current,pageSize,keywords='-'}=params;
+  let list=[];
+  for(let i=0;i<200;i++){
+    list.push({
+      id:i,
+      value:`item-${i}-${keywords}`,
+    })
+  }
+  let total=200;
+  let startIdx = (current-1)*pageSize;
+  let data = list.splice(startIdx,pageSize);
+  let req= {
+    code:0,
+    data,
+    page:{
+      current,
+      pageSize,
+      total
+    }
+  };
+  return new Promise(resolve=>{
+    setTimeout(()=>{
+      resolve(req)
+    },500)
+  })
+}