fix
Showing
1 changed file
with
23 additions
and
16 deletions
| ... | @@ -346,7 +346,7 @@ const handleWindowResize = () => { | ... | @@ -346,7 +346,7 @@ const handleWindowResize = () => { |
| 346 | </div> | 346 | </div> |
| 347 | <div class="table_panel_wrap" :style="{ height: `calc(100% - ${tableToolsHeight + 60}px)` }"> | 347 | <div class="table_panel_wrap" :style="{ height: `calc(100% - ${tableToolsHeight + 60}px)` }"> |
| 348 | <div class="data-content" v-loading="listDataLoading" :style="{ height: `calc(100% - ${tableToolsHeight}px)` }"> | 348 | <div class="data-content" v-loading="listDataLoading" :style="{ height: `calc(100% - ${tableToolsHeight}px)` }"> |
| 349 | <div class="v-add" @click.stop="handleCreate"> | 349 | <div class="v-add" @click.stop="handleCreate" v-if="listData.length"> |
| 350 | <div class="add-img"></div> | 350 | <div class="add-img"></div> |
| 351 | <div class="add-titile"> | 351 | <div class="add-titile"> |
| 352 | 新增数据产品 | 352 | 新增数据产品 |
| ... | @@ -430,11 +430,12 @@ const handleWindowResize = () => { | ... | @@ -430,11 +430,12 @@ const handleWindowResize = () => { |
| 430 | </div> | 430 | </div> |
| 431 | </div> | 431 | </div> |
| 432 | </div> | 432 | </div> |
| 433 | <div v-if="!listData.length" class="card-noData"> | ||
| 434 | <img src="../../assets/images/no-data.png" :style="{ width: '96px', height: '96px' }" /> | ||
| 435 | <span>暂无数据资源目录</span> | ||
| 436 | </div> | ||
| 433 | </div> | 437 | </div> |
| 434 | <div v-if="!listData.length" class="card-noData"> | 438 | |
| 435 | <img src="../../assets/images/no-data.png" :style="{ width: '96px', height: '96px' }" /> | ||
| 436 | <span>暂无数据资源目录</span> | ||
| 437 | </div> | ||
| 438 | </div> | 439 | </div> |
| 439 | <PageNav :class="[pageInfo.type]" :pageInfo="pageInfo" @pageChange="pageChange" /> | 440 | <PageNav :class="[pageInfo.type]" :pageInfo="pageInfo" @pageChange="pageChange" /> |
| 440 | </div> | 441 | </div> |
| ... | @@ -463,19 +464,9 @@ const handleWindowResize = () => { | ... | @@ -463,19 +464,9 @@ const handleWindowResize = () => { |
| 463 | 464 | ||
| 464 | .table_panel_wrap { | 465 | .table_panel_wrap { |
| 465 | margin-top: 16px; | 466 | margin-top: 16px; |
| 466 | } | 467 | position: relative; |
| 467 | |||
| 468 | .data-content { | ||
| 469 | // height: calc(100% - 44px); | ||
| 470 | display: flex; | ||
| 471 | flex-wrap: wrap; | ||
| 472 | gap: 20px 20px; | ||
| 473 | align-content: flex-start; | ||
| 474 | overflow-y: auto; | ||
| 475 | 468 | ||
| 476 | .card-noData { | 469 | .card-noData { |
| 477 | height: 100%; | ||
| 478 | width: 100%; | ||
| 479 | background: #fafafa; | 470 | background: #fafafa; |
| 480 | display: flex; | 471 | display: flex; |
| 481 | flex-direction: column; | 472 | flex-direction: column; |
| ... | @@ -483,7 +474,23 @@ const handleWindowResize = () => { | ... | @@ -483,7 +474,23 @@ const handleWindowResize = () => { |
| 483 | align-items: center; | 474 | align-items: center; |
| 484 | color: #909399; | 475 | color: #909399; |
| 485 | font-size: 14px; | 476 | font-size: 14px; |
| 477 | position: absolute; | ||
| 478 | top: 50%; | ||
| 479 | left: 50%; | ||
| 480 | transform: translate(-50%, -50%); | ||
| 486 | } | 481 | } |
| 482 | } | ||
| 483 | |||
| 484 | .data-content { | ||
| 485 | // height: calc(100% - 44px); | ||
| 486 | display: flex; | ||
| 487 | flex-wrap: wrap; | ||
| 488 | gap: 20px 20px; | ||
| 489 | align-content: flex-start; | ||
| 490 | overflow-y: auto; | ||
| 491 | |||
| 492 | |||
| 493 | |||
| 487 | 494 | ||
| 488 | 495 | ||
| 489 | .v-add { | 496 | .v-add { | ... | ... |
-
Please register or sign in to post a comment