# jlnk-screen

**Repository Path**: wweiwei1212/jlnk-screen

## Basic Information

- **Project Name**: jlnk-screen
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-05-26
- **Last Updated**: 2026-05-26

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 农发集团智慧农业综合管控平台

3840×1920（6:3 / 2:1）深色科技风大屏，适配 6m×3m 物理大屏。

## 页面导航

| 页面 | 文件 | 说明 |
|------|------|------|
| 汇总导览页 | `index.html` | 集团概况三栏大屏，底部四入口 |
| 农垦一张图 | `yizhangtu.html` | GIS 驾驶舱（768+2304+768 分栏） |

汇总导览页底部点击 **农垦一张图** → 进入 `yizhangtu.html`；一张图顶栏可 **返回汇总导览**。

## 快速启动

```bash
# 方式一：直接双击 index.html 用浏览器打开

# 方式二：本地 HTTP 服务（推荐）
npx serve .
# 或
python -m http.server 8080
```

浏览器访问后页面会自动等比缩放至当前窗口。

## 目录结构

```
├── index.html          # 汇总导览页
├── yizhangtu.html      # 农垦一张图 GIS 驾驶舱
├── css/style.css       # 汇总页样式
├── css/yizhangtu.css   # 一张图专属布局（768+2304+768）
├── js/data.js          # 子公司与图表数据
├── js/app.js           # 汇总页交互
├── js/yizhangtu-data.js# 一张图模拟数据
└── js/yizhangtu.js     # 一张图地图/图表/筛选/弹窗
```

## 布局规格

| 区域 | 尺寸 | 内容 |
|------|------|------|
| 顶部通栏 | 3840×320 | LOGO、导航、模式切换 |
| 左栏 | 1280×1200 | 集团概况（信息/环形图/时间轴/荣誉） |
| 中栏 | 1280×1200 | 经营核心数据（KPI/TOP5/土地利用） |
| 右栏 | 1280×1200 | 子公司汇总（统计/地图/列表） |
| 底部通栏 | 3840×400 | 四张驾驶舱导览入口卡片 |

## 交互

- 点击右侧地图标注点或子公司列表行 → 弹出详情弹窗
- 弹窗含 5 个标签页：基础信息 / 土地资源 / 经营数据 / 生产数据 / 设备数据
- 底部四入口：农垦一张图（已跳转）、土地资源开发公司一张图、粮食集团一张图、食品公司一张图

## 农垦一张图布局（3840×1920）

| 区域 | 尺寸 | 内容 |
|------|------|------|
| 顶栏 | 3840×240 | 返回、图层开关、权限切换、全局筛选 |
| 左栏 | 768×1440 | 土地分布、经营分布、录入统计、高标农田、盐碱地 |
| 中栏 | 2304×1440 | GIS 卫星地图（多图层、地块/设备/农场交互） |
| 右栏 | 768×1440 | 作物、播收进度、物联网、气象、子公司汇总 |
| 底栏 | 3840×240 | 预警滚动、农场定位、图例总览 |

## AI 投喂线框图（复制用）

```
画布尺寸：3840px（宽） × 1920px（高），比例严格 6:3（2:1），深色大屏背景

┌────────────────────────────────────────────────────────────────────────────────────────────────────┐
│ 【顶部通栏 3840×320】                                                                              │
│ [LOGO] 农发集团智慧农业综合管控平台        首页｜土地资源｜经营管理｜种植生产｜物联网监控｜气象预警        [进入指挥中心大屏]  [汇报模式/驾驶舱模式] │
├───────────────────┬───────────────────┬───────────────────────────────┤
│ 左侧1280×1200     │ 中间1280×1200     │ 右侧1280×1200                  │
│ 【集团概况模块】  │【经营核心数据模块】│【下属子公司汇总模块】          │
│ 1.企业基础信息    │ 1.核心KPI卡片4个   │ 1.子公司全局汇总：总数、总经营面积、平均确权率、平均规模化率 │
│ 2.产业布局环形图  │ 2.农场土地TOP5横向柱状图 │ 2.吉林省卫星地图，标注白城牧场、镇南种羊场点位，可点击下钻 │
│ 3.发展历程时间轴  │ 3.土地利用类型环形饼图 │ 3.子公司信息列表 │
│ 4.企业荣誉资质卡片 │                   │ 【交互：点击地图点位/列表，弹出子公司详情弹窗，5标签页】 │
├───────────────────┴───────────────────┴───────────────────────────────┤
│ 【底部通栏 3840×400 驾驶舱导览入口，横向均匀4个大卡片】                │
│ ■ 农垦一张图   ■ 土地资源开发公司一张图   ■ 粮食集团一张图   ■ 食品公司一张图 │
└────────────────────────────────────────────────────────────────────────────────────────────────────┘
```