vue.js 表格表单序号

表格是动态的,通过v-for="(item,index) in sites" 循环出来的表格 ,通过index属性,实现表格序号自增,
结合页码和每页数量来进行处理。

                                **<td >	{{(current-1)*10+(index+1)}}**
                                	
                                </td>
                                <!-- 手机号 -->
                                <td>                                    	
                                    {{item.telephone}}
                                </td>
                                <!-- 姓名 -->
                                <td >
                                   {{item.username}}
                                   <!-- 授权角色 -->
                                <td >
                              		{{item.role==1?"业主":item.role==2?"维修":item.role==3?"保洁":item.role==4?"安保":item.role==5?"技术支持":""}}
                                </td>
								<!-- 体系认证 -->	
                                <td>
                                   {{item.checkstatus==1?"待审核":item.checkstatus==2?"已通过":item.checkstatus==3?"未通过":""}}
                                </td>
                                <!-- 证书编号 -->
                                 <td>
                                   {{item.authorization_no}}
                                </td>
                                <td >
                                	<div style="display:none">{{item.authorizaiton_pic}}</div>
                                   <a href="javascript:;" id="showPic_realame" @click="showPic($event)" data-target="#showpic" data-toggle="modal" v-bind:showpic="item.authorizaiton_pic">查看</a>
                                </td>
                                <td>{{item.create_date|formatTime('YMDHMS')}}</td>
                                <td v-bind:class="{red:(item.check_status==1)}">
                               		 <div style="display:none" >{{item.checkstatus}}</div>
                            		 {{item.checkstatus==1?"等待审核":item.checkstatus==2?"已通过":item.checkstatus==3?"已拒绝":""}}                            
                                </td>

在这里插入图片描述
在这里插入图片描述
第二页,序号从11开始。
current 是当前页数,10是每页显示的条数。

Logo

前往低代码交流专区

更多推荐