This commit is contained in:
parent
289839651d
commit
ca43557416
@ -68,7 +68,6 @@ const [BasicTable, tableApi] = useVbenVxeGrid({
|
|||||||
.box{
|
.box{
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: 1fr 3fr;
|
grid-template-columns: 1fr 3fr;
|
||||||
gap: 30px;
|
|
||||||
|
|
||||||
.right {
|
.right {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
@ -300,7 +300,7 @@ onMounted(()=>{
|
|||||||
</div>
|
</div>
|
||||||
<div id="day" style="height: 250px;width: 100%;"></div>
|
<div id="day" style="height: 250px;width: 100%;"></div>
|
||||||
</div>
|
</div>
|
||||||
<div style="background: #fff;border-radius: 8px;padding: 10px;margin-top: 10px;">
|
<div style="background: #fff;border-radius: 8px;padding: 10px;margin-top: 16px;">
|
||||||
<div>
|
<div>
|
||||||
<div style="display: flex;justify-content: space-between;">
|
<div style="display: flex;justify-content: space-between;">
|
||||||
<DatePicker
|
<DatePicker
|
||||||
@ -311,7 +311,7 @@ onMounted(()=>{
|
|||||||
</div>
|
</div>
|
||||||
<div id="month" style="height: 250px;width: 100%;"></div>
|
<div id="month" style="height: 250px;width: 100%;"></div>
|
||||||
</div>
|
</div>
|
||||||
<div style="background: #fff;border-radius: 8px;padding: 10px;margin-top: 10px;">
|
<div style="background: #fff;border-radius: 8px;padding: 10px;margin-top: 16px;">
|
||||||
<div>
|
<div>
|
||||||
<div style="display: flex;justify-content: space-between;">
|
<div style="display: flex;justify-content: space-between;">
|
||||||
<DatePicker
|
<DatePicker
|
||||||
@ -330,7 +330,7 @@ onMounted(()=>{
|
|||||||
.box{
|
.box{
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: 1fr 3fr;
|
grid-template-columns: 1fr 3fr;
|
||||||
gap: 30px;
|
gap: 16px;
|
||||||
padding: 10px;
|
padding: 16px;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
@ -68,6 +68,5 @@ const [BasicTable, tableApi] = useVbenVxeGrid({
|
|||||||
.box{
|
.box{
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: 1fr 3fr;
|
grid-template-columns: 1fr 3fr;
|
||||||
gap: 30px;
|
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
@ -134,7 +134,7 @@ const data = [...Array(32)].map((_, i) => ({
|
|||||||
<div class="box">
|
<div class="box">
|
||||||
<div class="left"><FloorTree></FloorTree></div>
|
<div class="left"><FloorTree></FloorTree></div>
|
||||||
<div class="right">
|
<div class="right">
|
||||||
<div style="background: #fff;border-radius: 8px;padding: 10px;margin-bottom: 10px;">
|
<div style="background: #fff;border-radius: 8px;padding: 10px;margin-bottom: 16px;">
|
||||||
<div>
|
<div>
|
||||||
年份
|
年份
|
||||||
<DatePicker
|
<DatePicker
|
||||||
@ -156,7 +156,7 @@ const data = [...Array(32)].map((_, i) => ({
|
|||||||
:columns="columns"
|
:columns="columns"
|
||||||
:data-source="data"
|
:data-source="data"
|
||||||
:pagination="false"
|
:pagination="false"
|
||||||
:scroll="{ y: 270 }"
|
:scroll="{ y: '50vh' }"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -167,7 +167,7 @@ const data = [...Array(32)].map((_, i) => ({
|
|||||||
.box{
|
.box{
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: 1fr 3fr;
|
grid-template-columns: 1fr 3fr;
|
||||||
gap: 30px;
|
gap: 16px;
|
||||||
padding: 10px;
|
padding: 16px;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
@ -68,7 +68,6 @@ const [BasicTable, tableApi] = useVbenVxeGrid({
|
|||||||
.box{
|
.box{
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: 1fr 3fr;
|
grid-template-columns: 1fr 3fr;
|
||||||
gap: 30px;
|
|
||||||
|
|
||||||
.right {
|
.right {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
@ -68,6 +68,5 @@ const [BasicTable, tableApi] = useVbenVxeGrid({
|
|||||||
.box{
|
.box{
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: 1fr 3fr;
|
grid-template-columns: 1fr 3fr;
|
||||||
gap: 30px;
|
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
@ -198,7 +198,7 @@ onMounted(()=>{
|
|||||||
<div class="box">
|
<div class="box">
|
||||||
<div class="left"><FloorTree></FloorTree></div>
|
<div class="left"><FloorTree></FloorTree></div>
|
||||||
<div class="right">
|
<div class="right">
|
||||||
<div style="background: #fff;border-radius: 8px;padding: 10px;margin-top: 10px;">
|
<div style="background: #fff;border-radius: 8px;padding: 10px;">
|
||||||
<div>
|
<div>
|
||||||
<div style="display: flex;justify-content: space-between;">
|
<div style="display: flex;justify-content: space-between;">
|
||||||
<DatePicker
|
<DatePicker
|
||||||
@ -207,9 +207,9 @@ onMounted(()=>{
|
|||||||
picker="month"
|
picker="month"
|
||||||
/>当月能耗总值:30.00t</div>
|
/>当月能耗总值:30.00t</div>
|
||||||
</div>
|
</div>
|
||||||
<div id="month" style="height: 250px;width: 100%;"></div>
|
<div id="month" style="height: 350px;width: 100%;"></div>
|
||||||
</div>
|
</div>
|
||||||
<div style="background: #fff;border-radius: 8px;padding: 10px;margin-top: 10px;">
|
<div style="background: #fff;border-radius: 8px;padding: 10px;margin-top: 16px;">
|
||||||
<div>
|
<div>
|
||||||
<div style="display: flex;justify-content: space-between;">
|
<div style="display: flex;justify-content: space-between;">
|
||||||
<DatePicker
|
<DatePicker
|
||||||
@ -218,7 +218,7 @@ onMounted(()=>{
|
|||||||
picker="year"
|
picker="year"
|
||||||
/>当年能耗总值:59.00t</div>
|
/>当年能耗总值:59.00t</div>
|
||||||
</div>
|
</div>
|
||||||
<div id="year" style="height: 250px;width: 100%;"></div>
|
<div id="year" style="height: 350px;width: 100%;"></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -228,7 +228,7 @@ onMounted(()=>{
|
|||||||
.box{
|
.box{
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: 1fr 3fr;
|
grid-template-columns: 1fr 3fr;
|
||||||
gap: 30px;
|
gap: 16px;
|
||||||
padding: 10px;
|
padding: 16px;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
@ -134,7 +134,7 @@ const data = [...Array(32)].map((_, i) => ({
|
|||||||
<div class="box">
|
<div class="box">
|
||||||
<div class="left"><FloorTree></FloorTree></div>
|
<div class="left"><FloorTree></FloorTree></div>
|
||||||
<div class="right">
|
<div class="right">
|
||||||
<div style="background: #fff;border-radius: 8px;padding: 10px;margin-bottom: 10px;">
|
<div style="background: #fff;border-radius: 8px;padding: 10px;margin-bottom: 16px;">
|
||||||
<div>
|
<div>
|
||||||
年份
|
年份
|
||||||
<DatePicker
|
<DatePicker
|
||||||
@ -156,7 +156,7 @@ const data = [...Array(32)].map((_, i) => ({
|
|||||||
:columns="columns"
|
:columns="columns"
|
||||||
:data-source="data"
|
:data-source="data"
|
||||||
:pagination="false"
|
:pagination="false"
|
||||||
:scroll="{ y: 270 }"
|
:scroll="{ y: '50vh' }"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -167,7 +167,7 @@ const data = [...Array(32)].map((_, i) => ({
|
|||||||
.box{
|
.box{
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: 1fr 3fr;
|
grid-template-columns: 1fr 3fr;
|
||||||
gap: 30px;
|
gap: 16px;
|
||||||
padding: 10px;
|
padding: 16px;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
Loading…
Reference in New Issue
Block a user