init
This commit is contained in:
commit
27883febe1
|
|
@ -0,0 +1,16 @@
|
|||
# http://editorconfig.org
|
||||
root = true
|
||||
|
||||
[*]
|
||||
indent_style = space
|
||||
indent_size = 2
|
||||
end_of_line = lf
|
||||
charset = utf-8
|
||||
trim_trailing_whitespace = true
|
||||
insert_final_newline = true
|
||||
|
||||
[*.md]
|
||||
trim_trailing_whitespace = false
|
||||
|
||||
[Makefile]
|
||||
indent_style = tab
|
||||
|
|
@ -0,0 +1,20 @@
|
|||
# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
|
||||
|
||||
# dependencies
|
||||
/node_modules
|
||||
/npm-debug.log*
|
||||
/yarn-error.log
|
||||
/yarn.lock
|
||||
/package-lock.json
|
||||
|
||||
# production
|
||||
/dist
|
||||
|
||||
# misc
|
||||
.DS_Store
|
||||
|
||||
# umi
|
||||
/src/.umi
|
||||
/src/.umi-production
|
||||
/src/.umi-test
|
||||
/.env.local
|
||||
|
|
@ -0,0 +1,8 @@
|
|||
**/*.md
|
||||
**/*.svg
|
||||
**/*.ejs
|
||||
**/*.html
|
||||
package.json
|
||||
.umi
|
||||
.umi-production
|
||||
.umi-test
|
||||
|
|
@ -0,0 +1,11 @@
|
|||
{
|
||||
"singleQuote": true,
|
||||
"trailingComma": "all",
|
||||
"printWidth": 80,
|
||||
"overrides": [
|
||||
{
|
||||
"files": ".prettierrc",
|
||||
"options": { "parser": "json" }
|
||||
}
|
||||
]
|
||||
}
|
||||
|
|
@ -0,0 +1,23 @@
|
|||
import { defineConfig } from 'umi';
|
||||
|
||||
export default defineConfig({
|
||||
nodeModulesTransform: {
|
||||
type: 'all',
|
||||
},
|
||||
hash: true,
|
||||
title:"forge",
|
||||
routes: [
|
||||
{
|
||||
path: '/',
|
||||
component: '@/layouts/index' ,
|
||||
routes:[
|
||||
{ path:"/",exact:true,component:"@/pages/users/index" },
|
||||
{ path:'/projects',exact:true,component:"@/pages/index" }
|
||||
]
|
||||
},
|
||||
],
|
||||
locale:{
|
||||
default:"zh-CN",
|
||||
antd:true
|
||||
}
|
||||
});
|
||||
|
|
@ -0,0 +1,15 @@
|
|||
# umi project
|
||||
|
||||
## Getting Started
|
||||
|
||||
Install dependencies,
|
||||
|
||||
```bash
|
||||
$ yarn
|
||||
```
|
||||
|
||||
Start the dev server,
|
||||
|
||||
```bash
|
||||
$ yarn start
|
||||
```
|
||||
|
|
@ -0,0 +1,39 @@
|
|||
{
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"local": "cross-env API_ENV=local umi dev",
|
||||
"start": "cross-env API_ENV=dev umi dev",
|
||||
"build": "cross-env API_ENV=build umi build",
|
||||
"postinstall": "umi generate tmp",
|
||||
"prettier": "prettier --write '**/*.{js,jsx,tsx,ts,less,md,json}'",
|
||||
"test": "umi-test",
|
||||
"test:coverage": "umi-test --coverage"
|
||||
},
|
||||
"gitHooks": {
|
||||
"pre-commit": "lint-staged"
|
||||
},
|
||||
"lint-staged": {
|
||||
"*.{js,jsx,less,md,json}": [
|
||||
"prettier --write"
|
||||
],
|
||||
"*.ts?(x)": [
|
||||
"prettier --parser=typescript --write"
|
||||
]
|
||||
},
|
||||
"dependencies": {
|
||||
"@ant-design/pro-layout": "^5.0.12",
|
||||
"@umijs/preset-react": "1.x",
|
||||
"@umijs/test": "^3.2.16",
|
||||
"lint-staged": "^10.0.7",
|
||||
"prettier": "^1.19.1",
|
||||
"react": "^16.12.0",
|
||||
"react-dom": "^16.12.0",
|
||||
"react-slick": "^0.28.1",
|
||||
"umi": "^3.2.16",
|
||||
"yorkie": "^2.0.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@types/react-slick": "^0.23.4",
|
||||
"cross-env": "^7.0.3"
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,2 @@
|
|||
@import './styles/iconfont/iconfont.css';
|
||||
@import './styles/base.less';
|
||||
|
|
@ -0,0 +1,12 @@
|
|||
import { message } from 'antd';
|
||||
import moment from 'moment';
|
||||
moment.locale('ZH-cn');
|
||||
import './app.less';
|
||||
|
||||
export const dva = {
|
||||
config: {
|
||||
onError(e: Error) {
|
||||
message.error(e.message, 3)
|
||||
},
|
||||
},
|
||||
}
|
||||
|
|
@ -0,0 +1,46 @@
|
|||
|
||||
.newFooter{
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
background: #323232;
|
||||
clear: both;
|
||||
min-width: 1200px;
|
||||
z-index: 8;
|
||||
left: 0;
|
||||
div[class~='footerInfos']{
|
||||
display: flex;
|
||||
max-width: 1200px;
|
||||
margin: 0 auto;
|
||||
justify-content: space-around;
|
||||
padding: 60px 0;
|
||||
ul {
|
||||
padding: 0 40px;
|
||||
box-sizing: border-box;
|
||||
max-width: 25%;
|
||||
text-align: left;
|
||||
li:first-child {
|
||||
font-size: 17px;
|
||||
}
|
||||
li {
|
||||
color: #fff;
|
||||
font-weight: 300;
|
||||
list-style: none;
|
||||
line-height: 28px;
|
||||
a,span {
|
||||
color: #bbb;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
p[class~='footerCopy']{
|
||||
color: #bbb;
|
||||
border-top: 1px solid #4e4e4e;
|
||||
padding: 10px 0;
|
||||
text-align: center;
|
||||
margin-bottom: 0px;
|
||||
a {
|
||||
color: #bbb;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,31 @@
|
|||
import React , {FC} from 'react';
|
||||
import styles from './index.less';
|
||||
import {
|
||||
ConnectProps ,
|
||||
Dispatch ,
|
||||
connect,
|
||||
GlobalSettingModelState,
|
||||
Loading
|
||||
} from 'umi';
|
||||
|
||||
interface FooterProps extends Partial<ConnectProps>{
|
||||
loading:Loading,
|
||||
globalSetting:GlobalSettingModelState,
|
||||
dispatch:Dispatch
|
||||
}
|
||||
|
||||
const FootCompontent:FC<FooterProps> = ({
|
||||
globalSetting,
|
||||
loading,
|
||||
dispatch
|
||||
}) =>{
|
||||
return(
|
||||
<div className={styles.newFooter} dangerouslySetInnerHTML={{ __html:globalSetting.setting?.footer}}></div>
|
||||
)
|
||||
}
|
||||
export default connect(
|
||||
({globalSetting, loading}:{globalSetting:GlobalSettingModelState,loading:Loading})=>({
|
||||
globalSetting
|
||||
})
|
||||
)(FootCompontent);
|
||||
|
||||
|
|
@ -0,0 +1,73 @@
|
|||
import React , {FC, useEffect} from 'react';
|
||||
import {
|
||||
history
|
||||
} from 'umi';
|
||||
import { Form , Modal , Input , Radio , Button , notification } from 'antd';
|
||||
import { applyProject } from '@/service/common';
|
||||
import styles from './index.less';
|
||||
|
||||
interface PageProps{
|
||||
visible:boolean,
|
||||
onCancel:()=>void
|
||||
}
|
||||
|
||||
const JoinProjectModel: FC<PageProps>=({
|
||||
visible,
|
||||
onCancel
|
||||
})=>{
|
||||
const [ form ] = Form.useForm();
|
||||
|
||||
const finishFunc=async (values:any)=>{
|
||||
const res = await applyProject(values);
|
||||
if(res.status){
|
||||
notification.open({message:"提示",description:res.message});
|
||||
}
|
||||
}
|
||||
|
||||
function clearBox(){
|
||||
form.setFieldsValue({});
|
||||
onCancel();
|
||||
}
|
||||
|
||||
return(
|
||||
<Modal
|
||||
title="加入项目"
|
||||
width="480px"
|
||||
visible={visible}
|
||||
centered={true}
|
||||
footer={null}
|
||||
className={styles.joinProjectModal}
|
||||
>
|
||||
<Form
|
||||
labelCol={{span:6}}
|
||||
wrapperCol={{ span : 18}}
|
||||
onFinish={finishFunc}
|
||||
>
|
||||
<Form.Item
|
||||
label="项目邀请码"
|
||||
name="code"
|
||||
rules={[{required:true,message:"请输入项目邀请码"}]}
|
||||
>
|
||||
<Input placeholder="请输入项目邀请码" autoComplete="off" maxLength={6}/>
|
||||
</Form.Item>
|
||||
<Form.Item
|
||||
label="选择角色"
|
||||
name="role"
|
||||
rules={[{required:true,message:"请选择角色"}]}
|
||||
initialValue={"developer"}
|
||||
>
|
||||
<Radio.Group>
|
||||
<Radio value={"manager"}>管理员</Radio>
|
||||
<Radio value={"developer"}>开发者</Radio>
|
||||
<Radio value={"reporter"}>报告者</Radio>
|
||||
</Radio.Group>
|
||||
</Form.Item>
|
||||
<div className={styles.modelBtn}>
|
||||
<Button size={"middle"} className="mr20" onClick={clearBox}>取消</Button>
|
||||
<Button htmlType="submit" type={"primary"} size={"middle"}>保存</Button>
|
||||
</div>
|
||||
</Form>
|
||||
</Modal>
|
||||
)
|
||||
}
|
||||
export default JoinProjectModel;
|
||||
|
|
@ -0,0 +1,34 @@
|
|||
.joinMenu{
|
||||
background-color: #fff;
|
||||
box-shadow: 0px 0px 10px #e6e6e6;
|
||||
padding:5px 0px;
|
||||
border-radius: 2px;
|
||||
div[class~='ant-row']{
|
||||
min-width: 120px;
|
||||
height: 32px;
|
||||
line-height: 32px;
|
||||
width: 100%;
|
||||
&:hover{
|
||||
a{color: #4cacff;}
|
||||
}
|
||||
a{
|
||||
color: #333;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
.joinProjectModal{
|
||||
div[class~='ant-modal-body']{
|
||||
padding:0px;
|
||||
padding-top: 20px;
|
||||
}
|
||||
div[class~="ant-row"]{
|
||||
padding:0px 20px;
|
||||
}
|
||||
}
|
||||
.modelBtn{
|
||||
text-align: right;
|
||||
border-top: 1px solid #eee;
|
||||
padding:15px 20px;
|
||||
}
|
||||
|
|
@ -0,0 +1,66 @@
|
|||
import React , { FC, useState } from 'react';
|
||||
import { Dropdown , Col , Row } from 'antd';
|
||||
import {
|
||||
Link
|
||||
}from 'umi';
|
||||
import styles from './index.less';
|
||||
|
||||
import {
|
||||
connect,
|
||||
Dispatch,
|
||||
UserModelState,
|
||||
GlobalSettingModelState,
|
||||
Loading,
|
||||
history,
|
||||
ConnectProps
|
||||
} from 'umi';
|
||||
import JoinProjectModel from './JoinProjectModel';
|
||||
|
||||
interface PageProps extends Partial<ConnectProps>{
|
||||
user:UserModelState,
|
||||
globalSetting:GlobalSettingModelState,
|
||||
loading:boolean,
|
||||
dispatch:Dispatch
|
||||
}
|
||||
|
||||
const Join: FC<PageProps>=({
|
||||
user,
|
||||
globalSetting,
|
||||
loading,
|
||||
dispatch
|
||||
})=>{
|
||||
const [ joinProjectVisible , setJoinProjectVisible ] = useState(false);
|
||||
|
||||
|
||||
const RenderJoin =
|
||||
<Col>
|
||||
<Row><Link to={``}>新建镜像项目</Link></Row>
|
||||
<Row><Link to={``}>新建托管项目</Link></Row>
|
||||
<Row><Link to={``}>新建组织</Link></Row>
|
||||
<Row><a onClick={()=>setJoinProjectVisible(true)}>加入项目</a></Row>
|
||||
</Col>
|
||||
|
||||
return(
|
||||
<section>
|
||||
<Dropdown overlay={<div className={styles.joinMenu}>{RenderJoin}</div>} placement={"bottomRight"}>
|
||||
<i className="iconfont icon-tianjiafangda font18 c-g-6 pr15 pl15"></i>
|
||||
</Dropdown>
|
||||
<JoinProjectModel visible={joinProjectVisible} onCancel={()=>setJoinProjectVisible(false)}/>
|
||||
</section>
|
||||
)
|
||||
}
|
||||
export default connect(
|
||||
({
|
||||
user,
|
||||
globalSetting,
|
||||
loading
|
||||
}:{
|
||||
user:UserModelState,
|
||||
globalSetting:GlobalSettingModelState,
|
||||
loading:Loading
|
||||
})=>({
|
||||
user,
|
||||
globalSetting,
|
||||
loading:loading.models.index
|
||||
})
|
||||
)(Join)
|
||||
|
|
@ -0,0 +1,20 @@
|
|||
.unlogin{
|
||||
a{
|
||||
padding:0px 10px;
|
||||
position: relative;
|
||||
color: #333;
|
||||
&:first-child::after{
|
||||
position: absolute;
|
||||
content: "";
|
||||
height: 15px;
|
||||
margin-top: -7px;
|
||||
top: 50%;
|
||||
width: 1px;
|
||||
background-color: #999;
|
||||
right: 0px;
|
||||
}
|
||||
&:last-child{
|
||||
padding-right: 0px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,39 @@
|
|||
import React , { FC , useEffect , useState } from 'react';
|
||||
import styles from './index.less';
|
||||
import {
|
||||
connect,
|
||||
ConnectProps,
|
||||
UserModelState,
|
||||
Dispatch,
|
||||
} from 'umi';
|
||||
|
||||
interface PageProps extends Partial<ConnectProps> {
|
||||
user: UserModelState;
|
||||
dispatch: Dispatch;
|
||||
}
|
||||
|
||||
const User: FC<PageProps> = ({
|
||||
user
|
||||
})=>{
|
||||
return(
|
||||
<div>
|
||||
{
|
||||
user?.userInfo?.login ? "已登录":
|
||||
<span className={styles.unlogin}>
|
||||
<a>登录</a>
|
||||
<a>注册</a>
|
||||
</span>
|
||||
}
|
||||
</div>
|
||||
)
|
||||
}
|
||||
export default connect(
|
||||
({
|
||||
user,
|
||||
}: {
|
||||
user: UserModelState
|
||||
}) => ({
|
||||
user,
|
||||
}),
|
||||
)(User)
|
||||
|
||||
|
|
@ -0,0 +1,50 @@
|
|||
.header{
|
||||
width: 100%;
|
||||
position: fixed;
|
||||
height: 70px;
|
||||
line-height: 70px;
|
||||
background-color: #fff;
|
||||
box-shadow: 0px 0px 14px #e6e6e6;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.headbox{
|
||||
width: 1200px;
|
||||
margin:0px auto;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
section{
|
||||
display: flex;
|
||||
flex: 1;
|
||||
}
|
||||
a[class~='headlogo']{
|
||||
margin-bottom: 0px;
|
||||
img{
|
||||
width: 45px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.headUl{
|
||||
display: flex;
|
||||
margin-bottom: 0px;
|
||||
padding:0px;
|
||||
padding-left: 50px;
|
||||
li{
|
||||
list-style-type: none;
|
||||
a{
|
||||
display: block;
|
||||
padding-right:40px;
|
||||
color: #333;
|
||||
font-size: 16px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.operateBox{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
div[class~='flexAlignC']{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,111 @@
|
|||
import React ,{ FC , useEffect, useState } from 'react';
|
||||
import styles from './index.less';
|
||||
import {
|
||||
UserModelState ,
|
||||
ConnectProps ,
|
||||
Dispatch ,
|
||||
connect,
|
||||
GlobalSettingModelState,
|
||||
Link,
|
||||
useHistory
|
||||
} from 'umi';
|
||||
import { Layout , Input } from 'antd';
|
||||
import ENV from '@/utils/env';
|
||||
import Join from './components/Join';
|
||||
import User from './components/User';
|
||||
const { Search } = Input;
|
||||
|
||||
interface HeadProps extends Partial<ConnectProps>{
|
||||
user:UserModelState,
|
||||
globalSetting:GlobalSettingModelState,
|
||||
dispatch:Dispatch
|
||||
}
|
||||
|
||||
const HeadComponents:FC<HeadProps> = ({
|
||||
user,
|
||||
globalSetting,
|
||||
dispatch
|
||||
}) =>{
|
||||
const history = useHistory();
|
||||
const [ openSearch ,setOpenSearch ] = useState(false);
|
||||
|
||||
const SearchInput = () => {
|
||||
if (openSearch) {
|
||||
return (
|
||||
<div className={"flexAlignC"}
|
||||
onBlur={() => {
|
||||
setTimeout(() => {
|
||||
setOpenSearch(false)
|
||||
}, 300)
|
||||
}}
|
||||
>
|
||||
<Search placeholder="请输入搜索关键字"
|
||||
style={{width:"260px"}}
|
||||
onSearch={onGlobalSearch}
|
||||
autoFocus={true}
|
||||
/>
|
||||
</div>
|
||||
)
|
||||
} else {
|
||||
return (
|
||||
<span className="iconfont icon-sousuo font18 c-g-6 ml15 mr15" onClick={() => {
|
||||
setOpenSearch(true)
|
||||
}} />
|
||||
)
|
||||
}
|
||||
}
|
||||
function onGlobalSearch(value: string) {
|
||||
history.push('/search?value=' + value);
|
||||
}
|
||||
return(
|
||||
<Layout className={styles.header}>
|
||||
<div className={styles.headbox}>
|
||||
<section>
|
||||
{
|
||||
globalSetting?.setting?.tab_logo_url &&
|
||||
<Link to={''} className={"headlogo"}>
|
||||
<img src={`${ENV.IMG_SERVER}/${globalSetting?.setting?.tab_logo_url}`} />
|
||||
</Link>
|
||||
}
|
||||
<ul className={styles.headUl}>
|
||||
{
|
||||
globalSetting?.setting?.navbar.map(function(
|
||||
i:{hidden:boolean,link:string,name:string},
|
||||
k:number
|
||||
){
|
||||
if(!i.hidden){
|
||||
return(
|
||||
<li key={k}><a href={i.link}>{i.name}</a></li>
|
||||
)
|
||||
}
|
||||
})
|
||||
}
|
||||
</ul>
|
||||
</section>
|
||||
<div className={styles.operateBox}>
|
||||
<SearchInput />
|
||||
{
|
||||
user?.userInfo?.login && <Join />
|
||||
}
|
||||
{
|
||||
globalSetting?.setting?.common?.notice &&
|
||||
<i className="iconfont icon-xiaoxilingdang pl15 pr15 pointer"></i>
|
||||
}
|
||||
<User/>
|
||||
</div>
|
||||
</div>
|
||||
</Layout>
|
||||
)
|
||||
}
|
||||
export default connect(
|
||||
({
|
||||
user,
|
||||
globalSetting
|
||||
}:{
|
||||
user:UserModelState,
|
||||
globalSetting:GlobalSettingModelState
|
||||
})=>({
|
||||
user,
|
||||
globalSetting
|
||||
})
|
||||
)(HeadComponents)
|
||||
|
|
@ -0,0 +1,53 @@
|
|||
.listbox{
|
||||
display: flex;
|
||||
}
|
||||
.boxItem{
|
||||
width:208px;
|
||||
margin-right: 30px;
|
||||
outline: none;
|
||||
box-sizing: border-box;
|
||||
background-color: #fff;
|
||||
border-radius: 10px;
|
||||
cursor: pointer;
|
||||
border: 1px solid #eee;
|
||||
div[class~='mainInfo']{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
min-height: 160px;
|
||||
border-bottom: 1px solid #eee;
|
||||
padding: 20px;
|
||||
box-sizing: border-box;
|
||||
img{
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
border-radius: 50%;
|
||||
}
|
||||
span[class~="name"]{
|
||||
margin-top: 12px;
|
||||
color: #333;
|
||||
font-size: 16px;
|
||||
height: 22px;
|
||||
line-height: 22px;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
max-width: 100%;
|
||||
}
|
||||
span[class~="author"]{
|
||||
font-size: 13px;
|
||||
color: #666;
|
||||
height: 18px;
|
||||
line-height: 18px;
|
||||
margin-top: 12px;
|
||||
}
|
||||
}
|
||||
div[class~="baseInfo"]{
|
||||
padding: 18px 15px;
|
||||
display: flex;
|
||||
font-size: 12px;
|
||||
color: #888;
|
||||
justify-content: space-between;
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,60 @@
|
|||
import React , { FC , useEffect , useState } from 'react';
|
||||
import {
|
||||
connect,
|
||||
ProjectHomeState,
|
||||
Dispatch
|
||||
}
|
||||
from 'umi';
|
||||
import styles from './index.less';
|
||||
import ENV from '@/utils/env';
|
||||
|
||||
interface PageProps{
|
||||
projectHome:ProjectHomeState,
|
||||
dispatch:Dispatch
|
||||
}
|
||||
|
||||
const Recommand:FC<PageProps>=({
|
||||
projectHome,
|
||||
dispatch
|
||||
})=>{
|
||||
|
||||
useEffect(()=>{
|
||||
dispatch({
|
||||
type:"projectHome/getRecommandList",
|
||||
payload:{}
|
||||
})
|
||||
},[projectHome.name])
|
||||
|
||||
if(projectHome.recommandList && projectHome.recommandList.length> 0){
|
||||
return(
|
||||
<div className={styles.listbox}>
|
||||
{
|
||||
projectHome?.recommandList?.map(function(
|
||||
v:{name:string,identifier:string,visits:number,category:any,author:any},
|
||||
k:number
|
||||
){
|
||||
return(
|
||||
<div className={styles.boxItem} key={k}>
|
||||
<div className="mainInfo">
|
||||
<img src={`${ENV.IMG_SERVER}/${v.author?.image_url}`} alt=""/>
|
||||
<span className="name">{v.name}</span>
|
||||
<span className="author">{v.author?.name}</span>
|
||||
</div>
|
||||
<div className="baseInfo">
|
||||
<span>
|
||||
<i className="iconfont icon-dianjiliang font12 mr3"></i>{v.visits}
|
||||
</span>
|
||||
<span>{v.category?.name}</span>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
})
|
||||
}
|
||||
</div>
|
||||
)
|
||||
}else{
|
||||
return <></>
|
||||
}
|
||||
}
|
||||
export default connect(
|
||||
({projectHome}:{projectHome:ProjectHomeState})=>({projectHome}))(Recommand)
|
||||
|
|
@ -0,0 +1,36 @@
|
|||
import React , { FC } from 'react';
|
||||
import { Modal } from 'antd';
|
||||
import { connect, Dispatch , UserModelState , Loading } from 'umi';
|
||||
|
||||
|
||||
export interface LoginBoxProps{
|
||||
user:UserModelState
|
||||
loading:boolean
|
||||
dispatch:Dispatch
|
||||
}
|
||||
|
||||
const LoginBoxComponent: FC<LoginBoxProps> = ({
|
||||
user,
|
||||
loading,
|
||||
dispatch
|
||||
})=>{
|
||||
return (
|
||||
<Modal
|
||||
centered
|
||||
title="登录"
|
||||
>
|
||||
|
||||
</Modal>
|
||||
)
|
||||
}
|
||||
export default connect(
|
||||
({
|
||||
user,loading
|
||||
}:{
|
||||
user:UserModelState
|
||||
loading:Loading
|
||||
}) => ({
|
||||
user,
|
||||
loading:loading.models.index
|
||||
})
|
||||
)(LoginBoxComponent)
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 64 KiB |
|
|
@ -0,0 +1,10 @@
|
|||
div[id~='root']{
|
||||
height: 100%;
|
||||
}
|
||||
.layoutMain{
|
||||
position: relative;
|
||||
min-height: 100%;
|
||||
}
|
||||
.layoutMainbox{
|
||||
padding:70px 0px 485px;
|
||||
}
|
||||
|
|
@ -0,0 +1,67 @@
|
|||
import React , { FC , useEffect } from 'react';
|
||||
import { ConfigProvider } from 'antd';
|
||||
import zhCN from 'antd/es/locale/zh_CN';
|
||||
import { Loading ,
|
||||
connect ,
|
||||
GlobalSettingModelState ,
|
||||
Dispatch,
|
||||
UserModelState
|
||||
} from 'umi';
|
||||
import Header from '@/components/Header';
|
||||
import Footer from '@/components/Footer';
|
||||
import styles from './index.less';
|
||||
|
||||
interface PageProps{
|
||||
loading:Loading,
|
||||
globalSetting:GlobalSettingModelState,
|
||||
dispatch:Dispatch,
|
||||
location:any,
|
||||
user:UserModelState
|
||||
}
|
||||
const IndexLayout:FC<PageProps> = ({
|
||||
children,
|
||||
loading,
|
||||
globalSetting,
|
||||
user,
|
||||
dispatch,
|
||||
location,
|
||||
...props
|
||||
})=>{
|
||||
useEffect(()=>{
|
||||
dispatch({
|
||||
type:"globalSetting/getGlobalSetting",
|
||||
payload:{}
|
||||
})
|
||||
},[globalSetting.name])
|
||||
|
||||
useEffect(()=>{
|
||||
dispatch({
|
||||
type:"user/getUserInfo",
|
||||
payload:{}
|
||||
})
|
||||
},[user.name])
|
||||
|
||||
|
||||
return(
|
||||
<ConfigProvider locale={zhCN}>
|
||||
<div className={styles.layoutMain}>
|
||||
<Header />
|
||||
<div className={styles.layoutMainbox}>
|
||||
{children}
|
||||
</div>
|
||||
<Footer />
|
||||
</div>
|
||||
</ConfigProvider>
|
||||
)
|
||||
};
|
||||
|
||||
export default connect(
|
||||
(({globalSetting,loading,user}:{
|
||||
globalSetting:GlobalSettingModelState,
|
||||
loading:Loading,
|
||||
user:UserModelState
|
||||
})=>({
|
||||
globalSetting,loading,user
|
||||
})
|
||||
)
|
||||
)(IndexLayout);
|
||||
|
|
@ -0,0 +1,62 @@
|
|||
import { Effect , Reducer , Subscription } from 'umi';
|
||||
import { getSetting } from '@/service/global';
|
||||
import ENV from '@/utils/env';
|
||||
|
||||
export interface GlobalSettingModelState{
|
||||
name:string,
|
||||
loading:boolean,
|
||||
setting?:any,
|
||||
}
|
||||
|
||||
export interface GlobalSettingModelType{
|
||||
namespace:"globalSetting";
|
||||
state:GlobalSettingModelState;
|
||||
effects:{
|
||||
getGlobalSetting:Effect
|
||||
},
|
||||
reducers:{
|
||||
save:Reducer<GlobalSettingModelState>
|
||||
};
|
||||
subscriptions: { setup: Subscription };
|
||||
}
|
||||
|
||||
const GlobalSettingModel:GlobalSettingModelType={
|
||||
namespace:"globalSetting",
|
||||
state:{
|
||||
name:"全局配置",
|
||||
loading:true,
|
||||
},
|
||||
effects:{
|
||||
*getGlobalSetting({payload},{call,put}){
|
||||
const response = yield call(getSetting,payload);
|
||||
handleDynamicFavicon(response);
|
||||
yield put({
|
||||
type: 'save',
|
||||
payload: { ...response },
|
||||
});
|
||||
}
|
||||
},
|
||||
reducers:{
|
||||
save(state,action){
|
||||
return{
|
||||
...state,
|
||||
...action.payload
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
export default GlobalSettingModel;
|
||||
|
||||
const handleDynamicFavicon = (response: any = {}) => {
|
||||
response.setting?.tab_logo_url
|
||||
const link = document.createElement('link');
|
||||
const oldLink = document.getElementById('dynamic-favicon');
|
||||
link.id = 'dynamic-favicon';
|
||||
link.rel = 'shortcut icon';
|
||||
link.href = response.setting?.tab_logo_url ?
|
||||
`${ENV.IMG_SERVER}/${response.setting?.tab_logo_url}` :
|
||||
`${ENV.IMG_SERVER}/react/build/./favicon.ico`;
|
||||
|
||||
oldLink && document.head.removeChild(oldLink);
|
||||
document.head.appendChild(link);
|
||||
}
|
||||
|
|
@ -0,0 +1,59 @@
|
|||
import { Effect , Reducer , Subscription } from 'umi';
|
||||
import { getProjectList , getRecommand } from '@/service/projectHome';
|
||||
|
||||
export interface ProjectHomeState{
|
||||
name:string,
|
||||
projectList?:any,
|
||||
recommandList?:any
|
||||
}
|
||||
|
||||
export interface ProjectHomeType{
|
||||
namespace:"projectHome",
|
||||
state:ProjectHomeState,
|
||||
effects:{
|
||||
getProjectList:Effect,
|
||||
getRecommandList:Effect
|
||||
},
|
||||
reducers:{
|
||||
save:Reducer<ProjectHomeState>
|
||||
},
|
||||
subscriptions:{setup:Subscription}
|
||||
}
|
||||
|
||||
const ProjectHomeModel:ProjectHomeType = {
|
||||
namespace:"projectHome",
|
||||
state:{
|
||||
name:"项目列表",
|
||||
projectList:{}
|
||||
},
|
||||
effects:{
|
||||
*getProjectList({payload},{call,put}){
|
||||
const { ...params } = payload;
|
||||
const response = yield call(getProjectList,params);
|
||||
yield put({
|
||||
type: 'save',
|
||||
payload: { projectList: response },
|
||||
});
|
||||
},
|
||||
*getRecommandList({payload},{call,put}){
|
||||
const response = yield call(getRecommand,payload);
|
||||
yield put({
|
||||
type:"save",
|
||||
payload:{ recommandList : response}
|
||||
})
|
||||
}
|
||||
},
|
||||
reducers:{
|
||||
save(state, action) {
|
||||
return {
|
||||
...state,
|
||||
...action.payload,
|
||||
}
|
||||
},
|
||||
},
|
||||
subscriptions:{
|
||||
setup({ dispatch, history }) {
|
||||
}
|
||||
}
|
||||
}
|
||||
export default ProjectHomeModel;
|
||||
|
|
@ -0,0 +1,70 @@
|
|||
import { Effect , Reducer , Subscription } from 'umi';
|
||||
import { loginIn , getUserInfo } from '@/service/user';
|
||||
|
||||
export interface UserModelState{
|
||||
name:string,
|
||||
showLoginModal:boolean,
|
||||
loading:boolean,
|
||||
userInfo?:any
|
||||
}
|
||||
|
||||
export interface UserModelType{
|
||||
namespace:"user",
|
||||
state:UserModelState,
|
||||
effects:{
|
||||
loginIn:Effect
|
||||
showLoginBox:Effect
|
||||
getUserInfo:Effect
|
||||
},
|
||||
reducers:{
|
||||
save:Reducer<UserModelState>
|
||||
},
|
||||
subscriptions: { setup: Subscription };
|
||||
}
|
||||
|
||||
const UserModel:UserModelType = {
|
||||
namespace:"user",
|
||||
state:{
|
||||
name:'用户信息',
|
||||
showLoginModal:false,
|
||||
loading:true,
|
||||
userInfo:{}
|
||||
},
|
||||
effects:{
|
||||
*loginIn({payload},{call,put}){
|
||||
const { to , ...params } = payload;
|
||||
const response = yield call(loginIn,params);
|
||||
if(!response.status){
|
||||
try{
|
||||
location.reload();
|
||||
}catch(e){}
|
||||
}
|
||||
},
|
||||
*showLoginBox({payload},{call,put}){
|
||||
yield put({
|
||||
type:"save",
|
||||
payload:{ showLoginBox:payload.showLoginBox }
|
||||
})
|
||||
},
|
||||
*getUserInfo({payload},{call,put}){
|
||||
const response = yield call(getUserInfo,payload);
|
||||
yield put({
|
||||
type: 'save',
|
||||
payload: { userInfo:{...response} },
|
||||
});
|
||||
}
|
||||
},
|
||||
reducers:{
|
||||
save(state, action) {
|
||||
return {
|
||||
...state,
|
||||
...action.payload,
|
||||
}
|
||||
},
|
||||
},
|
||||
subscriptions:{
|
||||
setup({ dispatch, history }) {
|
||||
}
|
||||
}
|
||||
}
|
||||
export default UserModel;
|
||||
|
|
@ -0,0 +1,31 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en" class="notranslate" translate="no">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta http-equiv="Cache-Control" content="max-age=604800" />
|
||||
<meta content="always" name="referrer">
|
||||
<meta name="renderer" content="webkit">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1" />
|
||||
<meta http-equiv="Cache-Control" content="no-transform" />
|
||||
<meta name="format-detection" content="telephone=no">
|
||||
<meta name="viewport" content="width=1226">
|
||||
<title>确实让创建更美好</title>
|
||||
<meta name="keywords" content="trustie,trustieforge,forge,确实让创建更美好,协同开发平台">
|
||||
<meta name="google" content="notranslate" />
|
||||
<meta http-equiv="Content-language" content="en">
|
||||
<meta name="description" content="持续构建协同、共享、可信的软件创建生态开源创作与软件生产相结合，支持大规模群体开展软件协同创新活动">
|
||||
<script>
|
||||
window.ENV = '<%- process.env.API_ENV %>';
|
||||
if(window.ENV !== 'dev'){
|
||||
console.log = new Function;
|
||||
}
|
||||
</script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="root">
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
@ -0,0 +1,5 @@
|
|||
.slickBox {
|
||||
}
|
||||
.boxwidth{
|
||||
padding:20px 0px;
|
||||
}
|
||||
|
|
@ -0,0 +1,66 @@
|
|||
import React , { FC , useEffect, useState } from 'react';
|
||||
// import Slick from 'react-slick';
|
||||
import styles from './index.less';
|
||||
import { Loading ,
|
||||
connect ,
|
||||
Dispatch,
|
||||
ProjectHomeState
|
||||
} from 'umi';
|
||||
import Recommand from '@/components/Recommand';
|
||||
import banner from '@/images/banner.jpg';
|
||||
|
||||
const setting={
|
||||
dots: true,
|
||||
infinite: true,
|
||||
speed: 500,
|
||||
slidesToShow: 5,
|
||||
slidesToScroll: 5,
|
||||
autoplay:false,
|
||||
arrows:false,
|
||||
adaptiveHeight:true
|
||||
}
|
||||
|
||||
interface PageProps{
|
||||
loading:Loading,
|
||||
projectHome:ProjectHomeState,
|
||||
dispatch:Dispatch,
|
||||
location:any
|
||||
}
|
||||
|
||||
const limit = 15;
|
||||
const Projectlist:FC<PageProps>=({
|
||||
loading,
|
||||
projectHome,
|
||||
dispatch,
|
||||
})=>{
|
||||
const [ page , setPage ] = useState(1);
|
||||
const [ total , setTotal ] = useState(0);
|
||||
|
||||
useEffect(()=>{
|
||||
dispatch({
|
||||
type:"projectHome/getProjectList",
|
||||
payload:{page,limit}
|
||||
})
|
||||
},[page])
|
||||
|
||||
return (
|
||||
<div>
|
||||
<img src={banner} width="100%"/>
|
||||
<div className={`${styles.boxwidth} boxWidth`}>
|
||||
<Recommand />
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
export default connect(
|
||||
({
|
||||
projectHome,
|
||||
loading
|
||||
}:{
|
||||
projectHome:ProjectHomeState,
|
||||
loading:Loading
|
||||
})=>({
|
||||
projectHome,
|
||||
loading:loading.models.index
|
||||
})
|
||||
)(Projectlist)
|
||||
|
|
@ -0,0 +1,8 @@
|
|||
import React from 'react';
|
||||
import styles from './index.less';
|
||||
|
||||
export default (()=>{
|
||||
return(
|
||||
<div>用户个人中心首页</div>
|
||||
)
|
||||
})
|
||||
|
|
@ -0,0 +1,8 @@
|
|||
import Fetch from '@/utils/fetch';
|
||||
|
||||
export async function applyProject(params:any) {
|
||||
return Fetch('/api/applied_projects.json',{
|
||||
method:"post",
|
||||
body:params
|
||||
})
|
||||
}
|
||||
|
|
@ -0,0 +1,7 @@
|
|||
import Fetch from '@/utils/fetch';
|
||||
|
||||
export async function getSetting() {
|
||||
return Fetch('/api/setting.json',{
|
||||
method:"Get"
|
||||
})
|
||||
}
|
||||
|
|
@ -0,0 +1,31 @@
|
|||
import Fetch , { get } from '@/utils/fetch';
|
||||
|
||||
|
||||
export async function getProjectList(params: any) {
|
||||
return get('/api/projects.json' , params );
|
||||
}
|
||||
// 项目类型
|
||||
export async function getGroupTypeList(params: any) {
|
||||
return Fetch('/api/projects/group_type_list.json', {
|
||||
method: 'get',
|
||||
body: params ,
|
||||
});
|
||||
}
|
||||
// 项目类别
|
||||
export async function getGroupList(params: any) {
|
||||
return Fetch('/api/project_categories/group_list.json', {
|
||||
method: 'get',
|
||||
body: params ,
|
||||
});
|
||||
}
|
||||
// 项目语言
|
||||
export async function getLanguages(params: any) {
|
||||
return Fetch('/api/project_languages.json', {
|
||||
method: 'get',
|
||||
body: params ,
|
||||
});
|
||||
}
|
||||
// 推荐项目列表
|
||||
export async function getRecommand(params: any) {
|
||||
return get('/api/projects/recommend.json', params);
|
||||
}
|
||||
|
|
@ -0,0 +1,14 @@
|
|||
import Fetch from '@/utils/fetch';
|
||||
|
||||
export async function loginIn(params: any) {
|
||||
return Fetch('/api/accounts/login.json', {
|
||||
method: 'post',
|
||||
body: { ...params },
|
||||
});
|
||||
}
|
||||
|
||||
export async function getUserInfo() {
|
||||
return Fetch('/api/users/get_user_info.json', {
|
||||
method: 'Get'
|
||||
});
|
||||
}
|
||||
|
|
@ -0,0 +1,324 @@
|
|||
@import './mixin.less';
|
||||
|
||||
[class^='icon-'],
|
||||
[class*=' icon-'] {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.font12 {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.font13 {
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.font14 {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.font15 {
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
.font16 {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.font17 {
|
||||
font-size: 17px;
|
||||
}
|
||||
|
||||
.font18 {
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.font19 {
|
||||
font-size: 19px;
|
||||
}
|
||||
|
||||
.font20 {
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.font22 {
|
||||
font-size: 22px;
|
||||
}
|
||||
|
||||
.font24 {
|
||||
font-size: 24px;
|
||||
}
|
||||
|
||||
.font28 {
|
||||
font-size: 28px;
|
||||
}
|
||||
|
||||
.font40 {
|
||||
font-size: 40px;
|
||||
}
|
||||
|
||||
.font50 {
|
||||
font-size: 50px;
|
||||
}
|
||||
|
||||
|
||||
.mt0 {
|
||||
margin-top: 0px;
|
||||
}
|
||||
|
||||
.mt3 {
|
||||
margin-top: 3px;
|
||||
}
|
||||
|
||||
.mt5 {
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
.mt6 {
|
||||
margin-top: 6px;
|
||||
}
|
||||
|
||||
.mt8 {
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
.mt10 {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.mt12 {
|
||||
margin-top: 12px;
|
||||
}
|
||||
|
||||
.mt15 {
|
||||
margin-top: 15px;
|
||||
}
|
||||
|
||||
.mt17 {
|
||||
margin-top: 17px;
|
||||
}
|
||||
|
||||
.mt20 {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.mt25 {
|
||||
margin-top: 25px;
|
||||
}
|
||||
|
||||
.mt30 {
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
.mt35 {
|
||||
margin-top: 35px;
|
||||
}
|
||||
|
||||
.mt40 {
|
||||
margin-top: 40px;
|
||||
}
|
||||
|
||||
.mt60 {
|
||||
margin-top: 60px;
|
||||
}
|
||||
|
||||
.mt75 {
|
||||
margin-top: 75px;
|
||||
}
|
||||
|
||||
.mt80 {
|
||||
margin-top: 80px;
|
||||
}
|
||||
|
||||
.mt100 {
|
||||
margin-top: 100px;
|
||||
}
|
||||
|
||||
.ml0 {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.ml2 {
|
||||
margin-left: 2px;
|
||||
}
|
||||
|
||||
.ml5 {
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
.ml8 {
|
||||
margin-left: 8px;
|
||||
}
|
||||
|
||||
.ml10 {
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.ml15 {
|
||||
margin-left: 15px;
|
||||
}
|
||||
|
||||
.ml20 {
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
.ml25 {
|
||||
margin-left: 25px;
|
||||
}
|
||||
|
||||
.ml30 {
|
||||
margin-left: 30px;
|
||||
}
|
||||
|
||||
.ml35 {
|
||||
margin-left: 35px;
|
||||
}
|
||||
|
||||
.ml40 {
|
||||
margin-left: 40px;
|
||||
}
|
||||
|
||||
.ml50 {
|
||||
margin-left: 50px;
|
||||
}
|
||||
|
||||
.ml60 {
|
||||
margin-left: 60px;
|
||||
}
|
||||
|
||||
.ml100 {
|
||||
margin-left: 100px;
|
||||
}
|
||||
|
||||
.mr0 {
|
||||
margin-right: 0px;
|
||||
}
|
||||
|
||||
.mr1 {
|
||||
margin-right: 1px;
|
||||
}
|
||||
|
||||
.mr3 {
|
||||
margin-right: 3px;
|
||||
}
|
||||
|
||||
.mr5 {
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.mr8 {
|
||||
margin-right: 8px;
|
||||
}
|
||||
|
||||
.mr10 {
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.mr15 {
|
||||
margin-right: 15px;
|
||||
}
|
||||
|
||||
.mr20 {
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
.mr25 {
|
||||
margin-right: 25px;
|
||||
}
|
||||
|
||||
.mr30 {
|
||||
margin-right: 30px;
|
||||
}
|
||||
|
||||
.mr32 {
|
||||
margin-right: 32px;
|
||||
}
|
||||
|
||||
.mr40 {
|
||||
margin-right: 40px;
|
||||
}
|
||||
|
||||
.mr50 {
|
||||
margin-right: 50px;
|
||||
}
|
||||
|
||||
.mb0 {
|
||||
margin-bottom: 0px !important;
|
||||
}
|
||||
|
||||
.mb5 {
|
||||
margin-bottom: 5px !important;
|
||||
}
|
||||
|
||||
.mb10 {
|
||||
margin-bottom: 10px !important;
|
||||
}
|
||||
|
||||
.mb16 {
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
.mb20 {
|
||||
margin-bottom: 20px !important;
|
||||
}
|
||||
|
||||
.mb25 {
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
|
||||
.mb30 {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.mb50 {
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
|
||||
.mb60 {
|
||||
margin-bottom: 60px;
|
||||
}
|
||||
|
||||
.mb80 {
|
||||
margin-bottom: 80px;
|
||||
}
|
||||
|
||||
.mb100 {
|
||||
margin-bottom: 100px;
|
||||
}
|
||||
|
||||
.mtb20 {
|
||||
margin-top: 20px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.pl15{
|
||||
padding-left: 15px;
|
||||
}
|
||||
|
||||
.pr15{
|
||||
padding-right: 15px;
|
||||
}
|
||||
|
||||
.c-g-6{
|
||||
color: @grey-666;
|
||||
}
|
||||
.c-g-9{
|
||||
color: @grey-999;
|
||||
}
|
||||
.c-g-c{
|
||||
color: @grey-ccc;
|
||||
}
|
||||
.c-g-e{
|
||||
color: @grey-eee;
|
||||
}
|
||||
.c-g-3{
|
||||
color: @grey-333;
|
||||
}
|
||||
|
||||
.pointer{
|
||||
cursor: pointer;
|
||||
}
|
||||
.boxWidth{
|
||||
width: 1200px;
|
||||
margin:0px auto;
|
||||
}
|
||||
|
|
@ -0,0 +1,539 @@
|
|||
/* Logo 字体 */
|
||||
@font-face {
|
||||
font-family: "iconfont logo";
|
||||
src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834');
|
||||
src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834#iefix') format('embedded-opentype'),
|
||||
url('https://at.alicdn.com/t/font_985780_km7mi63cihi.woff?t=1545807318834') format('woff'),
|
||||
url('https://at.alicdn.com/t/font_985780_km7mi63cihi.ttf?t=1545807318834') format('truetype'),
|
||||
url('https://at.alicdn.com/t/font_985780_km7mi63cihi.svg?t=1545807318834#iconfont') format('svg');
|
||||
}
|
||||
|
||||
.logo {
|
||||
font-family: "iconfont logo";
|
||||
font-size: 160px;
|
||||
font-style: normal;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
/* tabs */
|
||||
.nav-tabs {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.nav-tabs .nav-more {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
height: 42px;
|
||||
line-height: 42px;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
#tabs {
|
||||
border-bottom: 1px solid #eee;
|
||||
}
|
||||
|
||||
#tabs li {
|
||||
cursor: pointer;
|
||||
width: 100px;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
text-align: center;
|
||||
font-size: 16px;
|
||||
border-bottom: 2px solid transparent;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
margin-bottom: -1px;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
|
||||
#tabs .active {
|
||||
border-bottom-color: #f00;
|
||||
color: #222;
|
||||
}
|
||||
|
||||
.tab-container .content {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* 页面布局 */
|
||||
.main {
|
||||
padding: 30px 100px;
|
||||
width: 960px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.main .logo {
|
||||
color: #333;
|
||||
text-align: left;
|
||||
margin-bottom: 30px;
|
||||
line-height: 1;
|
||||
height: 110px;
|
||||
margin-top: -50px;
|
||||
overflow: hidden;
|
||||
*zoom: 1;
|
||||
}
|
||||
|
||||
.main .logo a {
|
||||
font-size: 160px;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.helps {
|
||||
margin-top: 40px;
|
||||
}
|
||||
|
||||
.helps pre {
|
||||
padding: 20px;
|
||||
margin: 10px 0;
|
||||
border: solid 1px #e7e1cd;
|
||||
background-color: #fffdef;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.icon_lists {
|
||||
width: 100% !important;
|
||||
overflow: hidden;
|
||||
*zoom: 1;
|
||||
}
|
||||
|
||||
.icon_lists li {
|
||||
width: 100px;
|
||||
margin-bottom: 10px;
|
||||
margin-right: 20px;
|
||||
text-align: center;
|
||||
list-style: none !important;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.icon_lists li .code-name {
|
||||
line-height: 1.2;
|
||||
}
|
||||
|
||||
.icon_lists .icon {
|
||||
display: block;
|
||||
height: 100px;
|
||||
line-height: 100px;
|
||||
font-size: 42px;
|
||||
margin: 10px auto;
|
||||
color: #333;
|
||||
-webkit-transition: font-size 0.25s linear, width 0.25s linear;
|
||||
-moz-transition: font-size 0.25s linear, width 0.25s linear;
|
||||
transition: font-size 0.25s linear, width 0.25s linear;
|
||||
}
|
||||
|
||||
.icon_lists .icon:hover {
|
||||
font-size: 100px;
|
||||
}
|
||||
|
||||
.icon_lists .svg-icon {
|
||||
/* 通过设置 font-size 来改变图标大小 */
|
||||
width: 1em;
|
||||
/* 图标和文字相邻时，垂直对齐 */
|
||||
vertical-align: -0.15em;
|
||||
/* 通过设置 color 来改变 SVG 的颜色/fill */
|
||||
fill: currentColor;
|
||||
/* path 和 stroke 溢出 viewBox 部分在 IE 下会显示
|
||||
normalize.css 中也包含这行 */
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.icon_lists li .name,
|
||||
.icon_lists li .code-name {
|
||||
color: #666;
|
||||
}
|
||||
|
||||
/* markdown 样式 */
|
||||
.markdown {
|
||||
color: #666;
|
||||
font-size: 14px;
|
||||
line-height: 1.8;
|
||||
}
|
||||
|
||||
.highlight {
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.markdown img {
|
||||
vertical-align: middle;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.markdown h1 {
|
||||
color: #404040;
|
||||
font-weight: 500;
|
||||
line-height: 40px;
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
|
||||
.markdown h2,
|
||||
.markdown h3,
|
||||
.markdown h4,
|
||||
.markdown h5,
|
||||
.markdown h6 {
|
||||
color: #404040;
|
||||
margin: 1.6em 0 0.6em 0;
|
||||
font-weight: 500;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.markdown h1 {
|
||||
font-size: 28px;
|
||||
}
|
||||
|
||||
.markdown h2 {
|
||||
font-size: 22px;
|
||||
}
|
||||
|
||||
.markdown h3 {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.markdown h4 {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.markdown h5 {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.markdown h6 {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.markdown hr {
|
||||
height: 1px;
|
||||
border: 0;
|
||||
background: #e9e9e9;
|
||||
margin: 16px 0;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.markdown p {
|
||||
margin: 1em 0;
|
||||
}
|
||||
|
||||
.markdown>p,
|
||||
.markdown>blockquote,
|
||||
.markdown>.highlight,
|
||||
.markdown>ol,
|
||||
.markdown>ul {
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
.markdown ul>li {
|
||||
list-style: circle;
|
||||
}
|
||||
|
||||
.markdown>ul li,
|
||||
.markdown blockquote ul>li {
|
||||
margin-left: 20px;
|
||||
padding-left: 4px;
|
||||
}
|
||||
|
||||
.markdown>ul li p,
|
||||
.markdown>ol li p {
|
||||
margin: 0.6em 0;
|
||||
}
|
||||
|
||||
.markdown ol>li {
|
||||
list-style: decimal;
|
||||
}
|
||||
|
||||
.markdown>ol li,
|
||||
.markdown blockquote ol>li {
|
||||
margin-left: 20px;
|
||||
padding-left: 4px;
|
||||
}
|
||||
|
||||
.markdown code {
|
||||
margin: 0 3px;
|
||||
padding: 0 5px;
|
||||
background: #eee;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.markdown strong,
|
||||
.markdown b {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.markdown>table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0px;
|
||||
empty-cells: show;
|
||||
border: 1px solid #e9e9e9;
|
||||
width: 95%;
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
|
||||
.markdown>table th {
|
||||
white-space: nowrap;
|
||||
color: #333;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.markdown>table th,
|
||||
.markdown>table td {
|
||||
border: 1px solid #e9e9e9;
|
||||
padding: 8px 16px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.markdown>table th {
|
||||
background: #F7F7F7;
|
||||
}
|
||||
|
||||
.markdown blockquote {
|
||||
font-size: 90%;
|
||||
color: #999;
|
||||
border-left: 4px solid #e9e9e9;
|
||||
padding-left: 0.8em;
|
||||
margin: 1em 0;
|
||||
}
|
||||
|
||||
.markdown blockquote p {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.markdown .anchor {
|
||||
opacity: 0;
|
||||
transition: opacity 0.3s ease;
|
||||
margin-left: 8px;
|
||||
}
|
||||
|
||||
.markdown .waiting {
|
||||
color: #ccc;
|
||||
}
|
||||
|
||||
.markdown h1:hover .anchor,
|
||||
.markdown h2:hover .anchor,
|
||||
.markdown h3:hover .anchor,
|
||||
.markdown h4:hover .anchor,
|
||||
.markdown h5:hover .anchor,
|
||||
.markdown h6:hover .anchor {
|
||||
opacity: 1;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.markdown>br,
|
||||
.markdown>p>br {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
|
||||
.hljs {
|
||||
display: block;
|
||||
background: white;
|
||||
padding: 0.5em;
|
||||
color: #333333;
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
||||
.hljs-comment,
|
||||
.hljs-meta {
|
||||
color: #969896;
|
||||
}
|
||||
|
||||
.hljs-string,
|
||||
.hljs-variable,
|
||||
.hljs-template-variable,
|
||||
.hljs-strong,
|
||||
.hljs-emphasis,
|
||||
.hljs-quote {
|
||||
color: #df5000;
|
||||
}
|
||||
|
||||
.hljs-keyword,
|
||||
.hljs-selector-tag,
|
||||
.hljs-type {
|
||||
color: #a71d5d;
|
||||
}
|
||||
|
||||
.hljs-literal,
|
||||
.hljs-symbol,
|
||||
.hljs-bullet,
|
||||
.hljs-attribute {
|
||||
color: #0086b3;
|
||||
}
|
||||
|
||||
.hljs-section,
|
||||
.hljs-name {
|
||||
color: #63a35c;
|
||||
}
|
||||
|
||||
.hljs-tag {
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
.hljs-title,
|
||||
.hljs-attr,
|
||||
.hljs-selector-id,
|
||||
.hljs-selector-class,
|
||||
.hljs-selector-attr,
|
||||
.hljs-selector-pseudo {
|
||||
color: #795da3;
|
||||
}
|
||||
|
||||
.hljs-addition {
|
||||
color: #55a532;
|
||||
background-color: #eaffea;
|
||||
}
|
||||
|
||||
.hljs-deletion {
|
||||
color: #bd2c00;
|
||||
background-color: #ffecec;
|
||||
}
|
||||
|
||||
.hljs-link {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
/* 代码高亮 */
|
||||
/* PrismJS 1.15.0
|
||||
https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript */
|
||||
/**
|
||||
* prism.js default theme for JavaScript, CSS and HTML
|
||||
* Based on dabblet (http://dabblet.com)
|
||||
* @author Lea Verou
|
||||
*/
|
||||
code[class*="language-"],
|
||||
pre[class*="language-"] {
|
||||
color: black;
|
||||
background: none;
|
||||
text-shadow: 0 1px white;
|
||||
font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
|
||||
text-align: left;
|
||||
white-space: pre;
|
||||
word-spacing: normal;
|
||||
word-break: normal;
|
||||
word-wrap: normal;
|
||||
line-height: 1.5;
|
||||
|
||||
-moz-tab-size: 4;
|
||||
-o-tab-size: 4;
|
||||
tab-size: 4;
|
||||
|
||||
-webkit-hyphens: none;
|
||||
-moz-hyphens: none;
|
||||
-ms-hyphens: none;
|
||||
hyphens: none;
|
||||
}
|
||||
|
||||
pre[class*="language-"]::-moz-selection,
|
||||
pre[class*="language-"] ::-moz-selection,
|
||||
code[class*="language-"]::-moz-selection,
|
||||
code[class*="language-"] ::-moz-selection {
|
||||
text-shadow: none;
|
||||
background: #b3d4fc;
|
||||
}
|
||||
|
||||
pre[class*="language-"]::selection,
|
||||
pre[class*="language-"] ::selection,
|
||||
code[class*="language-"]::selection,
|
||||
code[class*="language-"] ::selection {
|
||||
text-shadow: none;
|
||||
background: #b3d4fc;
|
||||
}
|
||||
|
||||
@media print {
|
||||
|
||||
code[class*="language-"],
|
||||
pre[class*="language-"] {
|
||||
text-shadow: none;
|
||||
}
|
||||
}
|
||||
|
||||
/* Code blocks */
|
||||
pre[class*="language-"] {
|
||||
padding: 1em;
|
||||
margin: .5em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
:not(pre)>code[class*="language-"],
|
||||
pre[class*="language-"] {
|
||||
background: #f5f2f0;
|
||||
}
|
||||
|
||||
/* Inline code */
|
||||
:not(pre)>code[class*="language-"] {
|
||||
padding: .1em;
|
||||
border-radius: .3em;
|
||||
white-space: normal;
|
||||
}
|
||||
|
||||
.token.comment,
|
||||
.token.prolog,
|
||||
.token.doctype,
|
||||
.token.cdata {
|
||||
color: slategray;
|
||||
}
|
||||
|
||||
.token.punctuation {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.namespace {
|
||||
opacity: .7;
|
||||
}
|
||||
|
||||
.token.property,
|
||||
.token.tag,
|
||||
.token.boolean,
|
||||
.token.number,
|
||||
.token.constant,
|
||||
.token.symbol,
|
||||
.token.deleted {
|
||||
color: #905;
|
||||
}
|
||||
|
||||
.token.selector,
|
||||
.token.attr-name,
|
||||
.token.string,
|
||||
.token.char,
|
||||
.token.builtin,
|
||||
.token.inserted {
|
||||
color: #690;
|
||||
}
|
||||
|
||||
.token.operator,
|
||||
.token.entity,
|
||||
.token.url,
|
||||
.language-css .token.string,
|
||||
.style .token.string {
|
||||
color: #9a6e3a;
|
||||
background: hsla(0, 0%, 100%, .5);
|
||||
}
|
||||
|
||||
.token.atrule,
|
||||
.token.attr-value,
|
||||
.token.keyword {
|
||||
color: #07a;
|
||||
}
|
||||
|
||||
.token.function,
|
||||
.token.class-name {
|
||||
color: #DD4A68;
|
||||
}
|
||||
|
||||
.token.regex,
|
||||
.token.important,
|
||||
.token.variable {
|
||||
color: #e90;
|
||||
}
|
||||
|
||||
.token.important,
|
||||
.token.bold {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.token.italic {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.token.entity {
|
||||
cursor: help;
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
|
@ -0,0 +1,194 @@
|
|||
@primary: #4cacff;
|
||||
@light-primary: #1890ff;
|
||||
@red: #fb3226;
|
||||
@violet: #5e5fb9;
|
||||
@transparent-primary: rgba(255, 104, 133, 0.1);
|
||||
@light-black: #666666;
|
||||
@light-grey: #999;
|
||||
@light-text: #828383;
|
||||
@pink: #cc317c;
|
||||
@green: #028d01;
|
||||
@green-29b: #29bd8b;
|
||||
@green-2ab: #2abd8c;
|
||||
@light-green: #50dbad;
|
||||
@green-13b: #13bf6f;
|
||||
@cyan: #006b75;
|
||||
@grey-ede: #ededed;
|
||||
// @light-green: #7ad58b;
|
||||
@light-orange: #e99695;
|
||||
@light-blue-purple: #5e5fb9;
|
||||
@light-blue: #84b6eb;
|
||||
|
||||
@sky-blue: #f4faff;
|
||||
@cyan-blue: #18d0e7;
|
||||
@brilliant-blue: #aed5ff;
|
||||
@light-pink: #fc2b6a;
|
||||
@orange: #ff6800;
|
||||
|
||||
@purple-8C1: #8c18ff;
|
||||
|
||||
@orange-ff9: #ff954c;
|
||||
@orange-ff7: #ff7500;
|
||||
|
||||
@red-ee4: #ee4a1f;
|
||||
|
||||
@blue-4ca: #4cacff;
|
||||
|
||||
@grey-4b4: #4b4b4b;
|
||||
@grey-eee: #eee;
|
||||
@grey-bcb: #bcbcbc;
|
||||
@grey-eae: #eaeaea;
|
||||
@grey-ccc: #ccc;
|
||||
@grey-333: #333;
|
||||
@grey-666: #666;
|
||||
@grey-888: #888;
|
||||
@grey-999: #999;
|
||||
@grey-9b9: #9b9b9b;
|
||||
@grey-747A7F: #747a7f;
|
||||
@grey-7c7: #7c7c7c;
|
||||
|
||||
@yellow: #fed218;
|
||||
@yellow-feb: #feb300;
|
||||
@white: #fff;
|
||||
@black: black;
|
||||
@black-333: #333;
|
||||
@black-111: #111111;
|
||||
@rem: 100;
|
||||
|
||||
@center-width: 1200px;
|
||||
@head-height: 52px;
|
||||
@right-width: 868px;
|
||||
|
||||
.basefix() {
|
||||
&:before,
|
||||
&:after {
|
||||
content: ' ';
|
||||
display: table;
|
||||
}
|
||||
&:after {
|
||||
clear: both;
|
||||
}
|
||||
}
|
||||
|
||||
.inline-block-fix() {
|
||||
font-size: 0;
|
||||
*word-spacing: -1px;
|
||||
}
|
||||
|
||||
.inline-block() {
|
||||
display: inline-block;
|
||||
letter-spacing: normal;
|
||||
word-spacing: normal;
|
||||
}
|
||||
.blur($blur) {
|
||||
-webkit-filter: blur($blur); /* Chrome, Opera */
|
||||
-moz-filter: blur($blur);
|
||||
-ms-filter: blur($blur);
|
||||
filter: blur($blur);
|
||||
}
|
||||
//背景图片
|
||||
.background_image(@url; @repeat;@left:0;@top:0) {
|
||||
background: url(@url) @repeat @left @top;
|
||||
}
|
||||
|
||||
.background_size(@width; @height) {
|
||||
background-size: @width @height;
|
||||
-webkit-background-size: @width @height;
|
||||
}
|
||||
|
||||
//通用背景图片（按照top，left,no-repeat）
|
||||
.background_common_image(@url;@width;@height) {
|
||||
.background_image(@url;no-repeat;0, 0);
|
||||
.background_size(@width; @height);
|
||||
}
|
||||
|
||||
.flex_box_container() {
|
||||
display: box;
|
||||
display: -webkit-box;
|
||||
display: -moz-box;
|
||||
display: -ms-flexbox;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
}
|
||||
// flex水平垂直居中对齐
|
||||
.flex_box_center {
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
-webkit-justify-content: center;
|
||||
-webkit-align-items: center;
|
||||
-webkit-box-align: center;
|
||||
box-align: center;
|
||||
}
|
||||
// flex两端对齐
|
||||
.flex_space_between {
|
||||
justify-content: space-between;
|
||||
-webkit-box-pack: justify;
|
||||
}
|
||||
// flex垂直对齐
|
||||
.flex_box_vertical_center {
|
||||
align-items: center;
|
||||
-webkit-align-items: center;
|
||||
-webkit-box-align: center;
|
||||
box-align: center;
|
||||
}
|
||||
.flex_box_center_end {
|
||||
justify-content: flex-end;
|
||||
align-items: center;
|
||||
-webkit-justify-content: flex-end;
|
||||
-webkit-align-items: center;
|
||||
-webkit-box-align: center;
|
||||
-webkit-box-pack: end;
|
||||
box-align: center;
|
||||
box-pack: end;
|
||||
}
|
||||
|
||||
.flex_box_column {
|
||||
flex-direction: column;
|
||||
-webkit-flex-direction: column;
|
||||
-webkit-box-orient: block-axis;
|
||||
box-orient: block-axis;
|
||||
}
|
||||
|
||||
.box_flex(@index) {
|
||||
-webkit-box-flex: @index;
|
||||
-moz-box-flex: @index;
|
||||
-webkit-flex: @index;
|
||||
-ms-flex: @index;
|
||||
flex: @index;
|
||||
}
|
||||
|
||||
.size($width, $height) {
|
||||
width: $width + px;
|
||||
height: $height + px;
|
||||
}
|
||||
|
||||
.box_sizing() {
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.ellipsis() {
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.multi_ellipsis(@line) {
|
||||
-webkit-box-orient: vertical;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: @line;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.font($color) {
|
||||
color: $color;
|
||||
}
|
||||
|
||||
.opacity($opa) {
|
||||
opacity: $opa;
|
||||
}
|
||||
|
||||
.border-radius($radius) {
|
||||
border-radius: $radius;
|
||||
-webkit-border-radius: $radius;
|
||||
}
|
||||
|
|
@ -0,0 +1,16 @@
|
|||
|
||||
|
||||
export interface ConfigProps {
|
||||
[key: string]: {
|
||||
API_SERVER: any,
|
||||
IMG_SERVER: any
|
||||
}
|
||||
}
|
||||
|
||||
const GlobalConfig: ConfigProps = {
|
||||
dev:{
|
||||
API_SERVER:"https://testforgeplus.trustie.net",
|
||||
IMG_SERVER: 'https://testforgeplus.trustie.net',
|
||||
}
|
||||
}
|
||||
export default GlobalConfig[window.ENV]
|
||||
|
|
@ -0,0 +1,238 @@
|
|||
const { fetch } = require('dva');
|
||||
import ENV from './env';
|
||||
import { notification } from 'antd'
|
||||
import hash from 'hash.js'
|
||||
import { getDvaApp, history } from 'umi'
|
||||
let modalConfirm: any;
|
||||
|
||||
interface Response {
|
||||
status: number
|
||||
statusText: string
|
||||
json: any
|
||||
message: string
|
||||
}
|
||||
interface Params {
|
||||
[key: string]: any
|
||||
}
|
||||
const checkStatus = (response: Response) => {
|
||||
if (response.status >= 200 && response.status < 300) {
|
||||
return response
|
||||
}
|
||||
const errortext = response.statusText;
|
||||
let text
|
||||
var resJson = response.json()
|
||||
|
||||
resJson.then((resolve: any, reject: any) => {
|
||||
text = resolve.message
|
||||
notification.error({
|
||||
style: { wordBreak: 'break-all' },
|
||||
// duration: null,
|
||||
message:
|
||||
resolve.message || `请求错误 ${response.status}: ${response.message}`,
|
||||
description: resolve.message ? '' : errortext,
|
||||
})
|
||||
})
|
||||
|
||||
const error: any = new Error(errortext)
|
||||
error.name = response.status
|
||||
error.response = response
|
||||
throw {
|
||||
data: response,
|
||||
code: response.status,
|
||||
message: text || errortext,
|
||||
}
|
||||
}
|
||||
|
||||
const cachedSave = (response: any, hashcode: any) => {
|
||||
const contentType = response.headers.get('Content-Type')
|
||||
if (contentType && contentType.match(/application\/json/i)) {
|
||||
response
|
||||
.clone()
|
||||
.text()
|
||||
.then(() => {
|
||||
// sessionStorage.setItem(hashcode, content)
|
||||
// sessionStorage.setItem(`${hashcode}:timestamp`, Date.now())
|
||||
})
|
||||
}
|
||||
return response
|
||||
}
|
||||
|
||||
export const parseParams = (param: Params) => {
|
||||
param = param || {};
|
||||
// param.domain = window.location.host
|
||||
let paramStr = ''
|
||||
for (let key in param) {
|
||||
if (typeof param[key] === 'object') {
|
||||
if (Array.isArray(param[key])) {
|
||||
param[key].forEach((element: string, k: number) => {
|
||||
paramStr += '&' + key + `[]=` + element
|
||||
})
|
||||
}
|
||||
} else {
|
||||
// if ((param[key]) || param[key] === 0)
|
||||
paramStr += '&' + key + '=' + param[key]
|
||||
}
|
||||
}
|
||||
return paramStr.substr(1)
|
||||
}
|
||||
|
||||
export default function request(url: string, option: any, flag?: boolean) {
|
||||
!option.method ? (option.method = 'get') : ''
|
||||
option.method = option.method.toUpperCase()
|
||||
option.mode = 'cors'
|
||||
const options = {
|
||||
...option,
|
||||
}
|
||||
// options.domain = window.location.host
|
||||
const fingerprint = url + (options.body ? JSON.stringify(options.body) : '')
|
||||
const hashcode = hash
|
||||
.sha256()
|
||||
.update(fingerprint)
|
||||
.digest('hex')
|
||||
|
||||
const defaultOptions = {
|
||||
credentials: 'include',
|
||||
withCredentials: true,
|
||||
}
|
||||
|
||||
let newOptions = { ...defaultOptions, ...options }
|
||||
if (
|
||||
newOptions.method === 'POST' ||
|
||||
newOptions.method === 'PUT' ||
|
||||
newOptions.method === 'PATCH' ||
|
||||
newOptions.method === 'DELETE'
|
||||
) {
|
||||
if (!flag) {
|
||||
newOptions.headers = {
|
||||
Accept: 'application/json',
|
||||
'Content-Type': 'application/json; charset=utf-8',
|
||||
...newOptions.headers,
|
||||
}
|
||||
newOptions.body = JSON.stringify(options.body)
|
||||
} else {
|
||||
newOptions.headers = {
|
||||
...newOptions.headers,
|
||||
}
|
||||
newOptions.body = options.body
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
if (newOptions.method == 'GET') {
|
||||
newOptions.headers = {
|
||||
Accept: 'application/json',
|
||||
'Content-Type': 'application/json; charset=utf-8',
|
||||
...newOptions.headers,
|
||||
}
|
||||
url += '?' + parseParams(options.params)
|
||||
}
|
||||
|
||||
const expirys = options.expirys && 60
|
||||
/**
|
||||
* @description: 枚举出请求数据格式类型
|
||||
* @param {type} 枚举类型
|
||||
* @return:
|
||||
*/
|
||||
enum ContentType {
|
||||
json = 'application/json;charset=UTF-8',
|
||||
form = 'application/x-www-form-urlencoded; charset=UTF-8',
|
||||
}
|
||||
/**
|
||||
* @description: 枚举request请求的method方法
|
||||
* @param {type} 枚举类型
|
||||
* @return:
|
||||
*/
|
||||
enum HttpMethod {
|
||||
get = 'GET',
|
||||
post = 'POST',
|
||||
}
|
||||
/**
|
||||
* @description: 声明请求头header的类型
|
||||
* @param {type}
|
||||
* @return:
|
||||
*/
|
||||
interface IHeader {
|
||||
Accept?: string
|
||||
'Content-Type': string
|
||||
[propName: string]: any
|
||||
}
|
||||
/**
|
||||
* @description: 声明fetch请求参数配置
|
||||
* @param {type}
|
||||
* @return:
|
||||
*/
|
||||
interface IReqConfig {
|
||||
method?: string
|
||||
credentials?: string
|
||||
headers?: IHeader
|
||||
body?: any
|
||||
}
|
||||
interface IHttp {
|
||||
getFetch<R, P = {}>(
|
||||
url: string,
|
||||
params?: P,
|
||||
options?: RequestInit,
|
||||
): Promise<R>
|
||||
postFetch<R, P = {}>(url: string, params?: P): Promise<R>
|
||||
}
|
||||
return fetch(ENV.API_SERVER + url, newOptions)
|
||||
.then(checkStatus)
|
||||
.then((response: any) => cachedSave(response, hashcode))
|
||||
.then(async (response: any) => {
|
||||
if (response.status === 204) {
|
||||
return response.text()
|
||||
}
|
||||
const d = await response.json()
|
||||
return d
|
||||
})
|
||||
.catch((e: any) => {
|
||||
try {
|
||||
const status = e.code
|
||||
if (status === 401) {
|
||||
getDvaApp()._store.dispatch({
|
||||
type: 'user/showPopLogin',
|
||||
payload: {
|
||||
showPopLogin: true,
|
||||
showClosable: true
|
||||
}
|
||||
})
|
||||
}
|
||||
return e
|
||||
} catch (e) { }
|
||||
})
|
||||
}
|
||||
|
||||
let historyFlag = false
|
||||
let errorFlag = false
|
||||
|
||||
export function get(url: string, params?: Object) {
|
||||
return request(url, {
|
||||
method: 'Get',
|
||||
params: params || {},
|
||||
})
|
||||
}
|
||||
export function getqq(url: string, params?: Object) {
|
||||
return request(`/${url}`, {
|
||||
method: 'Get',
|
||||
params,
|
||||
})
|
||||
}
|
||||
|
||||
export function post(url: string, params?: Object) {
|
||||
return request(`/api/${url}`, {
|
||||
method: 'Post',
|
||||
body: { ...params },
|
||||
})
|
||||
}
|
||||
|
||||
export function put(url: string, params?: Object) {
|
||||
return request(`/api/${url}`, {
|
||||
method: 'Put',
|
||||
body: { ...params },
|
||||
})
|
||||
}
|
||||
|
||||
export function del(url: string) {
|
||||
return request(`/api/${url}`, { method: 'delete' })
|
||||
}
|
||||
|
||||
|
|
@ -0,0 +1,25 @@
|
|||
{
|
||||
"compilerOptions": {
|
||||
"target": "esnext",
|
||||
"module": "esnext",
|
||||
"moduleResolution": "node",
|
||||
"importHelpers": true,
|
||||
"jsx": "react",
|
||||
"esModuleInterop": true,
|
||||
"sourceMap": true,
|
||||
"baseUrl": "./",
|
||||
"strict": true,
|
||||
"paths": {
|
||||
"@/*": ["src/*"],
|
||||
"@@/*": ["src/.umi/*"]
|
||||
},
|
||||
"allowSyntheticDefaultImports": true
|
||||
},
|
||||
"include": [
|
||||
"mock/**/*",
|
||||
"src/**/*",
|
||||
"config/**/*",
|
||||
".umirc.ts",
|
||||
"typings.d.ts"
|
||||
]
|
||||
}
|
||||
|
|
@ -0,0 +1,11 @@
|
|||
declare module '*.css';
|
||||
declare module '*.less';
|
||||
declare module "*.png";
|
||||
declare module "*.jpg";
|
||||
declare module "*.gif";
|
||||
|
||||
declare module '*.svg' {
|
||||
export function ReactComponent(props: React.SVGProps<SVGSVGElement>): React.ReactElement
|
||||
const url: string
|
||||
export default url
|
||||
}
|
||||
Loading…
Reference in New Issue