zcdsj
/
factory_web
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(hfnf): 工厂卡片改 flex 布局,5个卡片同一行排列 

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
shijing 2026-07-31 04:34:13 -04:00
parent 65c26f7d15
commit 3fc7f83e13
1 changed files with 11 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/views/fac_cal/hfnf_index.vue
View File

@ -25,8 +25,8 @@
</div> </div>
<!-- 工厂数据卡片 --> <!-- 工厂数据卡片 -->
<el-row :gutter="16" class="factory-row"> <div class="factory-row">
<el-col :xs="24" :sm="12" :md="6" v-for="(item, index) in factories" :key="item.name"> <div class="factory-col" v-for="(item, index) in factories" :key="item.name">
<div class="factory-card" :style="{ borderTopColor: item.color }" @click="goDetail(item)"> <div class="factory-card" :style="{ borderTopColor: item.color }" @click="goDetail(item)">
<div class="card-header"> <div class="card-header">
<div class="card-icon" :style="{ backgroundColor: item.bgColor }"> <div class="card-icon" :style="{ backgroundColor: item.bgColor }">
@ -51,8 +51,8 @@
</div> </div>
</div> </div>
</div> </div>
</el-col> </div>
</el-row> </div>
<!-- 图表区域 --> <!-- 图表区域 -->
<el-row :gutter="16" class="chart-row"> <el-row :gutter="16" class="chart-row">
@ -511,9 +511,16 @@ onBeforeUnmount(() => {
/* 工厂卡片 */ /* 工厂卡片 */
.factory-row { .factory-row {
display: flex;
gap: 16px;
margin-bottom: 16px; margin-bottom: 16px;
} }
.factory-col {
flex: 1 1 0;
min-width: 0;
}
.factory-card { .factory-card {
background: #fff; background: #fff;
border-radius: 10px; border-radius: 10px;