commit

src/main/resources/views/platform/zhghh5/staffmanage/member/info/board/index.html

@@ -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>

src/main/resources/views/platform/zhghh5/sys/home/home.js

@@ -22,7 +22,7 @@ const home = {
                                    @click="menuClick(item)"
                                    :key="item.id"
                                    :text="item.name">
-                        <img :src="item.icon"
+                        <img :src="item.picIcon"
                              slot="icon"
                              style="width: 40px; height: 40px"/>
                     </van-grid-item>