Commit d0fe0f35 authored by 季圣华's avatar 季圣华
Browse files

调整页面的高度,改为自适应

parent f57c667d
<template> <template>
<a-row :gutter="24"> <a-row :gutter="24">
<a-col :md="24"> <a-col :md="24">
<a-card :bordered="false"> <a-card :style="cardStyle" :bordered="false">
<!-- 查询区域 --> <!-- 查询区域 -->
<div class="table-page-search-wrapper"> <div class="table-page-search-wrapper">
<!-- 搜索区域 --> <!-- 搜索区域 -->
......
<template> <template>
<a-row :gutter="24"> <a-row :gutter="24">
<a-col :md="24"> <a-col :md="24">
<a-card :bordered="false"> <a-card :style="cardStyle" :bordered="false">
<!-- 查询区域 --> <!-- 查询区域 -->
<div class="table-page-search-wrapper"> <div class="table-page-search-wrapper">
<!-- 搜索区域 --> <!-- 搜索区域 -->
......
<template> <template>
<a-row :gutter="24"> <a-row :gutter="24">
<a-col :md="24"> <a-col :md="24">
<a-card :bordered="false"> <a-card :style="cardStyle" :bordered="false">
<!-- 查询区域 --> <!-- 查询区域 -->
<div class="table-page-search-wrapper"> <div class="table-page-search-wrapper">
<!-- 搜索区域 --> <!-- 搜索区域 -->
......
<template> <template>
<a-row :gutter="24"> <a-row :gutter="24">
<a-col :md="24"> <a-col :md="24">
<a-card :bordered="false"> <a-card :style="cardStyle" :bordered="false">
<!-- 查询区域 --> <!-- 查询区域 -->
<div class="table-page-search-wrapper"> <div class="table-page-search-wrapper">
<!-- 搜索区域 --> <!-- 搜索区域 -->
......
<template> <template>
<a-row :gutter="24"> <a-row :gutter="24">
<a-col :md="24"> <a-col :md="24">
<a-card :bordered="false"> <a-card :style="cardStyle" :bordered="false">
<!-- 查询区域 --> <!-- 查询区域 -->
<div class="table-page-search-wrapper"> <div class="table-page-search-wrapper">
<!-- 搜索区域 --> <!-- 搜索区域 -->
......
<template> <template>
<a-row :gutter="24"> <a-row :gutter="24">
<a-col :md="24"> <a-col :md="24">
<a-card :bordered="false"> <a-card :style="cardStyle" :bordered="false">
<!-- 查询区域 --> <!-- 查询区域 -->
<div class="table-page-search-wrapper"> <div class="table-page-search-wrapper">
<!-- 搜索区域 --> <!-- 搜索区域 -->
......
<template> <template>
<a-row :gutter="24"> <a-row :gutter="24">
<a-col :md="24"> <a-col :md="24">
<a-card :bordered="false"> <a-card :style="cardStyle" :bordered="false">
<!-- 查询区域 --> <!-- 查询区域 -->
<div class="table-page-search-wrapper"> <div class="table-page-search-wrapper">
<!-- 搜索区域 --> <!-- 搜索区域 -->
......
<template> <template>
<a-row :gutter="24"> <a-row :gutter="24">
<a-col :md="24"> <a-col :md="24">
<a-card :bordered="false"> <a-card :style="cardStyle" :bordered="false">
<!-- 查询区域 --> <!-- 查询区域 -->
<div class="table-page-search-wrapper"> <div class="table-page-search-wrapper">
<!-- 搜索区域 --> <!-- 搜索区域 -->
......
<template> <template>
<a-row :gutter="24"> <a-row :gutter="24">
<a-col :md="24"> <a-col :md="24">
<a-card :bordered="false"> <a-card :style="cardStyle" :bordered="false">
<!-- 查询区域 --> <!-- 查询区域 -->
<div class="table-page-search-wrapper"> <div class="table-page-search-wrapper">
<!-- 搜索区域 --> <!-- 搜索区域 -->
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
<template> <template>
<a-row :gutter="24"> <a-row :gutter="24">
<a-col :md="24"> <a-col :md="24">
<a-card :bordered="false"> <a-card :style="cardStyle" :bordered="false">
<!-- 查询区域 --> <!-- 查询区域 -->
<div class="table-page-search-wrapper"> <div class="table-page-search-wrapper">
<!-- 搜索区域 --> <!-- 搜索区域 -->
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
<template> <template>
<a-row :gutter="24"> <a-row :gutter="24">
<a-col :md="24"> <a-col :md="24">
<a-card :bordered="false"> <a-card :style="cardStyle" :bordered="false">
<!-- 查询区域 --> <!-- 查询区域 -->
<div class="table-page-search-wrapper"> <div class="table-page-search-wrapper">
<!-- 搜索区域 --> <!-- 搜索区域 -->
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
<template> <template>
<a-row :gutter="24"> <a-row :gutter="24">
<a-col :md="24"> <a-col :md="24">
<a-card :bordered="false"> <a-card :style="cardStyle" :bordered="false">
<!-- 查询区域 --> <!-- 查询区域 -->
<div class="table-page-search-wrapper"> <div class="table-page-search-wrapper">
<!-- 搜索区域 --> <!-- 搜索区域 -->
......
...@@ -54,19 +54,19 @@ ...@@ -54,19 +54,19 @@
<a-col :sm="24" :md="12" :xl="8" :style="{ paddingRight: '0px',marginBottom: '12px' }"> <a-col :sm="24" :md="12" :xl="8" :style="{ paddingRight: '0px',marginBottom: '12px' }">
<a-card :loading="loading" :bordered="false" :body-style="{paddingRight: '5'}" data-step="7" data-title="采购统计" <a-card :loading="loading" :bordered="false" :body-style="{paddingRight: '5'}" data-step="7" data-title="采购统计"
data-intro="统计往前6个月每月采购的总金额"> data-intro="统计往前6个月每月采购的总金额">
<bar title="采购统计" :height="410" :yaxisText="yaxisText" :dataSource="buyPriceData"/> <bar title="采购统计" :height="barHeight" :yaxisText="yaxisText" :dataSource="buyPriceData"/>
</a-card> </a-card>
</a-col> </a-col>
<a-col :sm="24" :md="12" :xl="8" :style="{ paddingRight: '0px',marginBottom: '12px' }"> <a-col :sm="24" :md="12" :xl="8" :style="{ paddingRight: '0px',marginBottom: '12px' }">
<a-card :loading="loading" :bordered="false" :body-style="{paddingRight: '5'}" data-step="8" data-title="销售统计" <a-card :loading="loading" :bordered="false" :body-style="{paddingRight: '5'}" data-step="8" data-title="销售统计"
data-intro="统计往前6个月每月销售的总金额"> data-intro="统计往前6个月每月销售的总金额">
<bar title="销售统计" :height="410" :yaxisText="yaxisText" :dataSource="salePriceData"/> <bar title="销售统计" :height="barHeight" :yaxisText="yaxisText" :dataSource="salePriceData"/>
</a-card> </a-card>
</a-col> </a-col>
<a-col :sm="24" :md="12" :xl="8" :style="{ paddingRight: '0px',marginBottom: '12px' }"> <a-col :sm="24" :md="12" :xl="8" :style="{ paddingRight: '0px',marginBottom: '12px' }">
<a-card :loading="loading" :bordered="false" :body-style="{paddingRight: '5'}" data-step="9" data-title="零售统计" <a-card :loading="loading" :bordered="false" :body-style="{paddingRight: '5'}" data-step="9" data-title="零售统计"
data-intro="统计往前6个月每月零售的总金额"> data-intro="统计往前6个月每月零售的总金额">
<bar title="零售统计" :height="410" :yaxisText="yaxisText" :dataSource="retailPriceData"/> <bar title="零售统计" :height="barHeight" :yaxisText="yaxisText" :dataSource="retailPriceData"/>
</a-card> </a-card>
</a-col> </a-col>
</a-row> </a-row>
...@@ -122,6 +122,7 @@ ...@@ -122,6 +122,7 @@
loading: true, loading: true,
center: null, center: null,
statistics: {}, statistics: {},
barHeight: document.documentElement.clientHeight-465,
yaxisText: '金额', yaxisText: '金额',
buyPriceData: [], buyPriceData: [],
salePriceData: [], salePriceData: [],
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
<template> <template>
<a-row :gutter="24"> <a-row :gutter="24">
<a-col :md="24"> <a-col :md="24">
<a-card :bordered="false"> <a-card :style="cardStyle" :bordered="false">
<!-- 查询区域 --> <!-- 查询区域 -->
<div class="table-page-search-wrapper"> <div class="table-page-search-wrapper">
<!-- 搜索区域 --> <!-- 搜索区域 -->
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
<template> <template>
<a-row :gutter="24"> <a-row :gutter="24">
<a-col :md="24"> <a-col :md="24">
<a-card :bordered="false"> <a-card :style="cardStyle" :bordered="false">
<!-- 查询区域 --> <!-- 查询区域 -->
<div class="table-page-search-wrapper"> <div class="table-page-search-wrapper">
<!-- 搜索区域 --> <!-- 搜索区域 -->
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
<template> <template>
<a-row :gutter="24"> <a-row :gutter="24">
<a-col :md="24"> <a-col :md="24">
<a-card :bordered="false"> <a-card :style="cardStyle" :bordered="false">
<!-- 查询区域 --> <!-- 查询区域 -->
<div class="table-page-search-wrapper"> <div class="table-page-search-wrapper">
<!-- 搜索区域 --> <!-- 搜索区域 -->
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
<template> <template>
<a-row :gutter="24"> <a-row :gutter="24">
<a-col :md="24"> <a-col :md="24">
<a-card :bordered="false"> <a-card :style="cardStyle" :bordered="false">
<!-- 查询区域 --> <!-- 查询区域 -->
<div class="table-page-search-wrapper"> <div class="table-page-search-wrapper">
<!-- 搜索区域 --> <!-- 搜索区域 -->
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
<template> <template>
<a-row :gutter="24"> <a-row :gutter="24">
<a-col :md="24"> <a-col :md="24">
<a-card :bordered="false"> <a-card :style="cardStyle" :bordered="false">
<!-- 查询区域 --> <!-- 查询区域 -->
<div class="table-page-search-wrapper"> <div class="table-page-search-wrapper">
<!-- 搜索区域 --> <!-- 搜索区域 -->
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
<template> <template>
<a-row :gutter="24"> <a-row :gutter="24">
<a-col :md="24"> <a-col :md="24">
<a-card :bordered="false"> <a-card :style="cardStyle" :bordered="false">
<!-- 查询区域 --> <!-- 查询区域 -->
<div class="table-page-search-wrapper"> <div class="table-page-search-wrapper">
<!-- 搜索区域 --> <!-- 搜索区域 -->
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
<template> <template>
<a-row :gutter="24"> <a-row :gutter="24">
<a-col :md="24"> <a-col :md="24">
<a-card :bordered="false"> <a-card :style="cardStyle" :bordered="false">
<!-- table区域-begin --> <!-- table区域-begin -->
<div> <div>
<a-table <a-table
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment