c-zhouhf1/zhgh_ncu
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

commit

Browse Source
This commit is contained in:
Paidax
2025-10-20 14:17:30 +08:00
parent 4434d7d243
commit 0209e4931d
48 changed files with 211 additions and 220 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/main/resources/views/platform/zhghh5/staffmanage/member/info/board/index.html
+45 -37
View File
@@ -67,30 +67,29 @@ layout("/layouts/platform_h5.html"){
overflow-x: hidden;
overflow-y: auto;
}
.data-box {
font-size: 13px;
margin: 12px 0;
.th-row {
height: 30px;
line-height: 30px;
padding: 0 12px;
background: #f8f8f8;
}
.td-row {
height: 30px;
line-height: 30px;
padding: 0 12px;
}
.data-box{
text-align: center;
font-size:13px;
margin:12px 0;
}
.common-ellipsis {
width: 80px;
height: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
.th-row,.td-row{
display:flex;
height:30px;
line-height:30px;
padding:0 12px;
}
.th-row{background:#f8f8f8;}
/* 关键：比例 + 最小宽度0 */
.col-index{flex:0 0 60px;} /* 序号固定60 */
.col-name{flex:1 1 120px;min-width:0;} /* 名称占剩余，最小120 */
.col-num{flex:0 0 80px;text-align:right;} /* 人数固定80 */
.common-ellipsis{
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
</style>
<div id="app" v-cloak>
@@ -169,20 +168,29 @@ layout("/layouts/platform_h5.html"){
<van-col span="24" class="center-col">
<div class="col-title">工会会员数</div>
<div id="unionMemberChart" style="width: 100%; height: 200px"></div>
<div class="data-box">
<van-row class="th-row" style="display: flex">
<van-col style="width: 80px">序号</van-col>
<van-col style="width: 200px">工会名称</van-col>
<van-col style="width: 80px">会员人数</van-col>
</van-row>
<van-row class="td-row" :style="{background:index %2==0?'#fff':'#fafafa'}" v-for="(item,index) in unionMember" :key="index">
<van-col class="common-ellipsis">{{index + 1}}</van-col>
<van-col style="width: 200px" class="common-ellipsis">{{item.unionname}}</van-col>
<van-col class="common-ellipsis">{{item.value}}</van-col>
</van-row>
</div>
<div class="data-box">
<!-- 表头 -->
<van-row class="th-row">
<van-col class="col-index">序号</van-col>
<van-col class="col-name">工会名称</van-col>
<van-col class="col-num">会员人数</van-col>
</van-row>
<!-- 数据行 -->
<van-row
class="td-row"
v-for="(item,index) in unionMember"
:key="index"
:style="{background:index%2?'#fafafa':'#fff'}"
>
<van-col class="col-index">{{ index+1 }}</van-col>
<van-col class="col-name common-ellipsis" :title="item.unionname">
{{ item.unionname }}
</van-col>
<van-col class="col-num">{{ item.value }}</van-col>
</van-row>
</div>
</van-col>
</van-row>
</div>