修改每行展示几个卡片
This commit is contained in:
parent
7dbb11039a
commit
20eabffb20
|
|
@ -23,7 +23,7 @@
|
||||||
</a-form>
|
</a-form>
|
||||||
</div>
|
</div>
|
||||||
<a-row style="margin-top: -5px;">
|
<a-row style="margin-top: -5px;">
|
||||||
<a-col v-for="(item,index) in dataList" :key="index" style="padding: 5px 14px 0 0;height: 230px;" :xs="24" :sm="24" :md="12" :lg="12" :xl="8" :xxl="4" >
|
<a-col v-for="(item,index) in dataList" :key="index" style="padding: 5px 14px 0 0;height: 230px;" :xs="24" :sm="24" :md="12" :lg="12" :xl="8" :xxl="6" >
|
||||||
<a-row style="padding: 0 5px;background-color: white;border-radius: 8px;height: 220px;">
|
<a-row style="padding: 0 5px;background-color: white;border-radius: 8px;height: 220px;">
|
||||||
<a-col :span="4">
|
<a-col :span="4">
|
||||||
<div class="bjclass">
|
<div class="bjclass">
|
||||||
|
|
@ -44,8 +44,8 @@
|
||||||
<div class="center-lines">出生日期: {{item.dateOfBirth }}</div>
|
<div class="center-lines">出生日期: {{item.dateOfBirth }}</div>
|
||||||
</div>
|
</div>
|
||||||
<div style="color: #857f7f;">
|
<div style="color: #857f7f;">
|
||||||
<span style="float:left;"><Icon icon="ant-design:user-add-outlined" :size="18" /><span style="margin-left:5px;">{{ item.createBy_dictText }}</span></span>
|
<!-- <span style="float:left;"><Icon icon="ant-design:user-add-outlined" :size="18" /><span style="margin-left:5px;">{{ item.createBy_dictText }}</span></span> -->
|
||||||
<span style="margin-left: 15px;float:left;"><Icon icon="ant-design:field-time-outlined" :size="20" /><span style="margin-left:5px;font-size:16px;">{{ item.createTime.substring(0,10) }}</span></span>
|
<span style="float:left;"><Icon icon="ant-design:field-time-outlined" :size="20" /><span style="margin-left:5px;font-size:16px;">{{ item.createTime.substring(0,10) }}</span></span>
|
||||||
<span style="margin-right: 15px;float:right;">
|
<span style="margin-right: 15px;float:right;">
|
||||||
<a-dropdown :trigger="['hover']" placement="topRight">
|
<a-dropdown :trigger="['hover']" placement="topRight">
|
||||||
<a-button type="link"><Icon icon="ant-design:more-outlined" :size="20" /></a-button>
|
<a-button type="link"><Icon icon="ant-design:more-outlined" :size="20" /></a-button>
|
||||||
|
|
@ -64,11 +64,14 @@
|
||||||
</a-col>
|
</a-col>
|
||||||
</a-row>
|
</a-row>
|
||||||
|
|
||||||
<div style="float:right;bottom: 20px;z-index: 999;padding: 8px 16px;border-radius: 4px;display: flex;align-items: center;">
|
<div v-if="dataList.length>0" style="float:right;bottom: 20px;z-index: 999;padding: 8px 16px;border-radius: 4px;display: flex;align-items: center;">
|
||||||
<span style="margin-right: 10px;">共 {{ total }} 条数据</span>
|
<span style="margin-right: 10px;">共 {{ total }} 条数据</span>
|
||||||
<Pagination showLessItems v-model:current="current" :pageSize="pageSize" size="small"
|
<Pagination showLessItems v-model:current="current" :pageSize="pageSize" size="small"
|
||||||
show-quick-jumper :total="total" @change="onPageChange" />
|
show-quick-jumper :total="total" @change="onPageChange" />
|
||||||
</div>
|
</div>
|
||||||
|
<div v-if="dataList.length==0" style="text-align: center;width: 100%;margin-top: 50px;">
|
||||||
|
<a-empty description="暂无数据" />
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<!-- 表单区域 -->
|
<!-- 表单区域 -->
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue