数据资产登记更新
Showing
1 changed file
with
11 additions
and
9 deletions
| ... | @@ -531,11 +531,11 @@ const rejectDialogBtnClick = (btn, info) => { | ... | @@ -531,11 +531,11 @@ const rejectDialogBtnClick = (btn, info) => { |
| 531 | </div> | 531 | </div> |
| 532 | <div class="content_main_wrap"> | 532 | <div class="content_main_wrap"> |
| 533 | <div class="list-content"> | 533 | <div class="list-content"> |
| 534 | <div class="card-content" :class="{ active: exchangGuid == item.exchangeGuid }" v-for="item in exchangeList" | 534 | <template v-for="(item, i) in exchangeList" :key="item.exchangeGuid"> |
| 535 | :key="item.exchangeGuid"> | 535 | <div class="card-content" :class="{ active: exchangGuid == item.exchangeGuid }"> |
| 536 | <div class="header"> | 536 | <div class="header"> |
| 537 | <img class="left-img" :src="(item.picUrl && typeof item.picUrl == 'string') ? item.picUrl : defaultItemLogo" | 537 | <img class="left-img" |
| 538 | alt="" /> | 538 | :src="(item.picUrl && typeof item.picUrl == 'string') ? item.picUrl : defaultItemLogo" alt="" /> |
| 539 | <div class="right-main"> | 539 | <div class="right-main"> |
| 540 | <div class="title" :class="{ active: exchangGuid == item.exchangeGuid }" | 540 | <div class="title" :class="{ active: exchangGuid == item.exchangeGuid }" |
| 541 | @click="btnClick({ value: 'search', ...item })" v-preReClick>{{ item.exchangeName ?? '--' }}</div> | 541 | @click="btnClick({ value: 'search', ...item })" v-preReClick>{{ item.exchangeName ?? '--' }}</div> |
| ... | @@ -556,6 +556,8 @@ const rejectDialogBtnClick = (btn, info) => { | ... | @@ -556,6 +556,8 @@ const rejectDialogBtnClick = (btn, info) => { |
| 556 | <div class="left-btn is_block" @click="btnClick({ value: 'create', ...item })">资产登记</div> | 556 | <div class="left-btn is_block" @click="btnClick({ value: 'create', ...item })">资产登记</div> |
| 557 | </div> | 557 | </div> |
| 558 | </div> | 558 | </div> |
| 559 | <div v-if="i < exchangeList.length - 1" class="space_partition"></div> | ||
| 560 | </template> | ||
| 559 | </div> | 561 | </div> |
| 560 | <div class="table_panel_wrap"> | 562 | <div class="table_panel_wrap"> |
| 561 | <Table :tableInfo="tableInfo" @tableBtnClick="tableBtnClick" /> | 563 | <Table :tableInfo="tableInfo" @tableBtnClick="tableBtnClick" /> |
| ... | @@ -727,16 +729,12 @@ const rejectDialogBtnClick = (btn, info) => { | ... | @@ -727,16 +729,12 @@ const rejectDialogBtnClick = (btn, info) => { |
| 727 | flex-wrap: wrap; | 729 | flex-wrap: wrap; |
| 728 | 730 | ||
| 729 | .card-content { | 731 | .card-content { |
| 730 | width: calc(33.33% - 6px); | 732 | width: calc(25% - 6px); |
| 731 | padding: 16px; | 733 | padding: 16px; |
| 732 | box-shadow: 0 0 0 1px #d9d9d9; | 734 | box-shadow: 0 0 0 1px #d9d9d9; |
| 733 | margin-bottom: 8px; | 735 | margin-bottom: 8px; |
| 734 | max-width: 400px; | 736 | max-width: 400px; |
| 735 | 737 | ||
| 736 | +.card-content { | ||
| 737 | margin-left: 8px; | ||
| 738 | } | ||
| 739 | |||
| 740 | &.active { | 738 | &.active { |
| 741 | box-shadow: 0 0 0 1px var(--el-color-primary); | 739 | box-shadow: 0 0 0 1px var(--el-color-primary); |
| 742 | } | 740 | } |
| ... | @@ -819,5 +817,9 @@ const rejectDialogBtnClick = (btn, info) => { | ... | @@ -819,5 +817,9 @@ const rejectDialogBtnClick = (btn, info) => { |
| 819 | } | 817 | } |
| 820 | } | 818 | } |
| 821 | } | 819 | } |
| 820 | |||
| 821 | .space_partition { | ||
| 822 | width: 8px; | ||
| 823 | } | ||
| 822 | } | 824 | } |
| 823 | </style> | 825 | </style> | ... | ... |
-
Please register or sign in to post a comment