# 食品安全H5移动端

## 检查任务页面 - 评估督导模块

### 新增功能

#### 1. 评估督导统计显示
- 显示任务名称、任务数量、已完成数
- 数据根据该人员每评估一家自动累计
- 实时计算完成率

#### 2. 红黑榜店上传功能
- 底部增加红色"红黑榜店上传"任务按钮
- 点击后显示评估督导的各细项
- 每个细项下可增加照片功能
- 最后附加其他照片上传功能

#### 3. 处理任务功能
- 点击"处理任务"按钮进入新界面
- 根据检查人员所处位置显示周边最近的店铺列表
- 默认显示餐饮店类型
- 筛选条件：店铺名称、店铺类型

#### 4. 店铺评估功能
- 点击店铺后弹出检查评分的细项页面
- 页面顶端显示该店铺的健康证信息：
  - 姓名
  - 性别
  - 健康证有效期（过期显示红色）
- 评定细分选项直接点击"是"或"否"（不使用下拉框）
- 评价表末尾有照片上传功能（必填项）

### 技术特性

- 响应式设计，适配PC浏览器模拟移动端
- 地理位置获取功能
- 图片预览和上传
- 实时数据统计
- 模块化界面切换

### 使用说明

1. 切换到"评估督导"标签页查看统计信息
2. 点击"红黑榜店上传"进行红黑榜评估
3. 点击任务列表中的"处理任务"进入店铺评估
4. 在店铺评估页面选择"是"或"否"进行评分
5. 上传必要的照片后提交评估

### 文件结构

```
食品安全H5/
├── pages/
│   └── 检查任务.html (主要功能页面)
├── css/
│   └── style.css (样式文件)
└── README.md (说明文档)
```