<template> <h1>部门管理</h1> <el-button type="primary" @click="fetchData" ><el-icon><Search /></el-icon> 搜索</el-button > <el-button type="success" @click="showAddDialog" ><el-icon><plus /></el-icon>新增</el-button > <el-button type="danger" @click="batchDelete" ><el-icon><delete /></el-icon>批量删除</el-button > <br /><br /> <el-table :data="tableData" border stripe @selection-change="handleSelectionChange"> <el-table-column type="selection" width="45" align="center" /> <el-table-column prop="id" label="ID" width="70" align="center" /> <el-table-column prop="name" label="姓名" min-width="100" /> <el-table-column label="头像" width="90" align="center" /> <el-table-column prop="gender" label="性别" width="80" align="center" /> <el-table-column prop="job" label="职位" min-width="120" /> <el-table-column prop="entrydate" label="入职时间" width="110" align="center" /> <el-table-column prop="createTime" label="创建时间" min-width="160" align="center" /> <el-table-column prop="updateTime" label="最后修改" min-width="160" align="center" /> <el-table-column label="操作" width="150" align="center" fixed="right"> <template #default="{ row }"> <div class="action-buttons"> <el-button size="small" type="primary" icon="el-icon-edit" @click="handleEdit(row)" >编辑</el-button > <el-button size="small" type="danger" icon="el-icon-delete" @click="handleDelete(row.id)" >删除</el-button > </div> </template> </el-table-column> </el-table> </template> 帮我根据前端所需要的数据生成mock云端假数据的json格式
时间: 2025-07-19 11:15:19 浏览: 2
以下是一个符合你前端页面所需的模拟云端假数据的 JSON 格式,用于开发和测试。该数据模拟了一个部门管理系统的员工列表数据,包括 ID、姓名、性别、职位、入职时间、创建时间、最后修改时间等字段。
```json
{
"tableData": [
{
"id": 1,
"name": "张三",
"gender": "男",
"job": "前端开发",
"entrydate": "2021-03-10",
"createTime": "2021-03-10 09:15:00",
"updateTime": "2023-08-15 14:22:30"
},
{
"id": 2,
"name": "李四",
"gender": "女",
"job": "产品经理",
"entrydate": "2020-11-05",
"createTime": "2020-11-05 10:30:00",
"updateTime": "2023-08-14 11:45:00"
},
{
"id": 3,
"name": "王五",
"gender": "男",
"job": "后端开发",
"entrydate": "2022-01-20",
"createTime": "2022-01-20 13:45:00",
"updateTime": "2023-08-12 09:30:00"
},
{
"id": 4,
"name": "赵六",
"gender": "女",
"job": "UI设计师",
"entrydate": "2021-09-14",
"createTime": "2021-09-14 08:55:00",
"updateTime": "2023-08-10 16:10:00"
},
{
"id": 5,
"name": "孙七",
"gender": "男",
"job": "测试工程师",
"entrydate": "2023-02-01",
"createTime": "2023-02-01 12:10:00",
"updateTime": "2023-08-09 10:20:00"
}
]
}
```
### 说明:
- `tableData` 是一个数组,用于绑定到你的 `<el-table :data="tableData">`。
- 每个对象代表一个员工,包含以下字段:
- `id`: 员工唯一标识。
- `name`: 员工姓名。
- `gender`: 性别,可选值为“男”或“女”。
- `job`: 职位名称。
- `entrydate`: 入职日期。
- `createTime`: 创建时间。
- `updateTime`: 最后一次修改时间。
你可以将这段 JSON 数据部署在本地 mock 服务器(如 [Mock.js](https://github.com/nuysoft/Mock)、[json-server](https://github.com/typicode/json-server))或直接作为响应返回给前端请求。
---
阅读全文
相关推荐















