http://localhost:8080/ssm/booking/list 怎么展示在前端页面上

可以通过Ajax请求从后端获取预约详情数据，并在前端页面上展示。在你提供的代码中，已经定义了一个list方法，可以通过该方法向后端发送Ajax请求获取数据，然后将数据赋值给tableData属性，在表格中展示。

具体操作如下：

1. 修改list方法，将Ajax请求修改为：

list() {
  const that = this; // 保存this指针
  $.ajax({
    url: "http://localhost:8080/ssm/booking/list",
    type: "GET",
    dataType: "json",
    success: function (data) {
      // 将获取的数据赋值给tableData属性
      that.tableData = data;
    },
    error: function (error) {
      console.log(error);
    }
  });
}

2. 在created钩子函数中调用list方法：

created() {
  this.list();
}

这样，在页面加载时就会自动调用list方法，从后端获取预约详情数据并展示在表格中。

注意，由于跨域问题，需要在后端接口中设置允许跨域访问，或者使用代理服务器进行转发。同时，在前端代码中也需要将请求地址修改为正确的地址。