[文档] 适配新UI

doc/_content/ability/channel.md

@@ -8,15 +8,18 @@
 
 左侧树结构为行政区划结构, 通过数据鼠标右键可以操作,包括: 刷新节点,新建节点,编辑节点,删除节点,添加设备(
 可以将某个国标设备下的通道全部添加道某一个节点下),移除设备(可以将某个国标设备下的通道全部从这个节点移除)
-右侧伪通道列表, 对于非国标接入的设备只有配置了国标编号后才可以在这里进行操作, 添加状态选择"未添加"可以进行添加操作,选择"
-已添加"进行移除操作
-![刷新](_media/img_21.png)
+右侧伪通道列表, 对于非国标接入的设备只有配置了国标编号后才可以在这里进行操作。  
+选择左侧的节点后，可以点击右侧的“添加通道”， 选择需要的通道添加到改节点下，如果找不到通道， 可以选择“异常挂载通道”，点击清理后重新回来选择。
+![行政区划](_media/img_21.png)
 
 ## 业务分组
 
 左侧树结构为业务分组结构, 通过数据鼠标右键可以操作,包括: 刷新节点,新建节点,编辑节点,删除节点,添加设备(
 可以将某个国标设备下的通道全部添加道某一个节点下),移除设备(可以将某个国标设备下的通道全部从这个节点移除)
 业务分组下不能挂载设备,所以没有选择该节点的单选框.
-右侧伪通道列表, 对于非国标接入的设备只有配置了国标编号后才可以在这里进行操作, 添加状态选择"未添加"可以进行添加操作,选择"
-已添加"进行移除操作
-![刷新](_media/img_22.png)
+右侧为通道列表, 对于非国标接入的设备只有配置了国标编号后才可以在这里进行操作。  
+
+选择左侧的节点后，可以点击右侧的“添加通道”， 选择需要的通道添加到改节点下。  
+如果找不到通道， 可以选择“异常挂载通道”，点击清理后重新回来选择。  
+注意，根资源组下的那一级为业务分组类型不可以直接挂载设备，需要继续建立节点，后续的节点的都是虚拟组织类型， 就可以挂载通道了。
+![业务分组](_media/img_22.png)

doc/_content/ability/cloud_record.md

@@ -2,7 +2,7 @@
 
 # 云端录像
 
-![云端录像](_media/img_23.png)
+![云端录像](_media/img_26.png)
 云端录像是对录制在zlm服务下的录像文件的管理，录像的文件路径默认在ZLM/www/record下。
 
 - 国标设备是否录像: 可以再WVP的配置中user-settings.record-sip设置为true那么每次点播以及录像回放都会录像;

doc/_content/ability/node_manager.md

@@ -2,7 +2,7 @@
 
 # 节点管理
 
-![节点管理](_media/img_23.png)
+![节点管理](_media/img_26.png)
 
 WVP支持单个WVP多个ZLM的方案来扩展WVP的视频并发能力，并发点播是因为带宽和性能的原因，单个ZLM节点能支持的路数有限，所以WVP增加了ZLM集群来扩展并发并且保证ZLM的高可用。
 

doc/_content/introduction/compile.md

@@ -87,9 +87,9 @@ git clone https://github.com/648540858/wvp-GB28181-pro.git
 ### 5.2 编译前端页面
 
 ```shell script
-cd wvp-GB28181-pro/web_src/
+cd wvp-GB28181-pro/web/
 npm --registry=https://registry.npmmirror.com install
-npm run build
+npm npm run build:prod
 ```
 
 编译如果报错, 一般都是网络问题, 导致的依赖包下载失败  

doc/_content/introduction/config.md

@@ -44,10 +44,7 @@ wvp支持多种数据库，包括Mysql，Postgresql，金仓等，配置任选
 
 ```yaml
 spring:
-  dynamic:
-    primary: master
   datasource:
-      master:
     type: com.zaxxer.hikari.HikariDataSource
     driver-class-name: com.mysql.cj.jdbc.Driver
     url: jdbc:mysql://127.0.0.1:3306/wvp?useUnicode=true&characterEncoding=UTF8&rewriteBatchedStatements=true&serverTimezone=PRC&useSSL=false&allowMultiQueries=true
@@ -61,8 +58,6 @@ spring:
 
 ```yaml
 spring:
-  dynamic:
-    primary: master
   datasource:
     type: com.zaxxer.hikari.HikariDataSource
     driver-class-name: org.postgresql.Driver
@@ -80,8 +75,6 @@ pagehelper:
 
 ```yaml
 spring:
-  dynamic:
-    primary: master
   datasource:
     type: com.zaxxer.hikari.HikariDataSource
     driver-class-name: com.kingbase8.Driver
@@ -89,6 +82,7 @@ spring:
     username: root
     password: 12345678
     
+
 pagehelper:
   helper-dialect: postgresql
 ```

doc/_content/introduction/deployment.md

@@ -41,19 +41,7 @@ nohup ./MediaServer -d -m 3 &
 
 ### 前后端分离部署
 
-前后端部署目前在最新的版本已经支持，请使用3月15日之后的版本部署
-前端编译后的文件在`src/main/resources/static`中，将此目录下的文件部署。
-WVP默认开启全部接口支持跨域。部署前端文件到WEB容器，并将访问的地址设置为WVP的地址即可。
-**配置前端服务器**
-
-1. 在`src/main/resources/static/static/js/config.js`下配置服务器的地址，也就是wvp服务的地址
-
-```javascript
-window.baseUrl = "http://xxx.com:18080"
-```
-
-`这里的地址是需要客户电脑能访问到的，因为请求是客户端电脑发起，与代理不同`  
-[接入设备](./_content/ability/device.md)
+前端基于 [vue-admin-template](https://github.com/PanJiaChen/vue-admin-template/blob/master/README-zh.md) 构建， 参考这儿即可。
 
 ### 默认账号和密码
 

doc/_sidebar.md

@@ -10,7 +10,7 @@
     * [推流列表](_content/ability/push.md)
     * [拉流代理](_content/ability/proxy.md)
     * [云端录像](_content/ability/cloud_record.md)
-    * [节点管理](_content/ability/node_manger.md)
+    * [节点管理](_content/ability/node_manager.md)
     * [通道管理](_content/ability/channel.md)
     * [国标级联](_content/ability/cascade2.md)
 * **流程与原理**