SOURCE

let test = [
    {
        "approvalInitiatorDate": "",
        "approvalInitiatorUserId": 0,
        "approvalInitiatorUserName": "",
        "approvalInitiatorUserNo": "",
        "approvalProcessType": 0,
        "approvalStatus": 0,
        "createBy": "",
        "createName": "",
        "createNo": "",
        "createTime": "",
        "delFlag": 0,
        "id": 0,
        name: [],
        "projUserInfoApprovalDeailList": [
            {
                "approvalDate": "",
                "approvalOpinion": "",
                "approvalStatus": 0,
                "approvalStatusType": 0,
                "approvalUserDeptId": 0,
                "approvalUserDeptName": "",
                "approvalUserId": 0,
                "approvalUserName": "",
                "approvalUserNo": "",
                "approvalUserRoleCode": "",
                "approvalUserRoleName": "",
                "approvedByUserDeptId": 0,
                "approvedByUserDeptName": "",
                "approvedByUserId": 0,
                "approvedByUserName": "",
                "approvedByUserNo": "",
                "approvedByUserRoleCode": "",
                "approvedByUserRoleName": "",
                "createBy": "",
                "createName": "",
                "createNo": "",
                "createTime": "",
                "delFlag": 0,
                "id": 0,
                "projectId": 0,
                "remark": "",
                "updateBy": "",
                "updateTime": ""
            },
            {
                "approvalDate": "",
                "approvalOpinion": "",
                "approvalStatus": 0,
                "approvalStatusType": 0,
                "approvalUserDeptId": 0,
                "approvalUserDeptName": "",
                "approvalUserId": 0,
                "approvalUserName": "",
                "approvalUserNo": "",
                "approvalUserRoleCode": "",
                "approvalUserRoleName": "",
                "approvedByUserDeptId": 0,
                "approvedByUserDeptName": "",
                "approvedByUserId": 0,
                "approvedByUserName": "",
                "approvedByUserNo": "",
                "approvedByUserRoleCode": "",
                "approvedByUserRoleName": "",
                "createBy": "",
                "createName": "",
                "createNo": "",
                "createTime": "",
                "delFlag": 0,
                "id": 0,
                "projectId": 0,
                "remark": "",
                "updateBy": "",
                "updateTime": ""
            },
            {
                "approvalDate": "",
                "approvalOpinion": "",
                "approvalStatus": 0,
                "approvalStatusType": 0,
                "approvalUserDeptId": 0,
                "approvalUserDeptName": "",
                "approvalUserId": 0,
                "approvalUserName": "",
                "approvalUserNo": "",
                "approvalUserRoleCode": "",
                "approvalUserRoleName": "",
                "approvedByUserDeptId": 0,
                "approvedByUserDeptName": "",
                "approvedByUserId": 0,
                "approvedByUserName": "",
                "approvedByUserNo": "",
                "approvedByUserRoleCode": "",
                "approvedByUserRoleName": "",
                "createBy": "",
                "createName": "",
                "createNo": "",
                "createTime": "",
                "delFlag": 0,
                "id": 0,
                "projectId": 0,
                "remark": "",
                "updateBy": "",
                "updateTime": ""
            }, {
                "approvalDate": "",
                "approvalOpinion": "",
                "approvalStatus": 0,
                "approvalStatusType": 0,
                "approvalUserDeptId": 0,
                "approvalUserDeptName": "",
                "approvalUserId": 0,
                "approvalUserName": "",
                "approvalUserNo": "",
                "approvalUserRoleCode": "",
                "approvalUserRoleName": "",
                "approvedByUserDeptId": 0,
                "approvedByUserDeptName": "",
                "approvedByUserId": 0,
                "approvedByUserName": "",
                "approvedByUserNo": "",
                "approvedByUserRoleCode": "",
                "approvedByUserRoleName": "",
                "createBy": "",
                "createName": "",
                "createNo": "",
                "createTime": "",
                "delFlag": 0,
                "id": 0,
                "projectId": 0,
                "remark": "",
                "updateBy": "",
                "updateTime": ""
            }, {
                "approvalDate": "",
                "approvalOpinion": "",
                "approvalStatus": 0,
                "approvalStatusType": 0,
                "approvalUserDeptId": 0,
                "approvalUserDeptName": "",
                "approvalUserId": 0,
                "approvalUserName": "",
                "approvalUserNo": "",
                "approvalUserRoleCode": "",
                "approvalUserRoleName": "",
                "approvedByUserDeptId": 0,
                "approvedByUserDeptName": "",
                "approvedByUserId": 0,
                "approvedByUserName": "",
                "approvedByUserNo": "",
                "approvedByUserRoleCode": "",
                "approvedByUserRoleName": "",
                "createBy": "",
                "createName": "",
                "createNo": "",
                "createTime": "",
                "delFlag": 0,
                "id": 0,
                "projectId": 0,
                "remark": "",
                "updateBy": "",
                "updateTime": ""
            }
        ],
        "projectId": 0,
        "remark": "",
        "updateBy": "",
        "updateTime": ""
    }
]

<div class="nav">
    <div class="navs">
        <span>1</span>
        <span>2</span>
        <span>3</span>
    </div>
</div>