正在显示
8 个修改的文件
包含
0 行增加
和
547 行删除
| 1 | -import React, { PureComponent } from 'react'; | |
| 2 | -import { connect } from 'dva'; | |
| 3 | -import styles from './GridContent.less'; | |
| 4 | - | |
| 5 | -class GridContent extends PureComponent { | |
| 6 | - render() { | |
| 7 | - const { contentWidth, children } = this.props; | |
| 8 | - let className = `${styles.main}`; | |
| 9 | - if (contentWidth === 'Fixed') { | |
| 10 | - className = `${styles.main} ${styles.wide}`; | |
| 11 | - } | |
| 12 | - return <div className={className}>{children}</div>; | |
| 13 | - } | |
| 14 | -} | |
| 15 | - | |
| 16 | -export default connect(({ setting }) => ({ | |
| 17 | - contentWidth: setting.contentWidth, | |
| 18 | -}))(GridContent); |
| 1 | -import React from 'react'; | |
| 2 | -import { FormattedMessage } from 'umi/locale'; | |
| 3 | -import Link from 'umi/link'; | |
| 4 | -import PageHeader from 'ant-design-pro/lib/PageHeader'; | |
| 5 | -import { connect } from 'dva'; | |
| 6 | -import GridContent from './GridContent'; | |
| 7 | -import styles from './index.less'; | |
| 8 | -import MenuContext from '@/layouts/MenuContext'; | |
| 9 | - | |
| 10 | -const PageHeaderWrapper = ({ children, contentWidth, wrapperClassName, top, ...restProps }) => ( | |
| 11 | - <div style={{ margin: '-24px -24px 0' }} className={wrapperClassName}> | |
| 12 | - {top} | |
| 13 | - <MenuContext.Consumer> | |
| 14 | - {value => ( | |
| 15 | - <PageHeader | |
| 16 | - wide={contentWidth === 'Fixed'} | |
| 17 | - home={<FormattedMessage id="menu.home" defaultMessage="Home" />} | |
| 18 | - {...value} | |
| 19 | - key="pageheader" | |
| 20 | - {...restProps} | |
| 21 | - linkElement={Link} | |
| 22 | - itemRender={item => { | |
| 23 | - if (item.locale) { | |
| 24 | - return <FormattedMessage id={item.locale} defaultMessage={item.title} />; | |
| 25 | - } | |
| 26 | - return item.title; | |
| 27 | - }} | |
| 28 | - /> | |
| 29 | - )} | |
| 30 | - </MenuContext.Consumer> | |
| 31 | - {children ? ( | |
| 32 | - <div className={styles.content}> | |
| 33 | - <GridContent>{children}</GridContent> | |
| 34 | - </div> | |
| 35 | - ) : null} | |
| 36 | - </div> | |
| 37 | -); | |
| 38 | - | |
| 39 | -export default connect(({ setting }) => ({ | |
| 40 | - contentWidth: setting.contentWidth, | |
| 41 | -}))(PageHeaderWrapper); |
| 1 | -import { stringify } from 'qs'; | |
| 2 | -import request from '@/utils/request'; | |
| 3 | - | |
| 4 | -export async function queryProjectNotice() { | |
| 5 | - return request('/api/project/notice'); | |
| 6 | -} | |
| 7 | - | |
| 8 | -export async function queryActivities() { | |
| 9 | - return request('/api/activities'); | |
| 10 | -} | |
| 11 | - | |
| 12 | -export async function queryRule(params) { | |
| 13 | - return request(`/api/rule?${stringify(params)}`); | |
| 14 | -} | |
| 15 | - | |
| 16 | -export async function removeRule(params) { | |
| 17 | - return request('/api/rule', { | |
| 18 | - method: 'POST', | |
| 19 | - body: { | |
| 20 | - ...params, | |
| 21 | - method: 'delete', | |
| 22 | - }, | |
| 23 | - }); | |
| 24 | -} | |
| 25 | - | |
| 26 | -export async function addRule(params) { | |
| 27 | - return request('/api/rule', { | |
| 28 | - method: 'POST', | |
| 29 | - body: { | |
| 30 | - ...params, | |
| 31 | - method: 'post', | |
| 32 | - }, | |
| 33 | - }); | |
| 34 | -} | |
| 35 | - | |
| 36 | -export async function updateRule(params) { | |
| 37 | - return request('/api/rule', { | |
| 38 | - method: 'POST', | |
| 39 | - body: { | |
| 40 | - ...params, | |
| 41 | - method: 'update', | |
| 42 | - }, | |
| 43 | - }); | |
| 44 | -} | |
| 45 | - | |
| 46 | -export async function fakeSubmitForm(params) { | |
| 47 | - return request('/api/forms', { | |
| 48 | - method: 'POST', | |
| 49 | - body: params, | |
| 50 | - }); | |
| 51 | -} | |
| 52 | - | |
| 53 | -export async function fakeChartData() { | |
| 54 | - return request('/api/fake_chart_data'); | |
| 55 | -} | |
| 56 | - | |
| 57 | -export async function queryTags() { | |
| 58 | - return request('/api/tags'); | |
| 59 | -} | |
| 60 | - | |
| 61 | -export async function queryBasicProfile() { | |
| 62 | - return request('/api/profile/basic'); | |
| 63 | -} | |
| 64 | - | |
| 65 | -export async function queryAdvancedProfile() { | |
| 66 | - return request('/api/profile/advanced'); | |
| 67 | -} | |
| 68 | - | |
| 69 | -export async function queryFakeList(params) { | |
| 70 | - return request(`/api/fake_list?${stringify(params)}`); | |
| 71 | -} | |
| 72 | - | |
| 73 | -export async function removeFakeList(params) { | |
| 74 | - const { count = 5, ...restParams } = params; | |
| 75 | - return request(`/api/fake_list?count=${count}`, { | |
| 76 | - method: 'POST', | |
| 77 | - body: { | |
| 78 | - ...restParams, | |
| 79 | - method: 'delete', | |
| 80 | - }, | |
| 81 | - }); | |
| 82 | -} | |
| 83 | - | |
| 84 | -export async function addFakeList(params) { | |
| 85 | - const { count = 5, ...restParams } = params; | |
| 86 | - return request(`/api/fake_list?count=${count}`, { | |
| 87 | - method: 'POST', | |
| 88 | - body: { | |
| 89 | - ...restParams, | |
| 90 | - method: 'post', | |
| 91 | - }, | |
| 92 | - }); | |
| 93 | -} | |
| 94 | - | |
| 95 | -export async function updateFakeList(params) { | |
| 96 | - const { count = 5, ...restParams } = params; | |
| 97 | - return request(`/api/fake_list?count=${count}`, { | |
| 98 | - method: 'POST', | |
| 99 | - body: { | |
| 100 | - ...restParams, | |
| 101 | - method: 'update', | |
| 102 | - }, | |
| 103 | - }); | |
| 104 | -} | |
| 105 | - | |
| 106 | -export async function fakeAccountLogin(params) { | |
| 107 | - return request('/api/login/account', { | |
| 108 | - method: 'POST', | |
| 109 | - body: params, | |
| 110 | - }); | |
| 111 | -} | |
| 112 | - | |
| 113 | -export async function fakeRegister(params) { | |
| 114 | - return request('/api/register', { | |
| 115 | - method: 'POST', | |
| 116 | - body: params, | |
| 117 | - }); | |
| 118 | -} | |
| 119 | - | |
| 120 | -export async function queryNotices() { | |
| 121 | - return request('/api/notices'); | |
| 122 | -} | |
| 123 | - | |
| 124 | -export async function getFakeCaptcha(mobile) { | |
| 125 | - return request(`/api/captcha?mobile=${mobile}`); | |
| 126 | -} |
| 1 | -import fetch from 'dva/fetch'; | |
| 2 | -import { notification } from 'antd'; | |
| 3 | -import router from 'umi/router'; | |
| 4 | -import hash from 'hash.js'; | |
| 5 | -import { isAntdPro } from './utils'; | |
| 6 | - | |
| 7 | -const codeMessage = { | |
| 8 | - 200: '服务器成功返回请求的数据。', | |
| 9 | - 201: '新建或修改数据成功。', | |
| 10 | - 202: '一个请求已经进入后台排队(异步任务)。', | |
| 11 | - 204: '删除数据成功。', | |
| 12 | - 400: '发出的请求有错误,服务器没有进行新建或修改数据的操作。', | |
| 13 | - 401: '用户没有权限(令牌、用户名、密码错误)。', | |
| 14 | - 403: '用户得到授权,但是访问是被禁止的。', | |
| 15 | - 404: '发出的请求针对的是不存在的记录,服务器没有进行操作。', | |
| 16 | - 406: '请求的格式不可得。', | |
| 17 | - 410: '请求的资源被永久删除,且不会再得到的。', | |
| 18 | - 422: '当创建一个对象时,发生一个验证错误。', | |
| 19 | - 500: '服务器发生错误,请检查服务器。', | |
| 20 | - 502: '网关错误。', | |
| 21 | - 503: '服务不可用,服务器暂时过载或维护。', | |
| 22 | - 504: '网关超时。', | |
| 23 | -}; | |
| 24 | - | |
| 25 | -const checkStatus = response => { | |
| 26 | - if (response.status >= 200 && response.status < 300) { | |
| 27 | - return response; | |
| 28 | - } | |
| 29 | - const errortext = codeMessage[response.status] || response.statusText; | |
| 30 | - notification.error({ | |
| 31 | - message: `请求错误 ${response.status}: ${response.url}`, | |
| 32 | - description: errortext, | |
| 33 | - }); | |
| 34 | - const error = new Error(errortext); | |
| 35 | - error.name = response.status; | |
| 36 | - error.response = response; | |
| 37 | - throw error; | |
| 38 | -}; | |
| 39 | - | |
| 40 | -const cachedSave = (response, hashcode) => { | |
| 41 | - /** | |
| 42 | - * Clone a response data and store it in sessionStorage | |
| 43 | - * Does not support data other than json, Cache only json | |
| 44 | - */ | |
| 45 | - const contentType = response.headers.get('Content-Type'); | |
| 46 | - if (contentType && contentType.match(/application\/json/i)) { | |
| 47 | - // All data is saved as text | |
| 48 | - response | |
| 49 | - .clone() | |
| 50 | - .text() | |
| 51 | - .then(content => { | |
| 52 | - sessionStorage.setItem(hashcode, content); | |
| 53 | - sessionStorage.setItem(`${hashcode}:timestamp`, Date.now()); | |
| 54 | - }); | |
| 55 | - } | |
| 56 | - return response; | |
| 57 | -}; | |
| 58 | - | |
| 59 | -/** | |
| 60 | - * Requests a URL, returning a promise. | |
| 61 | - * | |
| 62 | - * @param {string} url The URL we want to request | |
| 63 | - * @param {object} [option] The options we want to pass to "fetch" | |
| 64 | - * @return {object} An object containing either "data" or "err" | |
| 65 | - */ | |
| 66 | -export default function request(url, option) { | |
| 67 | - const options = { | |
| 68 | - expirys: isAntdPro(), | |
| 69 | - ...option, | |
| 70 | - }; | |
| 71 | - /** | |
| 72 | - * Produce fingerprints based on url and parameters | |
| 73 | - * Maybe url has the same parameters | |
| 74 | - */ | |
| 75 | - const fingerprint = url + (options.body ? JSON.stringify(options.body) : ''); | |
| 76 | - const hashcode = hash | |
| 77 | - .sha256() | |
| 78 | - .update(fingerprint) | |
| 79 | - .digest('hex'); | |
| 80 | - | |
| 81 | - const defaultOptions = { | |
| 82 | - credentials: 'include', | |
| 83 | - }; | |
| 84 | - const newOptions = { ...defaultOptions, ...options }; | |
| 85 | - if ( | |
| 86 | - newOptions.method === 'POST' || | |
| 87 | - newOptions.method === 'PUT' || | |
| 88 | - newOptions.method === 'DELETE' | |
| 89 | - ) { | |
| 90 | - if (!(newOptions.body instanceof FormData)) { | |
| 91 | - newOptions.headers = { | |
| 92 | - Accept: 'application/json', | |
| 93 | - 'Content-Type': 'application/json; charset=utf-8', | |
| 94 | - ...newOptions.headers, | |
| 95 | - }; | |
| 96 | - newOptions.body = JSON.stringify(newOptions.body); | |
| 97 | - } else { | |
| 98 | - // newOptions.body is FormData | |
| 99 | - newOptions.headers = { | |
| 100 | - Accept: 'application/json', | |
| 101 | - ...newOptions.headers, | |
| 102 | - }; | |
| 103 | - } | |
| 104 | - } | |
| 105 | - | |
| 106 | - const expirys = options.expirys && 60; | |
| 107 | - // options.expirys !== false, return the cache, | |
| 108 | - if (options.expirys !== false) { | |
| 109 | - const cached = sessionStorage.getItem(hashcode); | |
| 110 | - const whenCached = sessionStorage.getItem(`${hashcode}:timestamp`); | |
| 111 | - if (cached !== null && whenCached !== null) { | |
| 112 | - const age = (Date.now() - whenCached) / 1000; | |
| 113 | - if (age < expirys) { | |
| 114 | - const response = new Response(new Blob([cached])); | |
| 115 | - return response.json(); | |
| 116 | - } | |
| 117 | - sessionStorage.removeItem(hashcode); | |
| 118 | - sessionStorage.removeItem(`${hashcode}:timestamp`); | |
| 119 | - } | |
| 120 | - } | |
| 121 | - return fetch(url, newOptions) | |
| 122 | - .then(checkStatus) | |
| 123 | - .then(response => cachedSave(response, hashcode)) | |
| 124 | - .then(response => { | |
| 125 | - // DELETE and 204 do not return data by default | |
| 126 | - // using .json will report an error. | |
| 127 | - if (newOptions.method === 'DELETE' || response.status === 204) { | |
| 128 | - return response.text(); | |
| 129 | - } | |
| 130 | - return response.json(); | |
| 131 | - }) | |
| 132 | - .catch(e => { | |
| 133 | - const status = e.name; | |
| 134 | - if (status === 401) { | |
| 135 | - // @HACK | |
| 136 | - /* eslint-disable no-underscore-dangle */ | |
| 137 | - window.g_app._store.dispatch({ | |
| 138 | - type: 'login/logout', | |
| 139 | - }); | |
| 140 | - return; | |
| 141 | - } | |
| 142 | - // environment should not be used | |
| 143 | - if (status === 403) { | |
| 144 | - router.push('/exception/403'); | |
| 145 | - return; | |
| 146 | - } | |
| 147 | - if (status <= 504 && status >= 500) { | |
| 148 | - router.push('/exception/500'); | |
| 149 | - return; | |
| 150 | - } | |
| 151 | - if (status >= 404 && status < 422) { | |
| 152 | - router.push('/exception/404'); | |
| 153 | - } | |
| 154 | - }); | |
| 155 | -} |
| 1 | -import moment from 'moment'; | |
| 2 | -import React from 'react'; | |
| 3 | -import nzh from 'nzh/cn'; | |
| 4 | -import { parse, stringify } from 'qs'; | |
| 5 | - | |
| 6 | -export function fixedZero(val) { | |
| 7 | - return val * 1 < 10 ? `0${val}` : val; | |
| 8 | -} | |
| 9 | - | |
| 10 | -export function getTimeDistance(type) { | |
| 11 | - const now = new Date(); | |
| 12 | - const oneDay = 1000 * 60 * 60 * 24; | |
| 13 | - | |
| 14 | - if (type === 'today') { | |
| 15 | - now.setHours(0); | |
| 16 | - now.setMinutes(0); | |
| 17 | - now.setSeconds(0); | |
| 18 | - return [moment(now), moment(now.getTime() + (oneDay - 1000))]; | |
| 19 | - } | |
| 20 | - | |
| 21 | - if (type === 'week') { | |
| 22 | - let day = now.getDay(); | |
| 23 | - now.setHours(0); | |
| 24 | - now.setMinutes(0); | |
| 25 | - now.setSeconds(0); | |
| 26 | - | |
| 27 | - if (day === 0) { | |
| 28 | - day = 6; | |
| 29 | - } else { | |
| 30 | - day -= 1; | |
| 31 | - } | |
| 32 | - | |
| 33 | - const beginTime = now.getTime() - day * oneDay; | |
| 34 | - | |
| 35 | - return [moment(beginTime), moment(beginTime + (7 * oneDay - 1000))]; | |
| 36 | - } | |
| 37 | - | |
| 38 | - if (type === 'month') { | |
| 39 | - const year = now.getFullYear(); | |
| 40 | - const month = now.getMonth(); | |
| 41 | - const nextDate = moment(now).add(1, 'months'); | |
| 42 | - const nextYear = nextDate.year(); | |
| 43 | - const nextMonth = nextDate.month(); | |
| 44 | - | |
| 45 | - return [ | |
| 46 | - moment(`${year}-${fixedZero(month + 1)}-01 00:00:00`), | |
| 47 | - moment(moment(`${nextYear}-${fixedZero(nextMonth + 1)}-01 00:00:00`).valueOf() - 1000), | |
| 48 | - ]; | |
| 49 | - } | |
| 50 | - | |
| 51 | - const year = now.getFullYear(); | |
| 52 | - return [moment(`${year}-01-01 00:00:00`), moment(`${year}-12-31 23:59:59`)]; | |
| 53 | -} | |
| 54 | - | |
| 55 | -export function getPlainNode(nodeList, parentPath = '') { | |
| 56 | - const arr = []; | |
| 57 | - nodeList.forEach(node => { | |
| 58 | - const item = node; | |
| 59 | - item.path = `${parentPath}/${item.path || ''}`.replace(/\/+/g, '/'); | |
| 60 | - item.exact = true; | |
| 61 | - if (item.children && !item.component) { | |
| 62 | - arr.push(...getPlainNode(item.children, item.path)); | |
| 63 | - } else { | |
| 64 | - if (item.children && item.component) { | |
| 65 | - item.exact = false; | |
| 66 | - } | |
| 67 | - arr.push(item); | |
| 68 | - } | |
| 69 | - }); | |
| 70 | - return arr; | |
| 71 | -} | |
| 72 | - | |
| 73 | -export function digitUppercase(n) { | |
| 74 | - return nzh.toMoney(n); | |
| 75 | -} | |
| 76 | - | |
| 77 | -function getRelation(str1, str2) { | |
| 78 | - if (str1 === str2) { | |
| 79 | - console.warn('Two path are equal!'); // eslint-disable-line | |
| 80 | - } | |
| 81 | - const arr1 = str1.split('/'); | |
| 82 | - const arr2 = str2.split('/'); | |
| 83 | - if (arr2.every((item, index) => item === arr1[index])) { | |
| 84 | - return 1; | |
| 85 | - } | |
| 86 | - if (arr1.every((item, index) => item === arr2[index])) { | |
| 87 | - return 2; | |
| 88 | - } | |
| 89 | - return 3; | |
| 90 | -} | |
| 91 | - | |
| 92 | -function getRenderArr(routes) { | |
| 93 | - let renderArr = []; | |
| 94 | - renderArr.push(routes[0]); | |
| 95 | - for (let i = 1; i < routes.length; i += 1) { | |
| 96 | - // 去重 | |
| 97 | - renderArr = renderArr.filter(item => getRelation(item, routes[i]) !== 1); | |
| 98 | - // 是否包含 | |
| 99 | - const isAdd = renderArr.every(item => getRelation(item, routes[i]) === 3); | |
| 100 | - if (isAdd) { | |
| 101 | - renderArr.push(routes[i]); | |
| 102 | - } | |
| 103 | - } | |
| 104 | - return renderArr; | |
| 105 | -} | |
| 106 | - | |
| 107 | -/** | |
| 108 | - * Get router routing configuration | |
| 109 | - * { path:{name,...param}}=>Array<{name,path ...param}> | |
| 110 | - * @param {string} path | |
| 111 | - * @param {routerData} routerData | |
| 112 | - */ | |
| 113 | -export function getRoutes(path, routerData) { | |
| 114 | - let routes = Object.keys(routerData).filter( | |
| 115 | - routePath => routePath.indexOf(path) === 0 && routePath !== path | |
| 116 | - ); | |
| 117 | - // Replace path to '' eg. path='user' /user/name => name | |
| 118 | - routes = routes.map(item => item.replace(path, '')); | |
| 119 | - // Get the route to be rendered to remove the deep rendering | |
| 120 | - const renderArr = getRenderArr(routes); | |
| 121 | - // Conversion and stitching parameters | |
| 122 | - const renderRoutes = renderArr.map(item => { | |
| 123 | - const exact = !routes.some(route => route !== item && getRelation(route, item) === 1); | |
| 124 | - return { | |
| 125 | - exact, | |
| 126 | - ...routerData[`${path}${item}`], | |
| 127 | - key: `${path}${item}`, | |
| 128 | - path: `${path}${item}`, | |
| 129 | - }; | |
| 130 | - }); | |
| 131 | - return renderRoutes; | |
| 132 | -} | |
| 133 | - | |
| 134 | -export function getPageQuery() { | |
| 135 | - return parse(window.location.href.split('?')[1]); | |
| 136 | -} | |
| 137 | - | |
| 138 | -export function getQueryPath(path = '', query = {}) { | |
| 139 | - const search = stringify(query); | |
| 140 | - if (search.length) { | |
| 141 | - return `${path}?${search}`; | |
| 142 | - } | |
| 143 | - return path; | |
| 144 | -} | |
| 145 | - | |
| 146 | -/* eslint no-useless-escape:0 */ | |
| 147 | -const reg = /(((^https?:(?:\/\/)?)(?:[-;:&=\+\$,\w]+@)?[A-Za-z0-9.-]+(?::\d+)?|(?:www.|[-;:&=\+\$,\w]+@)[A-Za-z0-9.-]+)((?:\/[\+~%\/.\w-_]*)?\??(?:[-\+=&;%@.\w_]*)#?(?:[\w]*))?)$/; | |
| 148 | - | |
| 149 | -export function isUrl(path) { | |
| 150 | - return reg.test(path); | |
| 151 | -} | |
| 152 | - | |
| 153 | -export function formatWan(val) { | |
| 154 | - const v = val * 1; | |
| 155 | - if (!v || Number.isNaN(v)) return ''; | |
| 156 | - | |
| 157 | - let result = val; | |
| 158 | - if (val > 10000) { | |
| 159 | - result = Math.floor(val / 10000); | |
| 160 | - result = ( | |
| 161 | - <span> | |
| 162 | - {result} | |
| 163 | - <span | |
| 164 | - style={{ | |
| 165 | - position: 'relative', | |
| 166 | - top: -2, | |
| 167 | - fontSize: 14, | |
| 168 | - fontStyle: 'normal', | |
| 169 | - marginLeft: 2, | |
| 170 | - }} | |
| 171 | - > | |
| 172 | - 万 | |
| 173 | - </span> | |
| 174 | - </span> | |
| 175 | - ); | |
| 176 | - } | |
| 177 | - return result; | |
| 178 | -} | |
| 179 | - | |
| 180 | -// 给官方演示站点用,用于关闭真实开发环境不需要使用的特性 | |
| 181 | -export function isAntdPro() { | |
| 182 | - return window.location.hostname === 'preview.pro.ant.design'; | |
| 183 | -} |
请
注册
或
登录
后发表评论