修改每行展示几个卡片

This commit is contained in:
yangjun 2025-09-22 09:08:55 +08:00
parent 7dbb11039a
commit 20eabffb20
1 changed files with 7 additions and 4 deletions

View File

@ -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>
<!-- 表单区域 --> <!-- 表单区域 -->