# 关于如何使用标签、关注、待办的独立应用


很多时候，客户有独立使用标签、关注、待办的场景，这时，仅需配置按钮跳转的相关路由，就能用起来，相关路由配置如下


## 单页页面


适用于整站规则，统一加<strong> /sp </strong>路由前缀，例如：


```js
   https://www.e-cology.com.cn/sp/my/tag //标签
   https://www.e-cology.com.cn/sp/my/follow //关注
   https://www.e-cology.com.cn/sp/my/todo //待办
```

待办效果图如下

![](https://im.weaver.com.cn/server/index.php?s=/api/attachment/visitFile&sign=ec51f701c330eb378a216b46fb9155a3)


## 关注页面


### 打开标准页面


```js
    /my/follow
```


### 仅打开指定模块的关注



```js
    /my/follow/{module} // 例如 https://weapp.mulinquan.cn/my/follow/workflow
```


### 隐藏侧边栏



```js
    /my/follow/{module} // 例如 https://weapp.mulinquan.cn/my/follow/workflow/noside
```


### 不显示相关提示信息


```js
    /my/follow/{module}/noside/notip // 例如 https://weapp.mulinquan.cn/my/follow/workflow/noside/notip
```


## 待办


### 打开标准页面


```js
    /my/todo
```


### 默认显示指定模块


```js
   /my/todo/index/all?module={module} // https://www.e-cology.com.cn/my/todo/index/all?module=workflow
```


### H5显示默认状态


```js
   /mobile/my/todo/work/{status} // https://www.e-cology.com.cn/mobile/my/todo/work/delay
```


注意：支持的状态有 doing/delay/all，分别对应进行中、已延期、全部

效果图如下

![](https://im.weaver.com.cn/server/index.php?s=/api/attachment/visitFile&sign=19cd3c25dc067b9fbbe1d2767bb61e3d)


### H5待办详情


```js
   /mobile/my/todo/work/{status}/detail/{id} // https://www.e-cology.com.cn/mobile/my/todo/work/all/detail/1229570393058902016
```


### H5待办编辑


```js
   /mobile/my/todo/work/{status}/editor/{id}/update // https://www.e-cology.com.cn/mobile/my/todo/work/all/editor/1229570393058902016/update
```


### H5待办新建


```js
   /mobile/my/todo/work/{status}/editor // https://www.e-cology.com.cn/mobile/my/todo/work/all/editor
```

## 标签

### 打开标准页面

```js
    /my/tag
```

## H5


统一适用于整站规则，统一加<strong> /mobile </strong>路由前缀，例如：


```js
   https://www.e-cology.com.cn/mobile/my/tag //标签
   https://www.e-cology.com.cn/sp/mobile/my/follow //关注
   https://www.e-cology.com.cn/sp/mobile/my/todo //待办
```
