ce877fdf by xukangle

fix

1 parent 8862fa0e
...@@ -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 {
......
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!