vue3+ts动态表单渲染，antd的useForm改造

努力努力再努力U

已于 2024-03-15 14:30:33 修改

阅读量863

点赞数 6

文章标签： windows vue.js 前端

于 2024-03-15 14:27:59 首次发布

本文链接：https://blog.youkuaiyun.com/qq_42980244/article/details/136738230

版权

    let fieldList: any = getFormFields(
      fieldInfo.coreNavigationList[0].list[0].list,
      fieldInfo.positionCodeRespVO,
      isCanBeUpdateProcess.value,
      isDetail.value === '1'
    );

fieldInfo数据格式：

{
    "name": "默认模板",
    "status": "ENABLE",
    "remark": "默认模板描述",
    "coreNavigationList": [
        {
            "id": "113",
            "menuId": "10000001",
            "coreName": "职位基础字段",
            "isBuiltIn": true,
            "status": "ENABLE",
            "list": [
                {
                    "createTime": "2023-05-16 11:22:50",
                    "updateTime": "2023-11-06 09:09:41",
                    "id": "216",
                    "menuId": "10000001",
                    "coreNavigationId": "113",
                    "coreClass": "com.lirenkeji.prt.business.ats.dal.entity.position.AtsPosition",
                    "coreName": "职位基础字段",
                    "coreKey": "ats_position",
                    "status": "ENABLE",
                    "list": [
                        {
                            "createTime": "2023-05-16 11:22:50",
                            "updateTime": "2024-01-16 10:19:04",
                            "id": "29005",
                            "coreNavigationGroupId": "216",
                            "coreKey": "name",
                            "coreName": "职位名称",
                            "coreField": "职位名称",
                            "tips": "1234",
                            "htmlType": "INPUT",
                            "isBuiltIn": true,
                            "isRequired": true,
                            "status": "ENABLE",
                            "sort": 0,
                            "convertNameField": "name",
                            "convertNameFieldStructure": null,
                            "tableName": null,
                            "coreCondition": {
                                &#