kn-cli 1.0.93 → 1.0.95

package/templates/template_admin/public/src/pages/demo/page1.jsx

@@ -0,0 +1,161 @@
+import React, { useEffect, useState, useRef } from 'react';
+// @ts-ignore
+import {Input,Button,Form,Badge,Space,Popconfirm} from 'antd';
+// @ts-ignore
+import { useNavigate } from 'react-router-dom';
+// @ts-ignore
+import moment from 'moment';
+
+import Table from '@/components/table';
+import Link from '@/components/link';
+import {usePaginationWithForm} from '@/hooks';
+import {GET_LIST,FormatTableService} from '@/services/demo';
+import {formatText,formatPhone} from '@/utils/format';
+import {useHealthy} from '@/dictionary';
+
+import ShowEdit from './edit';
+
+// @ts-ignore
+import styles from './index.less';
+
+const Page = (props) => {
+  const {label=''}= props;
+  const [form] = Form.useForm();
+  const emHealthy = useHealthy();
+  const navigate = useNavigate();
+
+  const page = usePaginationWithForm({
+    service:GET_LIST,
+    pagination:{pageSize:10},
+    form,
+    afterService: [FormatTableService],
+  })
+
+  const columns=[
+    {
+      dataIndex:'id',
+      title:'id',
+      width:30,
+      render:(text)=>formatText(text)
+    },
+    {
+      dataIndex:'query',
+      title:'查询内容',
+      width:90,
+      render:(text)=>formatText(text)
+    },
+    {
+      dataIndex:'name',
+      title:'名称',
+      width:90,
+      render:(text)=>formatText(text)
+    },
+    {
+      dataIndex:'date',
+      title:'时间',
+      width:90,
+      render:(date)=>date?moment(date).format('YYYY-MM-DD'):'-'
+    },
+    {
+      title: '手机号码',
+      dataIndex: 'phone',
+      width:100,
+      align:'center',
+      render:(phone)=>formatPhone(phone)
+    },
+    {
+      title: '状态',
+      dataIndex: 'select',
+      width:90,
+      align:'center',
+      render:(state,record,idx)=>{
+        state=['normal','abnormal','disabled'][idx%3];
+        const colors={
+          normal:'green',
+          abnormal:'#FAAD14',
+          disabled:'red'
+        }
+        return  <Badge
+            color={colors[state]}
+            text={emHealthy.getLabel(state)}
+          />
+      }
+    },
+    {
+      title: '操作',
+      key: 'option',
+      width:80,
+      fixed:'right',
+      align:'center',
+      render: (_, record) => (
+        <Space>
+          <Link  onClick={onDetail.bind(this,record)}>详情</Link>
+          <Link  onClick={onEdit.bind(this,record)}>编辑</Link>
+          <Popconfirm
+            title={`确定要${'禁用'}此用户吗？`}
+            onConfirm={onDel.bind(this,record)}
+          >
+            <Link>删除</Link>
+          </Popconfirm>
+        </Space>
+      ),
+    },
+  ];
+
+  const onEdit= async (record)=>{
+    const req= await ShowEdit({id:record.id});
+    if(req){
+      onSearch();
+    }
+  }
+  const onDetail= async (record)=>{
+    
+    navigate(`detail/${record.id}`)
+  }
+  const onDel=()=>{}
+
+  // 搜索
+  const onSearch = () => {
+    page.update({ pagination: { current: 1 }, clear: true });
+  };
+  // 重置
+  const onReset = () => {
+    page.reset();
+  };
+  const onPageChange = (current, pageSize) => {
+    page.update({ pagination: { current, pageSize }, clear: true });
+  };
+
+  useEffect(() => {
+    onSearch();
+  }, []);
+
+  return (
+    <section className={styles.contentWrap}>
+      <p>页面名称:{label}</p>
+      <Form form={form} layout="inline">
+        <Form.Item label="关键字" name={'key1'}>
+          <Input placeholder="请输入用户组/描述" allowClear />
+        </Form.Item>
+        <Form.Item label="用户" name={'key2'}>
+          <Input placeholder="请输入用户全名" allowClear />
+        </Form.Item>
+        <Space>
+          <Button onClick={onSearch} type="primary">
+            搜索
+          </Button>
+          <Button onClick={onReset}>重置</Button>
+        </Space>
+      </Form>
+      <Table
+        columns={columns}
+        pagination={{
+          onChange: onPageChange,
+        }}
+        page={page}
+      />
+    </section>
+  )
+}
+
+export default Page;

