|
@@ -6,6 +6,7 @@ import consts from '@/consts'
|
|
|
import { useDebounceFn } from 'ahooks'
|
|
import { useDebounceFn } from 'ahooks'
|
|
|
import dayjs from 'dayjs'
|
|
import dayjs from 'dayjs'
|
|
|
import { Pie } from '@ant-design/charts'
|
|
import { Pie } from '@ant-design/charts'
|
|
|
|
|
+import { isMobile } from '@/utils/is'
|
|
|
|
|
|
|
|
const { Text } = Typography
|
|
const { Text } = Typography
|
|
|
const opMap = {
|
|
const opMap = {
|
|
@@ -165,14 +166,17 @@ const Usage = () => {
|
|
|
|
|
|
|
|
return (
|
|
return (
|
|
|
<div className="flex flex-col">
|
|
<div className="flex flex-col">
|
|
|
- <div className="flex flex-row justify-between mb-4">
|
|
|
|
|
- <div className="card-transition w-1/2 bg-white mr-2">
|
|
|
|
|
- {pieData.pieLeft ? <Pie {...leftConfig} /> : null}
|
|
|
|
|
|
|
+ {!isMobile() && (
|
|
|
|
|
+ <div className="flex flex-row justify-between mb-4">
|
|
|
|
|
+ <div className="card-transition w-1/2 bg-white mr-2">
|
|
|
|
|
+ {pieData.pieLeft ? <Pie {...leftConfig} /> : null}
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div className="card-transition w-1/2 bg-white ml-2">
|
|
|
|
|
+ {pieData.pieRight ? <Pie {...rightConfig} /> : null}
|
|
|
|
|
+ </div>
|
|
|
</div>
|
|
</div>
|
|
|
- <div className="card-transition w-1/2 bg-white ml-2">
|
|
|
|
|
- {pieData.pieRight ? <Pie {...rightConfig} /> : null}
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
|
|
+ )}
|
|
|
|
|
+
|
|
|
<BasicTable
|
|
<BasicTable
|
|
|
manualRequest
|
|
manualRequest
|
|
|
search={false}
|
|
search={false}
|