活性预测结果页
# 活性预测结果页
## 1. 右侧分类单：
### ①获取列表：
1) 获取用户选择的`category`，如癌细胞`cancer_cell`、病毒细胞`virus_cell`等，作为常用的索引键;
2) 该`category`下的`subcategory`，比如`virus_cell(category)`包括`RNA virus(subcategory)`和`DNA virus(subcategory)`;
获取方式：名为`category_list`的响应参数 是个字典对象，该字典中只有一个键值对，键即为`category`，值为很多个子键值对组成，子键为`subcategory`，子值为该`subcategory`囊括的模型名，如图
### ②展示成右侧的分类表格，供用户选择：
Category_list参数由```{category:{subcategory1:[],subcategory2:[]…}```组成，列表要展示的内容是
|category|
|--|
|subcategory1|
|subcategory2|
|subcategory3|
|…|
注意：因为传参使用的`category`、`subcategory`比较丑，不符合前端展示，所以需要做一个转换，转成用户乐意看的
转换方法：
```dict_for_show = {category:category_show}```(提供) ```category_show = dict_for_show[category]```，其余同理
|category_show|
|--|
|subcategory1_show|
|subcategory2_show|
|subcategory3_show|
|…|
## 2. 分类查看孔板：
点击右侧表格的某一个`subcategoryN_show`，左侧孔板显示该类`subcategory`的分数，因此要获取该`subcategory`的全部分数 用于给孔板
**获取方式**：名为data的响应参数 是个字典对象，用户本次提交多少个分子，就有多少个键值对，以两个分子为例：
```data={smile1:{subcategory1:{model1:score1_1,model2:score1_2},subcategory2:{model1:score2_1,model2:score2_2}}, smile2:{ subcategory1:{model1:score1_1,model2:score1_2},subcategory2:{model1:score2_1,model2:score2_2}}}```
可以根据`len(res[data][smile1][subcategory3])`这种方式获取模型数量来决定孔板size
## 3. 孔板分数显示：
根据分数的高低(范围0~1)决定颜色的深浅，如何实现和颜色可讨论
## 4. 下方列表展示