package/templates/template_admin/public/src/pages/login/index.jsx

@@ -1,8 +1,9 @@
 import React, { useEffect, useState, useRef } from 'react';
-import { useParams, useSearchParams,useNavigate } from 'react-router-dom';
+// @ts-ignore
+import { useSearchParams } from 'react-router-dom';
 import ProviderApp from '@/provider/app';
 
-
+// @ts-ignore
 import styles from './index.less';
 
 const Page = () => {
@@ -15,11 +16,11 @@ const Page = () => {
       return;
     }
   }
-  useEffect(kssoLogin,[])
+  useEffect(()=>{kssoLogin()},[])
 
   return (
     <section className={styles.body}>
-      登录跳转中...
+      ksso登录跳转中...
     </section>
   )
 }

package/templates/template_admin/public/src/pages/superAdminLogin/index.jsx

@@ -1,10 +1,16 @@
 import React, { useState, useRef } from 'react';
-import ProviderApp from '@/provider/app';
-
+// @ts-ignore
 import {Input,Button} from 'antd';
 
+import ProviderApp from '@/provider/app';
+
+// @ts-ignore
 import styles from './index.less';
 
+/**
+ * 本地模拟账号密码登录的页面
+ * @returns 
+ */
 const Page = () => {
   const providerApp = ProviderApp.useContainer();
   const [username,setUsername]=useState('');
@@ -28,6 +34,7 @@ const Page = () => {
     const {key:code}= e;
     if(code.toLocaleLowerCase()=='enter'){
       if(type=='id'){
+        // @ts-ignore
         refPassword.current.focus();
       }else{
         onAccountLogin();

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

@@ -1,5 +1,5 @@
 // @ts-ignore
-import {  useState,useMemo } from 'react';
+import {  useState,useMemo, useEffect } from 'react';
 // @ts-ignore
 import {  useSearchParams,useNavigate } from 'react-router-dom';
 // @ts-ignore
@@ -7,7 +7,7 @@ import { createContainer } from "unstated-next";
 // @ts-ignore
 import {useDelay} from '@/hooks/index';
 import {setJwt,setLogout} from '@/services';
-import {KSSO_LOGIN,LOGIN,LOGOUT} from '@/services/auth';
+import {GET_USER_INFO,Login,KssoLogin} from '@/services/demo';
 import {jumpUrl} from '@/utils';
 
 
@@ -23,7 +23,7 @@ import {jumpUrl} from '@/utils';
  * @property {(user:object)=>void} setUser - 注销病退回登录界面
  * @property {object} user - 注销病退回登录界面
  * @property {()=>Promise<boolean>} kssoLogin - 触发ksso登录
- * 
+ * @property {()=>Promise} updateUserInfo - 更新用户信息
  */
 
 
@@ -67,7 +67,7 @@ const useApp=() =>{
     if(code){
       var redirectUri = location.protocol + '//' + location.host + '/#/login';
       //ksso auth登录
-      const req = await KSSO_LOGIN({code,redirectUri})
+      const req = await KssoLogin({code,redirectUri})
       if(req?.code==0){
         const userData = req?.data;
         setUser(userData);
@@ -89,13 +89,12 @@ const useApp=() =>{
     return true;
   }
   const login=async (username,password)=>{
-    const req = await LOGIN({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});
@@ -107,8 +106,16 @@ const useApp=() =>{
     }
     return true;
   }
+  const updateUserInfo= async ()=>{
+    const req= await GET_USER_INFO();
+    if(req?.code==0){
+      const userData = req.data;
+      setUser(userData);
+      localStorage.setItem('user',JSON.stringify(userData));
+    }
+  }
+
   const logout=async ()=>{
-    LOGOUT();
     setUser(null);
     setJwt('');
     localStorage.removeItem('user');
@@ -116,7 +123,9 @@ const useApp=() =>{
   }
   setLogout(logout);
 
-
+  useEffect(()=>{
+    console.warn('[user]',user)
+  },[user])
 
   const setNav=(config)=>{
     setNavConfig({...nav,...config});
@@ -132,9 +141,10 @@ const useApp=() =>{
       logout,
       setUser,
       user,
-      kssoLogin
+      kssoLogin,
+      updateUserInfo
     }
-  },[loading,nav,setNav,user,setUser,isLogin,kssoLogin,login]);
+  },[loading,nav,setNav,user,setUser,isLogin,kssoLogin,login,updateUserInfo]);
 
   return action
 }

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

@@ -13,202 +13,85 @@ import { AppstoreOutlined, MailOutlined } from '@ant-design/icons';
 
 const MenuRoute=[
   {
-    name:'常用管理',
+    name:'普通管理',
     url:'/',
     children:[
       {
         name:'内容管理',
         icon:<AppstoreOutlined />,
-        url:'/content',
+        url:'/demo',
         children:[
-          {name:'剧集管理',url:'/content/video'},
-          {name:'素材管理',url:'/content/material'},
+          {
+            name:'内容管理1',
+            url:'/demo/page1',
+            children:[
+              {hideMenu:true,name:'内容管理1详情',routeTemplate:'/demo/page1/detail/:id'},
+            ]
+          },
+          {
+            name:'内容管理2',
+            url:'/demo/page2',
+            msgCount:5,
+            children:[
+              {hideMenu:true,name:'内容管理2详情',routeTemplate:'/demo/page2/detail/:id'},
+            ]
+          },
         ]
-
       },
       {
         name:'数据管理',
-        icon:<MailOutlined />,
-        url:'/data',
-        children:[
-          {primaryId:'orderData',name:'订单数据',msgCount:3,url:'/data/order'},
-          {name:'用户数据',url:'/data/userData'},
-        ]
-      },
-      {
-        name:'用户管理',
-        url:'/user',
-        children:[
-          {name:'账户管理',url:'/user/user'},
-          {name:'客诉管理',url:'/user/suggest'},
-        ]
-      },
-    ]
-  },
-  {
-    name:'权限管理',
-    url:'/auth',
-    children:[
-      {
-        name:'权限设置',
         icon:<AppstoreOutlined />,
-        url:'/auth/config',
+        url:'/demo/data',
         children:[
-          {name:'角色配置',url:'/auth/config/permission'},
+          {
+            name:'数据管理1',
+            url:'/demo/data/page1',
+            children:[
+              {hideMenu:true,name:'数据管理1详情',routeTemplate:'/demo/data/page1/detail/:id'},
+            ]
+          },
+          {
+            name:'数据管理2',
+            url:'/demo/data/page2',
+            msgCount:5,
+            children:[
+              {hideMenu:true,name:'数据管理1详情',routeTemplate:'/demo/data/page2/detail/:id'},
+            ]
+          },
         ]
       },
-    ]
-  }
-]
-
-const MenuRoute2=[
-  {
-    name:'数据管理',
-    icon:'AppstoreOutlined',
-    url:'/order',
-    auth:['super'],
-    children:[
-      {
-        name:'数据管理',
-        // icon:'AppstoreOutlined',
-        url:'/order',
-        // children:[
-        //   {name:'剧集管理',url:'/video'},
-        //   {name:'素材管理',url:'/material'},
-        // ]
-
-      },
-    ]
-  },
-  {
-    name:'手机管理',
-    url:'/device',
-    icon:'AppstoreOutlined',
-    children:[]
-  },
-  {
-    name:'服务设置',
-    url:'/service',
-    icon:'AppstoreOutlined',
-    children:[
-      {
-        name:'账号管理',
-        url:'/service/account'
-      },
-      // {
-      //   name:'账号健康设置',
-      //   url:'/service/accountHealth'
-      // },
-      // {
-      //   name:'排班管理',
-      //   url:'/service/workforce'
-      // },
-      // {
-      //   name:'表单设置',
-      //   url:'/service/workforce'
-      // },
-
-    ]
-
-  },
-  {
-    name:'内容管理',
-    url:'/video',
-    icon:'AppstoreOutlined',
-    children:[
-      {
-        name:'内容管理',
-        url:'/video',
-        // children:[
-        //   {name:'剧集管理',url:'/video'},
-        //   {name:'素材管理',url:'/material'},
-        // ]
-
-      },
-      // {
-      //   name:'数据管理',
-      //   icon:'AppstoreOutlined',
-      //   children:[
-      //     {name:'订单数据',url:'/order'},
-      //     {name:'用户数据',url:'/userData'},
-      //   ]
-      // },
-      // {
-      //   name:'用户管理',
-      //   icon:'UserOutlined',
-      //   url:'/user'
-      // },
-      // {
-      //   name:'客诉管理',
-      //   icon:'CustomerServiceOutlined',
-      //   url:'/suggest'
-      // },
-      // {
-      //   name:'权限配置',
-      //   icon:'CrownOutlined',
-      //   url:'/permission'
-      // },
-    ]
-  },
-  {
-    name: '权限设置',
-    url: '/authUser',
-    icon: 'AppstoreOutlined',
-    children: [
-      {
-        name: '用户管理',
-        url: '/authUser',
-      },
-      {
-        name: '角色管理',
-        url: '/authRole',
-      },
-      {
-        name: '用户组',
-        url: '/authUserGroup',
-      },
+      
     ]
   },
   {
-    name:'消息中心',
-    url:'/message',
-    icon:'AppstoreOutlined',
+    name:'高级管理',
+    url:'/demo/admin',
+    auth:['admin'],
     children:[
       {
-        primaryId:'myMessage',
-        name:'我的消息',
-        // msgCount:MSG_COUNT++,
-        url:'/message/my',
-      },
-      {
-        name:'消息设置',
-        url:'/message/config',
+        name:'高级管理',
+        icon:<AppstoreOutlined />,
+        url:'/demo/admin',
         children:[
           {
-            name:'消息查询-2',
-            url:'/message/config/2',
-          },
-          {
-            name:'消息查询-3',
-            url:'/message/config/3',
+            name:'权限管理1',
+            url:'/demo/admin/page1',
+            children:[
+              {hideMenu:true,name:'权限管理1-详情',routeTemplate:'/demo/admin/page1/detail/:id'},
+            ]
           },
-        ]
-      },
-      {
-        name:'消息查询',
-        url:'/message/query',
-        children:[
           {
-            name:'消息查询-设置',
-            hideMenu:true,
-            routeTemplate:'/message/query/:type',
+            name:'权限管理2',
+            url:'/demo/admin/page2',
+            msgCount:5,
+            children:[
+              {hideMenu:true,name:'权限管理2-详情',routeTemplate:'/demo/admin/page2/detail/:id'},
+            ]
           },
         ]
       },
-
     ]
-
-  },
+  }
 ]
 
 
@@ -218,6 +101,7 @@ const useProvider=() =>{
 
   const curLocation =useLocation();
 
+  const [userAuth,setUserAuth]= useState([]);
   const [topMenu,setTopMenu]=useState([]);
   const [leftMenu,setLeftMenu]=useState([]);
 
@@ -227,11 +111,11 @@ const useProvider=() =>{
   const reload = async ()=>{
     routeMenu.setSourceMap([...MenuRoute]);
   }
-  const getTopMenu=(userAuth=[])=>{
+  const getTopMenu=()=>{
     const list = routeMenu.getMenu(routeMenu.source,userAuth);
     setTopMenu(list||[]);
   }
-  const getLeftMenu=(userAuth=[])=>{
+  const getLeftMenu=()=>{
     const list = routeMenu.getMenu(routeMenu.source,userAuth);
     let menus= routeMenu.getOpenMenus(curLocation.pathname);
 
@@ -254,6 +138,7 @@ const useProvider=() =>{
     routeMenu.setMenuConfig(params);
   }
 
+
   useEffect(()=>{
     let menus= routeMenu.getOpenMenus(curLocation.pathname);
     let keys=menus.map(item=>item.key);
@@ -263,11 +148,11 @@ const useProvider=() =>{
   useEffect(()=>{
     getTopMenu();
     getLeftMenu();
-  },[routeMenu.source,curLocation])
+  },[routeMenu.source,curLocation,userAuth])
 
 
 
-  return {leftMenu,topMenu,reload,selectMenus,findMenuData,setMenuConfig}
+  return {leftMenu,topMenu,reload,selectMenus,findMenuData,setMenuConfig,setUserAuth}
 }
 const App = createContainer(useProvider);
 

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

@@ -25,15 +25,8 @@ const delayLoader=(loader)=>{
 }
 
 
-
-const Video = React.lazy(()=>import('@/pages/video'));
-const Suggest = React.lazy(()=>import('@/pages/suggest'));
-const Order = React.lazy(()=>import('@/pages/order'));
-const Permission = React.lazy(()=>import('@/pages/permission'));
-const Material = React.lazy(()=>import('@/pages/material'));
-
-const User = React.lazy(()=>import('@/pages/user'));
-const UserData = React.lazy(()=>import('@/pages/userData'));
+const Page1 = React.lazy(()=>import('@/pages/demo/page1'));
+const Page1Detail = React.lazy(()=>import('@/pages/demo/detail'));
 
 import SuperAdminLogin from '@/pages/superAdminLogin';
 
@@ -54,22 +47,23 @@ export const RouteList = (
           </ProviderMenu.Provider>
         }
       >
-        <Route path='/' element={<Navigate to="/content/video"></Navigate> } />
-        <Route path='/content/video' element={<Video />} />
-        <Route path='/content/material' element={<Material />} />
-
-
-        <Route path='/data' element={<Navigate to="/data/order"></Navigate> } />
-        <Route path='/data/order' element={<Order />} />
-        <Route path='/data/userData' element={<UserData />} />
-
-        <Route path='/user' element={<Navigate to="/user/user"></Navigate> } />
-        <Route path='/user/user' element={<User />} />
-        <Route path='/user/suggest' element={<Suggest />} />
-
-        <Route path='/auth' element={<Navigate to="/auth/config/permission"></Navigate> } />
-        <Route path='/auth/config/permission' element={<Permission />} />
-
+        <Route path='/' element={<Navigate to="/demo/page1"></Navigate> } />
+        <Route path='/demo/page1' element={<Page1 label='内容管理1' />} />
+        <Route path='/demo/page2' element={<Page1 label='内容管理2' />} />
+        <Route path='/demo/page1/detail/:id' element={<Page1Detail />} />
+        <Route path='/demo/page2/detail/:id' element={<Page1Detail />} />
+
+
+        <Route path='/demo/data/page1' element={<Page1 label='数据管理1' />} />
+        <Route path='/demo/data/page2' element={<Page1 label='数据管理2' />} />
+        <Route path='/demo/data/page1/detail/:id' element={<Page1Detail />} />
+        <Route path='/demo/data/page2/detail/:id' element={<Page1Detail />} />
+
+        <Route path='/demo/admin' element={<Navigate to="/demo/admin/page1"></Navigate> } />
+        <Route path='/demo/admin/page1' element={<Page1 label='权限管理1' />} />
+        <Route path='/demo/admin/page2' element={<Page1 label='权限管理2' />} />
+        <Route path='/demo/admin/page1/detail/:id' element={<Page1Detail />} />
+        <Route path='/demo/admin/page2/detail/:id' element={<Page1Detail />} />
 
 
       </Route>