amis date 展示组件拿不到接口返回的字段值

pwuypxnk  于 2022-11-02  发布在  其他
关注(0)|答案(2)|浏览(316)
描述问题:

date展示组件无法取到接口返回字段的值

截图或视频:

如何复现(请务必完整填写下面内容):
  1. 你是如何使用 amis 的?
    amis可视化编辑器
  2. 粘贴有问题的完整 amis schema 代码:
{
  "type": "page",
  "title": "图像详情",
  "body": [
    {
      "type": "grid",
      "columns": [
        {
          "type": "grid",
          "columns": [
            {
              "type": "tpl",
              "tpl": "图像ID",
              "inline": false
            },
            {
              "type": "tpl",
              "tpl": "${id}-id",
              "inline": false
            }
          ]
        },
        {
          "type": "grid",
          "columns": [
            {
              "type": "tpl",
              "tpl": "类型",
              "inline": false
            },
            {
              "type": "mapping",
              "value": 2,
              "map": {
                "1": "普通",
                "2": "霸屏"
              }
            }
          ]
        },
        {
          "type": "grid",
          "columns": [
            {
              "type": "tpl",
              "tpl": "上传时间",
              "inline": false
            },
            {
              "type": "date",
              "format": "YYYY-MM-DD HH:mm:ss",
              "value": "$uploaded_at"
            }
          ]
        }
      ],
      "className": "m-lg"
    },
    {
      "type": "grid",
      "columns": [
        {
          "type": "grid",
          "columns": [
            {
              "type": "tpl",
              "tpl": "拍摄时间",
              "inline": false
            },
            {
              "type": "date",
              "format": "YYYY-MM-DD HH:mm:ss"
            }
          ]
        },
        {
          "type": "grid",
          "columns": [
            {
              "type": "tpl",
              "tpl": " ",
              "inline": false
            }
          ]
        },
        {
          "type": "grid",
          "columns": [
            {
              "type": "plain",
              "tpl": " ",
              "inline": false
            }
          ]
        }
      ],
      "className": "m-lg"
    },
    {
      "type": "grid",
      "columns": [
        {
          "type": "grid",
          "columns": [
            {
              "type": "tpl",
              "tpl": "拍摄地点",
              "inline": false
            },
            {
              "type": "tpl",
              "tpl": "${north_location} | ${south_location}",
              "inline": false
            }
          ]
        },
        {
          "type": "grid",
          "columns": [
            {
              "type": "tpl",
              "tpl": " ",
              "inline": false
            }
          ]
        },
        {
          "type": "grid",
          "columns": [
            {
              "type": "tpl",
              "tpl": " ",
              "inline": false
            }
          ]
        }
      ],
      "className": "m-lg"
    },
    {
      "type": "grid",
      "columns": [
        {
          "type": "grid",
          "columns": [
            {
              "type": "tpl",
              "tpl": "图像",
              "inline": false
            },
            {
              "type": "image",
              "src": "${image}"
            }
          ]
        },
        {
          "type": "grid",
          "columns": [
            {
              "type": "tpl",
              "tpl": " ",
              "inline": false
            }
          ]
        }
      ],
      "className": "m-lg"
    },
    {
      "type": "grid",
      "columns": [
        {
          "type": "grid",
          "columns": [
            {
              "type": "tpl",
              "tpl": "状态",
              "inline": false
            },
            {
              "type": "tpl",
              "tpl": "${id}-id",
              "inline": false
            }
          ]
        },
        {
          "type": "grid",
          "columns": []
        },
        {
          "type": "grid",
          "columns": [
            {
              "type": "tpl",
              "tpl": " ",
              "inline": false
            }
          ]
        }
      ],
      "className": "m-lg"
    },
    {
      "type": "grid",
      "columns": [
        {
          "type": "form",
          "title": "表单",
          "controls": [
            {
              "label": "ID",
              "type": "text",
              "name": "wish_id"
            }
          ],
          "submitText": "添加"
        },
        {
          "type": "tpl",
          "tpl": " ",
          "inline": false
        },
        {
          "type": "tpl",
          "tpl": " ",
          "inline": false
        }
      ]
    },
    {
      "type": "crud",
      "api": "",
      "columns": [
        {
          "name": "id",
          "label": "愿望ID",
          "type": "text"
        },
        {
          "name": "user_nick",
          "label": "用户昵称",
          "type": "text"
        },
        {
          "type": "text",
          "label": "用户ID",
          "name": "user_id"
        },
        {
          "type": "mapping",
          "label": "类型",
          "name": "type",
          "map": {
            "1": "普通",
            "2": "霸屏"
          }
        },
        {
          "type": "date",
          "label": "提交时间",
          "name": "created_at"
        },
        {
          "type": "text",
          "label": "详情",
          "name": "content"
        },
        {
          "type": "operation",
          "label": "操作",
          "name": "action",
          "buttons": [
            {
              "type": "button",
              "label": "删除",
              "actionType": "dialog",
              "dialog": {
                "title": "系统提示",
                "body": "对你点击了"
              },
              "level": "link"
            }
          ]
        }
      ]
    }
  ],
  "messages": {
    "fetchSuccess": "获取成功",
    "fetchFailed": "获取成功"
  },
  "initApi": "http://localhost:3000/image_detail?id=1",
  "initFetch": true
}
  1. 操作步骤
    正常添加展示组件
g52tjvyc

g52tjvyc1#

{
          "type": "date",
          "format": "YYYY-MM-DD HH:mm:ss",
          "name": "uploaded_at"
        }

改成这样试试

kt06eoxx

kt06eoxx2#

{
          "type": "date",
          "format": "YYYY-MM-DD HH:mm:ss",
          "name": "uploaded_at"
        }

改成这样试试

试了,还是不行

相关问题