|
@@ -1,29 +1,29 @@
|
|
|
<template>
|
|
|
<div class="app-container">
|
|
|
- <el-card shadow="always" :body-style="{ padding: '20px' }">
|
|
|
- <template #header>
|
|
|
- <div class="card_list">
|
|
|
- <div
|
|
|
- class="card_wrap"
|
|
|
- v-for="(cardData, index) in tableLists"
|
|
|
- :key="index"
|
|
|
- >
|
|
|
- <TableCard
|
|
|
- :ref="'childComponent' + index"
|
|
|
- @updateData="updateDataList"
|
|
|
- @getChildData="getChildData"
|
|
|
- @getDefaultCardData="getDefaultCardData"
|
|
|
- @getEditHandle="getEditHandle"
|
|
|
- :tableKey="cardData.tableKey"
|
|
|
- :sort="cardData.sort"
|
|
|
- :cardData="cardData"
|
|
|
- :index="index"
|
|
|
- ></TableCard>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- <!-- card body -->
|
|
|
- </el-card>
|
|
|
+ <!-- <el-card shadow="always" :body-style="{ padding: '20px' }"> -->
|
|
|
+ <!-- <template #header> -->
|
|
|
+ <div class="card_list">
|
|
|
+ <div
|
|
|
+ class="card_wrap"
|
|
|
+ v-for="(cardData, index) in tableLists"
|
|
|
+ :key="index"
|
|
|
+ >
|
|
|
+ <TableCard
|
|
|
+ :ref="'childComponent' + index"
|
|
|
+ @updateData="updateDataList"
|
|
|
+ @getChildData="getChildData"
|
|
|
+ @getDefaultCardData="getDefaultCardData"
|
|
|
+ @getEditHandle="getEditHandle"
|
|
|
+ :tableKey="cardData.tableKey"
|
|
|
+ :sort="cardData.sort"
|
|
|
+ :cardData="cardData"
|
|
|
+ :index="index"
|
|
|
+ ></TableCard>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- </template> -->
|
|
|
+ <!-- card body -->
|
|
|
+ <!-- </el-card> -->
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
@@ -135,12 +135,14 @@ export default {
|
|
|
<style lang="scss" scoped>
|
|
|
.card_list {
|
|
|
display: flex;
|
|
|
+ width: 100%;
|
|
|
.card_wrap {
|
|
|
// max-height: 400px;
|
|
|
display: flex;
|
|
|
flex-wrap: wrap;
|
|
|
max-width: 400px;
|
|
|
margin-right: 20px;
|
|
|
+ min-width: 30%;
|
|
|
}
|
|
|
}
|
|
|
::v-deep .box-card[data-v-f25ef500] {
|