Переглянути джерело

feat: 调整所有图表显示增加高度

outaozhen 4 роки тому
батько
коміт
f56f791f27

+ 2 - 2
src/pages/Statistic/Customer/CustomerAdditions/index.tsx

@@ -83,7 +83,7 @@ const CustomerAdditions = () => {
   const handleOnChange = val => {
   const handleOnChange = val => {
     // console.log(state.type)
     // console.log(state.type)
     if (val?.length !== 2) return
     if (val?.length !== 2) return
-    console.log(val)
+    // console.log(val)
     if (state.params.dateType === 'month') {
     if (state.params.dateType === 'month') {
       const [startTime, endTime] = val
       const [startTime, endTime] = val
       setState({
       setState({
@@ -133,7 +133,7 @@ const CustomerAdditions = () => {
     <PageContainer title={false} breadcrumb={false} waterMarkProps={{ offsetTop: 111 }}>
     <PageContainer title={false} breadcrumb={false} waterMarkProps={{ offsetTop: 111 }}>
       <div className="flex flex-col">
       <div className="flex flex-col">
         <div className="flex flex-row justify-between mb-4">
         <div className="flex flex-row justify-between mb-4">
-          <div className="card-transition bg-white w-full">
+          <div className="card-transition bg-white w-full h-250px">
             {state.data?.length ? <Column {...columnConfig} /> : null}
             {state.data?.length ? <Column {...columnConfig} /> : null}
           </div>
           </div>
         </div>
         </div>

+ 1 - 1
src/pages/Statistic/Product/InvoiceAggregate/index.tsx

@@ -87,7 +87,7 @@ const InvoiceAggregate = () => {
     <PageContainer title={false} breadcrumb={false} waterMarkProps={{ offsetTop: 111 }}>
     <PageContainer title={false} breadcrumb={false} waterMarkProps={{ offsetTop: 111 }}>
       <div className="flex flex-col">
       <div className="flex flex-col">
         <div className="flex flex-row justify-between mb-4">
         <div className="flex flex-row justify-between mb-4">
-          <div className="card-transition bg-white w-full">
+          <div className="card-transition bg-white w-full h-250px">
             {/* {pieData.pieLeft ? <Pie {...leftConfig} /> : null} */}
             {/* {pieData.pieLeft ? <Pie {...leftConfig} /> : null} */}
             {state.list?.length ? <Column {...columnConfig} /> : null}
             {state.list?.length ? <Column {...columnConfig} /> : null}
           </div>
           </div>

+ 1 - 1
src/pages/Statistic/Product/InvoiceTrends/index.tsx

@@ -183,7 +183,7 @@ const InvoiceTrends = () => {
     <PageContainer title={false} breadcrumb={false} waterMarkProps={{ offsetTop: 111 }}>
     <PageContainer title={false} breadcrumb={false} waterMarkProps={{ offsetTop: 111 }}>
       <div className="flex flex-col">
       <div className="flex flex-col">
         <div className="flex flex-row justify-between mb-4">
         <div className="flex flex-row justify-between mb-4">
-          <div className="card-transition bg-white w-full">
+          <div className="card-transition bg-white w-full h-250px">
             {state.chart?.length ? <DualAxes {...dualAxesOptions} /> : null}
             {state.chart?.length ? <DualAxes {...dualAxesOptions} /> : null}
             {/* {pieData.pieLeft ? <Pie {...leftConfig} /> : null} */}
             {/* {pieData.pieLeft ? <Pie {...leftConfig} /> : null} */}
             {/* {state.list?.length ? <Column {...columnConfig} /> : null} */}
             {/* {state.list?.length ? <Column {...columnConfig} /> : null} */}

+ 2 - 2
src/pages/Statistic/Product/SoftwareUsage/index.tsx

@@ -123,10 +123,10 @@ const Usage = () => {
     <PageContainer title={false} breadcrumb={false} waterMarkProps={{ offsetTop: 111 }}>
     <PageContainer title={false} breadcrumb={false} waterMarkProps={{ offsetTop: 111 }}>
       <div className="flex flex-col">
       <div className="flex flex-col">
         <div className="flex flex-row justify-between mb-4">
         <div className="flex flex-row justify-between mb-4">
-          <div className="card-transition  w-1/2 bg-white mr-2">
+          <div className="card-transition w-1/2 h-250px bg-white mr-2">
             {pieData.pieLeft ? <Pie {...leftConfig} /> : null}
             {pieData.pieLeft ? <Pie {...leftConfig} /> : null}
           </div>
           </div>
-          <div className="card-transition w-1/2 bg-white ml-2">
+          <div className="card-transition w-1/2 h-250px bg-white ml-2">
             {pieData.pieRight ? <Pie {...rightConfig} /> : null}
             {pieData.pieRight ? <Pie {...rightConfig} /> : null}
           </div>
           </div>
         </div>
         </div>