# 畜牧资源页 ## 页面 在 `package-a/livestock-resources/index.vue` 编写页面。 - 布局参考 [养殖资讯.md](./养殖资讯.md) - `up-tabs`:无右侧自定义插槽;Tab 为 **专家团队、技术成果、共享仪器、视频课程** - 无 `up-popup` - 顶区搜索 + 虚拟列表 ## 接口 完整说明见 [畜牧资源接口说明](../../doc/app/畜牧资源/畜牧资源接口说明.md)。 ### 列表 | Tab | 请求 `type`(资源类型编码) | | --- | --- | | 专家团队 | `004002` | | 技术成果 | `004006` | | 共享仪器 | `004007` | | 视频课程 | `004008` | ```http GET /app/livestockResource/list?type=004006&title={关键字}&pageNum=1&pageSize=10 ``` 响应 `rows`:`id`、`sourceType`、`title`、`introduction`、`type`、`coverFileUrl`、`contentFileUrl`、`publishTime`。 - `sourceType`:`1` 医疗 / `2` 科技(与详情 `type` 参数一致) - 列表虚拟列表 key 优先 `sourceType-id` ### 详情 ```http GET /app/livestockResource/{id}?type=1 # biz_medical_resource 全字段 GET /app/livestockResource/{id}?type=2 # biz_tech_resource 全字段 ``` 前端封装:`api/livestockResource.js` → `getLivestockResource(id, type)`。 详情页(`news-detail`,`kind=livestock`)可从列表项携带 `resourceId`、`sourceType` 调用上述接口拉取源表全字段。